text/css style.css ( ASCII text, with very long lines, with CRLF line terminators ) text/css style.css ( ASCII text, with very long lines, with CRLF line terminators ) 130.Hub .hubFilterButton, .Hub .hubCategoryButton, .Hub .hubResetButton, .Hub .hubShowFilterButton { -webkit-transition: color 400ms; -webkit-transition-delay: ease; -moz-transition: color 400ms ease; -o-transition: color 400ms ease; transition: color 400ms ease; border: 0; padding: 0; background: none; margin: 0; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 14px; letter-spacing: 0.02em; line-height: 1.286; -webkit-text-size-adjust: none; color: #4a4f54; } .innerd{background: rgba(197,197,197,0.5); font-size: 25px; display: block; text-align: center; padding: 10px; margin-top: 70px;line-height: 33px;} body { -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } body { padding: 0px !important; } .blinking{ animation:blinkingText 0.8s infinite; } @keyframes blinkingText{ 0%{ color: #3f9ed2;} 49%{ color: transparent; } 50%{ color: transparent; } 99%{ color:transparent; } 100%{ color: #000; } } .Hub .hubFilterButton:hover, .Hub .hubCategoryButton:hover, .Hub .hubResetButton:hover, .Hub .hubShowFilterButton:hover { color: #0c121c; } .bulletsLine { padding-left: 1em; margin-left: 0; } .bulletsLine li { list-style: none; position: relative; line-height: 1.286em; margin-bottom: 1.286em; } .bulletsLine li:before { content: "\2013"; position: absolute; left: -1em; } .bulletsNumbers { padding-left: 1.5em; margin-left: 0; } .bulletsNumbers li { line-height: 1.286em; margin-bottom: 1.286em; list-style-type: decimal; } 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; } body { line-height: 1; } 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; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .GridListWrapper[data-wrapper="float"] .items:before, .OffersContainer .offer .offerMainFrame:before, .clearfix:after, .GridListWrapper[data-wrapper="float"] .items:after, .OffersContainer .offer .offerMainFrame:after { content: " "; display: table; } .clearfix:after, .GridListWrapper[data-wrapper="float"] .items:after, .OffersContainer .offer .offerMainFrame:after { clear: both; } .clearfix, .GridListWrapper[data-wrapper="float"] .items, .OffersContainer .offer .offerMainFrame { *zoom: 1; } @-webkit-keyframes spinit { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spinit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @font-face { font-family: "icons"; src: url("../resources/public/fonts/icons/icons-cfee3f4b618ec00f1a40192e480643af.eot"); src: url("../resources/public/fonts/icons/icons-cfee3f4b618ec00f1a40192e480643af.eot?#iefix") format("embedded-opentype"), url("../resources/public/fonts/icons/icons-cfee3f4b618ec00f1a40192e480643af.woff") format("woff"), url("/resources/public/fonts/icons/icons-cfee3f4b618ec00f1a40192e480643af.ttf") format("truetype"), url("#") format("svg"); font-weight: normal; font-style: normal; } .icon, [class^="icon-"]:before, [class*=" icon-"]:before, .secondaryLinkWithStyle:before, .mediaOverlay.mediaOverlayImage .mediaOverlayIcon:before, .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before, .infoCard .mobileStateBtn:before, .infoCard.openInfoCard .mobileStateBtn:before, .infoCardDealer .cardDetails .services li.sales:before, .infoCardDealer .cardDetails .services li.service:before, .infoCardDealer .cardDetails .services li.repair:before, .infoCardDealer .cardDetails .services li.bodyshop:before, .infoCardDealer .cardDetails .services li.parts:before, .infoCardDealer .cardDetails .services li.partsonly:before, .carousel .rsArrow.rsArrowLeft .rsArrowIcn:before, .carousel .rsArrow.rsArrowRight .rsArrowIcn:before, .carouselNavigation>div a.prev:before, .carouselNavigation>div a.next:before, .sliderControls .handleInner:before, .sliderControls .handleInner:after, a.directionArrow.left span:before, a.directionArrow.right span:before, .scrollButton:after, .profileLinks li a.facebook .ico:before, .profileLinks li a.instagram .ico:before, .profileLinks li a.pinterest .ico:before, .profileLinks li a.twitter .ico:before, .profileLinks li a.youtube .ico:before, .profileLinks li a.tumblr .ico:before, .Article .richText .tickList li:before, .Compare .ComparisonTable .accordion-group .accordion-toggle-icon.open:after, .Compare .ComparisonTable .accordion-group .accordion-toggle-icon.closed:after, .Compare .swiper-container .prev:before, .Compare .swiper-container .next:before, .DefenderJourneyCarousel .swiper-container .left div:before, .DefenderJourneyCarousel .swiper-container .right div:before, .DefenderJourneyCarousel .swiper-slide.video .cover-image .play:after, .DefenderJourneyStoryMap #map-controls .control.plus:after, .DefenderJourneyStoryMap #map-controls .control.minus:after, .DefenderJourneyStoryMap #map-controls .control.recenter:after, .back-to-top a:before, .DefenderJourneyMap .journey-container #list-view .list-container:after, .DefenderJourneyMap .journey-container #map-controls .control.locate:after, .DefenderJourneyMap .journey-container #map-controls .control.plus:after, .DefenderJourneyMap .journey-container #map-controls .control.minus:after, .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured:before, .DefenderJourneyMap #filter-bar .chevron:after, .DefenderJourneyMap #filter-bar .chevron.left:before, .DefenderJourneyMap .journey-card .close:after, .DefenderJourneyStoryDetail .explore-more a:before, .DefenderJourneyStoryDetail .journey-summary .from:before, .DefenderJourneyStoryDetail .journey-summary .to:after, .DropdownNav .selected:before, .DropdownNav.active .selected:before, .DropdownSelect .selected:before, .DropdownSelect.open .selected:before, .EngineSpecifications th:first-child a:before, .ExperienceCentres .infoCard .cardDetails .experiencesHeading:before, .ExperienceRegions .infoCard .regionStats .numberOfCentres:before, .ExperienceRegions .infoCard .regionStats .numberOfCountries:before, .FooterNav .hygieneLinks li a.toggleHandle:after, .FooterNav .hygieneLinks li.open a.toggleHandle:after, a.mfp-close:before, .Fullscreen .fullscreenHeader #filmstripToggle:after, .Fullscreen .fullscreenHeader #filmstripToggle.on:after, .Fullscreen .galleryCategoriesBtn:before, .Fullscreen.shared a.mfp-close:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before, .GesturedVideoSequence .play-button:after, .GesturedVideoSequence .data-slides .controls div.prev:before, .GesturedVideoSequence .data-slides .controls div.next:before, .Hub .hubItem.featured .hubItemInner:after, .IgniteBarV1 li>a div.addThis:before, .IgniteBarV2 .toggle .toggleBtn .toggleCross .toggleCrossIcon:before, .InPageNavigation .ipnBar .ipnTopLink:before, .InPageSubNavigation .chooseModel>a:before, .InPageSubNavigation .chooseModel .back:before, .Interior360 .control.plus:after, .Interior360 .control.minus:after, .MainNavigation ul li.vehicles span:after, .MainNavigation ul li.vehicles.activeOverlay span:after, .MainNavigation .SearchButton>a:before, .MainNavigation .SearchButton button:before, .MainNavigation .SearchButton .inactiveSearchButton:before, .MainNavigation .MoreButton a:before, .MainNavigation .LocationButton a:before, .ModelSelector .modelSelectorHeader .backButton:after, .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomIn:before, .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomOut:before, #landrover .NationalDealerLocatorResults .backToDealer:before, #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .landRoverToYou:before, .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .mapCloseButton:before, .NotificationBar .notificationContainer .close span:before, .ParallaxHero .buttonScreenDown .inner:after, .QuotePlayer .mejs-play button:before, .QuotePlayer.finished .mejs-play button:before, .QuotePlayer .mejs-pause button:before, .ReviewRatingBadge .ratingStarsItem:after, .responsiveTableArrow .leftArrow:before, .responsiveTableArrow .rightArrow:before, .ScrollDown:after, .ShoppingToolsMenu li.ShoppingToolsButton>a:after, .SlideOutMenu ul.first>li>a:after, .SlideOutMenu ul.first>li ul li a:before, .SocialFeed .feedItem .content .header .postDetails .retweet:before, .SocialFeed .feedItem.facebook .content .meta:before, .SocialFeed .feedItem.facebook .content .meta .comments:before, .SocialFeed .feedItem.facebook .content .meta .likes:before, .SocialFeed .feedItem.facebook .content .meta .shares:before, .SocialFeed .feedItem.instagram .content .meta:before, .SocialFeed .feedItem.instagram .content .meta .comments:before, .SocialFeed .feedItem.instagram .content .meta .likes:before, .SocialFeed .feedItem.pinterest .content .meta:before, .SocialFeed .feedItem.pinterest .content .meta .likes:before, .SocialFeed .feedItem.pinterest .content .meta .shares:before, .SocialFeed .feedItem.twitter .content .meta:before, .SocialFeed .feedItem.twitter .content .meta .likes:before, .SocialFeed .feedItem.twitter .content .meta .shares:before, .SocialFeed .feedItem.tumblr .content .meta:before, .SocialFeed .feedItem.tumblr .content .meta .likes:before, .SocialFeed .feedItem.tumblr .content .meta .shares:before, .SocialFeed .feedItem.youtube .content .meta:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-video-icon:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.instagram:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.youtube:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.facebook:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.googleplus:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share:before, .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .stry-menu-link:before, .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link.selected:before, .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-menu-button .stry-menu-link:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.googleplus .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .stry-share-open:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:before, .SocialStoryStreamWidget .stry-widget .list-item.twitter .front:before, .SocialStoryStreamWidget .stry-widget .list-item.instagram .front:before, .SocialStoryStreamWidget .stry-widget .list-item.youtube .front:before, .SocialStoryStreamWidget .stry-widget .list-item.facebook .front:before, .SocialStoryStreamWidget .stry-widget .list-item.googleplus .front:before, .SocialStoryStreamWidget .stry-widget .list-item.video .front:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.googleplus .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share:before, .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close:before, .addThisMenu>a>span:before, .SocialSharing a.addthis_button_twitter>span:before, .SocialSharing a.addthis_button_facebook>span:before, .SocialSharing a.addthis_button_linkedin>span:before, .SocialSharing a.addthis_button_google_plusone_share>span:before, .SocialSharing a.addthis_button_tumblr>span:before, .SocialSharing a.addthis_button_sinaweibo>span:before, .SocialSharing a.addthis_button_pinterest_share>span:before, .SocialSharing a.addthis_button_douban>span:before, .SocialSharing a.addthis_button_vkontakt>span:before, .SocialSharing a.addthis_button_renren>span:before, .SocialSharing a.addthis_button_email>span:before, .SocialSharing span.icon-social_wechat:before, .SocialSharing a.addthis_button_whatsapp>span:before, .SocialSharing a.addthis_button_expanded>span:before, #at3win #at3winheader #at3winheaderclose:before, .StoryArticleImage.imageWithAudio .mejs-button.mejs-play button:before, .StoryArticleImage.imageWithAudio .mejs-button.mejs-pause button:before, .StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play button:before, .StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play button:before, .StoryArticleImage.imageWithAudio.finished .mejs-play button:before, .StorySocialLinks .links li.facebook a .ico:before, .StorySocialLinks .links li.instagram a .ico:before, .StorySocialLinks .links li.pinterest a .ico:before, .StorySocialLinks .links li.share a .ico:before, .StorySocialLinks .links li.tumblr a .ico:before, .StorySocialLinks .links li.twitter a .ico:before, .StorySocialLinks .links li.youtube a .ico:before, .SubNavigation .SubNavigationContainer .SubNavigationModels li a:after, .SubNavigation .SubNavigationContainer .SubNavigationButtons:after, .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip, html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles span:after, .VehicleSpecifications .openAll .open:before, .VehicleSpecifications .backToTop .open:before, .VehicleSpecifications .openAll .close:before, .VehicleSpecifications .backToTop .close:before, .VehicleSpecifications .backToTop:before, .VehicleSpecifications .specDetails>ul>li>a:after, .VehicleSpecifications .specDetails>ul>li.active>a:after, .VehicleSpecifications .imageListKey ul li.standard:before, .VehicleSpecifications .imageListKey ul li.optional:before, .VehicleSpecifications .imageListKey ul li.nocostoption:before, .VehicleSpecifications .imageList>li span.standard:after, .VehicleSpecifications .imageList>li span.optional:after, .VehicleSpecifications .imageList>li span.nocostoption:after, .VideoPlayer .mejs-controls .mejs-playpause-button button:before, .VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause button:before, .VideoPlayer .mejs-controls .mejs-captions-button button:before, .VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled button:before, .VideoPlayer .mejs-controls .mejs-volume-button button:before, .VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute button:before, .VideoPlayer .mejs-controls .mejs-fullscreen-button button:before, .VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:before, .VideoPlayer[data-audio="false"] .mejs-controls .mejs-volume-button button:before, .VinRecall .search .vinLink:after, .YouTubePlayer .playButton:before { font-family: "icons"; 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; text-transform: none; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } [class^="icon-"]:before, [class*=" icon-"]:before { content: '\e800'; } .icon-360-view:before { content: "\e001"; } .icon-accessories:before { content: "\e002"; } .icon-arrow-down:before { content: "\e003"; } .icon-back-to-top:before { content: "\e004"; } .icon-bars:before { content: "\e005"; } .icon-bodyshop:before { content: "\e006"; } .icon-bond:before { content: "\e007"; } .icon-calculate-trade-in-value:before { content: "\e008"; } .icon-captions-on:before { content: "\e009"; } .icon-captions:before { content: "\e00a"; } .icon-chevron-down:before { content: "\e00b"; } .icon-chevron-up:before { content: "\e00c"; } .icon-close:before { content: "\e00d"; } .icon-close_v2:before { content: "\e00e"; } .icon-directional-left:before { content: "\e00f"; } .icon-directional-right:before { content: "\e010"; } .icon-dj-grass:before { content: "\e011"; } .icon-dj-gravel-rocks:before { content: "\e012"; } .icon-dj-mud-ruts:before { content: "\e013"; } .icon-dj-on-road:before { content: "\e014"; } .icon-dj-sand:before { content: "\e015"; } .icon-dj-snow-ice:before { content: "\e016"; } .icon-dj-water:before { content: "\e017"; } .icon-download:before { content: "\e018"; } .icon-drag-arrow-down:before { content: "\e019"; } .icon-drag-arrow-left:before { content: "\e01a"; } .icon-drag-arrow-right:before { content: "\e01b"; } .icon-drag-arrow-up:before { content: "\e01c"; } .icon-driveoffroad:before { content: "\e01d"; } .icon-driveonroad:before { content: "\e01e"; } .icon-fax:before { content: "\e01f"; } .icon-filter:before { content: "\e020"; } .icon-finance-calculator:before { content: "\e021"; } .icon-fullscreen-exit:before { content: "\e022"; } .icon-fullscreen:before { content: "\e023"; } .icon-gallery-categories:before { content: "\e024"; } .icon-ignite-brochure:before { content: "\e025"; } .icon-ignite-configure:before { content: "\e026"; } .icon-ignite-drive:before { content: "\e027"; } .icon-ignite-inform:before { content: "\e028"; } .icon-information:before { content: "\e029"; } .icon-inventory:before { content: "\e02a"; } .icon-land-rover-to-you:before { content: "\e02b"; } .icon-left-open-big:before { content: "\e02c"; } .icon-location:before { content: "\e02d"; } .icon-map-pin:before { content: "\e02e"; } .icon-minus:before { content: "\e02f"; } .icon-new-star:before { content: "\e030"; } .icon-nocostoption:before { content: "\e031"; } .icon-offers:before { content: "\e032"; } .icon-optional:before { content: "\e033"; } .icon-parts:before { content: "\e034"; } .icon-pause:before { content: "\e035"; } .icon-phone:before { content: "\e036"; } .icon-play:before { content: "\e037"; } .icon-plus:before { content: "\e038"; } .icon-print:before { content: "\e039"; } .icon-question-mark:before { content: "\e03a"; } .icon-quote-left-mena:before { content: "\e03b"; } .icon-quote-left:before { content: "\e03c"; } .icon-quote-right-mena:before { content: "\e03d"; } .icon-quote-right:before { content: "\e03e"; } .icon-repair:before { content: "\e03f"; } .icon-replay:before { content: "\e040"; } .icon-request-quote:before { content: "\e041"; } .icon-right-open-big:before { content: "\e042"; } .icon-search:before { content: "\e043"; } .icon-service:before { content: "\e044"; } .icon-share:before { content: "\e045"; } .icon-social-facebook-comment:before { content: "\e046"; } .icon-social-facebook-like:before { content: "\e047"; } .icon-social-facebook-share:before { content: "\e048"; } .icon-social-instagram-comment:before { content: "\e049"; } .icon-social-instagram-like:before { content: "\e04a"; } .icon-social-pinterest-like:before { content: "\e04b"; } .icon-social-pinterest-pin:before { content: "\e04c"; } .icon-social-twitter-favourite:before { content: "\e04d"; } .icon-social-twitter-retweet:before { content: "\e04e"; } .icon-social_blogger:before { content: "\e04f"; } .icon-social_douban:before { content: "\e050"; } .icon-social_facebook:before { content: "\e051"; } .icon-social_google:before { content: "\e052"; } .icon-social_instagram:before { content: "\e053"; } .icon-social_linkedin:before { content: "\e054"; } .icon-social_pinterest:before { content: "\e055"; } .icon-social_renren:before { content: "\e056"; } .icon-social_sinaweibo:before { content: "\e057"; } .icon-social_tumblr:before { content: "\e058"; } .icon-social_twitter:before { content: "\e059"; } .icon-social_vkontakt:before { content: "\e05a"; } .icon-social_wechat:before { content: "\e05b"; } .icon-social_whatsapp:before { content: "\e05c"; } .icon-social_youtube:before { content: "\e05d"; } .icon-sound-off:before { content: "\e05e"; } .icon-sound-on:before { content: "\e05f"; } .icon-standard:before { content: "\e060"; } .icon-subtitles-on:before { content: "\e061"; } .icon-subtitles:before { content: "\e062"; } .icon-svo:before { content: "\e063"; } .icon-thumbnail_view:before { content: "\e064"; } .icon-tick:before { content: "\e065"; } .icon-view-vehicles:before { content: "\e066"; } .icon-zoom:before { content: "\e067"; } .icon-zoom_in:before { content: "\e068"; } .icon-zoom_out:before { content: "\e069"; } html { min-height: 100%; position: relative; overflow-x: hidden; } body { color: #ffffff; height: 100%; background-color: #4a4f54; } body:not(.isFullscreen) { max-width: 3000px; margin: 0 auto; } .lt-ie9 body { position: relative; margin: 0 auto; max-width: 3000px; } @media screen and (min-width: 1px) and (max-width: 740px) { html { height: auto !important; } img.image { width: 100%; } .mb-wht{background:#e6e6e6!important} .mb-hide{display:none} .desk-hide{display:block!important} .draggableImg.draggableImg1,.draggableImg.draggableImg2,.draggableImg.draggableImg3,.draggableImg.draggableImg4,.draggableImg.draggableImg5,.draggableImg.draggableImg6,.draggableImg.draggableImg7,.draggableImg.draggableImg8{width:250px!important} .draggableImg.draggableImg1 .textContent,.draggableImg.draggableImg2 .textContent,.draggableImg.draggableImg3 .textContent,.draggableImg.draggableImg4 .textContent,.draggableImg.draggableImg5 .textContent,.draggableImg.draggableImg6 .textContent,.draggableImg.draggableImg7 .textContent,.draggableImg.draggableImg8 .textContent{width:265px!important} #timeline .viewport{height: 349px !important;} #timeline .scrollbar{top: 327px !important;} #timeline_container{ height: 465px !important;} #timeline .column{height: 104px;} #timeline .milestones .content{width:8500px!important} .mytimeline{height:490px!important} .pc85{width:85%!important} #timeline .viewport .images img{width:100%} #trade-fairs-archives{width:100%!important} span.heading.heading5.cntr{ display: inline-block!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: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } @media screen and (min-width: 1px) and (max-width: 900px) { .padSides { padding-left: 60px; padding-right: 60px; } .mob-imgg{width:100%} } #logo { position: absolute; top: 0; left: 0; z-index: 10; } #logo h1 { height: 100%; } #logo a { position: relative; display: block; } #logo img { width: 290px; /* height: 78px; */ position: absolute; top: 24px; left: 36px; } .no-js #logo img { height: 60px; } .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: 3000px; 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%; } .c100{display:none!important} .c100 > span {display:none!important} } @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%; } } @media screen and (min-width: 768px) { .destop-hide{display:none!important} } .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 15px; vertical-align: top; } .GridListWrapper .items .el img { display: block; width: 100%; height: auto; margin-bottom: 14px; } .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: 11px; color: #4a4f54; } .GridListWrapper .items .el .heading { margin-bottom: 22px; } .GridListWrapper .items .el .mytop { margin-bottom: 22px; margin-top:-24px; } .GridListWrapper .items .el .price { color: #4a4f54; font-family: "avenir", "arial", "helvetica", sans-serif; display: block; font-weight: normal; font-size: 11px; letter-spacing: 2px; margin-bottom: 13px; } .GridListWrapper .items .el .secondaryLinkWithStyle { margin-top: 24px; } .GridListWrapper .items[data-total="4"] .el, .GridListWrapper .items[data-total="7"] .el, .GridListWrapper .items[data-total="8"] .el { width: 24%; } .GridListWrapper .items[data-total="1"] .el, .GridListWrapper .items[data-total="2"] .el { width: 49%; } .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: 3000px; padding: 0; position: relative; padding-top: 0; } .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: 25px auto 0; font-size: 18px; } .headerBlock.headerBlockH3 .subHeading { font-size: 14px; margin-top: 16px; } .headerBlock.headerBlockWithForm { margin-bottom: 40px; } .GridListWrapper .headerBlock { padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 1px) and (max-width: 900px) { .headerBlock { margin-bottom: 40px; } .headerBlock .subHeading { font-size: 16px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .headerBlock { margin-bottom: 30px; } .headerBlock .subHeading { max-width: none; font-size: 14px; } .headerBlock.headerBlockH3:not(.headerBlockH3CentreSmall), .headerBlock.headerBlockH3:not(.headerBlockH3CentreSmall) .heading { text-align: left; } .headerBlock.headerBlockWithForm { margin-bottom: 30px; } } .headerBlock.headerBlockLeft { margin-bottom: 40px; } .headerBlock.headerBlockLeft, .headerBlock.headerBlockLeft .subHeading { text-align: inherit; } .headerBlock.headerBlockLeft .subHeading { font-family: "lr_ot4", "arial", "helvetica", sans-serif; margin: 25px 0 0 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; } .heading.headingLinear .headingWrapper, .heading.headingFocus .headingWrapper { display: inline-block; position: relative; padding: 0.188em 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.175em; 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; -webkit-font-smoothing: subpixel-antialiased; } .heading .headingWrapper:before, .heading .headingWrapper:after { background-color: #0c121c; } .headingLight { color: #ffffff; -webkit-font-smoothing: antialiased; } .headingLight .headingWrapper:before, .headingLight .headingWrapper:after { background-color: #ffffff; } .headingLightGrey { color: #ffffff; -webkit-font-smoothing: antialiased; } .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; } } .light .heading, .light .heading a, .no-js .lightWhenNoJS .heading, .no-js .lightWhenNoJS .heading a { color: #0c121c; -webkit-font-smoothing: subpixel-antialiased; } .light .heading .headingWrapper:before, .light .heading .headingWrapper:after, .light .heading a .headingWrapper:before, .light .heading a .headingWrapper:after, .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 { color: #ffffff; -webkit-font-smoothing: antialiased; } .dark .heading .headingWrapper:before, .dark .heading .headingWrapper:after, .dark .heading a .headingWrapper:before, .dark .heading a .headingWrapper:after { background-color: #ffffff; } .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(#); background-position: 0px -5420px; width: 30px; height: 22px; } .spriteFlag-AF { background-image: url(#); background-position: 0px -2924px; width: 30px; height: 22px; } .spriteFlag-AG { background-image: url(#); background-position: 0px -44px; width: 30px; height: 22px; } .spriteFlag-AL { background-image: url(#); background-position: 0px -76px; width: 30px; height: 22px; } .spriteFlag-AM { background-image: url(#); background-position: 0px -108px; width: 30px; height: 22px; } .spriteFlag-AN { background-image: url(#); background-position: 0px -140px; width: 30px; height: 22px; } .spriteFlag-AO { background-image: url(#); background-position: 0px -172px; width: 30px; height: 22px; } .spriteFlag-AR { background-image: url(#); background-position: 0px -204px; width: 30px; height: 22px; } .spriteFlag-AT { background-image: url(#); background-position: 0px -236px; width: 30px; height: 22px; } .spriteFlag-AU { background-image: url(#); background-position: 0px -268px; width: 30px; height: 22px; } .spriteFlag-AW { background-image: url(#); background-position: 0px -300px; width: 30px; height: 22px; } .spriteFlag-AZ { background-image: url(#); background-position: 0px -332px; width: 30px; height: 22px; } .spriteFlag-BA { background-image: url(#); background-position: 0px -364px; width: 30px; height: 22px; } .spriteFlag-BB { background-image: url(#); background-position: 0px -396px; width: 30px; height: 22px; } .spriteFlag-BD { background-image: url(#); background-position: 0px -428px; width: 30px; height: 22px; } .spriteFlag-BE { background-image: url(#); background-position: 0px -460px; width: 30px; height: 22px; } .spriteFlag-BF { background-image: url(#); background-position: 0px -492px; width: 30px; height: 22px; } .spriteFlag-BG { background-image: url(#); background-position: 0px -524px; width: 30px; height: 22px; } .spriteFlag-BH { background-image: url(#); background-position: 0px -556px; width: 30px; height: 22px; } .spriteFlag-BI { background-image: url(#); background-position: 0px -588px; width: 30px; height: 22px; } .spriteFlag-BJ { background-image: url(#); background-position: 0px -620px; width: 30px; height: 22px; } .spriteFlag-BL { background-image: url(#); background-position: 0px -652px; width: 30px; height: 22px; } .spriteFlag-BM { background-image: url(#); background-position: 0px -684px; width: 30px; height: 22px; } .spriteFlag-BN { background-image: url(#); background-position: 0px -716px; width: 30px; height: 22px; } .spriteFlag-BR { background-image: url(#); background-position: 0px -748px; width: 30px; height: 22px; } .spriteFlag-BS { background-image: url(#); background-position: 0px -780px; width: 30px; height: 22px; } .spriteFlag-BT { background-image: url(#); background-position: 0px -812px; width: 30px; height: 22px; } .spriteFlag-BY { background-image: url(#); background-position: 0px -844px; width: 30px; height: 22px; } .spriteFlag-BZ { background-image: url(#); background-position: 0px -876px; width: 30px; height: 22px; } .spriteFlag-CA { background-image: url(#); background-position: 0px -908px; width: 30px; height: 22px; } .spriteFlag-CD { background-image: url(#); background-position: 0px -940px; width: 30px; height: 22px; } .spriteFlag-CG { background-image: url(#); background-position: 0px -972px; width: 30px; height: 22px; } .spriteFlag-CH { background-image: url(#); background-position: 0px -1004px; width: 30px; height: 22px; } .spriteFlag-CI { background-image: url(#); background-position: 0px -1036px; width: 30px; height: 22px; } .spriteFlag-CL { background-image: url(#); background-position: 0px -1068px; width: 30px; height: 22px; } .spriteFlag-CM { background-image: url(#); background-position: 0px -1100px; width: 30px; height: 22px; } .spriteFlag-CN { background-image: url(#); background-position: 0px -1132px; width: 30px; height: 22px; } .spriteFlag-CO { background-image: url(#); background-position: 0px -1164px; width: 30px; height: 22px; } .spriteFlag-CR { background-image: url(#); background-position: 0px -1196px; width: 30px; height: 22px; } .spriteFlag-CV { background-image: url(#); background-position: 0px -1228px; width: 30px; height: 22px; } .spriteFlag-CY { background-image: url(#); background-position: 0px -1260px; width: 30px; height: 22px; } .spriteFlag-CZ { background-image: url(#); background-position: 0px -1292px; width: 30px; height: 22px; } .spriteFlag-DE { background-image: url(#); background-position: 0px -1324px; width: 30px; height: 22px; } .spriteFlag-DJ { background-image: url(#); background-position: 0px -1356px; width: 30px; height: 22px; } .spriteFlag-DK { background-image: url(#); background-position: 0px -1388px; width: 30px; height: 22px; } .spriteFlag-DM { background-image: url(#); background-position: 0px -1420px; width: 30px; height: 22px; } .spriteFlag-DO { background-image: url(#); background-position: 0px -1452px; width: 30px; height: 22px; } .spriteFlag-DZ { background-image: url(#); background-position: 0px -1484px; width: 30px; height: 22px; } .spriteFlag-EC { background-image: url(#); background-position: 0px -1516px; width: 30px; height: 22px; } .spriteFlag-EE { background-image: url(#); background-position: 0px -1548px; width: 30px; height: 22px; } .spriteFlag-EG { background-image: url(#); background-position: 0px -1580px; width: 30px; height: 22px; } .spriteFlag-EH { background-image: url(#); background-position: 0px -1612px; width: 30px; height: 22px; } .spriteFlag-ER { background-image: url(#); background-position: 0px -1644px; width: 30px; height: 22px; } .spriteFlag-ES { background-image: url(#); background-position: 0px -1676px; width: 30px; height: 22px; } .spriteFlag-ET { background-image: url(#); background-position: 0px -1708px; width: 30px; height: 22px; } .spriteFlag-FI { background-image: url(#); background-position: 0px -1740px; width: 30px; height: 22px; } .spriteFlag-FJ { background-image: url(#); background-position: 0px -1772px; width: 30px; height: 22px; } .spriteFlag-FK { background-image: url(#); background-position: 0px -1804px; width: 30px; height: 22px; } .spriteFlag-FR { background-image: url(#); background-position: 0px -1836px; width: 30px; height: 22px; } .spriteFlag-GA { background-image: url(#); background-position: 0px -1868px; width: 30px; height: 22px; } .spriteFlag-GB { background-image: url(#); background-position: 0px -1900px; width: 30px; height: 22px; } .spriteFlag-GD { background-image: url(#); background-position: 0px -1932px; width: 30px; height: 22px; } .spriteFlag-GE { background-image: url(#); background-position: 0px -1964px; width: 30px; height: 22px; } .spriteFlag-GH { background-image: url(#); background-position: 0px -1996px; width: 30px; height: 22px; } .spriteFlag-GI { background-image: url(#); background-position: 0px -2028px; width: 30px; height: 22px; } .spriteFlag-GM { background-image: url(#); background-position: 0px -2060px; width: 30px; height: 22px; } .spriteFlag-GN { background-image: url(#); background-position: 0px -2092px; width: 30px; height: 22px; } .spriteFlag-GQ { background-image: url(#); background-position: 0px -2124px; width: 30px; height: 22px; } .spriteFlag-GR { background-image: url(#); background-position: 0px -2156px; width: 30px; height: 22px; } .spriteFlag-GT { background-image: url(#); background-position: 0px -2188px; width: 30px; height: 22px; } .spriteFlag-GW { background-image: url(#); background-position: 0px -2220px; width: 30px; height: 22px; } .spriteFlag-GY { background-image: url(#); background-position: 0px -2252px; width: 30px; height: 22px; } .spriteFlag-HK { background-image: url(#); background-position: 0px -2284px; width: 30px; height: 22px; } .spriteFlag-HN { background-image: url(#); background-position: 0px -2316px; width: 30px; height: 22px; } .spriteFlag-HR { background-image: url(#); background-position: 0px -2348px; width: 30px; height: 22px; } .spriteFlag-HT { background-image: url(#); background-position: 0px -2380px; width: 30px; height: 22px; } .spriteFlag-HU { background-image: url(#); background-position: 0px -2412px; width: 30px; height: 22px; } .spriteFlag-ID { background-image: url(#); background-position: 0px -2444px; width: 30px; height: 22px; } .spriteFlag-IE { background-image: url(#); background-position: 0px -2476px; width: 30px; height: 22px; } .spriteFlag-IL { background-image: url(#); background-position: 0px -2508px; width: 30px; height: 22px; } .spriteFlag-IN { background-image: url(#); background-position: 0px -2540px; width: 30px; height: 22px; } .spriteFlag-IQ { background-image: url(#); background-position: 0px -2572px; width: 30px; height: 22px; } .spriteFlag-IS { background-image: url(#); background-position: 0px -2604px; width: 30px; height: 22px; } .spriteFlag-IT { background-image: url(#); background-position: 0px -2636px; width: 30px; height: 22px; } .spriteFlag-JM { background-image: url(#); background-position: 0px -2668px; width: 30px; height: 22px; } .spriteFlag-JO { background-image: url(#); background-position: 0px -2700px; width: 30px; height: 22px; } .spriteFlag-JP { background-image: url(#); background-position: 0px -2732px; width: 30px; height: 22px; } .spriteFlag-KE { background-image: url(#); background-position: 0px -2764px; width: 30px; height: 22px; } .spriteFlag-KH { background-image: url(#); background-position: 0px -2796px; width: 30px; height: 22px; } .spriteFlag-KM { background-image: url(#); background-position: 0px -2828px; width: 30px; height: 22px; } .spriteFlag-KN { background-image: url(#); background-position: 0px -2860px; width: 30px; height: 22px; } .spriteFlag-KR { background-image: url(#); background-position: 0px -2892px; width: 30px; height: 22px; } .spriteFlag-KW { background-image: url(#); background-position: 0px -5868px; width: 30px; height: 22px; } .spriteFlag-KY { background-image: url(#); background-position: 0px -2956px; width: 30px; height: 22px; } .spriteFlag-KZ { background-image: url(#); background-position: 0px -2988px; width: 30px; height: 22px; } .spriteFlag-LA { background-image: url(#); background-position: 0px -3020px; width: 30px; height: 22px; } .spriteFlag-LB { background-image: url(#); background-position: 0px -3052px; width: 30px; height: 22px; } .spriteFlag-LC { background-image: url(#); background-position: 0px -3084px; width: 30px; height: 22px; } .spriteFlag-LK { background-image: url(#); background-position: 0px -3116px; width: 30px; height: 22px; } .spriteFlag-LR { background-image: url(#); background-position: 0px -3148px; width: 30px; height: 22px; } .spriteFlag-LT { background-image: url(#); background-position: 0px -3180px; width: 30px; height: 22px; } .spriteFlag-LU { background-image: url(#); background-position: 0px -3212px; width: 30px; height: 22px; } .spriteFlag-LV { background-image: url(#); background-position: 0px -3244px; width: 30px; height: 22px; } .spriteFlag-MA { background-image: url(#); background-position: 0px -3276px; width: 30px; height: 22px; } .spriteFlag-MD { background-image: url(#); background-position: 0px -3308px; width: 30px; height: 22px; } .spriteFlag-ME { background-image: url(#); background-position: 0px -3340px; width: 30px; height: 22px; } .spriteFlag-MG { background-image: url(#); background-position: 0px -3372px; width: 30px; height: 22px; } .spriteFlag-MK { background-image: url(#); background-position: 0px -3404px; width: 30px; height: 22px; } .spriteFlag-ML { background-image: url(#); background-position: 0px -3436px; width: 30px; height: 22px; } .spriteFlag-MM { background-image: url(#); background-position: 0px -3468px; width: 30px; height: 22px; } .spriteFlag-MN { background-image: url(#); background-position: 0px -3500px; width: 30px; height: 22px; } .spriteFlag-MR { background-image: url(#); background-position: 0px -3532px; width: 30px; height: 22px; } .spriteFlag-MT { background-image: url(#); background-position: 0px -3564px; width: 30px; height: 22px; } .spriteFlag-MU { background-image: url(#); background-position: 0px -3596px; width: 30px; height: 22px; } .spriteFlag-MW { background-image: url(#); background-position: 0px -3628px; width: 30px; height: 22px; } .spriteFlag-MX { background-image: url(#); background-position: 0px -3660px; width: 30px; height: 22px; } .spriteFlag-MY { background-image: url(#); background-position: 0px -3692px; width: 30px; height: 22px; } .spriteFlag-MZ { background-image: url(#); background-position: 0px -3724px; width: 30px; height: 22px; } .spriteFlag-NC { background-image: url(#); background-position: 0px -3756px; width: 30px; height: 22px; } .spriteFlag-NE { background-image: url(#); background-position: 0px -3788px; width: 30px; height: 22px; } .spriteFlag-NG { background-image: url(#); background-position: 0px -3820px; width: 30px; height: 22px; } .spriteFlag-NI { background-image: url(#); background-position: 0px -3852px; width: 30px; height: 22px; } .spriteFlag-NL { background-image: url(#); background-position: 0px -3884px; width: 30px; height: 22px; } .spriteFlag-NO { background-image: url(#); background-position: 0px -3916px; width: 30px; height: 22px; } .spriteFlag-NP { background-image: url(#); background-position: 0px -3948px; width: 30px; height: 22px; } .spriteFlag-NY { background-image: url(#); background-position: 0px -3980px; width: 30px; height: 22px; } .spriteFlag-NZ { background-image: url(#); background-position: 0px -4012px; width: 30px; height: 22px; } .spriteFlag-OM { background-image: url(#); background-position: 0px -4044px; width: 30px; height: 22px; } .spriteFlag-PA { background-image: url(#); background-position: 0px -4076px; width: 30px; height: 22px; } .spriteFlag-PE { background-image: url(#); background-position: 0px -4108px; width: 30px; height: 22px; } .spriteFlag-PF { background-image: url(#); background-position: 0px -4140px; width: 30px; height: 22px; } .spriteFlag-PG { background-image: url(#); background-position: 0px -4172px; width: 30px; height: 22px; } .spriteFlag-PH { background-image: url(#); background-position: 0px -4204px; width: 30px; height: 22px; } .spriteFlag-PK { background-image: url(#); background-position: 0px -4236px; width: 30px; height: 22px; } .spriteFlag-PL { background-image: url(#); background-position: 0px -4268px; width: 30px; height: 22px; } .spriteFlag-PS { background-image: url(#); background-position: 0px -4300px; width: 30px; height: 22px; } .spriteFlag-PT { background-image: url(#); background-position: 0px -4332px; width: 30px; height: 22px; } .spriteFlag-PY { background-image: url(#); background-position: 0px -4364px; width: 30px; height: 22px; } .spriteFlag-QA { background-image: url(#); background-position: 0px -4396px; width: 30px; height: 22px; } .spriteFlag-RI { background-image: url(#); background-position: 0px -4428px; width: 30px; height: 22px; } .spriteFlag-RO { background-image: url(#); background-position: 0px -4460px; width: 30px; height: 22px; } .spriteFlag-RS { background-image: url(#); background-position: 0px -4492px; width: 30px; height: 22px; } .spriteFlag-RU { background-image: url(#); background-position: 0px -4524px; width: 30px; height: 22px; } .spriteFlag-RW { background-image: url(#); background-position: 0px -4556px; width: 30px; height: 22px; } .spriteFlag-SA { background-image: url(#); background-position: 0px -4588px; width: 30px; height: 22px; } .spriteFlag-SC { background-image: url(#); background-position: 0px -4620px; width: 30px; height: 22px; } .spriteFlag-SD { background-image: url(#); background-position: 0px -4652px; width: 30px; height: 22px; } .spriteFlag-SE { background-image: url(#); background-position: 0px -4684px; width: 30px; height: 22px; } .spriteFlag-SG { background-image: url(#); background-position: 0px -4716px; width: 30px; height: 22px; } .spriteFlag-SI { background-image: url(#); background-position: 0px -4748px; width: 30px; height: 22px; } .spriteFlag-SK { background-image: url(#); background-position: 0px -4780px; width: 30px; height: 22px; } .spriteFlag-SL { background-image: url(#); background-position: 0px -4812px; width: 30px; height: 22px; } .spriteFlag-SN { background-image: url(#); background-position: 0px -4844px; width: 30px; height: 22px; } .spriteFlag-SO { background-image: url(#); background-position: 0px -4876px; width: 30px; height: 22px; } .spriteFlag-SR { background-image: url(#); background-position: 0px -4908px; width: 30px; height: 22px; } .spriteFlag-SS { background-image: url(#); background-position: 0px -4940px; width: 30px; height: 22px; } .spriteFlag-ST { background-image: url(#); background-position: 0px -4972px; width: 30px; height: 22px; } .spriteFlag-SV { background-image: url(#); background-position: 0px -5004px; width: 30px; height: 22px; } .spriteFlag-TC { background-image: url(#); background-position: 0px -5036px; width: 30px; height: 22px; } .spriteFlag-TD { background-image: url(#); background-position: 0px -5068px; width: 30px; height: 22px; } .spriteFlag-TG { background-image: url(#); background-position: 0px -5100px; width: 30px; height: 22px; } .spriteFlag-TH { background-image: url(#); background-position: 0px -5132px; width: 30px; height: 22px; } .spriteFlag-TN { background-image: url(#); background-position: 0px -5164px; width: 30px; height: 22px; } .spriteFlag-TR { background-image: url(#); background-position: 0px -5196px; width: 30px; height: 22px; } .spriteFlag-TT { background-image: url(#); background-position: 0px -5228px; width: 30px; height: 22px; } .spriteFlag-TW { background-image: url(#); background-position: 0px -5260px; width: 30px; height: 22px; } .spriteFlag-TY { background-image: url(#); background-position: 0px -5292px; width: 30px; height: 22px; } .spriteFlag-TZ { background-image: url(#); background-position: 0px -5324px; width: 30px; height: 22px; } .spriteFlag-UA { background-image: url(#); background-position: 0px -5356px; width: 30px; height: 22px; } .spriteFlag-UG { background-image: url(#); background-position: 0px -5388px; width: 30px; height: 22px; } .spriteFlag-UK-small { background-image: url(#); background-position: 0px -22px; width: 19px; height: 12px; } .spriteFlag-UK { background-image: url(#); background-position: 0px -5452px; width: 30px; height: 22px; } .spriteFlag-US { background-image: url(#); background-position: 0px -5484px; width: 30px; height: 22px; } .spriteFlag-UY { background-image: url(#); background-position: 0px -5516px; width: 30px; height: 22px; } .spriteFlag-VG { background-image: url(#); background-position: 0px -5548px; width: 30px; height: 22px; } .spriteFlag-VN { background-image: url(#); background-position: 0px -5580px; width: 30px; height: 22px; } .spriteFlag-XI { background-image: url(#); background-position: 0px -5612px; width: 30px; height: 22px; } .spriteFlag-XK { background-image: url(#); background-position: 0px -5644px; width: 30px; height: 22px; } .spriteFlag-XM { background-image: url(#); background-position: 0px -5676px; width: 30px; height: 22px; } .spriteFlag-XX { background-image: url(#); background-position: 0px -5708px; width: 30px; height: 22px; } .spriteFlag-YE { background-image: url(#); background-position: 0px -5740px; width: 30px; height: 22px; } .spriteFlag-ZA { background-image: url(#); background-position: 0px -5772px; width: 30px; height: 22px; } .spriteFlag-ZM { background-image: url(#); background-position: 0px -5804px; width: 30px; height: 22px; } .spriteFlag-ZW { background-image: url(#); background-position: 0px -5836px; width: 30px; height: 22px; } .spriteFlag-flag-uk { background-image: url(#); background-position: 0px 0px; width: 19px; height: 12px; } .spriteIcon-carousel-cta { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px 0px; width: 7px; height: 10px; } .spriteIcon-carousel-plus { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -99px; width: 30px; height: 30px; } .spriteIcon-cursor-next { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -161px; width: 32px; height: 32px; } .spriteIcon-cursor-prev { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -129px; width: 32px; height: 32px; } .spriteIcon-fullscreenclose { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -307px; width: 80px; height: 80px; } .spriteIcon-left_arrow { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -47px; width: 16px; height: 26px; } .spriteIcon-pin { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -269px; width: 30px; height: 38px; } .spriteIcon-pin_acitve { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -193px; width: 30px; height: 38px; } .spriteIcon-pin_active { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -231px; width: 30px; height: 38px; } .spriteIcon-right_arrow { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -73px; width: 16px; height: 26px; } .spriteIcon-search-transparent { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -10px; width: 17px; height: 17px; } .spriteIcon-zoom-icon { background-image: url(/resources/public/images/sprites/spriteIcons.png); background-position: 0px -27px; width: 20px; height: 20px; } .ieOnly, .ieOnlyInline { display: none; } .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; } } img.alignLeft { float: left; margin: 5px 18px 18px 0; } img.alignRight { float: right; margin: 5px 0 18px 18px; } p>a { text-decoration: none; border-bottom: 1px solid; } .dark a { color: #e4e8e8; border-bottom-color: rgba(228, 232, 232, 0.25) !important; } .grey a, .light a, .white a, .no-js .lightWhenNoJS a { color: #4a4f54; border-bottom-color: rgba(74, 79, 84, 0.25) !important; } .primaryLinks { text-align: left; } .primaryLinksCentre { text-align: center; } .primaryLinksRight { text-align: right; } .primaryLinkContainer, .secondaryLinkContainer { line-height: 0; display: block; } .ctaContainer { margin-top: 80px; text-align: center; } #landrover .ctaContainer a { margin: 0; vertical-align: top; } .primaryLinkWithStyle { display: inline-table; min-width: 125px; height: 45px; line-height: 12px; margin-top: 30px; padding: 1px 24px 0; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: bold; text-align: center; text-decoration: none; font-size: 10px; letter-spacing: 0.3em; cursor: pointer; border: 0; -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: color 0.4s, background-color 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: color 0.4s, background-color 0.4s; -o-transition: color 0.4s, background-color 0.4s; transition: color 0.4s, background-color 0.4s; overflow: hidden; *zoom: 1; } .primaryLinkWithStyle>span { display: table-cell; vertical-align: middle; } .primaryLinkWithStyle.disabled { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; cursor: default; } input.primaryLinkWithStyle { display: inline-block; } #landrover .primaryLinkWithStyle { background-color: #0c121c; color: #ffffff; } #landrover .primaryLinkWithStyle:hover { background-color: #ffffff; color: #0c121c; } #landrover .primaryLinkWithStyle.disabled:hover { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .primaryLinkWithStyle:focus { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .primaryLinkWithStyle.disabled:focus { background-color: #0c121c; color: #ffffff; } #landrover .plwsLight, #landrover .plwsTransparentLight { background-color: #ffffff; color: #0c121c; } #landrover .plwsLight:hover, #landrover .plwsTransparentLight:hover { background-color: #0c121c; color: #ffffff; } #landrover .plwsLight.disabled:hover, #landrover .plwsTransparentLight.disabled:hover { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .plwsLight:focus, #landrover.focusStylesOn .plwsTransparentLight:focus { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .plwsLight.disabled:focus, #landrover.focusStylesOn .plwsTransparentLight.disabled:focus { background-color: #ffffff; color: #0c121c; } #landrover .plwsExtreme { background-color: #f2681d; color: #ffffff; } #landrover .plwsExtreme:hover { background-color: #ffffff; color: #f2681d; } #landrover .plwsExtreme.disabled:hover { background-color: #f2681d; color: #ffffff; } #landrover.focusStylesOn .plwsExtreme:focus { background-color: #ffffff; color: #f2681d; } #landrover.focusStylesOn .plwsExtreme.disabled:focus { background-color: #f2681d; color: #ffffff; } #landrover .light .plwsLight, #landrover .light .plwsTransparentLight, #landrover .grey .plwsLight, #landrover .grey .plwsTransparentLight { background-color: #0c121c; color: #ffffff; } #landrover .light .plwsLight:hover, #landrover .light .plwsTransparentLight:hover, #landrover .grey .plwsLight:hover, #landrover .grey .plwsTransparentLight:hover { background-color: #ffffff; color: #0c121c; } #landrover .light .plwsLight.disabled:hover, #landrover .light .plwsTransparentLight.disabled:hover, #landrover .grey .plwsLight.disabled:hover, #landrover .grey .plwsTransparentLight.disabled:hover { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .light .plwsLight:focus, #landrover.focusStylesOn .light .plwsTransparentLight:focus, #landrover.focusStylesOn .grey .plwsLight:focus, #landrover.focusStylesOn .grey .plwsTransparentLight:focus { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .light .plwsLight.disabled:focus, #landrover.focusStylesOn .light .plwsTransparentLight.disabled:focus, #landrover.focusStylesOn .grey .plwsLight.disabled:focus, #landrover.focusStylesOn .grey .plwsTransparentLight.disabled:focus { background-color: #0c121c; color: #ffffff; } #landrover .dark .primaryLinkWithStyle { background-color: #ffffff; color: #0c121c; } #landrover .dark .primaryLinkWithStyle:hover { background-color: #0c121c; color: #ffffff; } #landrover .dark .primaryLinkWithStyle.disabled:hover { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .dark .primaryLinkWithStyle:focus { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .dark .primaryLinkWithStyle.disabled:focus { background-color: #ffffff; color: #0c121c; } #landrover .dark .plwsExtreme { background-color: #f2681d; color: #ffffff; } #landrover .dark .plwsExtreme:hover { background-color: #ffffff; color: #f2681d; } #landrover .dark .plwsExtreme.disabled:hover { background-color: #f2681d; color: #ffffff; } #landrover.focusStylesOn .dark .plwsExtreme:focus { background-color: #ffffff; color: #f2681d; } #landrover.focusStylesOn .dark .plwsExtreme.disabled:focus { background-color: #f2681d; color: #ffffff; } .primaryLinkWithStyle[class^="icon-"], .primaryLinkWithStyle[class*=" icon-"] { padding-left: 49px; position: relative; } .primaryLinkWithStyle[class^="icon-"]:before, .primaryLinkWithStyle[class*=" icon-"]:before { font-size: 20px; position: absolute; top: 23px; left: 15px; line-height: 0; } .primaryLinkWithStyle.icon-ignite-brochure:before { font-size: 18px; } .primaryLinkWithStyle.icon-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-ignite-inform:before { font-size: 18px; top: 24px; } .primaryLinkWithStyle.icon-inventory:before { font-size: 18px; top: 21px; } .primaryLinkWithStyle.icon-driveoffroad:before { top: 22px; } .primaryLinkWithStyle.icon-new-star:before { font-size: 17px; top: 21px; } .secondaryLinkWithStyle, .ContentBlocksContainer .ctaListLink { line-height: 1.25; font-weight: bold; font-size: 10px; letter-spacing: 0.15em; text-decoration: none; border: 0; } .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; -webkit-transition-delay: 0s, 0s; -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; } .secondaryLinkWithStyle:before { content: '\e042'; position: absolute; top: 1px; left: -4px; } .primaryLinkContainer+.secondaryLinkWithStyle, .primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle { margin-top: 28px; } #landrover .secondaryLinkWithStyle { color: #858585; } #landrover .secondaryLinkWithStyle:hover { color: #4a4f54; text-shadow: none; } #landrover.focusStylesOn .secondaryLinkWithStyle:focus { color: #4a4f54; text-shadow: none; } #landrover .dark .secondaryLinkWithStyle { color: #adafb2; } #landrover .dark .secondaryLinkWithStyle:hover { color: #e4e8e8; text-shadow: none; } #landrover.focusStylesOn .dark .secondaryLinkWithStyle:focus { color: #e4e8e8; text-shadow: none; } .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: 3000px; 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: rgba(0, 0, 0, 0); transition: background-color 0.4s; } .lt-ie9 .mediaOverlay .mediaOverlayBg { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; background-color: #000000; } .mediaOverlay.mediaOverlayOpaque .mediaOverlayBg { background-color: rgba(0, 0, 0, 0.1); } .lt-ie9 .mediaOverlay.mediaOverlayOpaque { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; } .mediaOverlay .mediaOverlayIcon { position: absolute; } .mediaOverlay .mediaOverlayIcon:before { font-family: "icons"; color: #ffffff; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .mediaOverlay.mediaOverlayImage .mediaOverlayIcon { right: 15px; bottom: 13px; } .mediaOverlay.mediaOverlayImage .mediaOverlayIcon:before { content: '\e023'; font-size: 22px; } .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:before { content: '\e037'; text-align: center; font-size: 42px; width: 100%; margin: 0; } .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:after { content: ''; height: 100%; width: 0; } .mediaOverlay:hover .mediaOverlayBg, a:hover .mediaOverlay .mediaOverlayBg { background-color: rgba(0, 0, 0, 0.4); } .lt-ie9 .mediaOverlay:hover .mediaOverlayBg, .lt-ie9 a:hover .mediaOverlay .mediaOverlayBg { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; background-color: #000000; } .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; } body { font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 14px; letter-spacing: 0.02em; line-height: 1.286; -webkit-text-size-adjust: none; color: #4a4f54; } strong, b { font-weight: 700; } em, i { font-style: italic; } small, sup, sub { font-size: 0.786em; } sup { vertical-align: top; line-height: 1; } sub { vertical-align: sub; } a { color: #ffffff; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.7em; line-height: 1; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-weight: 700; color: #0c121c; } 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: 1.5px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: normal; } #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; } .dark { background-color: #fff; color: #e4e8e8; } .grey { background-color: #e9ecec; color: #4a4f54; } .light, .white, .no-js .lightWhenNoJS { background-color: #f8f9f9; color: #4a4f54; } #landrover .darkText { color: #4a4f54; } .button, button { background-color: rgba(255, 255, 255, 0); border: 1px solid #ffffff; display: block; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition-duration: 0.5s; -khtml-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .button:hover, button:hover { color: #333; background-image: none; background-color: white; border: 1px solid #ffffff; } .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], input[type=email] { font-family: "avenir", "arial", "helvetica", sans-serif; border: none; font-size: 16px; padding: 12px 0px 12px 15px; height: 45px; width: 100%; color: #4a4f54; } input[type=checkbox] { background: #ffffff; } .infoCardLayout { background-color: #e4e8e8; padding-bottom: 40px; } .infoCardLayout .list { overflow: hidden; margin: 0 -20px; } .footerimage{width: 100%;} .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%; } .mob-imgg{width: 100% !important;} } @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%; } } .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 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 .itemMobile, .infoCard .cardDetails .cardData td .itemTablet { display: none; } .infoCard .cardDetails .cardData td .itemDescription:before { content: " "; } .infoCard .cardDetails .cardData a { text-decoration: none; } .infoCard .cardDetails .cardData tr.email td { word-wrap: break-word; word-break: break-all; } .infoCard .cardDetails .cardData tr.email td a { border-bottom: 1px solid rgba(74, 79, 84, 0.25); } .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: #000000; 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: '\e00b'; position: absolute; top: 15px; right: 25px; } .infoCard .mobileStateBtn .less { display: none; } .infoCard .mobileStateBtn .more { display: block; } .infoCard .primaryLinkWithStyle, .infoCard .secondaryLinkWithStyle { margin-top: 24px; } .rtl .infoCard .cardDetails .cardData th { padding-right: 0; padding-left: 15px; text-align: right; } .rtl .infoCard .mobileStateBtn { letter-spacing: 0; } .rtl .infoCard .mobileStateBtn:before { right: auto; left: 25px; } @media screen and (min-width: 741px) { .infoCard .cardDetails .mobile { display: block !important; } } @media screen and (min-width: 1px) and (max-width: 900px) { .infoCard .cardDetails .cardData tr td .itemDesktop { display: none; } .infoCard .cardDetails .cardData tr td .itemTablet { display: inline; } } @media screen and (min-width: 1px) and (max-width: 740px) { .infoCard { margin: 0 0 30px; } .infoCard .cardDetails .cardTitle { margin-bottom: 0; } .infoCard .cardDetails .cardData tr td .itemTablet { display: none; } .infoCard .cardDetails .cardData tr td .itemMobile { display: inline; } .touchCapability .infoCard .cardDetails .cardData tr.tel td a { cursor: pointer; border-bottom: 1px solid #ffffff; } .touchCapability .infoCard .cardDetails .cardData tr.tel td a:hover { border-color: inherit; } .infoCard .cardDetails .toggleContent, .infoCard .cardDetails .mobile { display: none; overflow: hidden; } .infoCard .mobileStateBtn { display: block; } .infoCard.openInfoCard .mobileStateBtn:before { content: '\e00c'; } .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; } } .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: #ffffff; } #landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle:hover { background-color: #ffffff; color: #0c121c; } #landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle.disabled:hover { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .infoCardLayout.dark .infoCard .primaryLinkWithStyle:focus { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .infoCardLayout.dark .infoCard .primaryLinkWithStyle.disabled:focus { background-color: #0c121c; color: #ffffff; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle { color: #898c8f; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:hover { color: #4a4f54; text-shadow: none; } #landrover.focusStylesOn .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:focus { color: #4a4f54; text-shadow: none; } .infoCardDealer .cardHeader { background-position: 50% 50%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } .infoCardDealer .cardHeader.hasImage { min-height: 120px; } .infoCardDealer .cardHeader .excellence { background-color: #a4a7a9; color: #ffffff; padding: 10px 20px; } .infoCardDealer .cardDetails { display: block; } .infoCardDealer .cardDetails .cardTitle { display: block; position: relative; } .infoCardDealer .cardDetails .cardTitle .resultNumber { font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: normal; position: absolute; left: -10px; top: -5px; color: #ffffff; letter-spacing: 0.1em; padding-top: 8px; text-align: center; font-size: 12px; text-indent: 1px; } .infoCardDealer .cardDetails .cardTitle .distance { position: absolute; right: 0; top: 1px; font-size: 12px; color: #a4a7a9; font-family: "avenir", "arial", "helvetica", sans-serif; letter-spacing: 0.05em; font-weight: normal; } .infoCardDealer .cardDetails .cardTitle .dealerNameText { color: inherit; text-decoration: none; cursor: pointer; } .infoCardDealer .cardDetails .services { color: #4a4f54; } .infoCardDealer .cardDetails .services li { display: block; float: left; height: 20px; margin-bottom: 12px; margin-right: 30px; line-height: 20px; } .infoCardDealer .cardDetails .services li:before { margin-left: 0 !important; margin-right: 8px !important; font-size: 20px; } .infoCardDealer .cardDetails .services li.sales:before { content: '\e01e'; margin-top: -2px; } .infoCardDealer .cardDetails .services li.service:before { content: '\e044'; margin-top: -2px; } .infoCardDealer .cardDetails .services li.repair:before { content: '\e03f'; } .infoCardDealer .cardDetails .services li.bodyshop:before { content: '\e006'; font-size: 17px; position: relative; top: -2px; } .infoCardDealer .cardDetails .services li.parts:before { content: '\e034'; margin-top: -2px; } .infoCardDealer .cardDetails .services li.partsonly:before { content: '\e034'; margin-top: -2px; } .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; } .infoCardDealer .cardDetails .vehicleLinks { display: table; table-layout: fixed; width: 100%; margin-top: 24px; border-right: 0; } .infoCardDealer .cardDetails .vehicleLinks li { display: table-cell; } .infoCardDealer .cardDetails .vehicleLinks li:first-child { border-right: 1px solid #4a4f54; } #landrover .infoCardDealer .cardDetails .vehicleLinks li a { width: 100%; margin: 0; vertical-align: top; } ol .infoCardDealer { margin-left: 0; margin-right: 0; } ol .infoCardDealer .cardDetails .cardTitle { padding-right: 90px; 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-right: 0; margin-left: 30px; } .rtl .infoCardDealer .cardDetails .services li:before { margin-right: 0 !important; margin-left: 10px !important; } .rtl ol .infoCardDealer .cardDetails .cardTitle { padding-right: 30px; padding-left: 90px; } .rtl ol .infoCardDealer .services { margin-left: 0; margin-right: 30px; } @media screen and (min-width: 1px) and (max-width: 740px) { .infoCardDealer .cardHeader.hasImage { background: none !important; min-height: 0; } .infoCardDealer .cardDetails .services { display: none; } .infoCardDealer .cardDetails .ctas { display: none; } .infoCardDealer .cardDetails .ctas.mobileCtas { display: block; } .infoCardDealer .cardDetails .vehicleLinks { border: 0; display: block; } .infoCardDealer .cardDetails .vehicleLinks li { display: block; border-right: 0; } .no-js .infoCardDealer .cardDetails .ctas.mobileCtas { display: none; } } .sidebarItem { margin-bottom: 33px; width: 100%; } .sidebarItem p { color: #4a4f54; margin-bottom: 22px; } .sidebarItem .heading { margin-bottom: 22px; } .sidebarItem .imageCaption { font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 13px; padding: 0 33px 0 0; } .sidebarItem .primaryLinkWithStyle, .sidebarItem .secondaryLinkWithStyle { margin-top: 22px; } .sidebarItem .primaryLinkWithStyle:first-child { margin-top: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .sidebarItem .imageCaption { font-size: 12px; padding-right: 0; } } .TwoColumnContainer .sidebarItem { margin: 0 auto; max-width: 500px; padding: 33px 0 22px; } .TwoColumnContainer .sidebarItem:first-child { margin-top: -33px; } @media screen and (min-width: 1001px) { .TwoColumnContainer .sidebarItem { float: left; margin: 0; max-width: none; } } @media screen and (min-width: 1px) and (max-width: 740px) { .TwoColumnContainer .sidebarItem { padding: 22px 0 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: #ffffff; 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; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-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: #ffffff; background-color: rgba(255, 255, 255, 0); opacity: 0.2; -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .carousel .navigation li a i { color: #ffffff; font-size: 28px; } .carousel .navigation.notTouchDevice li a:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.1); } .carousel .rsArrow { color: #ffffff; 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: '\e00f'; 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: '\e010'; 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: rgba(0, 0, 0, 0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .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; display:none; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .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: ; cursor: grab; } .grabbing-cursor { cursor: ; cursor: grabbing; } .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(#); } .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('#'); 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('#'); } .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('#') 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(#) 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('#') -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(#); left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; } .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: black; background: rgba(0, 0, 0, 0.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } .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; font-size: 24px; 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; margin: 0 22px; } .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; -khtml-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -ms-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; } .carouselNavigation>div a.prev:hover:before, .carouselNavigation>div a.next:hover:before { color: #a4a7a9; } .carouselNavigation>div a.prev:before { content: '\e00f'; } .carouselNavigation>div a.next:before { content: '\e010'; } .no-js .carouselNavigation { display: none; } @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; } } .dark .carouselNavigation>div { color: #e4e8e8; } .dark .carouselNavigation>div .divide { color: #e4e8e8; } .dark .carouselNavigation>div a { color: #e4e8e8; } .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(#); } .dealerLocatorHeader noscript img { width: 100%; } .dealerLocatorHeader .errorMessage { display: none; text-align: center; padding-bottom: 16px; color: #f2681d; } .dealerLocatorHeader .dealerLocatorSearch { position: relative; min-height: 335px; } .dealerLocatorHeader .searchForms { width: 90%; max-width: 900px; overflow: visible; margin: 0 auto; text-align: center; } .dealerLocatorHeader .searchForms form { display: inline; } .dealerLocatorHeader .searchForms form .selectHeader { display: none; } .dealerLocatorHeader .searchForms form .col { float: left; width: 50%; text-align: center; padding: 0 10px; } .dealerLocatorHeader .searchForms form .formButton { clear: both; margin: 0 auto; width: 50%; padding: 0 10px 0; } .dealerLocatorHeader .searchForms .seperator { margin: 15px 0; text-align: center; position: relative; } .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: none; margin: 0 auto; position: relative; top: 65px; } .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="4"] .searchForms.multipleForms form .mainInput { top: 20px; } .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: #ffffff; } @media screen and (min-width: 1px) and (max-width: 740px) { #landrover .dealerLocatorHeader .continueButton { margin-top: 0; } } .no-js .dealerLocatorHeader .searchForms form .selectHeader { display: none; } .no-js .dealerLocatorHeader .DropdownSelect { font-size: 1em; } .sliderContainer { text-align: center; position: relative; z-index: 1; } .sliderControls { font-size: 48px; margin: 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); -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -ms-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 { height: 4px; position: relative; } .sliderControls .sliderTrackBackground { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #ffffff; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=15); opacity: 0.15; } .sliderControls .sliderProgress { background-color: #ffffff; position: absolute; top: 0; left: 0; width: 0; height: 100%; } .sliderControls .sliderHandle { position: absolute; z-index: 1; top: 50%; left: 0; width: 0; height: 3px; } .sliderControls .handleInner { left: -24px; position: absolute; z-index: 1; cursor: pointer; width: 1em; height: 1em; top: -50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #ffffff; 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: '\e00f'; left: 1px; } .sliderControls .handleInner:after { content: '\e010'; right: 1px; } .sliderControls .handleInner:before, .sliderControls .handleInner:after { position: absolute; margin: 0; line-height: 4em; width: 2em; font-size: 12px; font-weight: bold; vertical-align: bottom; color: #0c121c; } @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); -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -ms-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; font-size: 32px; font-size: 8px; } .sliderControls .sliderHandle .handleInner:before { padding-left: 0.75em; left: -0.5em; margin-left: 1px; } .sliderControls .sliderHandle .handleInner:after { padding-right: 0.75em; right: -0.5em; } } .no-js .sliderContainerLower { display: none; } a.directionArrow { display: none; width: 90px; 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: #ffffff; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } a.directionArrow span { display: block; width: 90px; height: 60px; margin-top: -30px; position: relative; top: 50%; text-align: center; } a.directionArrow.left { left: 0; } a.directionArrow.left span:before { content: '\e00f'; } a.directionArrow.right { right: 0; } a.directionArrow.right span:before { content: '\e010'; } a.directionArrow:hover, a.directionArrow:focus { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } @media screen and (min-width: 1px) and (max-width: 900px) { a.directionArrow { width: 60px; height: 50px; margin-top: -25px; top: 50%; } a.directionArrow span { width: 60px; } } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-fles-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -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; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; 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-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-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-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-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-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-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical>.swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal>.swiper-pagination { bottom: 10px; left: 0; width: 100%; } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-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; -moz-transform-style: preserve-3d; -ms-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, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible; } .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); } .swiper-container-cube.swiper-container-vertical .swiper-cube-shadow { z-index: 0; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background-color: #e4e8e8; } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 4px; 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: #777b7e; border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-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%; -webkit-background-size: 100%; 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); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .grey .swiper-scrollbar { background-color: #cdd0d0; } .dark .swiper-scrollbar { background-color: #65696d; } .dark .swiper-scrollbar-drag { background-color: #e4e8e8; } .scrollButton { display: inline-block; width: 50px; line-height: 50px; background-color: #0c121c; color: #ffffff; 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; -webkit-transition-delay: 0s, 0s; -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: '\e003'; font-size: 25px; position: relative; top: -1px; } .scrollButton:hover { background-color: #ffffff; 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; -webkit-transition-delay: 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: '\e051'; margin-top: -8px; } .profileLinks li a.instagram .ico:before { content: '\e053'; margin-top: -6px; margin-right: 2px; } .profileLinks li a.pinterest .ico:before { content: '\e055'; margin-top: -4px; } .profileLinks li a.twitter .ico:before { content: '\e059'; } .profileLinks li a.youtube .ico { font-size: 29px; } .profileLinks li a.youtube .ico:before { content: '\e05d'; margin-top: -8px; } .profileLinks li a.tumblr .ico:before { content: '\e058'; 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: #ffffff; } .profileLinks li a:hover.facebook .ico { background-color: #305891; } .profileLinks li a:hover.instagram .ico { background-color: #406e95; } .profileLinks li a:hover.pinterest .ico { background-color: #c82828; } .profileLinks li a:hover.twitter .ico { background-color: #2ca8d2; } .profileLinks li a:hover.youtube .ico { background-color: #e62d27; } .profileLinks li a:hover.tumblr .ico { background-color: #2f5070; } .profileLinks li a:hover .text .label .normal { display: none; } .profileLinks li a:hover .text .label .hover { display: inline; } .noText .profileLinks { margin-top: 80px; margin-bottom: -10px; } .noText .profileLinks li { width: 60px; margin-bottom: 10px; } .noText .profileLinks li a .ico { margin-bottom: 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .noText .profileLinks { margin-top: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .noText .profileLinks { margin-top: 30px; } } .dark .profileLinks li a .text .count { color: #ffffff; } .dark .profileLinks li a .text .label { color: #a4a7a9; } .dark .profileLinks li a:hover .text .count { color: #a4a7a9; } .dark .profileLinks li a:hover .text .label { color: #ffffff; } .grey .profileLinks li a .text .count { color: #0c121c; } .grey .profileLinks li a .text .label { color: #a4a7a9; } .grey .profileLinks li a:hover .text .count { color: #a4a7a9; } .grey .profileLinks li a:hover .text .label { color: #0c121c; } .light .profileLinks li a .text .count { color: #4a4f54; } .light .profileLinks li a .text .label { color: #a4a7a9; } .light .profileLinks li a:hover .text .count { color: #a4a7a9; } .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: #ffffff; } .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: 768px) and (max-width: 1440px) { .ShoppingToolsMenu li a { letter-spacing:0.05em !important; } } @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; } } .ActionLinkList>div { margin: 0 auto; padding: 0 70px; } .ActionLinkList .actionLinks { display: table; width: 100%; } .ActionLinkList .actionLink { display: table-cell; width: 33.333%; padding: 40px 20px; } .ActionLinkList .actionLink p { margin-top: 22px; } .ActionLinkList .actionLink .secondaryLinkWithStyle { margin-top: 22px; } @media screen and (min-width: 1px) and (max-width: 900px) { .ActionLinkList>div { padding: 0 20px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ActionLinkList { display: none; } } @media screen and (min-width: 741px) { blockquote { margin: 30px 40px 30px; } } .Article { width: 100%; background-color: #f8f9f9; } .Article .sectionWrapper { padding: 80px 90px; overflow: hidden; *zoom: 1; } @media screen and (min-width: 1px) and (max-width: 900px) { .Article .sectionWrapper { padding: 40px 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Article .sectionWrapper { padding: 30px 30px; } } .Article .sectionWrapper .section { width: 100%; margin: 0 auto; overflow: visible; } .Article .sectionWrapper .section:first-child { margin-top: 0; } .Article .richText, .Article .links, .Article .section>h2 { max-width: 600px; margin: 0 auto; } @media screen and (min-width: 1px) and (max-width: 1080px) { .Article .richText, .Article .links, .Article .section>h2 { max-width: 500px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Article .richText, .Article .links, .Article .section>h2 { max-width: none; } } .Article .sectionWrapper h2, .Article .sectionWrapper h3, .Article .richText .intro { font-family: "avenir", "arial", "helvetica", sans-serif; letter-spacing: 0.5px; } .Article .sectionWrapper h2, .Article .richText .intro { font-size: 30px; font-weight: 500; line-height: 1.3em; margin-top: 0; margin-bottom: 40px; display: block; color: #4a4f54; } @media screen and (min-width: 1px) and (max-width: 1080px) { .Article .sectionWrapper h2, .Article .richText .intro { font-size: 22.5px; margin-bottom: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Article .sectionWrapper h2, .Article .richText .intro { margin-bottom: 30px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Article .sectionWrapper h2, .Article .richText .intro { font-size: 18px; } } .Article .richText>.intro { margin-left: -80px; margin-right: -110px; } @media screen and (min-width: 1px) and (max-width: 1080px) { .Article .richText>.intro { margin-left: -80px; margin-right: -95px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Article .richText>.intro { margin-left: -30px; margin-right: -45px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Article .richText>.intro { margin-left: auto; margin-right: auto; } } .Article .sectionWrapper h3 { font-weight: bold; margin: 20px 0 0; font-size: 18px; line-height: 1.4; margin: 36px 0 6px; } @media screen and (min-width: 1px) and (max-width: 740px) { .Article .sectionWrapper h3 { font-size: 16px; margin: 33px 0 5.5px; } } .Article .richText h2 { margin-top: 40px; } .Article .richText h2:first-child, .Article .richText h3:first-child, .Article .richText h4:first-child { margin-top: 0; } .Article .richText ul { padding-left: 1em; margin-left: 0; } .Article .richText ul li { list-style: none; position: relative; line-height: 1.286em; margin-bottom: 1.286em; } .Article .richText ul li:before { content: "\2013"; position: absolute; left: -1em; } .Article .richText ol { padding-left: 1.5em; margin-left: 0; } .Article .richText ol li { line-height: 1.286em; margin-bottom: 1.286em; list-style-type: decimal; } .Article .richText ul, .Article .richText ol { margin: 32px 0; font-size: 16px; } .Article .richText ul:first-child, .Article .richText ol:first-child { margin-top: 0; } .Article .richText ul li, .Article .richText ol li { margin-bottom: 16px; font-weight: bold; } @media screen and (min-width: 1px) and (max-width: 740px) { .Article .richText ul, .Article .richText ol { font-size: 14px; } } .Article .richText .tickList li { position: relative; list-style-type: none; } .Article .richText .tickList li:before { content: '\e065'; position: absolute; left: -22px; font-size: 13px; top: 4px; } .Article .richText p, .Article .richText blockquote { font-size: 14px; line-height: 1.5em; color: #4a4f54; } .Article .richText p { margin-bottom: 1.5em; } .Article .richText p strong { font-weight: 600; } .Article .richText p:last-child { margin-bottom: 0; } .Article .richText blockquote { margin-bottom: 2em; } .Article .sectionWrapper img { width: 100%; max-width: 760px; margin: 0 auto; height: auto; display: block; } .Article .sectionWrapper .richText img { min-width: 760px; margin-left: -80px; margin-right: -80px; } .Article .sectionWrapper span.top, .Article .sectionWrapper span.bottom { display: block; } .Article .sectionWrapper span.top { margin: 0 0 40px; } .Article .sectionWrapper span.bottom { margin: 40px 0; } .Article .sectionWrapper .imageCaption { font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 12px; width: 100%; max-width: 760px; margin: -32px auto 40px; } .Article .sectionWrapper .links+span img { margin-top: 40px; } @media screen and (min-width: 1px) and (max-width: 1080px) { .Article .sectionWrapper img, .Article .sectionWrapper .imageCaption { max-width: 660px; } .Article .sectionWrapper .richText img { min-width: 660px; margin-left: -80px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Article .sectionWrapper img, .Article .sectionWrapper .imageCaption { max-width: none; } .Article .sectionWrapper .richText img { min-width: 0; margin-left: 0; margin-right: 0; } .Article .sectionWrapper span.top { margin-bottom: 30px; } .Article .sectionWrapper span.bottom { margin-top: 30px; margin-bottom: 30px; } .Article .sectionWrapper .imageCaption { margin: -22px 0 30px; padding-right: 0; } } .Article a { color: #4a4f54; } .Article a:hover, .Article a:focus { color: #0c121c; } .Article .responsiveTableArrow { top: 30px; } .Article .responsiveTableArrow.bottom { top: auto; bottom: 30px; } .Article .ResponsiveTable { margin: 40px 0; border: none; background-color: #ffffff; } .Article.dark { background-color: #4a4f54; } .Article.dark, .Article.dark a, .Article.dark .richText p, .Article.dark .richText blockquote, .Article.dark .smallPrint { color: #e4e8e8; } .Article.dark .sectionWrapper h2, .Article.dark .sectionWrapper h3, .Article.dark .sectionWrapper h4 { color: #ffffff; } .Article.grey { background-color: #e9ecec; } .Article.light { background-color: #f8f9f9; } .TwoColumnContainer .Article .sectionWrapper { padding: 0; } .TwoColumnContainer .Article .sectionWrapper h2, .TwoColumnContainer .Article .richText .intro { margin-bottom: 20px; } .TwoColumnContainer .Article .richText, .TwoColumnContainer .Article .links, .TwoColumnContainer .Article .section>h2 { max-width: none; } .ArticleQuote+.Article { margin-top: -80px; } @media screen and (min-width: 1px) and (max-width: 900px) { .ArticleQuote+.Article { margin-top: -60px; } } .TwoColumnContainer .Article .sectionWrapper .richText img { min-width: 0; max-width: none; margin-left: 0; margin-right: 0; } .no-js .Article .section { overflow-x: scroll; } .TwoColumnContainer .AtAGlance { padding: 1px 0 0 0; margin-left: -20px; margin-right: -20px; width: auto; } .TwoColumnContainer .AtAGlance .headerBlock { padding-left: 0; padding-right: 0; } .autoCompleteContainer { position: relative; } .autoCompleteMenu { position: absolute; top: 41px; left: 0; z-index: 7; text-align: left; overflow-y: auto; max-height: 240px; width: 100%; } .autoCompleteMenu .autoCompleteItem, .autoCompleteMenu .autoCompleteTitle { display: block; padding: 12.5px 20px; font-size: 14px; text-decoration: none; color: #4a4f54; border-bottom: 1px solid #e4e8e8 !important; line-height: 15px !important; background: #ffffff; cursor: pointer; } .autoCompleteMenu .autoCompleteItem.promoted, .autoCompleteMenu .autoCompleteTitle.promoted { background: #e4e8e8; border-bottom-color: #f8f9f9 !important; } .autoCompleteMenu .autoCompleteItem.promoted span, .autoCompleteMenu .autoCompleteTitle.promoted span { color: #4a4f54; font-size: 10px; float: right; } .autoCompleteMenu .autoCompleteTitle:hover, .autoCompleteMenu .autoCompleteTitle:focus, .autoCompleteMenu .autoCompleteItem:hover, .autoCompleteMenu .autoCompleteItem:focus, .autoCompleteMenu .autoCompleteItem.autoCompleteSelected { background: #e4e8e8; } #header .autoCompleteMenu { position: absolute; top: 108px; left: 0px; z-index: 3; max-height: 246px; } #header .autoCompleteMenu .autoCompleteItem, #header .autoCompleteMenu .autoCompleteTitle { text-align: left; padding: 12.5px 20px 12.5px 259px; } @media screen and (min-width: 1px) and (max-width: 900px) { #header .autoCompleteMenu { display: none; } } .BazaarVoiceRating { min-height: 20px; } .no-js .BazaarVoiceRating { display: none; } .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars { font-family: "avenir", "arial", "helvetica", sans-serif !important; line-height: 18px !important; } .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-off { color: transparent !important; } .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-text-link { font-size: 13px !important; cursor: auto !important; } .BazaarVoiceRating .bv-cleanslate .bv-shared a.bv-rating-stars-container .bv-rating-stars { cursor: pointer !important; } .Quote .BazaarVoiceRating { margin-top: 30px; } .Quote .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-on { color: #f8f9f9 !important; } .Quote .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-text-link { color: #e4e8e8 !important; } .VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-stars-container { text-align: center !important; } .VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-stars-container dd { display: inline-block !important; } .VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-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: #cdd0d0 !important; } .VehicleSummary.dark .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-off { color: #b6b8ba !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: #d8dcdc !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: #d8dcdc !important; } .BazaarVoiceReviews .reviews { background-color: #ffffff; } .Caveat { padding: 0 90px 80px; } .Caveat[data-padding-top="x0.5"] { padding-top: 5px; } .Caveat[data-padding-top="x1"] { padding-top: 10px; } .Caveat[data-padding-top="x2"] { padding-top: 20px; } .Caveat[data-padding-top="x4"] { padding-top: 40px; } .Caveat[data-padding-top="x8"] { padding-top: 80px; } .Caveat[data-padding-bottom="x0.5"] { padding-bottom: 5px; } .Caveat[data-padding-bottom="x1"] { padding-bottom: 10px; } .Caveat[data-padding-bottom="x2"] { padding-bottom: 20px; } .Caveat[data-padding-bottom="x4"] { padding-bottom: 40px; } .Caveat[data-padding-bottom="x8"] { padding-bottom: 80px; } .Caveat p { font-size: 10px; letter-spacing: 1.5px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: normal; color: #a4a7a9; max-width: 600px; } .Caveat p a { text-decoration: none; border-bottom: 1px solid; } .Caveat.fullWidth p { max-width: 100%; } .Caveat.right { text-align: right; } .Caveat.right p { margin-left: auto; margin-right: 0; } .Caveat.centre { text-align: center; } .Caveat.centre p { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1px) and (max-width: 900px) { .Caveat { padding: 0 40px 40px; } .Caveat p { max-width: 500px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Caveat { padding: 0 30px 30px; } .Caveat p { max-width: none; } } .Caveat.light p, .Caveat.grey p { color: #4a4f54; } .Caveat.dark p { color: #e4e8e8; } .Caveat.white { background: #ffffff; } .Compare { background: #fff; overflow: hidden; *zoom: 1; } .Compare .headerBlock { margin: 40px auto; padding: 0; } .Compare .data-block, .Compare .select-block { padding: 0 90px; } .Compare .select-block { padding-top: 40px; padding-bottom: 40px; position: relative; background: url('#') no-repeat 50% top; } .Compare .select-block .headerBlock { margin: 0 auto 40px; padding: 0; } .Compare .select-block.choose-vehicle { background-color: #f8faf9; } .Compare .select-block.choose-vehicle .back-to-vehicles, .Compare .select-block.choose-vehicle .body-selector { display: none; } .Compare .select-block.choose-derivative { background-color: #e4e8e9; -webkit-transition: background-color 700ms; -webkit-transition-delay: ease; -moz-transition: background-color 700ms ease; -o-transition: background-color 700ms ease; transition: background-color 700ms ease; } .Compare .select-block.choose-derivative .back-to-vehicles { color: #0c121c; position: absolute; left: 90px; top: 60px; font-size: 10px; text-decoration: none; } .Compare .select-block.choose-derivative.has-tabs .back-to-vehicles { top: 130px; } .Compare .scroll-mask { -webkit-transition: height 0.5s; -webkit-transition-delay: 0s; -moz-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; overflow: hidden; width: 100%; margin-bottom: 40px; } .Compare .scroll-el { width: 200%; height: 100%; -webkit-transition: -webkit-transform 0.5s; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } .Compare .scroll-el>div { width: 50%; float: left; } .Compare .scroll-el>div .swiper-container .swiper-slide { min-width: 260px; border-top: 1px solid #e8eced; border-bottom: 1px solid #e8eced; border-right: 1px solid #e8eced; } .Compare .scroll-el>div .swiper-container .swiper-slide:first-child { border-left: 1px solid #e8eced; } .Compare .scroll-el>div .swiper-container .swiper-slide:hover .option-details { background: #f6f8f7; } .Compare .scroll-el>div .swiper-container .swiper-slide .selected-icon { height: 17px; width: 17px; background: url('#') no-repeat; float: right; } .Compare .scroll-el>div .swiper-container .swiper-slide .option-details { padding: 20px; background: #fff; } .Compare .scroll-el>div .swiper-container .swiper-slide .option-details h5 { text-transform: uppercase; margin: 0; line-height: 1.2em; } .Compare .scroll-el>div .swiper-container .swiper-slide .option-details span.meta { font-family: 'avenir', "arial", "helvetica", sans-serif; color: #4a4f54; font-size: 12px; padding-top: 5px; display: block; } .Compare .indicator-container { background: #ccc; width: 50%; margin: 0 auto; } .Compare .indicator-container .indicator { width: 100px; height: 5px; background: #444444; position: relative; } .Compare .indicator-container .indicator.hasTransition { -webkit-transition: left 0.2s; -webkit-transition-delay: 0s; -moz-transition: left 0.2s; -o-transition: left 0.2s; transition: left 0.2s; } .Compare .body-selector { display: none; margin-bottom: 40px; } .Compare .body-selector ul { margin-left: auto; margin-right: auto; display: table; } .Compare .body-selector ul li { display: table-cell; cursor: pointer; padding: 12px 25px; letter-spacing: 0.25em; text-indent: 0.25em; text-decoration: none; text-align: center; color: #fff; background: #0c121c; text-transform: uppercase; font-size: 10px; -webkit-transition: background-color 400ms, color 400ms; -webkit-transition-delay: ease, 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; } .Compare .body-selector ul li.active, .Compare .body-selector ul li:hover { background: #fff; color: #0c121c; } .Compare .vehicle-click, .Compare .derivative-click, .Compare .product-click { float: left; } .Compare .vehicle-click img, .Compare .derivative-click img, .Compare .product-click img { width: 100%; } .Compare .vehicles-slider, .Compare .derivatives-slider, .Compare .some-products { cursor: pointer; opacity: 1; -webkit-transition: opacity 1s; -webkit-transition-delay: 0s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .Compare .vehicles-slider .swiper-slide:hover img, .Compare .derivatives-slider .swiper-slide:hover img, .Compare .some-products .swiper-slide:hover img { opacity: 0.8; -webkit-transition: opacity 0.25s; -webkit-transition-delay: ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .Compare .vehicles-slider .swiper-slide img, .Compare .derivatives-slider .swiper-slide img, .Compare .some-products .swiper-slide img { width: 100%; opacity: 1; -webkit-transition: opacity 0.25s; -webkit-transition-delay: ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; display: block; } .Compare .vehicles-slider.faded, .Compare .derivatives-slider.faded, .Compare .some-products.faded { opacity: 0; -webkit-transition: opacity 0s; -webkit-transition-delay: 0s; -moz-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s; } .Compare .pane { width: 100%; overflow: scroll; background: #fc0; } .Compare .pane .inner { background: purple; width: 75%; float: left; } @media screen and (min-width: 1px) and (max-width: 740px) { .Compare { padding: 0; } } .Compare .ComparisonTable .scroll-x { box-sizing: border-box; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; position: relative; width: 100%; margin-bottom: 40px; } @media screen and (min-width: 741px) { .Compare .ComparisonTable .scroll-x { position: static; } } .Compare .ComparisonTable .scroll-x .Accordion { -webkit-transition: height 1s; -webkit-transition-delay: 0s; -moz-transition: height 1s; -o-transition: height 1s; transition: height 1s; overflow-y: hidden; } .Compare .ComparisonTable .scroll-x .Accordion.closed { height: 0 !important; } .Compare .ComparisonTable .scroll-x .models-table { height: 0; -webkit-transition: height 1s; -webkit-transition-delay: 0s; -moz-transition: height 1s; -o-transition: height 1s; transition: height 1s; } .Compare .ComparisonTable .accordion-group-title { background: #e4e8e8; color: #0c121c; text-align: left; padding: 20px; vertical-align: top; text-transform: uppercase; cursor: pointer; } .Compare .ComparisonTable .accordion-group { clear: both; float: left; width: 100%; } @media screen and (min-width: 1px) and (max-width: 740px) { .Compare .ComparisonTable .accordion-group { width: auto; } } .Compare .ComparisonTable .accordion-group .accordion-group-title { -webkit-transition: padding-left 700ms; -webkit-transition-delay: ease-out; -moz-transition: padding-left 700ms ease-out; -o-transition: padding-left 700ms ease-out; transition: padding-left 700ms ease-out; } .Compare .ComparisonTable .accordion-group .accordion-group-title h6 { margin: 0; padding: 0; font-family: 'avenir', "arial", "helvetica", sans-serif; font-size: 14px; font-weight: normal; } .Compare .ComparisonTable .accordion-group .accordion-toggle-icon { float: right; color: #0c121c; font-size: 18px; margin-top: -5px; } .Compare .ComparisonTable .accordion-group .accordion-toggle-icon.open:after { content: '\e02f'; } .Compare .ComparisonTable .accordion-group .accordion-toggle-icon.closed:after { content: '\e038'; } .Compare .ComparisonTable .accordion-group .accordion-group-content[style*="height: 0px;"] { border-bottom: 1px solid #ccc; } .Compare .ComparisonTable .table { border-collapse: collapse; border-spacing: 0; width: 100%; max-width: 100%; } .Compare .ComparisonTable .table tr.vehicles-row td { position: relative; } .Compare .ComparisonTable .table td { border: 1px solid #e4e8e8; text-align: left; empty-cells: show; padding: 20px; white-space: pre-line; vertical-align: top; min-width: 180px; background: #fff; } .Compare .ComparisonTable .table td.title { background: #ddcc00; padding: 5px 15px 5px 15px; } .Compare .ComparisonTable .table td.empty { vertical-align: middle; text-align: center; cursor: pointer; } .Compare .ComparisonTable .table td.empty span { background: url('#') no-repeat center top; background-size: 60px; display: block; padding-top: 70px; font-family: 'avenir', "arial", "helvetica", sans-serif; color: #4a4f54; font-size: 10px; display: block; letter-spacing: 1px; margin-top: -23%; opacity: 1; -webkit-transition: opacity 0.15s; -webkit-transition-delay: ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .Compare .ComparisonTable .table td.empty:hover span { opacity: 0.7; -webkit-transition: opacity 0.15s; -webkit-transition-delay: ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .Compare .ComparisonTable .table td .remove { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; background: url('#') no-repeat; cursor: pointer; } .Compare .ComparisonTable .table td img { width: 100%; } .Compare .ComparisonTable .table td .meta-block { padding: 20px; } .Compare .ComparisonTable .table td .meta-block h5 { text-transform: uppercase; margin: 0; line-height: 1.2em; } .Compare .ComparisonTable .table td .meta-block span.meta { font-family: 'avenir', "arial", "helvetica", sans-serif; color: #4a4f54; font-size: 12px; padding-top: 5px; display: block; } .Compare .ComparisonTable .table td .meta-block .DropdownSelect { margin-top: 15px; } .Compare .ComparisonTable .table td .meta-block .DropdownSelect .selected span { padding-left: 20px; } .Compare .ComparisonTable .table td .meta-block .DropdownSelect ul li span { padding-left: 20px; } .Compare .ComparisonTable .table td.button-cell { padding: 0 20px 20px 20px; } .Compare .ComparisonTable .table td.button-cell .primaryLinkWithStyle { margin-top: 0; margin-bottom: 1px; width: 100%; text-align: left; } .Compare .ComparisonTable .table td.button-cell .primaryLinkWithStyle span { padding-left: 50px; } .Compare .ComparisonTable .table-grid { table-layout: fixed; } .Compare .ComparisonTable .model-selector-table td { white-space: normal; padding: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .Compare .ComparisonTable { padding: 0; } } .Compare .swiper-container .prev, .Compare .swiper-container .next { opacity: 0.8; position: absolute; top: 0; bottom: 0; z-index: 3; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; height: 50px; top: 50%; margin-top: -50px; font-size: 50px; font-weight: bold; } .Compare .swiper-container .prev:hover, .Compare .swiper-container .next:hover { opacity: 1; } .Compare .swiper-container .prev.swiper-button-disabled, .Compare .swiper-container .next.swiper-button-disabled { opacity: 0 !important; } .Compare .swiper-container .prev { left: 0; margin-left: 20px; } .Compare .swiper-container .prev:before { content: '\e00f'; color: #fff; } .Compare .swiper-container .next { right: 0; margin-right: 20px; } .Compare .swiper-container .next:before { content: '\e010'; color: #fff; } .CompareTwo { background: #fff; } .CompareTwo .total-container { float: right; } .CompareTwo .choose-container .vehicle-selector { position: relative; padding: 40px 90px 0; } .CompareTwo .choose-container .vehicle-selector .select-option.model-selected .selected-icon, .CompareTwo .choose-container .vehicle-selector .select-option.selected .selected-icon { color: #fff; font-weight: bold; text-align: center; vertical-align: middle; background: yellowgreen; line-height: 20px; display: block; } .CompareTwo .choose-container .vehicle-selector .select-option.selected .option-details { background: #F6F7F7; } .CompareTwo .choose-container .model-selector { opacity: 0; padding: 40px 90px 0; background: #F6F7F7; } .CompareTwo .choose-container .model-selector .option-details { height: 88px; } .CompareTwo .choose-container .title-header { padding: 0 0 20px; text-align: center; } .CompareTwo .choose-container .title-header h3 { font-size: 2em; text-transform: uppercase; } .CompareTwo .choose-container .Selectable { overflow: hidden; *zoom: 1; } .CompareTwo .choose-container .button-container { display: none; padding: 20px 0; background: #F6F7F7; } .CompareTwo .choose-container .button-container .compare-button { margin: 0 auto; background: #000; color: #fff; text-transform: uppercase; padding: 15px; } .CompareTwo .data-container { display: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .CompareTwo .choose-container .vehicle-selector { padding: 20px 0; } .CompareTwo .choose-container .model-selector { padding: 20px 0; } .CompareTwo .choose-container .title-header h3 { font-size: 1.5em; } } @-webkit-keyframes ComparisonSliderLoading { 0% { opacity: 1; } 20% { opacity: 0.8; } 40% { opacity: 0.6; } 60% { opacity: 0.4; } 80% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes ComparisonSliderLoading { 0% { opacity: 1; } 20% { opacity: 0.8; } 40% { opacity: 0.6; } 60% { opacity: 0.4; } 80% { opacity: 0.2; } 100% { opacity: 0; } } @-webkit-keyframes crossPulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.24); } 100% { -webkit-transform: scale(1); } } @keyframes crossPulse { 0% { transform: scale(1); } 50% { transform: scale(1.24); } 100% { transform: scale(1); } } @-webkit-keyframes crossPulseHover { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.24); } 100% { -webkit-transform: scale(1); } } @keyframes crossPulseHover { 0% { transform: scale(1); } 50% { transform: scale(1.24); } 100% { transform: scale(1); } } @-webkit-keyframes hotspotLineShow { 0% { stroke-dashoffset: -230px; } 50% { stroke-dashoffset: -115px; } 100% { stroke-dashoffset: 0px; } } @-moz-keyframes shotspotLineShow { 0% { stroke-dashoffset: -230px; } 50% { stroke-dashoffset: -115px; } 100% { stroke-dashoffset: 0px; } } @-o-keyframes hotspotLineShow { 0% { stroke-dashoffset: -230px; } 50% { stroke-dashoffset: -115px; } 100% { stroke-dashoffset: 0px; } } @keyframes hotspotLineShow { 0% { stroke-dashoffset: -230px; } 50% { stroke-dashoffset: -115px; } 100% { stroke-dashoffset: 0px; } } @-webkit-keyframes hotspotLineHide { 0% { stroke-dashoffset: 0px; } 50% { stroke-dashoffset: 115px; } 100% { stroke-dashoffset: 230px; } } @-moz-keyframes hotspotLineHide { 0% { stroke-dashoffset: 0px; } 50% { stroke-dashoffset: 115px; } 100% { stroke-dashoffset: 230px; } } @-o-keyframes hotspotLineHide { 0% { stroke-dashoffset: 0px; } 50% { stroke-dashoffset: 115px; } 100% { stroke-dashoffset: 230px; } } @keyframes hotspotLineHide { 0% { stroke-dashoffset: 0px; } 50% { stroke-dashoffset: 115px; } 100% { stroke-dashoffset: 230px; } } .ComparisonSlider { opacity: 0; z-index: 1; position: relative; overflow: hidden; width: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-colour: rgba(14, 14, 14, 0); } .hotSpotActive .ComparisonSlider { overflow: visible; z-index: 1000; } .ComparisonSlider .headerBlock { position: absolute; top: 0; width: 100%; z-index: 10; padding: 80px 90px 40px; margin-bottom: 0; } .ComparisonSlider:hover .hotspot { transition: 0.5s linear; } .ComparisonSlider .hotspot { position: absolute; z-index: 30; opacity: 1; width: 200px; height: 125px; } .ComparisonSlider .hotspot.flipH { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); overflow: visible; } .ComparisonSlider .hotspot.flipH .hotspotLine { filter: FlipH; -ms-filter: "FlipH"; } .ComparisonSlider .hotspot.flipV { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .ComparisonSlider .hotspot .inner { position: relative; } .ComparisonSlider .hotspot .inner.hidden .hotspotLine { -ms-animation: hotspotLineHide 0.3s normal forwards; -o-animation: hotspotLineHide 0.3s normal forwards; transition-timing-function: linear; -webkit-animation-name: hotspotLineHide; -webkit-animation-duration: 0.3s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation: hotspotLineHide 0.3s normal forwards; } .ComparisonSlider .hotspot .inner .hotspotLine { position: relative; display: block; top: 10px; stroke-dashoffset: -230px; stroke-dasharray: 230px 230px; -ms-animation: hotspotLineShow 0.8s normal forwards; -o-animation: hotspotLineShow 0.8s normal forwards; transition-timing-function: linear; -webkit-animation-name: hotspotLineShow; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; z-index: 10; animation: hotspotLineShow 0.8s normal forwards; } .ComparisonSlider .hotspot .inner .hotspotLine path { stroke-width: 1.3px; } .ComparisonSlider .hotspot .inner .hotspotPoint { opacity: 0; } .ComparisonSlider .hotspot .inner .hotspotIcon { position: absolute; opacity: 0; background: none; z-index: 10; text-align: center; color: #ffffff; border: 1px solid #ffffff !important; font-weight: 500; left: -36px; top: 5px; width: 30px; height: 30px; line-height: 30px; font-size: 15px; margin-left: 7px; display: block; } .ComparisonSlider .hotspot .inner .hotspotIcon:before { line-height: inherit; margin: 0; display: block; width: 100%; } .ComparisonSlider .hotspot .inner .hotspotIcon.pulse:before { -webkit-animation: crossPulse 0.8s linear 0s; animation: crossPulse 0.8s linear 0s; } .ComparisonSlider .hotspot .inner .hotspotIcon:hover:before { -webkit-animation: crossPulseHover 0.8s linear 0s; animation: crossPulseHover 0.8s linear 0s; } .active .ComparisonSlider.disableAnimation .hotspot .inner .hotspotLine { opacity: 1; } .ComparisonSlider.disableAnimation .hotspot .inner.hidden { opacity: 0; } .ComparisonSlider.disableAnimation .hotspot .inner .hotspotLine { stroke-dashoffset: 0; stroke-dasharray: 0 0; -webkit-animation: none; animation: none; opacity: 0; transition: opacity 0.8s; } .ComparisonSlider.disableAnimation .active .hotspot .inner .hotspotLine { opacity: 1; } .lt-ie10 .ComparisonSlider .hotspot.flipH .hotspotIcon { left: auto; right: -30px; } .ComparisonSlider.load-progress, .ComparisonSlider.loading { opacity: 1; z-index: 1; min-height: 200px; } .ComparisonSlider.load-progress .loaderOverlay, .ComparisonSlider.load-progress .loaderOverlay:before, .ComparisonSlider.loading .loaderOverlay, .ComparisonSlider.loading .loaderOverlay:before { z-index: 100; width: 100%; left: 0; top: 0; height: 100%; position: absolute; display: block; background: #0c121c; } .ComparisonSlider.load-progress .loaderOverlay:before, .ComparisonSlider.loading .loaderOverlay:before { content: ""; z-index: 101; background: rgba(14, 14, 14, 0); background: -moz-radial-gradient(center, ellipse cover, rgba(14, 14, 14, 0) 0%, #0e0e0e 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(14, 14, 14, 0)), color-stop(100%, #0e0e0e)); background: -webkit-radial-gradient(center, ellipse cover, rgba(14, 14, 14, 0) 0%, #0e0e0e 100%); background: -o-radial-gradient(center, ellipse cover, rgba(14, 14, 14, 0) 0%, #0e0e0e 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(14, 14, 14, 0) 0%, #0e0e0e 100%); background: radial-gradient(ellipse at center, rgba(14, 14, 14, 0) 0%, #0e0e0e 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#0e0e0e', GradientType=1); } .ComparisonSlider.load-progress .loaderOverlay { -webkit-animation: ComparisonSliderLoading 2s 1s 1 steps(5) forwards; animation: ComparisonSliderLoading 2s 1s 1 steps(5) forwards; } .ComparisonSlider.loaded { opacity: 1; } .ComparisonSlider.loaded .loaderOverlay { display: none; } .ComparisonSlider .sliderSet { -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .ComparisonSlider .sliderSet.toggling .hotspotWrapper, .ComparisonSlider .sliderSet.toggling .sliderContainer, .ComparisonSlider .sliderSet.toggling .comparisonWrapper { opacity: 0 !important; } .ComparisonSlider .sliderContainer { -webkit-transition: opacity 0.4s; -webkit-transition-delay: cubic-bezier(0.47, 0, 0.745, 0.715); -moz-transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); opacity: 0; z-index: 3; } .ComparisonSlider .sliderControls { width: 800px; } .ComparisonSlider .overlaidSlider { z-index: 100; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; width: 100%; margin: 0; } .ComparisonSlider .overlaidSlider .sliderTrack { display: none; } .ComparisonSlider .overlaidSlider .sliderControls { width: 100%; margin: 0; } .ComparisonSlider .overlaidSlider .sliderVerticalLine { display: block; background-color: rgba(255, 255, 255, 0.37); height: 100vh; width: 4px; position: fixed; top: -100%; left: -2px; top: -50vh; z-index: 4; } .ComparisonSlider .hotspotWrapper { position: relative; width: 800px; height: 0; margin: 0 auto; -webkit-transition: opacity 0.4s; -webkit-transition-delay: cubic-bezier(0.47, 0, 0.745, 0.715); -moz-transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); opacity: 0; } .ComparisonSlider .hotspotContent { width: 100%; height: 100%; z-index: 100; top: 0; left: 0; display: none; } .ComparisonSlider .comparisonWrapper { -webkit-transition: opacity 0.4s; -webkit-transition-delay: cubic-bezier(0.47, 0, 0.745, 0.715); -moz-transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); height: 410px; width: 800px; margin: 0 auto; z-index: 3; position: relative; overflow: hidden; opacity: 0.2; } .ComparisonSlider .comparisonWrapper .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 5; background-repeat: no-repeat; background-size: auto; } .ComparisonSlider .comparisonWrapper .afterImage { z-index: 7; } .ComparisonSlider .comparisonWrapperOverlay { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; padding: 0; } .ComparisonSlider .comparisonWrapperOverlay .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 5; background-repeat: no-repeat; background-size: cover; } .ComparisonSlider .hotspotOverlay { position: fixed; width: 40px; height: 40px; opacity: 0; background: rgba(0, 0, 0, 0.7); z-index: 1000; transition: opacity 0.4s; transform-origin: center center; } .ComparisonSlider .hotspotOverlay.hotspotOpen { opacity: 1; } .ComparisonSlider .hotspotOverlay .fullscreenHeader { opacity: 0; background: #0c121c; } .ComparisonSlider .hotspotOverlay.hotspotActive { top: 0; left: 0; width: 100%; height: 100%; padding-top: 70px; } .ComparisonSlider .hotspotOverlay.hotspotActive .fullscreenHeader { opacity: 1; } .ComparisonSlider .hotspotOverlay .hotspotOverlayClose { color: #ffffff; text-decoration: none; float: right; width: 70px; height: 70px; display: block; } .ComparisonSlider .hotspotOverlay .hotspotOverlayClose:before { font-size: 18px; width: 70px; line-height: 70px; margin: 0; padding-top: 1px; } .ComparisonSlider .hotspotOverlayContent { opacity: 0; margin: 0 auto; transition: opacity 0.4s cubic-bezier(0, 0, 0.58, 1); position: relative; width: 100%; height: 100%; display: none; z-index: 2; } .ComparisonSlider .hotspotOpen .hotspotOverlayContent { display: block; } .ComparisonSlider .hotspotActive .hotspotOverlayContent { opacity: 1; } .ComparisonSlider .hotspotClosing .hotspotOverlayContent { display: none; } .ComparisonSlider .comparisonSliderCarousel { position: relative; z-index: 2; transition: height 0.4s; } .ComparisonSlider .comparisonSliderItem { padding: 40px 0 80px; } .ComparisonSlider .comparisonSliderItem.active .hotspotWrapper, .ComparisonSlider .comparisonSliderItem.active .sliderContainer, .ComparisonSlider .comparisonSliderItem.active .comparisonWrapper { opacity: 1; } .ComparisonSlider .royalSlider .rsOverflow { transition: none !important; -webkit-transition: none !important; } .ComparisonSlider .rsNav { float: none; position: absolute; left: 50px; bottom: 18px; height: 42px; text-align: left; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .ComparisonSlider .rsNav .rsNavItem { cursor: pointer; font-family: "lr_ot4", "arial", "helvetica", sans-serif; color: #ffffff; font-size: 24px; padding-top: 18px; font-weight: 700; line-height: 1em; width: 27px; text-align: center; -webkit-transition: all 0.5s; -webkit-transition-delay: ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .ComparisonSlider .rsNav .rsNavSelected { font-size: 42px; padding-top: 0; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .ComparisonSlider .carouselNavigation { display: none; visibility: hidden; } .ComparisonSlider .tabFilterContainer { position: absolute; z-index: 10; top: 20px; left: 50%; right: -50%; padding: 0 30px; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .ComparisonSlider .addThisMenu a, .ComparisonSlider .SocialSharing a { color: #ffffff; } .ComparisonSlider .sliderSet .addThisMenuHolder { position: absolute; bottom: 81px; right: 60px; } .touchCapability .ComparisonSlider .sliderSet .addThisMenuHolder { display: none; } .ComparisonSlider .sliderSet .addThisMenuHolder>div { overflow: hidden; height: 100vh; width: 60px; position: relative; } .ComparisonSlider .sliderSet .addThisMenuHolder>div .addThisMenu { position: absolute; bottom: 0px; } .ComparisonSlider .comparisonSliderBg, .ComparisonSlider .comparisonSliderBgNoScript { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .ComparisonSlider .comparisonSliderBgNoScript { background-position: center center; background-repeat: no-repeat; } @media screen and (min-width: 1px) and (max-width: 1100px) { .ComparisonSlider .sliderSet .addThisMenuHolder { display: none; } } @media screen and (min-width: 1px) and (max-width: 1000px) { .ComparisonSlider .headerBlock { padding: 40px 40px 20px; } .ComparisonSlider .hotspotWrapper { position: relative; width: 600px; } .ComparisonSlider .comparisonWrapper { width: 600px; height: 308px; } .ComparisonSlider .sliderControls { width: 600px; } .ComparisonSlider .comparisonSliderItem { padding: 40px 0; } } @media screen and (min-width: 1px) and (max-width: 900px) { .ComparisonSlider .hotspotOverlay { background: #4a4f54; overflow: auto; } .ComparisonSlider .hotspotOverlay.hotspotActive { padding-top: 50px; } .ComparisonSlider .hotspotOverlay .hotspotOverlayClose { width: 50px; height: 50px; } .ComparisonSlider .hotspotOverlay .hotspotOverlayClose:before { width: 50px; line-height: 50px; } .ComparisonSlider .hotspotWrapper { width: 600px; } .ComparisonSlider .comparisonWrapperOverlay .image { background-repeat: no-repeat; background-size: 100%; } } @media screen and (min-width: 1px) and (max-width: 567px) { .ComparisonSlider {} .ComparisonSlider .rsArrow { display: none; visibility: hidden; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ComparisonSlider .headerBlock { padding: 30px 30px 20px; } .ComparisonSlider .headerBlock .subHeading { display: none; visibility: hidden; } .ComparisonSlider .hotspotWrapper { width: 100%; max-width: 330px; } .ComparisonSlider .hotspotWrapper .hotspot { width: 30px; height: 30px; } .ComparisonSlider .hotspotWrapper .hotspot .hotspotLine { visibility: hidden; display: none; } .ComparisonSlider .hotspotWrapper .hotspot.hotspotMobileHide { display: none; visibility: hidden; } .ComparisonSlider .hotspotOverlayContent { margin: 0 24px; width: auto; } .ComparisonSlider .comparisonWrapper { height: 169px; width: 100%; max-width: 330px; } .ComparisonSlider .comparisonWrapper .image { background-size: contain; background-position: 50% 50%; } .ComparisonSlider .comparisonSliderItem { padding: 30px 30px; } .ComparisonSlider .sliderControls { width: 100%; max-width: 330px; } .ComparisonSlider .overlaidSlider .sliderControls { font-size: 38px; max-width: 100%; } .ComparisonSlider .overlaidSlider .sliderVerticalLine { display: none; } .ComparisonSlider .overlaidSlider .sliderHandle .handleInner { font-size: 38px; left: -19px; } .ComparisonSlider .overlaidSlider .sliderHandle .handleInner:after, .ComparisonSlider .overlaidSlider .sliderHandle .handleInner:before { font-size: 10px; } .ComparisonSlider .overlaidSlider .sliderHandle:after, .ComparisonSlider .overlaidSlider .sliderHandle:before { position: absolute; content: ""; top: -16px; height: 1em; width: 8px; display: block; } .ComparisonSlider .overlaidSlider .sliderHandle:after { right: -24px; } .ComparisonSlider .overlaidSlider .sliderHandle:before { left: -24px; } .ComparisonSlider .TabFilter { padding-bottom: 0; } } .no-js .ComparisonSlider { opacity: 1; } .no-js .ComparisonSlider .carouselNavigation { display: none; } .no-js .ComparisonSlider .hotspotWrapper { display: none; } .no-js .ComparisonSlider .headerBlock { position: relative; padding: 40px; } @media screen and (min-width: 1px) and (max-width: 740px) { .no-js .ComparisonSlider .headerBlock { padding: 30px; } } .no-js .ComparisonSlider .comparisonSliderItem { width: 100%; padding: 40px 0; } .no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper { display: block; height: auto; overflow: visible; padding-bottom: 0; position: relative; width: 100%; } .no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper .afterImage, .no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper .beforeImage { display: inline-block; float: left; width: 50%; } .no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper .afterImage img, .no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper .beforeImage img { max-width: 100%; position: relative; padding: 20px; } .no-js .ComparisonSlider .comparisonSliderItem:not(:first-child) { display: none; } .no-js .ComparisonSlider .comparisonSliderItem .comparisonWrapper { opacity: 1; } .no-js .ComparisonSlider .comparisonSliderItem .comparisonWrapper>.twentytwenty-container { overflow: visible; } .hotSpotActive body { width: 100%; overflow: hidden; height: 100.1%; } @media screen and (min-width: 1px) and (max-width: 740px) { .hotSpotActive { overflow: hidden; } .hotSpotActive #header { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .hotSpotActive .pageWrapper, .hotSpotActive body { overflow: hidden; height: 100%; } .hotSpotActive .pageWrapper:after, .hotSpotActive body:after { content: ""; width: 100%; height: 120%; display: block; position: absolute; top: -50px; left: 0; background: #4a4f54; z-index: 1; } .hotSpotActive body { padding: 0 !important; } .hotSpotActive .pageWrapper { padding-top: 50px; } } .ComparisonTable .scroll-x { box-sizing: border-box; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; position: relative; width: 100%; } @media screen and (min-width: 741px) { .ComparisonTable .scroll-x { overflow-x: hidden; position: static; } } .ComparisonTable .section-title, .ComparisonTable .accordion-group-title { background: #ddd; color: #444; font-weight: bold; text-align: left; padding: 1em 20px; vertical-align: top; text-transform: uppercase; cursor: pointer; } .ComparisonTable .section-title { font-size: 1.4em; margin-bottom: 0; } .ComparisonTable .accordion-group { clear: both; float: left; width: 100%; } @media screen and (min-width: 1px) and (max-width: 740px) { .ComparisonTable .accordion-group { width: auto; } } .ComparisonTable .accordion-group .accordion-group-title { font-size: 1.2em; -webkit-transition: padding-left 700ms; -webkit-transition-delay: ease-out; -moz-transition: padding-left 700ms ease-out; -o-transition: padding-left 700ms ease-out; transition: padding-left 700ms ease-out; } .ComparisonTable .accordion-group .accordion-toggle-icon { float: right; height: 20px; width: 20px; } .ComparisonTable .accordion-group .accordion-toggle-icon.open { background: blue; } .ComparisonTable .accordion-group .accordion-toggle-icon.closed { background: red; } .ComparisonTable .table { border-collapse: collapse; border-spacing: 0; width: 100%; max-width: 100%; } .ComparisonTable .table td { text-align: left; empty-cells: show; padding: 8px; white-space: pre-line; vertical-align: top; min-width: 180px; } .ComparisonTable .table-grid { table-layout: fixed; } .ComparisonTable .model-selector-table td { white-space: normal; padding: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .ComparisonTable { padding: 0; } } .ContentBlocksContainer .contentCards { position: relative; } .ContentBlocksContainer .primaryLinkContainer+.secondaryLinkContainer { margin-top: 17px; } .ContentBlocksContainer .ctaContainerMobileHomepage { display: none; } .ContentBlocksContainer .ctaList { background-color: #e4e8e8; } .ContentBlocksContainer .ctaListLink { border-bottom: 1px solid #d8dcdc !important; display: block; line-height: 1; padding: 20px 50px 20px 62px; position: relative; } .ContentBlocksContainer .ctaListLink i { font-size: 20px; height: 100%; left: 30px; margin: 0; position: absolute; top: 0; } .ContentBlocksContainer .ctaListLink i:before { line-height: 50px; margin: 0; } .ContentBlocksContainer .contentCardsCarouselImages { position: absolute; top: 0; left: 20px; overflow: hidden; z-index: 2; pointer-events: none; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -ms-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; } .ContentBlocksContainer .contentCardsCarouselImages .imageContainer { float: left; } .ContentBlocksContainer .contentCardsCarouselImages .imageContainer img { width: 100%; height: auto; display: block; } .ContentBlocksContainer[data-in-viewport="true"] .contentCardsCarouselImages, .ContentBlocksContainer[data-in-viewport="initial-load"] .contentCardsCarouselImages { -webkit-transform: translate(-30px); -khtml-transform: translate(-30px); -moz-transform: translate(-30px); -ms-transform: translate(-30px); -o-transform: translate(-30px); transform: translate(-30px); } .ContentBlocksContainer[data-in-viewport="initial-load"] .contentCardsCarouselImages { -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -ms-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; } .ContentBlocksContainer[data-carousel-images="true"] .ContentCard .imageContainer { visibility: hidden; } .ContentBlocksContainer .swiper-container { margin-left: -10px; margin-right: -10px; } .ContentBlocksContainer .swiper-scrollbar { left: 30px; right: 30px; width: auto; margin-top: 23px; } @media screen and (min-width: 1px) and (max-width: 740px) { .ContentBlocksContainer.light[data-template="swiping"] .ctaContainer, .ContentBlocksContainer.grey[data-template="swiping"] .ctaContainer { background-color: #ffffff; } } .ContentBlocksContainer.grey .ctaList { background-color: #d8dcdc; } .ContentBlocksContainer.grey .ctaListLink { border-bottom: 1px solid #cdd0d0 !important; } @media screen and (min-width: 1px) and (max-width: 740px) { .ContentBlocksContainer.grey[data-template="swiping-light-links"] .ctaList { background-color: #f8f9f9; } .ContentBlocksContainer.grey[data-template="swiping-light-links"] .ctaListLink { border-color: #e4e8e8 !important; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ContentBlocksContainer.dark[data-template="swiping"] .ctaContainer { background-color: #3e4347; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ContentBlocksContainer.dark[data-template="swiping-light-links"] .ctaList { background-color: #3e4347; } .ContentBlocksContainer.dark[data-template="swiping-light-links"] .ctaListLink { border-color: #4a4f54 !important; } } @media screen and (min-width: 1px) and (max-width: 740px) { .touch .ContentBlocksContainer[data-template="swiping"] .el, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .el { padding: 0; } .touch .ContentBlocksContainer[data-template="swiping"] .el.hidden, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .el.hidden { display: none; } .touch .ContentBlocksContainer[data-template="swiping"] .ContentCard, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ContentCard { padding-bottom: 25px; } .touch .ContentBlocksContainer[data-template="swiping"] .ContentCard .textContainer, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ContentCard .textContainer { padding-left: 30px; padding-right: 30px; } .touch .ContentBlocksContainer[data-template="swiping"] .ContentCard .imageContainer, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ContentCard .imageContainer { position: relative; margin-left: 30px; } .touch .ContentBlocksContainer[data-template="swiping"] .ContentCard .imageContainer img, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ContentCard .imageContainer img { margin-bottom: 46px; } .touch .ContentBlocksContainer[data-template="swiping"] .ContentCard .heading, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ContentCard .heading { margin-bottom: 6px; } .touch .ContentBlocksContainer[data-template="swiping"] .ContentCard .primaryLinkWithStyle, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ContentCard .primaryLinkWithStyle { margin-top: 3px; } .touch .ContentBlocksContainer[data-template="swiping"] .ctaContainer { margin: 0 -10px 0; padding: 40px 0 30px; } .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ctaContainerMobileHomepage { display: block; } .touch .ContentBlocksContainer[data-template="swiping-light-links"] .subHeading, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ctaContainer { display: none; } .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ContentCard .date, .touch .ContentBlocksContainer[data-template="swiping-light-links"] .ContentCard .body { display: none; } } .ContentCard .secondaryLinkWithStyle { display: block; } .GridListWrapper .ContentCard .secondaryLinkWithStyle+.secondaryLinkWithStyle { margin-top: 9px; } @media screen and (min-width: 1px) and (max-width: 740px) { .ContentCard .secondaryLinkWithStyle:not(: first-child) { display: none; } } .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(#); background-repeat: none; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease-out; transition: transform 0.4s ease-out; } .CursorAnimateRotate.offScreen .cursor { display: none; } .CursorAnimateRotate.right .cursor { margin-left: 10px; } .CursorAnimateRotate.right .cursorIcon { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .CursorAnimateRotate, .CursorAnimateRotate .rsOverflow, .CursorAnimateRotate video { /*cursor: none !important;*/ } .CursorNoAnimateNoRotate.left, .CursorNoAnimateNoRotate.left .rsOverflow[style], .CursorNoAnimateNoRotate.left .rsOverflow[style] video { cursor: url(#), pointer !important; } .CursorNoAnimateNoRotate.right, .CursorNoAnimateNoRotate.right .rsOverflow[style], .CursorNoAnimateNoRotate.right .rsOverflow[style] video { cursor: url(#), pointer !important; } .no-js .DefenderJourneyCarousel { display: none; } .DefenderJourneyCarousel { background: #fff; padding-bottom: 80px; } .DefenderJourneyCarousel .swiper-container { height: 750px; background: #fff; } @media screen and (min-width: 1px) and (max-width: 900px) { .DefenderJourneyCarousel .swiper-container { height: 250px; } } .DefenderJourneyCarousel .swiper-container .left, .DefenderJourneyCarousel .swiper-container .right { height: 100%; width: 10%; z-index: 2; position: absolute; opacity: 1; transition: opacity 0.2s; } .DefenderJourneyCarousel .swiper-container .left.swiper-button-disabled, .DefenderJourneyCarousel .swiper-container .right.swiper-button-disabled { opacity: 0.2; } .DefenderJourneyCarousel .swiper-container .left div, .DefenderJourneyCarousel .swiper-container .right div { position: absolute; top: 50%; margin-top: -20px; } .DefenderJourneyCarousel .swiper-container .left div:before, .DefenderJourneyCarousel .swiper-container .right div:before { font-size: 49px; } .DefenderJourneyCarousel .swiper-container .left { left: 0; } .DefenderJourneyCarousel .swiper-container .left div { right: 0; } .DefenderJourneyCarousel .swiper-container .left div:before { right: -18px; color: #000; text-align: right; content: '\e00f'; } .DefenderJourneyCarousel .swiper-container .right { right: 0; } .DefenderJourneyCarousel .swiper-container .right div { left: 0; } .DefenderJourneyCarousel .swiper-container .right div:before { left: -18px; color: #000; text-align: left; content: '\e010'; } .DefenderJourneyCarousel .swiper-slide { height: 100%; text-align: center; } .DefenderJourneyCarousel .swiper-slide .backgroundImage { height: 750px; width: 80%; margin-left: auto; margin-right: auto; background-size: contain; background-repeat: no-repeat; background-position: center; } @media screen and (min-width: 1px) and (max-width: 900px) { .DefenderJourneyCarousel .swiper-slide .backgroundImage { height: 250px; } } .DefenderJourneyCarousel .swiper-slide.video iframe { max-width: 80%; max-height: 100%; display: none; margin-left: auto; margin-right: auto; } .DefenderJourneyCarousel .swiper-slide.video .cover-image .play { height: 58px; width: 58px; position: absolute; top: 50%; left: 50%; margin-left: -29px; margin-top: -29px; color: #fff; } .DefenderJourneyCarousel .swiper-slide.video .cover-image .play:after { content: '\e037'; font-size: 58px; position: relative; left: -10px; top: 0; } .DefenderJourneyCarousel .swiper-slide span { display: block; text-align: center; } .DefenderJourneyCarousel .swiper-slide span img { display: inline-block; vertical-align: top; } @media (max-width: 767px) { .DefenderJourneyCarousel { padding-bottom: 0; } .DefenderJourneyCarousel .swiper-container .backgroundImage { width: 80%; max-width: 80%; } .DefenderJourneyCarousel .swiper-container .video iframe { width: 80%; max-width: 80%; } .DefenderJourneyCarousel .swiper-container .left div, .DefenderJourneyCarousel .swiper-container .right div { margin-top: -18px; } .DefenderJourneyCarousel .swiper-container .left div:before, .DefenderJourneyCarousel .swiper-container .right div:before { font-size: 30px; } .DefenderJourneyCarousel .swiper-slide span { display: block; } .DefenderJourneyCarousel .swiper-slide span img { max-width: 100%; display: block; } .DefenderJourneyCarousel .swiper-slide iframe { margin-left: auto; margin-right: auto; } .DefenderJourneyCarousel .swiper-slide img { height: auto; } } .no-js .DefenderJourneyStoryMap { display: none; } .DefenderJourneyStoryMap { position: relative; } .DefenderJourneyStoryMap .map { width: 100%; height: 600px; } .DefenderJourneyStoryMap #map-controls { position: absolute; top: 10px; left: 10px; z-index: 1; } @media screen and (min-width: 741px) { .DefenderJourneyStoryMap #map-controls { left: 30px; top: 50px; } } @media screen and (min-width: 901px) { .DefenderJourneyStoryMap #map-controls { left: 60px; } } @media screen and (min-width: 1025px) { .DefenderJourneyStoryMap #map-controls { left: 90px; } } .DefenderJourneyStoryMap #map-controls .control { margin-bottom: 9px; height: 50px; width: 50px; background: #fff; transition: background 0.2s, color 0.2s, box-shadow 0.2s; cursor: pointer; border-radius: 1px; } .DefenderJourneyStoryMap #map-controls .control:after { font-size: 28px; position: relative; left: 6px; top: 11px; } .DefenderJourneyStoryMap #map-controls .control:hover { background: #000; color: #fff; } .DefenderJourneyStoryMap #map-controls .control.plus { display: none; } @media screen and (min-width: 741px) { .DefenderJourneyStoryMap #map-controls .control.plus { display: block; } } .DefenderJourneyStoryMap #map-controls .control.plus:after { content: '\e068'; font-size: 38px; top: 5px; left: -1px; } .DefenderJourneyStoryMap #map-controls .control.minus { display: none; } @media screen and (min-width: 741px) { .DefenderJourneyStoryMap #map-controls .control.minus { display: block; } } .DefenderJourneyStoryMap #map-controls .control.minus:after { content: '\e069'; font-size: 38px; top: 5px; left: -1px; } .DefenderJourneyStoryMap #map-controls .control.recenter { display: none; } @media screen and (min-width: 741px) { .DefenderJourneyStoryMap #map-controls .control.recenter { display: block; } } .DefenderJourneyStoryMap #map-controls .control.recenter:after { content: '\e02d'; font-size: 38px; top: 5px; left: -1px; } .back-to-top { height: 0px; position: fixed; top: 40px; left: 0; right: 0; z-index: 5000; transition: height 0.2s; background: #e4e8e8; opacity: 0.97; overflow: hidden; max-width: 3000px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 1px) and (max-width: 740px) { .back-to-top { z-index: 8; } } .back-to-top a { float: left; line-height: 46px; padding-left: 35px; color: #0c121c; text-transform: uppercase; text-decoration: none; font-size: 9px; font-family: 'lr_ot4', 'avenir', "arial", "helvetica", sans-serif; font-weight: 900; letter-spacing: 3.5px; } .back-to-top a:before { position: relative; margin-right: 10px; top: -1px; content: '\e004'; } .back-to-top.shown { height: 46px; } .back-to-map { padding: 10px 20px; background: #000000; color: #ffffff; position: fixed; bottom: 30px; right: 30px; z-index: 5000; transform: scale(0); transition: transform 0.3s; } .back-to-map.show { transform: scale(1); } @keyframes test { from { transform: scale(0); } to { transform: scale(1); } } @keyframes untest { from { transform: scale(1); } to { transform: scale(0); } } @keyframes spin360 { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } @keyframes spin360z { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } @keyframes best { from { transform: rotate(0deg); } to { transform: rotate(720deg); } } .richMarker { line-height: 30px; width: 38px; cursor: pointer; transition: transform 0.5s, background 0.5s, color 0.5s, opacity 1s; transform: scale(1) rotateY(0deg); text-align: center; opacity: 1; } .richMarker img { width: 100%; height: 100%; } .richMarker.created { transform-origin: 50% 100%; animation-name: test; animation-duration: 0.5s; } .richMarker.visible { transition: transform 1s, background 1s, color 1s; transform: scale(1.5) rotateY(360deg); } .no-js .DefenderJourneyMap>* { display: none; } .no-js .DefenderJourneyMap>.no-js { display: block; height: 200px; background: #fff; color: #4a4f54; font-size: 30px; text-align: center; line-height: 200px; font-family: 'lr_ot4', arial, verdana, Helvetica, sans-serif; } .DefenderJourneyMap .cluster { transition: transform 0.5s; } .DefenderJourneyMap .cluster.hovered { transition: transform 1s; transform: scale(2); } .DefenderJourneyMap .cluster>* { transform-origin: 50% 100%; animation-name: test; animation-duration: 0.5s; } .DefenderJourneyMap .no-js { display: none; } .DefenderJourneyMap .map-page-container { position: relative; z-index: 1; overflow: hidden; width: 100%; transition: height 0.5s; } .DefenderJourneyMap #translations { display: none; } .DefenderJourneyMap .journey-container { height: 600px; position: relative; left: 0; webkit-transition: all 800ms cubic-bezier(1, 0, 0, 1), height 1s; -moz-transition: all 800ms cubic-bezier(1, 0, 0, 1), height 1s; -o-transition: all 800ms cubic-bezier(1, 0, 0, 1), height 1s; transition: all 800ms cubic-bezier(1, 0, 0, 1), height 1s; } .DefenderJourneyMap .journey-container .no-results { position: absolute; top: 0; left: 0; right: 0; height: 0; line-height: 48px; text-align: center; overflow: hidden; background: #0c121c; color: #ffffff; z-index: 1; opacity: 0; transition: height 0.2s, opacity 0.2s; font-family: 'avenir', "arial", "helvetica", sans-serif; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; } .DefenderJourneyMap .journey-container .no-results.visible { opacity: 1; height: 48px; } .DefenderJourneyMap .journey-container.show-map { left: -100%; } .DefenderJourneyMap .journey-container #map { height: 100%; width: 100%; } .DefenderJourneyMap .journey-container #map-view { position: relative; height: 100%; } .DefenderJourneyMap .journey-container #map { transition: right 0.5s; position: absolute; transform: none; right: 0; } .DefenderJourneyMap .journey-container .infoBox { transform-origin: 50% 100%; animation-name: test; animation-duration: 0.15s; animation-timing-function: ease-out; transition: transform 0.15s; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); } .DefenderJourneyMap .journey-container .infoBox>img { display: none; } .DefenderJourneyMap .journey-container .infoBox.closing { animation-name: untest; animation-fill-mode: forwards; } .DefenderJourneyMap .journey-container .ajax-container { background: #4a4f54; z-index: 101; overflow: hidden; } .DefenderJourneyMap .journey-container #list-view { width: 100%; position: absolute; top: 0; bottom: 0; z-index: 1; left: 100%; transition: left 0.5s; padding-left: 0; padding-right: 0; background: #4a4f54; } .DefenderJourneyMap .journey-container #list-view .journey-totals { padding-left: 20px; padding-right: 20px; max-width: 1560px; margin-left: auto; margin-right: auto; position: absolute; z-index: 1; left: 0; top: 0; right: 0; height: 60px; color: #fff; background: #4a4f54; font-family: 'avenir', "arial", "helvetica", sans-serif; font-size: 9px; letter-spacing: 3px; line-height: 80px; text-transform: uppercase; } @media screen and (min-width: 741px) { .DefenderJourneyMap .journey-container #list-view .journey-totals { padding-left: 50px; padding-right: 50px; } } @media screen and (min-width: 901px) { .DefenderJourneyMap .journey-container #list-view .journey-totals { padding-left: 60px; padding-right: 60px; } } @media screen and (min-width: 1001px) { .DefenderJourneyMap .journey-container #list-view .journey-totals { padding-left: 90px; padding-right: 90px; } } .DefenderJourneyMap .journey-container #list-view .journey-card { max-width: inherit; position: relative; } .DefenderJourneyMap .journey-container #list-view.open { left: 0; } .DefenderJourneyMap .journey-container #list-view .list-container { width: 90%; margin-left: 5%; margin-right: 5%; position: absolute; transform: translateY(0); opacity: 1; padding-top: 60px; transition: transform 1s, opacity 0.5s 0.5s; } @media screen and (min-width: 741px) { .DefenderJourneyMap .journey-container #list-view .list-container { width: 100%; margin-left: 0; margin-right: 0; } } .DefenderJourneyMap .journey-container #list-view .list-container.new { opacity: 0; transition: opacity 0.5s; } .DefenderJourneyMap .journey-container #list-view .list-container.old { opacity: 0; transition: opacity 0.5s; } .DefenderJourneyMap .journey-container #list-view .list-container:after { opacity: 0; transition: opacity 0.2s, z-index 0s; content: '\e030'; z-index: -1; position: absolute; font-size: 50px; height: 50px; width: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; color: #fff; text-shadow: 0 0 10px #ffcc00; } .DefenderJourneyMap .journey-container #list-view .list-container.loading { opacity: 0.2; } .DefenderJourneyMap .journey-container #list-view ul.list { width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; max-width: 1560px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 741px) { .DefenderJourneyMap .journey-container #list-view ul.list { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 901px) { .DefenderJourneyMap .journey-container #list-view ul.list { padding-left: 40px; padding-right: 40px; } } @media screen and (min-width: 1025px) { .DefenderJourneyMap .journey-container #list-view ul.list { padding-left: 70px; padding-right: 70px; } } .DefenderJourneyMap .journey-container #list-view ul.list li { width: 100%; float: left; box-sizing: border-box; text-align: center; padding: 20px; } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: landscape) { .DefenderJourneyMap .journey-container #list-view ul.list li { width: 50%; } } @media screen and (min-width: 741px) { .DefenderJourneyMap .journey-container #list-view ul.list li { width: 50%; } } @media screen and (min-width: 901px) { .DefenderJourneyMap .journey-container #list-view ul.list li { width: 33.333%; } } .DefenderJourneyMap .journey-container #list-view ul.list li.wide { font-family: 'lr_ot4', 'avenir', "arial", "helvetica", sans-serif; width: 100%; color: #fff; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 90px; } .DefenderJourneyMap .journey-container #list-view ul.list li.wide p { margin-bottom: 10px; } .DefenderJourneyMap .journey-container #list-view div.pagination-container { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; background: #4a4f54; } .DefenderJourneyMap .journey-container #list-view ul.pagination { list-style: none; margin: 80px 0; padding: 0; text-align: center; font-family: 'lr_ot4'; } .DefenderJourneyMap .journey-container #list-view ul.pagination .ellipse { color: #898c8f; } .DefenderJourneyMap .journey-container #list-view ul.pagination li { padding: 0 10px; width: auto; display: inline; font-size: 24px; } .DefenderJourneyMap .journey-container #list-view ul.pagination li a { color: #898c8f; text-decoration: none; } .DefenderJourneyMap .journey-container #list-view ul.pagination li.active { color: #fff; } .DefenderJourneyMap .journey-container #list-view ul.pagination li.active span { border-bottom: 1px solid #fff; } .DefenderJourneyMap .journey-container #map-controls { position: absolute; top: 10px; left: 10px; z-index: 1; transition: top 0.2s; } @media screen and (min-width: 741px) { .DefenderJourneyMap .journey-container #map-controls { left: 30px; top: 50px; } } @media screen and (min-width: 901px) { .DefenderJourneyMap .journey-container #map-controls { left: 60px; } } @media screen and (min-width: 1025px) { .DefenderJourneyMap .journey-container #map-controls { left: 90px; } } .DefenderJourneyMap .journey-container #map-controls.has-no-results { top: 59px; } @media screen and (min-width: 1px) and (max-width: 900px) { .DefenderJourneyMap .journey-container #map-controls.has-no-results { top: 50px; } } .DefenderJourneyMap .journey-container #map-controls .control { margin-bottom: 9px; height: 50px; width: 50px; background: #fff; transition: background 0.2s, color 0.2s, box-shadow 0.2s; cursor: pointer; border-radius: 1px; } @media screen and (min-width: 1px) and (max-width: 740px) { .DefenderJourneyMap .journey-container #map-controls .control { height: 30px; width: 30px; } } .DefenderJourneyMap .journey-container #map-controls .control:after { font-size: 28px; position: relative; left: 6px; top: 11px; } .DefenderJourneyMap .journey-container #map-controls .control:hover { background: #000; color: #fff; } .DefenderJourneyMap .journey-container #map-controls .control.locate:after { content: '\e02d'; top: 9px; } .ie .DefenderJourneyMap .journey-container #map-controls .control.locate:after { top: 13px; } .DefenderJourneyMap .journey-container #map-controls .control.plus { display: none; } @media (min-width: 599px) { .DefenderJourneyMap .journey-container #map-controls .control.plus { display: block; } } .DefenderJourneyMap .journey-container #map-controls .control.plus:after { content: '\e068'; font-size: 38px; top: 5px; left: -1px; } @media screen and (min-width: 1px) and (max-width: 740px) { .DefenderJourneyMap .journey-container #map-controls .control.plus:after { font-size: 18px; top: 0; left: 0; } } .DefenderJourneyMap .journey-container #map-controls .control.drag { display: block; background: #000 url('#') no-repeat; background-size: cover; } @media screen and (min-width: 741px) { .DefenderJourneyMap .journey-container #map-controls .control.drag { display: none; } } .DefenderJourneyMap .journey-container #map-controls .control.drag.active { background: #000 url('#') no-repeat; background-size: cover; } .DefenderJourneyMap .journey-container #map-controls .control.drag.active:after { color: #fff; } .DefenderJourneyMap .journey-container #map-controls .control.minus { display: none; } @media (min-width: 599px) { .DefenderJourneyMap .journey-container #map-controls .control.minus { display: block; } } .DefenderJourneyMap .journey-container #map-controls .control.minus:after { content: '\e069'; font-size: 38px; top: 5px; left: -1px; } @media screen and (min-width: 1px) and (max-width: 740px) { .DefenderJourneyMap .journey-container #map-controls .control.plus:after, .DefenderJourneyMap .journey-container #map-controls .control.minus:after, .DefenderJourneyMap .journey-container #map-controls .control.locate:after { font-size: 18px; top: 3px; left: 2px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .DefenderJourneyMap .journey-container #map-controls .control.drag:after { font-size: 18px; top: 4px; left: 4px; } } .DefenderJourneyMap #filter-bar { background: #fff; width: 100%; font-size: 9px; position: relative; z-index: 2; box-shadow: 0px 0px 10px 2px rgba(1, 1, 1, 0.2); height: 45px; overflow: hidden; } @media screen and (min-width: 741px) { .DefenderJourneyMap #filter-bar { height: 46px; overflow: visible; } } @media screen and (min-width: 901px) {} @media screen and (min-width: 1025px) {} .DefenderJourneyMap #filter-bar>ul.dropdown { text-transform: uppercase; padding-left: 0; display: flex; flex-direction: column; } @media screen and (min-width: 741px) { .DefenderJourneyMap #filter-bar>ul.dropdown { float: left; display: inline; } } .DefenderJourneyMap #filter-bar>ul.dropdown>li { cursor: pointer; float: none; position: relative; padding: 0 15px 0 25px; font-weight: 900; width: 100%; letter-spacing: 3px; background-color: #e4e8e8; color: #4a4f54; } .DefenderJourneyMap #filter-bar>ul.dropdown>li.open .chevron:after, .DefenderJourneyMap #filter-bar>ul.dropdown>li.open .chevron:before { transform: rotate(-180deg); } .DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-only { display: block; } @media screen and (min-width: 741px) { .DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-only { display: none; } } .DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-first { order: 0; } .DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-second { order: 1; } .DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-third { order: 2; } .DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-fourth { order: 3; } @media screen and (min-width: 741px) { .DefenderJourneyMap #filter-bar>ul.dropdown>li { width: auto; float: left; } } @media screen and (min-width: 1025px) { .DefenderJourneyMap #filter-bar>ul.dropdown>li { width: 266px; } } .DefenderJourneyMap #filter-bar>ul.dropdown>li>span { display: block; line-height: 46px; top: 2px; } .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul { border-color: #e4e8e8; border-style: solid; overflow: hidden; opacity: 0; position: relative; z-index: 1; left: 0; right: 0; top: 0; background: #ffffff; margin-left: -25px; margin-right: -25px; transition: height 0.5s, opacity 0.5s; } @media screen and (min-width: 741px) { .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul { position: absolute; top: 47px; margin-left: 0; margin-right: 0; } } .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li { border-width: 0 1px 1px 1px; border-bottom: #e4e8e8 1px solid; } .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li:last-child { border-bottom: 0; } .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li span { position: relative; top: 4px; } .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li a { line-height: 46px; padding: 0 15px 0 25px; color: #313639; text-decoration: none; display: block; transition: background 0.2s; } .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li a.active { background: #e4e8e8; color: #313639; } .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li a:hover { background: #e4e8e8; color: #313639; } .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li a:hover.active { background: #e4e8e8; color: #313639; } .DefenderJourneyMap #filter-bar>ul.dropdown>li.separator { background: transparent; width: 1px; line-height: 0; margin-top: 0; padding: 0; height: 0; } @media screen and (min-width: 741px) { .DefenderJourneyMap #filter-bar>ul.dropdown>li.separator { line-height: 25px; margin-top: 10px; padding: 1px; height: 25px; } } .DefenderJourneyMap #filter-bar>ul.dropdown>li.single { width: 100%; background: #fff; padding: 0 15px 0 18px; } @media screen and (min-width: 741px) { .DefenderJourneyMap #filter-bar>ul.dropdown>li.single { width: auto; } } .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a { line-height: 46px; transition: color 0.2s; text-decoration: none; padding: 0 0 0 10px; display: block; position: relative; top: 2px; color: #7f7f7f; letter-spacing: 3.5px; font-weight: 900; } .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a:before { font-size: 16px; position: relative; left: -5px; transition: color 0.3s; color: #7f7f7f; } .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured span:not(:first-child) { display: none; } @media screen and (min-width: 1121px) { .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured span:not(: first-child) { display: inline; } } .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured:before { content: '\e030'; top: -4px; } .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured.active { color: #313639; } .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured.active:before { color: #005a2b; } .DefenderJourneyMap #filter-bar .chevron { font-size: 9px; position: relative; padding-right: 10px; display: block; font-weight: 900; letter-spacing: 3.5px; color: #0c121c; } @media screen and (min-width: 740px) and (max-width: 899px) { .DefenderJourneyMap #filter-bar .chevron { min-width: 130px; } } .DefenderJourneyMap #filter-bar .chevron:after { content: '\e00b'; font-size: 8px; display: inline-block; left: 14px; float: right; margin-top: -1px; line-height: 46px; transform: rotate(0deg); transition: transform 0.5s; } .DefenderJourneyMap #filter-bar .chevron.left:after { display: none; } .DefenderJourneyMap #filter-bar .chevron.left:before { content: '\e00b'; font-size: 8px; display: inline-block; float: left; right: 7px; position: relative; margin-top: -1px; line-height: 46px; transform: rotate(0deg); transition: transform 0.5s; } .DefenderJourneyMap #filter-bar .mode-switch { float: right; text-transform: uppercase; letter-spacing: 2px; position: absolute; top: 0; right: 0; } @media screen and (min-width: 741px) { .DefenderJourneyMap #filter-bar .mode-switch { margin-top: auto; } } .DefenderJourneyMap #filter-bar .mode-switch li { font-size: 10px; float: left; position: relative; } .DefenderJourneyMap #filter-bar .mode-switch li a { display: block; line-height: 46px; transition: color 0.2s; color: #7f7f7f; padding: 0 10px; margin: 0 3px; font-weight: 900; letter-spacing: 3.5px; text-decoration: none; } @media screen and (min-width: 741px) { .DefenderJourneyMap #filter-bar .mode-switch li a { padding: 0 27px; } } .DefenderJourneyMap #filter-bar .mode-switch li a:after { background: #005a2b; height: 0; width: 100%; position: absolute; bottom: 0; left: 0; content: ''; transition: height 0.2s; } .DefenderJourneyMap #filter-bar .mode-switch li a.active { color: #313639; } .DefenderJourneyMap #filter-bar .mode-switch li a:hover:after { background: #4a4f54; } .DefenderJourneyMap #filter-bar .mode-switch li a.active:after, .DefenderJourneyMap #filter-bar .mode-switch li a:hover:after { height: 4px; } .DefenderJourneyMap #filter-bar .mode-switch li.separator { height: 25px; background: #8d8d8d; margin-top: 10px; padding: 10px 0 0 0; width: 1px; line-height: 25px; } .DefenderJourneyMap .journey-card { background: #ffffff; height: 100%; width: 100%; text-align: center; text-transform: uppercase; max-width: 350px; } @media (max-width: 330px) { .DefenderJourneyMap .journey-card { max-width: 300px; } } .DefenderJourneyMap .journey-card .summary-image { width: 100%; height: 230px; } @media screen and (min-width: 1px) and (max-width: 330px) { .DefenderJourneyMap .journey-card .summary-image { height: 130px; } } @media screen and (min-width: 330px) and (max-width: 419px) { .DefenderJourneyMap .journey-card .summary-image { height: 200px; } } .DefenderJourneyMap .journey-card .separator { width: 100%; margin-bottom: 15px; } .DefenderJourneyMap .journey-card .close { position: absolute; top: 14px; right: 14px; width: 24px; height: 24px; background: #000; margin: 2px; z-index: 10; line-height: 20px; text-align: center; transition: background 0.2s; cursor: pointer; } @media screen and (min-width: 1px) and (max-width: 740px) { .DefenderJourneyMap .journey-card .close { right: 5px; top: 5px; } } .DefenderJourneyMap .journey-card .close:hover { background: #e4e8e8; } .DefenderJourneyMap .journey-card .close:hover:after { color: #000; } .DefenderJourneyMap .journey-card .close:after { content: '\e00e'; position: relative; font-size: 11px; top: 1px; color: #fff; left: 0; transition: color 0.2s; } .DefenderJourneyMap .journey-card img { width: 100%; } .DefenderJourneyMap .journey-card img.featured { width: 100px; position: absolute; top: 0; left: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .DefenderJourneyMap .journey-card img.featured { width: 50px; } } .DefenderJourneyMap .journey-card img.featured.hidden { display: none; } .DefenderJourneyMap .journey-card .details { padding: 0 30px 28px 30px; font-family: 'lr_ot4'; } .DefenderJourneyMap .journey-card .details .title { font-size: 18px; text-align: center; color: #313639; font-weight: bold; margin-top: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .DefenderJourneyMap .journey-card .details .author { font-size: 14px; color: #005a2b; padding-bottom: 15px; letter-spacing: 1px; } .DefenderJourneyMap .journey-card .details a { position: relative; line-height: 46px; display: inline-block; padding: 0 32px; background: #000; color: #fff; text-decoration: none; font-size: 10px; letter-spacing: 3px; font-weight: bold; transition: background 0.2s, color 0.2s, opacity 0.2s; } .DefenderJourneyMap .journey-card .details a.loading { opacity: 0.5; } .DefenderJourneyMap .journey-card .details a:hover { background: #e4e8e8; color: #000; } .DefenderJourneyMap .infoBox:after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -16px; content: ' '; pointer-events: none; border: solid transparent; border-width: 16px; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; } @media screen and (min-width: 1px) and (max-width: 330px) { .DefenderJourneyMap .map .journey-card .author { font-size: 12px; padding-bottom: 7px; } .DefenderJourneyMap .map .journey-card .title { font-size: 12px; margin-top: 0px; padding-top: 10px; } .DefenderJourneyMap .map .journey-card a { line-height: 30px; padding: 0 14px; margin-top: 0px; } } .DefenderJourneyMap ~ .SameSizeCarousel, .DefenderJourneyStoryDetail ~ .SameSizeCarousel { background: #e9ecec; padding-top: 60px; } .DefenderJourneyMap ~ .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img { margin-bottom: 0; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem>div, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem>div { background: #fff; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem>div img, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem>div img { max-width: 100%; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem span[data-background-image], .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem span[data-background-image] { display: block; height: 230px; width: 100%; background-size: cover; background-position: center center; margin-bottom: 33px; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .carouselImageLink, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .carouselImageLink { margin-bottom: 0; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .featured, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .featured { display: block; position: absolute; top: 0; z-index: 3; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .featured img, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .featured img { width: 100px; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .separator, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .separator { display: block; margin-left: 15px; margin-right: 15px; margin-top: 15px; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .separator img, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .separator img { margin-bottom: 0; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .linkContainer, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .linkContainer { margin-top: 16px; margin-left: 15px; margin-right: 15px; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .linkContainer .primaryLinkContainer, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .linkContainer .primaryLinkContainer { margin-top: 0; text-align: center; padding-bottom: 31px; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .heading, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .heading { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .subHeading, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .subHeading { display: none; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .headerBlock, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .headerBlock { margin-bottom: 60px; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem h5, .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem p, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem h5, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem p { text-align: center; padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-family: 'lr_ot4'; font-weight: bold; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem h5, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem h5 { margin-bottom: 2px !important; font-size: 18px; } @media screen and (min-width: 1px) and (max-width: 740px) { .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem h5, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem h5 { padding-top: 50px; } } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem p, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem p { color: #005a2b; letter-spacing: 1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .primaryLinkWithStyle, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .primaryLinkWithStyle { padding: 1px 27px 0; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .primaryLinkContainer, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .primaryLinkContainer { text-align: center; padding-bottom: 31px !important; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .secondaryLinkWithStyle, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .secondaryLinkWithStyle { display: none; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .secondaryLinkWithStyle span, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .secondaryLinkWithStyle span { letter-spacing: 4px; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .linkContainer, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .linkContainer { margin-top: 31px !important; margin-left: 15px; margin-right: 15px; border-top: 1px solid #a4a7a9; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .linkContainer a, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .linkContainer a { text-transform: uppercase; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .linkContainer a, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .linkContainer a { text-transform: uppercase; } .DefenderJourneyMap ~ .SameSizeCarousel .mediaCarouselItem .linkContainer .primaryLinkContainer, .DefenderJourneyStoryDetail ~ .SameSizeCarousel .mediaCarouselItem .linkContainer .primaryLinkContainer { margin-top: 31px; } .DefenderJourneyMap ~ .SameSizeCarousel.defenderJourney .mediaCarouselItem .linkContainer, .DefenderJourneyStoryDetail ~ .SameSizeCarousel.defenderJourney .mediaCarouselItem .linkContainer { border-top: none; } #landrover .DefenderJourneyStoryDetail ~ .FullWidthImage .itemContainer, #landrover .DefenderJourneyMap ~ .FullWidthImage .itemContainer { height: 305px; padding: 70px; } #landrover .DefenderJourneyStoryDetail ~ .FullWidthImage .itemContainer .heading, #landrover .DefenderJourneyMap ~ .FullWidthImage .itemContainer .heading { text-align: center; } #landrover .DefenderJourneyStoryDetail ~ .FullWidthImage .itemContainer .itemContent, #landrover .DefenderJourneyMap ~ .FullWidthImage .itemContainer .itemContent { text-align: center; } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: landscape) { .infoBox .summary-image { display: none; } .DefenderJourneyMap .infoBox .journey-card .title { margin-top: 0; padding-top: 20px; font-size: 12px; } .DefenderJourneyMap .infoBox .journey-card .author { font-size: 11px; } } .no-js .DefenderJourneyStoryDetail .sharing { display: none; } .DefenderJourneyStoryDetail { font-family: 'lr_ot4', 'Avenir'; background: #fff; padding-top: 90px; padding-bottom: 80px; position: relative; } .DefenderJourneyStoryDetail .explore-more { max-width: 3000px; margin-left: auto; margin-right: auto; height: 50px; position: absolute; width: 100%; display: none; top: 0; z-index: 5; line-height: 50px; background: #ffffff; border-bottom: 1px solid #eef1f1; border-top: 1px solid #eef1f1; opacity: 1; } @media screen and (min-width: 741px) { .DefenderJourneyStoryDetail .explore-more { background: #e4e8e8; opacity: 0.97; border-top: 0; border-bottom: 0; } } .DefenderJourneyStoryDetail .explore-more a { float: left; padding-left: 35px; line-height: 50px; font-size: 9px; font-family: 'lr_ot4', 'avenir', 'arial', 'helvetica', sans-serif; letter-spacing: 3.5px; font-weight: 900; text-decoration: none; color: #0c121c; text-transform: uppercase; } .DefenderJourneyStoryDetail .explore-more a:before { content: '\e00f'; position: relative; margin-right: 10px; top: -1px; } .DefenderJourneyStoryDetail .story-detail-container { width: 662px; margin-left: auto; margin-right: auto; color: #000000; } @media (max-width: 662px) { .DefenderJourneyStoryDetail .story-detail-container { width: 100%; padding-left: 20px; padding-right: 20px; } } .DefenderJourneyStoryDetail .model-summary, .DefenderJourneyStoryDetail h2 { text-align: center; text-transform: uppercase; color: #4a4f54; } .DefenderJourneyStoryDetail .lines { position: relative; } .DefenderJourneyStoryDetail .lines:before, .DefenderJourneyStoryDetail .lines:after { height: 1px; content: ""; display: block; position: absolute; left: 0; right: 0; background: #0c121c; } .DefenderJourneyStoryDetail .model-summary { font-size: 24px; padding-bottom: 0; font-weight: bold; line-height: 24px; } .DefenderJourneyStoryDetail h2 { padding-top: 22px; font-size: 48px; letter-spacing: 2px; margin: 0 65px; font-weight: bold; line-height: 48px; } @media (max-width: 662px) { .DefenderJourneyStoryDetail h2 { margin: 0 10px; font-size: 28px; line-height: 28px; } } .DefenderJourneyStoryDetail .icons-container { text-align: center; padding-bottom: 20px; } .DefenderJourneyStoryDetail .icons-container i { color: #4a4f54; display: inline-block; padding: 0; font-size: 40px; } .DefenderJourneyStoryDetail .user-summary { padding: 19px 2px 15px 2px; font-size: 14px; line-height: 14px; font-family: 'lr_ot4', 'Avenir'; text-transform: uppercase; color: #898c8f; letter-spacing: 0.7px; } .DefenderJourneyStoryDetail .user-summary .year { float: right; } .DefenderJourneyStoryDetail .journey-summary { font-family: 'lr_ot4', 'Avenir'; font-size: 14px; text-transform: uppercase; padding-right: 2px; margin-top: 12px; letter-spacing: -0.1px; color: #4a4f54; } .DefenderJourneyStoryDetail .journey-summary .from:before, .DefenderJourneyStoryDetail .journey-summary .from:after, .DefenderJourneyStoryDetail .journey-summary .to:before, .DefenderJourneyStoryDetail .journey-summary .to:after { font-size: 20px; position: relative; top: 0; color: #005a2b; } .DefenderJourneyStoryDetail .journey-summary .from { padding-right: 4px; margin-left: -1px; } .DefenderJourneyStoryDetail .journey-summary .from:before { content: '\e02e'; left: -5px; margin-right: 0; } .DefenderJourneyStoryDetail .journey-summary .to { padding-left: 5px; } .DefenderJourneyStoryDetail .journey-summary .to:after { content: '\e02e'; left: 5px; margin-left: 0; } .DefenderJourneyStoryDetail .journey-summary .distance { float: right; } .DefenderJourneyStoryDetail .content { padding: 25px 0 55px 0; font-family: 'Avenir'; } .DefenderJourneyStoryDetail .content p { font-size: 14px; color: #464f54; letter-spacing: 0.5px; margin-bottom: 10px; } .DefenderJourneyStoryDetail .sharing { text-align: right; margin-top: -30px; } .DefenderJourneyStoryDetail .sharing p { line-height: 50px; float: right; color: #464f54; letter-spacing: 0.5px; font-size: 14px; padding-right: 20px; white-space: nowrap; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare { float: right; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a { text-decoration: none; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a:hover span.twitter { background: #76bbef; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a:hover span.facebook { background: #6076ab; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a:hover span.plus { background: #c7c7c7; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span { transition: background 0.2s; display: block; letter-spacing: 0.5px; height: 50px; width: 50px; float: left; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span i { position: relative; right: 7px; top: 8px; font-size: 25px; color: #fff; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span.twitter { background: #58acea; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span.facebook { background: #3a5795; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span.facebook i { top: 5px; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span.plus { background: #bababa; } .DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span:after { position: relative; top: -1px; left: 5px; color: #898c8f; font-size: 20px; } .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; -webkit-transition-delay: ease-out; -moz-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out; } .DropdownNav .selected:before { content: '\e00b'; position: absolute; top: 17px; right: 16px; font-size: 10px; } .DropdownNav .selected span { display: table-cell; vertical-align: middle; } .DropdownNav.active .selected:before { content: '\e00c'; } .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:last-child { border-bottom: 0; } .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: #ffffff; } .DropdownNav .selected:hover { background-color: #4a4f54; } .DropdownNav.active .selected:focus { background-color: #4a4f54; } .DropdownNav ul li { background-color: #ffffff; border-color: #e4e8e8; } .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: #373b3f; } .dark .DropdownNav.active .selected:focus { background-color: #373b3f; } .dark .DropdownNav.open .selected { background-color: #373b3f; } select.DropdownSelect { visibility: hidden; } .no-js select.DropdownSelect { visibility: visible; } .DropdownSelect { height: 45px; font-size: 10px; font-weight: bold; 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; -webkit-transition-delay: ease-out; -moz-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out; } .DropdownSelect .selected:before { content: '\e00b'; 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%; 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 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; } .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("#"); } .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: '\e00c'; } .DropdownSelect.open ul { display: block !important; 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 .selected { background-color: #0c121c; color: #ffffff; } .DropdownSelect .selected:hover, .DropdownSelect .selected:focus { background-color: #4a4f54; } .DropdownSelect ul { background-color: #ffffff; } .DropdownSelect ul li { background-color: #ffffff; color: #0c121c; border-color: #e4e8e8; } .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: #373b3f; } .dark .DropdownSelect.open .selected { background-color: #373b3f; } .DualFrameCarousel { visibility: hidden; position: relative; overflow: hidden; } .DualFrameCarousel .royalSlider { height: 500px; } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider { height: 800px; } } @media screen and (min-width: 900px) { .sticky-container{ display: none; } } @media screen and (max-width: 900px) { .sticky-container{ padding:0px; margin:0px; position:fixed; right:-130px; top:500px; width:210px; z-index: 1100; } .sticky li{ list-style-type:none; background-color:#fff; color:#efefef; height:60px; padding:0px; margin:0px 0px 1px 23px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor:pointer; } .sticky li:hover{ margin-left:-140px; } .sticky li img{ float:left; margin:5px 4px; margin-right:5px; } .sticky li p{ padding-top:5px; margin:0px; line-height:25px; font-size:17px; font-weight:800; } .sticky li p a{ text-decoration:none; color:#2C3539; } .sticky li p a:hover{ text-decoration:underline; } } .DualFrameCarousel .royalSlider .overflow { width: 100%; height: 550px; } .DualFrameCarousel .royalSlider .rsSlide { height: 100%; width: 100%; font-size: 0; } .DualFrameCarousel .royalSlider .rsSlide .slideInner { padding: 0 70px; } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider .rsSlide .slideInner { padding: 0; } } .DualFrameCarousel .royalSlider .rsSlide .slideInner, .DualFrameCarousel .royalSlider .rsSlide .gridContext { height: 100%; } .DualFrameCarousel .royalSlider .rsSlide>div { width: 100%; height: 100%; font-size: 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider .rsSlide>div { height: auto; } } .DualFrameCarousel .royalSlider .left, .DualFrameCarousel .royalSlider .right {} @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider .left, .DualFrameCarousel .royalSlider .right { height: auto !important; } } .DualFrameCarousel .royalSlider .left { border: none; width: 100%; width: 33.333%; padding: 80px 30px 80px 20px; height: 790px; } @media screen and (min-width: 1px) and (max-width: 990px) { .DualFrameCarousel .royalSlider .left { height: 826px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider .left { height: 442px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .DualFrameCarousel .royalSlider .left { height: 330px; } } @media screen and (min-width: 1px) and (max-width: 500px) { .DualFrameCarousel .royalSlider .left { height: 402px; } } @media screen and (min-width: 1px) and (max-width: 340px) { .DualFrameCarousel .royalSlider .left { height: 420px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider .left { width: auto; padding: 0px 40px 40px 40px; margin-top: 90px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .DualFrameCarousel .royalSlider .left { padding: 0 30px 60px; margin-top: 69px; } } @media screen and (min-width: 901px) { .DualFrameCarousel .royalSlider .left>div>div>div { padding: 0 !important; } } .DualFrameCarousel .royalSlider .left p { font-size: 14px; line-height: 18px; } .DualFrameCarousel .royalSlider .left .heading { margin-bottom: 18px; } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider .left h3.heading { font-size: 24px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .DualFrameCarousel .royalSlider .left h3.heading { font-size: 18px; margin-bottom: 18px; } } .DualFrameCarousel .royalSlider .left .title { margin-bottom: 36px; color: #a4a7a9; } .DualFrameCarousel .royalSlider .left .title .headingWrapper:before, .DualFrameCarousel .royalSlider .left .title .headingWrapper:after { background-color: #a4a7a9; } @media screen and (min-width: 1px) and (max-width: 740px) { .DualFrameCarousel .royalSlider .left .title { display: none; } } .DualFrameCarousel .royalSlider .left .caveat { margin-top: 36px; } .DualFrameCarousel .royalSlider .right { position: absolute; left: 33.333%; text-align: center; right: -70px; padding-left: 20px; height: 100%; } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider .right { width: 100%; position: relative; left: auto; right: auto; height: auto; padding: 0; } } .DualFrameCarousel .royalSlider .right>div { float: left; width: 50%; height: 40%; } .DualFrameCarousel .royalSlider .right>div .image.backgroundImage { display: block; background-position: 50% 50%; height: 100%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider .right>div { display: none; } } .DualFrameCarousel .royalSlider .right>div.top { width: 100%; height: 60%; } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .royalSlider .right>div.top { display: block; padding: 0; float: none; } } .DualFrameCarousel .royalSlider .right.single>div { height: 100%; } .DualFrameCarousel .royalSlider .right a { position: relative; display: inline-block; width: 100%; height: 100%; text-decoration: none; overflow: hidden; } .DualFrameCarousel .royalSlider .right .title { display: none; text-align: center; padding: 24px 0; margin: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .DualFrameCarousel .royalSlider .right .title { display: block; font-size: 22px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel.singleSlide .left { margin-top: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .DualFrameCarousel.singleSlide .left { margin-top: 30px; } } .DualFrameCarousel .carouselNavigation { position: absolute; left: 90px; bottom: 80px; } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel .carouselNavigation { left: 0; bottom: auto; margin-top: 30px; text-align: center; } } @media screen and (min-width: 1px) and (max-width: 740px) { .DualFrameCarousel .carouselNavigation { height: 69px; margin-top: 0; } } .DualFrameCarousel .primaryLinkWithStyle { margin-top: 36px; } .DualFrameCarousel.dark .navigation .numbers { color: #e4e8e8; } .DualFrameCarousel.dark .navigation>div a { color: #e4e8e8; } @media screen and (min-width: 1px) and (max-width: 900px) { .DualFrameCarousel[data-total="1"] .royalSlider .rsSlide>div>div.left { margin-top: 40px; } } .DualFrameCarousel.sidebarOnRight .royalSlider .rsSlide>div>div.left { float: right; } .DualFrameCarousel.sidebarOnRight .royalSlider .rsSlide>div>div.right { float: left; } .DualFrameCarousel .royalSlider .rsSlide>div, .DualFrameCarousel .royalSlider .rsSlide>div>div.right, .no-js .DualFrameCarousel, .no-js .DualFrameCarousel .royalSlider { display: inline-block; } .DualFrameCarousel .royalSlider .rsSlide>div:after, .DualFrameCarousel .royalSlider .rsSlide>div>div.right:after, .no-js .DualFrameCarousel:after, .no-js .DualFrameCarousel .royalSlider:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .no-js .DualFrameCarousel { visibility: visible; } .no-js .DualFrameCarousel p.title { margin-top: 30px; display: block; } .no-js .DualFrameCarousel .royalSlider { width: 90%; margin: 0 auto 30px; display: block; height: auto; font-size: 0; } .no-js .DualFrameCarousel .royalSlider>div { width: 33.333%; display: inline-block; vertical-align: top; float: none; padding: 20px; margin-bottom: 30px; } @media screen and (min-width: 1px) and (max-width: 900px) { .no-js .DualFrameCarousel .royalSlider>div { width: 50%; } } @media screen and (min-width: 1px) and (max-width: 740px) { .no-js .DualFrameCarousel .royalSlider>div { width: 100%; } } .no-js .DualFrameCarousel .royalSlider .right { position: static; width: auto; } .no-js .DualFrameCarousel .royalSlider .left { width: auto; } .no-js .DualFrameCarousel .royalSlider .left p.title { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .no-js .DualFrameCarousel .royalSlider .left { padding: 0; margin: 0; } } .no-js .DualFrameCarousel .royalSlider img { width: 100%; height: auto; margin-bottom: 20px; } .no-js .DualFrameCarousel .navigation { display: none; } .EngineSpecifications { font-size: 14px; } .EngineSpecifications .headerBlock { padding-left: 0; padding-right: 0; } .EngineSpecifications .responsiveTableArrow { margin-bottom: 6px; margin-top: -25px; } .EngineSpecifications .responsiveTableArrow.bottom { margin-top: 20px; } .EngineSpecifications .responsiveTableArrow .leftArrow, .EngineSpecifications .responsiveTableArrow .rightArrow { font-size: 12px; } .EngineSpecifications .responsiveTableArrow .leftArrow { margin-left: 3px; } .EngineSpecifications .responsiveTableArrow .rightArrow:before { margin-left: -2px; } .EngineSpecifications .responsiveTableArrow .bar { height: 1px; margin-top: 6px; margin-left: 12px; margin-right: 10px; } .EngineSpecifications.dark a.secondaryLinkWithStyle { color: #4a4f54 !important; } .EngineSpecifications.dark .responsiveTableArrow .leftArrow, .EngineSpecifications.dark .responsiveTableArrow .rightArrow { color: #a4a7a9; } .EngineSpecifications.dark .responsiveTableArrow .bar { background-color: #a4a7a9; } .EngineSpecifications th:first-child { font-weight: 500; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 14px; } .EngineSpecifications th:first-child .engineName { font-family: "lr_ot4", "arial", "helvetica", sans-serif; color: #0c121c; font-size: 25px; font-weight: normal; margin-bottom: 11px; } .EngineSpecifications th:first-child span { display: block; font-weight: normal; margin-bottom: 5px; } .EngineSpecifications th:first-child span:nth-child(2) { margin-top: 12px; } .EngineSpecifications th:first-child a { margin-top: 10px; font-size: 10px; letter-spacing: 0.25em; color: #000000; font-weight: bold; text-decoration: none; position: relative; padding-left: 18px; margin-top: 25px; display: inline-block; overflow: hidden; *zoom: 1; line-height: 1.25; } .EngineSpecifications th:first-child a:before { content: '\e042'; color: #4a4f54; position: absolute; top: 0px; left: -4px; font-size: 10px; } .EngineSpecifications th:first-child a:hover, .EngineSpecifications th:first-child a:focus { text-decoration: none; color: #4a4f54; } .EngineSpecifications th:first-child a:hover:before, .EngineSpecifications th:first-child a:focus:before { color: #4a4f54; } .EngineSpecifications tr:first-child th { font-weight: bold; } .EngineSpecifications tr:first-child th span { font-weight: normal; display: block; } .EngineSpecifications .ctaContainer { margin-top: 80px; margin-bottom: 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .EngineSpecifications .headerBlock { margin: 0 auto 40px; } .EngineSpecifications th:first-child { font-size: 14px; } .EngineSpecifications th:first-child .engineName { font-size: 20px; color: #0c121c; } .EngineSpecifications th:first-child span { font-size: 14px; } .EngineSpecifications th:first-child a { font-size: 10px; padding-left: 10px; } .EngineSpecifications th:first-child a:before { font-size: 10px; } .EngineSpecifications .ctaContainer { margin-top: 40px; margin-bottom: 0; } } @media screen and (min-width: 1px) and (max-width: 740px) { .EngineSpecifications .headerBlock { margin: 0 auto 30px; } .EngineSpecifications .responsiveTableArrow { margin-top: -25px; } .EngineSpecifications th:first-child { font-size: 14px; } .EngineSpecifications th:first-child .engineName { color: #0c121c; font-size: 18px; } .EngineSpecifications th:first-child span { font-size: 11px; } .EngineSpecifications th:first-child a { font-size: 8px; padding-left: 10px; letter-spacing: 0.12em; padding-top: 3px; padding-bottom: 3px; } .EngineSpecifications th:first-child a:before { font-size: 9px; top: 3px; } .EngineSpecifications .ctaContainer { margin-top: 30px; margin-bottom: 0; } .EngineSpecifications .ctaContainer .primaryLinkWithStyle { width: 100%; } } .no-js .EngineSpecifications { overflow-x: scroll; } .ExperienceCentres .infoCard .cardHeader { display: block; min-height: 250px; background-position: 50% 50%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } .ExperienceCentres .infoCard .cardDetails .cardTitle .centreName, .ExperienceCentres .infoCard .cardDetails .cardTitle .countryName { display: block; } .ExperienceCentres .infoCard .cardDetails .experiencesHeading:before { content: '\e01d'; margin: -6px 10px 0 0; font-size: 19px; vertical-align: middle; } .ExperienceCentres .infoCard .cardDetails .cardCta { margin: 24px 0 0 0; } .rtl .ExperienceCentres .infoCard .cardDetails .sectionHeading:before { margin-right: 0; margin-left: 10px; } @media screen and (min-width: 1px) and (max-width: 740px) { .ExperienceCentres .infoCard .cardHeader { min-height: 120px; } .ExperienceCentres .infoCard .cardDetails .description, .ExperienceCentres .infoCard .cardDetails .experiencesHeading, .ExperienceCentres .infoCard .cardDetails .experienceData { display: none; } #landrover .ExperienceCentres .infoCard .cardDetails .cardCta { width: 100%; } } .ExperienceRegions .infoCard { text-decoration: none; position: relative; overflow: hidden; } .ExperienceRegions .infoCard .regionHeader { display: block; height: 300px; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } .no-js .ExperienceRegions .infoCard .regionHeader { overflow: hidden; } .no-js .ExperienceRegions .infoCard .regionHeader img { width: 100%; } .ExperienceRegions .infoCard .regionTitle { position: absolute; top: 0; left: 0; display: table; height: 300px; width: 100%; text-align: center; } .ExperienceRegions .infoCard .regionTitle .overlay { display: block; z-index: 2; position: absolute; left: 0; top: 0; width: 101%; height: 300px; background: #000000; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; -khtml-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .ExperienceRegions .infoCard .regionTitle h3 { color: #ffffff; display: table-cell; text-align: center; vertical-align: middle; padding: 0 20px; position: relative; z-index: 3; } .ExperienceRegions .infoCard .regionTitle .headingWrapper:before, .ExperienceRegions .infoCard .regionTitle .headingWrapper:after { background-color: #ffffff; } .ExperienceRegions .infoCard .regionStats { overflow: hidden; padding: 20px; } .ExperienceRegions .infoCard .regionStats .heading { color: #4a4f54; margin: 0; font-weight: 400; } .ExperienceRegions .infoCard .regionStats .numberOfCentres { float: left; } .ExperienceRegions .infoCard .regionStats .numberOfCentres:before { content: '\e01d'; margin: -4px 6px 0 0; font-size: 20px; } .ExperienceRegions .infoCard .regionStats .numberOfCountries { float: right; } .ExperienceRegions .infoCard .regionStats .numberOfCountries:before { content: '\e02e'; line-height: 0; margin-top: 0px 3px 0 0; font-size: 22px; } .ExperienceRegions .infoCard:hover .regionTitle .overlay { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } @media screen and (min-width: 1px) and (max-width: 900px) { .ExperienceRegions .infoCard .regionStats .numberOfCentres { float: left; } .ExperienceRegions .infoCard .regionStats .numberOfCentres:before { font-size: 15px; margin-right: 6px; } .ExperienceRegions .infoCard .regionStats .numberOfCountries { float: right; } .ExperienceRegions .infoCard .regionStats .numberOfCountries:before { margin-top: -1px; font-size: 17px; margin-right: 6px; } } @media screen and (min-width: 1px) and (max-width: 600px) { .ExperienceRegions .secondaryHeading span { display: none; } .ExperienceRegions .infoCard .regionHeader { height: 100px; } .ExperienceRegions .infoCard .regionStats { padding-top: 42px; } .ExperienceRegions .infoCard .regionTitle { height: auto; left: 20px; top: 115px; width: auto; } .ExperienceRegions .infoCard .regionTitle h3 { color: #0c121c; text-align: left; font-size: 16px; padding: 0; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ExperienceRegions .infoCard .numberOfCentres, .ExperienceRegions .infoCard .numberOfCountries { font-weight: 200; font-size: 12px; } .ExperienceRegions .infoCard:hover .regionTitle .overlay { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } .ExperienceRegions.dark .regionTitle .heading { color: #ffffff; } @media screen and (min-width: 1px) and (max-width: 600px) { .ExperienceRegions.dark .regionTitle .heading { color: #0c121c; } } .Exterior360 { cursor: pointer; position: relative; text-align: left; } .Exterior360 canvas { display: block; } .Exterior360.noCursor { cursor: -webkit-grabbing; } .Exterior360 .headerBox { position: absolute; left: 65px; top: 50%; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 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); text-align: left; cursor: default; opacity: 1; margin-top: 0; } .Exterior360 .headerBox span { text-align: left; } .Exterior360 .headerBox .primaryHeading { text-align: left; } .Exterior360 .headerBox .headingTextMain { color: #a4a7a9; display: block; font-size: 16px; font-weight: bold; letter-spacing: 0.8px; margin-bottom: 36px; } .Exterior360 .headerBox .headingTextSub { margin: auto; padding-top: inherit; font-weight: inherit; line-height: inherit; display: block; font-size: 24px; letter-spacing: 1.2px; margin-bottom: 18px; } .Exterior360 .headerBox .headingTextSub .subtitle { letter-spacing: 1.2px; } .Exterior360 .headerBox .bodyText { font-size: 14px; font-family: "avenir", "arial", "helvetica", sans-serif; color: #4a4f54; letter-spacing: 0.28px; line-height: 18px; padding-top: 0; font-weight: normal; text-align: left; display: block; } .Exterior360 .headerBox .primaryLinkWithStyle { margin-top: 36px; } .Exterior360 .headerBox .secondaryLinkWithStyle { color: #898c8f; margin-top: 30px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Exterior360 .headerBox.withImage { left: 23px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Exterior360 .headerBox.withImage { display: block; position: relative; top: 0 !important; left: 0; right: 0; bottom: 0; } } .Exterior360 .translations { display: none; } .Exterior360 .ScrollDown { left: 50%; margin-left: -25px; display: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .TabbedContainer .Exterior360 .headerBox.withImage { margin-top: 50px; } } .no-js .Exterior360 { height: 768px; background: #fff; } .no-js .Exterior360 .noJsText { padding-top: 200px; } .no-js .Exterior360 .fullFrameContent { display: none; } .FeatureHighlight .ctaContainer { padding-left: 20px; padding-right: 20px; } .FeatureHighlight .el a:first-child { display: inline-block; position: relative; } .FeatureHighlight .el .heading a { color: inherit; } .TwoColumnContainer .FeatureHighlight { padding: 1px 0 0 0; } .TwoColumnContainer .FeatureHighlight:last-child>div:last-child { margin-bottom: 0; } .FleetAndBusinessContacts .list2Col { max-width: 960px; margin: 0 auto; } .FleetAndBusinessContacts .list2Col>li { width: 50%; } .FleetAndBusinessContacts .list1Col { max-width: 480px; margin: 0 auto; } .FleetAndBusinessContacts .list1Col>li { width: 100%; } @media screen and (min-width: 1px) and (max-width: 740px) { .FleetAndBusinessContacts .list2Col { max-width: none; margin: auto; } .FleetAndBusinessContacts .list2Col>li { width: 100%; } .FleetAndBusinessContacts .list1Col { max-width: none; margin: auto; } } .FleetAndBusinessContacts .infoCard .cardHeader { display: block; min-height: 250px; background-position: 50% 50%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } .FleetAndBusinessContacts .infoCard .cardDetails .cardTitle .centreName, .FleetAndBusinessContacts .infoCard .cardDetails .cardTitle .locationName { display: block; } .FleetAndBusinessContacts .infoCard .cardDetails .mainContact { margin-bottom: 24px; } .FleetAndBusinessContacts .infoCard .cardDetails .mainContact .mainContactName, .FleetAndBusinessContacts .infoCard .cardDetails .mainContact .mainContactPosition { display: block; } .FleetAndBusinessContacts .infoCard .cardDetails .mainContact .mainContactName { color: #000000; } @media screen and (min-width: 1px) and (max-width: 740px) { .FleetAndBusinessContacts .infoCard .cardHeader { min-height: 120px; } .FleetAndBusinessContacts .infoCard .mainContact:first-child { margin-top: 24px; } #landrover .FleetAndBusinessContacts .infoCard .cardDetails .cardCta { display: block; } } *:focus { outline: 0; } body.focusStylesOn *:focus { box-shadow: inset 0 0 5px #2f84ea, 0 0 5px #2f84ea; } body.focusStylesOn .noFocusStyles:focus { box-shadow: none; } .FooterNav { position: relative; z-index: 1; padding: 0 0 40px; } .no-js .FooterNav { padding-bottom: 0; } .FooterNav .footerWrapper { overflow: hidden; padding: 0 70px; } .FooterNav .navWrapper { padding: 0 20px 22px; } .FooterNav .navWrapper h2 { font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 15px; letter-spacing: 0.2em; padding: 0 0 14px; font-weight: bold; margin: 0; -webkit-transform: translate3d(0, 0, 0); transform: none; } .FooterNav .navWrapper h2:first-child { padding: 46px 0 14px; } .FooterNav .navWrapper ul { margin: 0; padding: 0 0 1px; } .FooterNav .navWrapper li { padding: 4px 0 5px 0; } .FooterNav .navWrapper li a { font-size: 14px; letter-spacing: 0.2em; text-decoration: none; -webkit-transition: color 0.4s; -webkit-transition-delay: 0s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .FooterNav .navWrapper li a i { position: relative; font-size: 5px; } .FooterNav .navWrapper li a .icon-chevron-down, .FooterNav .navWrapper li a .icon-chevron-up { display: none; top: -2px; left: 5px; } .FooterNav .navWrapper li a i.active { display: inline; } .FooterNav .navWrapper li ul { display: none; margin: 0 0 0 10px; } .FooterNav .navWrapper li ul li { padding: 2px 0; } .FooterNav[data-total="1"] .navWrapper { width: 100%; } .FooterNav[data-total="2"] .navWrapper { width: 50%; } .FooterNav[data-total="3"] .navWrapper { width: 33.333%; } .FooterNav[data-total="4"] .navWrapper { width: 25%; } .FooterNav[data-total="5"] .navWrapper { width: 20%; } .FooterNav[data-total="6"] .navWrapper { width: 16.667%; } .FooterNav[data-total="7"] .navWrapper { width: 14.286%; } .FooterNav[data-total="8"] .navWrapper { width: 12.5%; } .FooterNav .socialLinks>ul:first-child { margin-top: 46px; } .FooterNav .socialLinks ul { margin-top: 10px; } .FooterNav .socialLinks ul li { padding: 0 0 10px 0; } .FooterNav .socialLinks ul li a { height: 50px; display: table; } .FooterNav .socialLinks ul li a>span { width: 50px; height: 50px; line-height: 50px; display: block; font-size: 23px; text-align: center; -webkit-transition: background-color 400ms; -webkit-transition-delay: 0s; -moz-transition: background-color 400ms; -o-transition: background-color 400ms; transition: background-color 400ms; } .FooterNav .socialLinks ul li a strong { display: table-cell; vertical-align: middle; padding-left: 11px; } .FooterNav .socialLinks ul .icon-social_facebook:before { margin-top: -4px; } .FooterNav .socialLinks ul .icon-social_google:before { margin-top: -1px; margin-left: 8.6px; font-size: 27px; } .FooterNav .socialLinks ul .icon-social_vkontakt:before { margin-top: 4px; } .FooterNav .socialLinks ul .icon-social_sinaweibo:before { margin-top: -1px; } .FooterNav .socialLinks ul .icon-social_pinterest:before { margin-top: -2px; } .FooterNav .socialLinks ul .icon-social_linkedin:before, .FooterNav .socialLinks ul .icon-social_instagram:before, .FooterNav .socialLinks ul .icon-social_blogger:before, .FooterNav .socialLinks ul .icon-social_renren:before, .FooterNav .socialLinks ul .icon-social_douban:before { margin-top: -5px; } .FooterNav .socialLinks ul .icon-social_tumblr:before { margin-top: -6px; } .FooterNav .socialLinks ul .icon-social_wechat:before { margin-top: -2px; } .FooterNav .socialLinks ul .icon-social_youtube { font-size: 29px; line-height: 45px; } .FooterNav .socialLinks ul .icon-social_youtube:before { margin-top: -8px; } .FooterNav .socialLinksFloat { width: auto !important; clear: both !important; display: block !important; padding-top: 0px; } .FooterNav .socialLinksFloat ul { margin-top: 15px; } .FooterNav .socialLinksFloat ul li { margin-right: 6px; width: 55px; float: left; } .FooterNav .socialLinksFloat ul li a { text-indent: -9999px; } .FooterNav .hygieneLinks { width: 100%; position: absolute; bottom: 0; padding: 0 70px 0; } .FooterNav .hygieneLinks:after { content: ""; clear: both; display: table; } .no-js .FooterNav .hygieneLinks { position: static; } .FooterNav .hygieneLinks li { float: left; } .FooterNav .hygieneLinks li a { display: inline-block; padding: 16px 20px; font-size: 9px; text-decoration: none; letter-spacing: 0.2em; -webkit-transition: background-color 400ms; -webkit-transition-delay: ease-out; -moz-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out; -webkit-transition: color 400ms; -webkit-transition-delay: ease-out; -moz-transition: color 400ms ease-out; -o-transition: color 400ms ease-out; transition: color 400ms ease-out; } .FooterNav .hygieneLinks li a.toggleHandle { display: none; position: relative; } .FooterNav .hygieneLinks li a.toggleHandle:after { content: '\e00c'; position: relative; padding-left: 6px; top: -1px; } .FooterNav .hygieneLinks li.selectMarket>a { padding-left: 50px; display: block; } .FooterNav .hygieneLinks li.selectMarket>a span.countryCode { display: none; } .FooterNav .hygieneLinks li.selectMarket>a .flag { position: absolute; top: 15px; left: 20px; } .FooterNav .hygieneLinks li.selectMarket .primaryLinkWithStyle { display: inline-table; } .FooterNav .hygieneLinks li.selectMarket div.DropdownSelect .selected[data-val='lang-العربية'], .FooterNav .hygieneLinks li.selectMarket div.DropdownSelect ul li[data-val='lang-العربية'] { letter-spacing: 0; } .FooterNav .hygieneLinks li ul.toggleContent { float: left; } .FooterNav .hygieneLinks li ul.toggleContent li { float: left; } .FooterNav .hygieneLinks li.open a.toggleHandle:after { content: '\e00b'; } .FooterNav .hygieneLinks li.open .toggleContent { display: block; } .FooterNav .marketSelectorContainer { display: none; position: absolute; bottom: 40px; width: 320px; padding: 20px; } .FooterNav .marketSelectorContainer.open { display: block; } .FooterNav .marketSelectorContainer .col { padding-bottom: 20px; } .FooterNav .marketSelectorContainer .formButton .continueButton { margin-top: 0; width: 100%; font-size: 10px; padding: 13px 23px 11px; } .FooterNav .marketSelectorContainer .formButton .continueButton.disabled { opacity: 0.4; cursor: default; } .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:hover, .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:focus { background: none; } .FooterNav .marketSelectorContainer .secondaryLinks { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .FooterNav .footerWrapper { overflow: hidden; padding: 0 0 0 20px; } .FooterNav .navWrapper { padding: 0 0 22px; } .FooterNav .navWrapper ul { padding-left: 20px; } .FooterNav .navWrapper h2 { padding-left: 20px; } .FooterNav .navWrapper h2:first-child { padding-left: 20px; } .FooterNav .navWrapper:nth-child(3) h2, .FooterNav .navWrapper:nth-child(3) ul { padding-left: 10px; } .FooterNav .socialLinks h2 { display: block; float: none; } .FooterNav .socialLinks ul { margin-top: 9px; } .FooterNav .socialLinks ul ul { margin: 0; padding-left: 0; } .FooterNav .socialLinks li { margin-right: 6px; width: 55px; } .FooterNav .socialLinks li:last-child { margin-right: 0; } .FooterNav ul.hygieneLinks { padding-left: 20px; } .FooterNav ul.hygieneLinks li .toggleHandle { display: block; } .FooterNav ul.hygieneLinks li .toggleContent { display: none; } .FooterNav ul.hygieneLinks li.open .toggleContent { position: absolute; width: 100%; left: 0; bottom: 40px; } .FooterNav ul.hygieneLinks li.open .toggleContent li { float: none; width: 100%; } .FooterNav ul.hygieneLinks li.open .toggleContent li a { display: block; } .no-js .FooterNav ul.hygieneLinks { height: auto; overflow: hidden; } .no-js .FooterNav ul.hygieneLinks li a.toggleHandle { display: none; } .no-js .FooterNav ul.hygieneLinks li ul.toggleContent { display: block; } .no-js .FooterNav ul.hygieneLinks li.selectMarket a { display: block; } } @media screen and (min-width: 1px) and (max-width: 740px) { .FooterNav { padding-bottom: 82px; padding-left: 0; } .FooterNav .footerWrapper { padding: 30px 30px 15px; } .FooterNav .marketSelectorContainer { width: 100%; } .FooterNav .marketSelectorContainer .col { margin: 0 auto; max-width: 340px; } .FooterNav .marketSelectorContainer .formButton { margin: 0 auto; max-width: 340px; } .FooterNav .navWrapper { /*display: none;*/ padding: 0; } .FooterNav[data-total="4"] .navWrapper { width: 100%; margin-bottom: 15px; } .height{height: 246px !important;} .FooterNav .navWrapper h2:first-child { padding: 0; } .FooterNav[data-total="1"] .socialLinks, .FooterNav[data-total="2"] .socialLinks, .FooterNav[data-total="3"] .socialLinks, .FooterNav[data-total="4"] .socialLinks, .FooterNav[data-total="5"] .socialLinks, .FooterNav[data-total="6"] .socialLinks, .FooterNav[data-total="7"] .socialLinks, .FooterNav[data-total="8"] .socialLinks { width: auto; } .FooterNav .socialLinks { display: block; width: auto; margin: 0 auto; float: left; } .FooterNav .socialLinks .heading { text-align: center; font-size: 11px; letter-spacing: 1.5px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: normal; } .FooterNav .socialLinks .heading.headingFocus .headingWrapper:before, .FooterNav .socialLinks .heading.headingFocus .headingWrapper:after { left: 50%; right: auto; margin-left: -0.67em; } .FooterNav .socialLinks ul { display: block; text-align: center; margin: 28px auto 0; padding: 0; } .FooterNav .socialLinks ul li { display: inline-block; float: none; padding: 0 7.5px 15px; margin: 0; width: auto; } .FooterNav .socialLinks ul li a { width: 50px; display: block; } .FooterNav .socialLinks ul li a strong { display: none; } .FooterNav .socialLinks>ul:first-child { margin-top: 0; } .FooterNav .socialLinksFloat h2 { text-align: left !important; padding-left: 50px !important; } .FooterNav ul.hygieneLinks { padding: 0 10px; } .FooterNav ul.hygieneLinks li.selectMarket a span.countryName { display: none; } .FooterNav ul.hygieneLinks li.selectMarket a span.countryCode { display: inline; } .FooterNav .recallLinks { display: inherit; width: 100%; padding: 0 10px; border-bottom: 1px solid; } .FooterNav .recallLinks:after { content: ""; clear: both; display: table; } .no-js .FooterNav .recallLinks { position: static; } .FooterNav .recallLinks li { float: left; } .FooterNav .recallLinks li a { display: inline-block; padding: 16px 18px; font-size: 8px; text-decoration: none; letter-spacing: 0.3em; } } .no-js .navWrapper li ul { position: relative; display: block; } .FooterNav { background-color: #4a4f54; } .FooterNav .navWrapper h2 { color: #ffffff; } .FooterNav .navWrapper li a { color: #e4e8e8; } .FooterNav .navWrapper li a:hover, .FooterNav .navWrapper li a:focus, .FooterNav .navWrapper li a.active { color: #ffffff; } .FooterNav .socialLinks ul li a>span { background-color: #0c121c; } .FooterNav .socialLinks ul .social_facebook:hover span { background-color: #305891; } .FooterNav .socialLinks ul .social_twitter:hover span { background-color: #2ca8d2; } .FooterNav .socialLinks ul .social_linkedin:hover span { background-color: #007bb6; } .FooterNav .socialLinks ul .social_google:hover span { background-color: #dd4b39; } .FooterNav .socialLinks ul .social_tumblr:hover span { background-color: #2f5070; } .FooterNav .socialLinks ul .social_sinaweibo:hover span { background-color: #df2029; } .FooterNav .socialLinks ul .social_pinterest:hover span { background-color: #c82828; } .FooterNav .socialLinks ul .social_douban:hover span { background-color: #0e7512; } .FooterNav .socialLinks ul .social_vkontakt:hover span { background-color: #2f5070; } .FooterNav .socialLinks ul .social_renren:hover span { background-color: #0259a0; } .FooterNav .socialLinks ul .social_youtube:hover span { background-color: #e62d27; } .FooterNav .socialLinks ul .social_blogger:hover span { background-color: #ff6600; } .FooterNav .socialLinks ul .social_instagram:hover span { background-color: #406e95; } .FooterNav .socialLinks ul .social_wechat:hover span { background-color: #93d034; } .FooterNav .hygieneLinks { background-color: #0c121c; } .FooterNav .hygieneLinks li a { color: #e4e8e8; } .FooterNav .hygieneLinks li a:hover, .FooterNav .hygieneLinks li a:focus { color: #ffffff; } .FooterNav .hygieneLinks li.open a.toggleHandle { background: #4a4f54; } .FooterNav .marketSelectorContainer { background-color: #a4a7a9; } .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:hover, .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:focus { color: #ffffff; } @media screen and (min-width: 1px) and (max-width: 900px) { .FooterNav ul.hygieneLinks li.open .toggleContent li { background: #0c121c; border-bottom: 1px solid #0c121c; } } @media screen and (min-width: 1px) and (max-width: 740px) { .FooterNav .recallLinks { background-color: #0c121c; border-bottom-color: #30353e; } .FooterNav .recallLinks li a { color: #e4e8e8; } .FooterNav .recallLinks li a:hover, .FooterNav .recallLinks li a:focus { color: #ffffff; } } .lightTheme .FooterNav .hygieneLinks { background-color: #ffffff; } .lightTheme .FooterNav .hygieneLinks li a { color: #4a4f54; font-weight: bold; } .lightTheme .FooterNav .hygieneLinks li a:hover, .lightTheme .FooterNav .hygieneLinks li a:focus { color: #0c121c; } .lightTheme .FooterNav .hygieneLinks li.open a.toggleHandle { background: #e4e8e8; } .lightTheme .FooterNav .marketSelectorContainer { background-color: #e4e8e8; } .lightTheme .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:hover, .lightTheme .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:focus { color: #4a4f54; } @media screen and (min-width: 1px) and (max-width: 900px) { .lightTheme .FooterNav ul.hygieneLinks li.open .toggleContent li { background-color: #e4e8e8; border-bottom-color: #cdd0d0; } .lightTheme .FooterNav ul.hygieneLinks li.open .toggleContent li:last-child { border: none; } } @media screen and (min-width: 1px) and (max-width: 740px) { .lightTheme .FooterNav .recallLinks { background-color: #ffffff; border-bottom-color: #e4e8e8; } .lightTheme .FooterNav .recallLinks li a { font-weight: bold; color: #4a4f54; } .lightTheme .FooterNav .recallLinks li a:hover, .lightTheme .FooterNav .recallLinks li a:focus { color: #4a4f54; } } .FormElements { padding: 20px; } .formHeader { padding-bottom: 40px; } .formHeader h2 { color: #4a4f54; } .formHeader p { font-size: 14px; color: #4a4f54; } .formSection { padding: 16px 0; } .formSection h3 { color: #4a4f54; margin: 0; } .formSection p { padding: 16px 0; color: #4a4f54; } .formSection .formrow { width: 50%; padding: 16px 0; } .formSection .formrow label { padding-bottom: 16px; display: block; color: #4a4f54; } .formSection .formrow .textfield, .formSection .formrow .DropdownSelect { margin-bottom: 16px; } .formSection .formrow .textfield.error { border: 1px solid #f2681d; margin-bottom: 10px; } .formSection .formrow p.errorMessage { color: #ff0000; } .formSection .formrow.radio { padding-top: 0; } .formSection .formrow.radio:first-of-type { padding-top: 16px; } .formSection .formrow.radio label { display: inline-block; padding-bottom: 0; } .formSection .formrow.inlineForm { overflow: hidden; } .formSection .formrow.inlineForm .textfield { float: left; width: 60%; margin-right: 5%; } .formSection .checkboxContainer { overflow: hidden; padding: 16px 0 0; } .formSection .checkboxContainer .formrow { padding-top: 0; } .formSection .checkboxContainer .formrow label { display: inline-block; padding-bottom: 0; } .formSection .formButton { text-align: center; padding-bottom: 40px; } #landrover .formSection .primaryLinkWithStyle { margin: 0; } #landrover .formSection .formButton .primaryLinkWithStyle { margin: 0; width: 50%; max-width: 350px; } #landrover .formSection .inlineForm .primaryLinkWithStyle { float: left; width: 35%; min-width: 0; } @media screen and (min-width: 1px) and (max-width: 900px) {} @media screen and (min-width: 1px) and (max-width: 740px) { .formSection .formrow { width: 100%; } .formSection .formrow .textfield, .formSection .formrow .DropdownSelect { max-width: 350px; } .formSection .formrow.inlineForm { max-width: 350px; } .formSection .checkboxContainer .formrow { width: 100%; } } .FramedContent>div, .FramedForm>div { margin: 0 auto; } .FramedContent>div iframe, .FramedForm>div iframe { margin: 0 auto; max-width: 1400px; display: block; } .TwoColumnContainer .FramedContent, .TwoColumnContainer .FramedForm { padding: 0; } .TwoColumnContainer .FramedContent>div, .TwoColumnContainer .FramedForm>div { margin: 0; } .TwoColumnContainer .FramedContent>div iframe, .TwoColumnContainer .FramedForm>div iframe { margin: 0; max-width: auto; } .FrameSlider { position: relative; overflow: hidden; width: 100%; } .FrameSlider .frameSliderItem { width: 100%; float: left; height: 100%; position: relative; overflow: hidden; } .FrameSlider .frameSliderBg, .FrameSlider .frameSliderBgNoScript, .FrameSlider .vehicleNoScript { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .FrameSlider .frameSliderBgNoScript, .FrameSlider .vehicleNoScript { background-position: center center; background-repeat: no-repeat; } .FrameSlider .headings { position: relative; z-index: 1; padding-bottom: 375px; margin-bottom: 0; top: -16px; } .FrameSlider .secondaryHeading { font-weight: 500; } .FrameSlider .subHeading { max-width: 680px; min-height: 46px; margin-bottom: 25px; } .FrameSlider .spriteContainer { position: absolute; top: 0px; left: 50%; width: 1600px; height: 800px; margin-left: -800px; opacity: 0.2; -webkit-transition: opacity 400ms; -webkit-transition-delay: 0s; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .FrameSlider .spriteContainerContext, .FrameSlider .spriteContainer .vehicle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .FrameSlider .spriteContainerContext { z-index: 1; } .FrameSlider .spriteContainer .vehicle { -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } .FrameSlider .frames-loaded .spriteContainer { opacity: 1; } .FrameSlider .backgroundOverlay .backgroundOverlayElement { background-color: #0c121c; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -webkit-transition-delay: 0s; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .FrameSlider .backgroundOverlay.backgroundOverlayActive .backgroundOverlayElement { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .FrameSlider .backgroundOverlay.vehicleForeground .vehicle { z-index: 1; } .FrameSlider .royalSlider { min-height: 400px; } .FrameSlider .royalSlider.rsAutoHeight .rsArrowIcn:before { zoom: 1; } .FrameSlider .sliderContainer { opacity: 0; -webkit-transition: opacity 400ms; -webkit-transition-delay: 0s; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .FrameSlider .sliderControls { width: 650px; } .FrameSlider .frames-loaded .sliderContainer { opacity: 1; } .FrameSlider .sliderTitle { letter-spacing: 1.5px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: normal; -webkit-transition: opacity 500ms; -webkit-transition-delay: ease-out; -moz-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out 0; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; left: 0; width: 100%; margin: 0; } .FrameSlider .sliderTitle.current { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 500ms; -webkit-transition-delay: ease-out; -moz-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out 100ms; } .FrameSlider .sliderContainerLower { position: relative; top: 18px; } @media screen and (min-width: 1px) and (max-width: 1100px), screen and (max-height: 620px) { .FrameSlider .headings { padding-bottom: 270px; top: -20px; } .FrameSlider .spriteContainer { top: -40px; transform: scale(0.9); } } @media screen and (min-width: 1px) and (max-width: 900px) { .FrameSlider .frameSliderBg, .FrameSlider .frameSliderBgNoScript { top: -90px; padding-top: 90px; } .FrameSlider .subHeading { margin-bottom: 20px; } .FrameSlider .headings { padding-bottom: 265px; top: 0; } .FrameSlider .spriteContainer { top: -95px; transform: scale(0.85); } } @media screen and (min-width: 1px) and (max-width: 740px) { .FrameSlider { height: auto; } .FrameSlider .shelfComponent { padding-left: 16px; padding-right: 16px; } .FrameSlider .headings { padding-bottom: 10px; max-width: none; margin-bottom: 0; top: 0; } .FrameSlider .subHeading { display: none; } .FrameSlider .spriteContainer { top: 0; width: 200%; height: auto; padding-top: 100%; margin: -28.125% 0 -28.125% -100%; position: relative; transform: scale(1); } .FrameSlider .sliderContainer { margin-top: 10px; } .FrameSlider .sliderControls { width: 220px; } .FrameSlider .royalSlider { min-height: 0; } .FrameSlider .sliderTitle { -webkit-transition: opacity 150ms; -webkit-transition-delay: ease-out; -moz-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out 0; } .FrameSlider .sliderTitle.headingH6 { font-size: 11px; } .FrameSlider .sliderTitle.current { -webkit-transition: opacity 150ms; -webkit-transition-delay: ease-out; -moz-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out 50ms; } .FrameSlider .sliderContainerLower { margin-top: 9px; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: portrait) { .FrameSlider .heading { min-height: 52px; } .FrameSlider .rsArrow { display: none !important; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: landscape) { .FrameSlider .shelfComponent { padding-left: 60px; padding-right: 60px; } .FrameSlider .outerContainer { margin: 0 30px; } } @media screen and (min-width: 1601px) { .FrameSlider { background-repeat: no-repeat; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } } .no-js .FrameSlider .frameSliderItem { display: none; } .no-js .FrameSlider .frameSliderItem:first-child { display: block; } .no-js .FrameSlider .sliderSpriteNoScript, .no-js .FrameSlider .vehicleNoScript { max-width: 100%; } .no-js .FrameSlider .spriteContainer, .no-js .FrameSlider .sliderContainer { opacity: 1; } .TabbedContainer .FullFrameCarousel { min-height: 0; } .FullFrameCarousel { width: 100%; min-height: 600px; text-align: center; position: relative; background-color: #000000; overflow: hidden; } .FullFrameCarousel .headerBox.withImage .headerBoxContent { background-color: transparent; } .FullFrameCarousel .fullFrameContent { background-color: rgba(255, 255, 255, 0.9); } .FullFrameCarousel .tab-content { display: none; } .FullFrameCarousel .VideoPlayer.paused .mejs-overlay-play, .FullFrameCarousel .VideoPlayer.finished .mejs-overlay-play { width: 100%; } .FullFrameCarousel .VideoPlayer.paused .mediaOverlay, .FullFrameCarousel .VideoPlayer.finished .mediaOverlay { display: block; } @media screen and (min-width: 1px) and (max-width: 740px) { .FullFrameCarousel .VideoPlayer.paused .mediaOverlay, .FullFrameCarousel .VideoPlayer.finished .mediaOverlay { position: relative; } } .FullFrameCarousel .mediaOverlay .mediaOverlayBg { width: 100%; height: 100%; } .FullFrameCarousel .mediaOverlay:hover .mediaOverlayBg { background: none; } .FullFrameCarousel.loaded { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .FullFrameCarousel .rsOverflow { min-height: 600px; } .FullFrameCarousel .carousel { text-align: center; overflow: hidden; direction: ltr; min-height: 600px; } .FullFrameCarousel .carousel .rsSlide { position: absolute; left: 0; top: 0; display: table; } .FullFrameCarousel .carousel .fullFrameItem { display: table-cell; vertical-align: middle; width: 100%; height: 100%; color: #4a4f54; } .FullFrameCarousel .carousel .fullFrameItem>span, .FullFrameCarousel .carousel .fullFrameItem noscript>div, .FullFrameCarousel .carousel .fullFrameItem .VideoPlayer>span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-position: center center; background-repeat: no-repeat; z-index: -1; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .FullFrameCarousel .carousel .fullFrameItem>span { z-index: 0; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent { z-index: 2; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; -webkit-transition-delay: ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent.visible { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.3s; -webkit-transition-delay: ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent { padding-bottom: 78px; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent.no-extra-padding { padding-bottom: 25px; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextMain { color: #a4a7a9; display: block; font-size: 16px; font-weight: bold; letter-spacing: 0.8px; margin-bottom: 36px; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub { margin: auto; padding-top: inherit; font-weight: inherit; line-height: inherit; display: block; font-size: 24px; letter-spacing: 1.2px; margin-bottom: 18px; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub .subtitle { letter-spacing: 1.2px; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .bodyText { font-size: 14px; font-family: "avenir", "arial", "helvetica", sans-serif; color: #4a4f54; letter-spacing: 0.28px; line-height: 18px; padding-top: 0; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .primaryLinkWithStyle { margin-top: 36px; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .secondaryLinkWithStyle { color: #898c8f; margin-top: 30px; } .FullFrameCarousel .carousel .fullFrameItem.left { text-align: left; } .FullFrameCarousel .carousel .fullFrameItem.left .headerBox .bodyText { text-align: left; } .FullFrameCarousel .carousel>.fullFrameItem>span { z-index: auto; } .FullFrameCarousel .carousel .video .VideoPlayer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .FullFrameCarousel .carousel .video .VideoPlayer.flash { width: 100%; height: 100%; } .FullFrameCarousel .carousel .video .VideoPlayer.flash embed, .FullFrameCarousel .carousel .video .VideoPlayer.flash object { position: absolute; top: 0px; left: 0; } .FullFrameCarousel .carousel .video .VideoPlayer .posterImage { display: none; } .FullFrameCarousel .carousel .video .VideoPlayer video::-webkit-media-controls, .FullFrameCarousel .carousel .video .VideoPlayer video::-webkit-media-controls-start-playback-button { display: none; } @media screen and (min-width: 741px) { .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video { position: static; width: 100% !important; height: 100% !important; } } .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-button button { font-size: 68px; border-right: none; } .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-button button:before { color: #ffffff; position: relative; top: -5px; left: -2px; } .ie .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-button button { height: 68px; width: 68px; } .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-controls div { display: none; } .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-controls.hide { visibility: hidden !important; display: none !important; } .FullFrameCarousel .carousel .video .VideoPlayer .mejs-layers { width: 100%; height: 100%; } .FullFrameCarousel .carousel .video .VideoPlayer video { -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; height: auto !important; width: auto !important; visibility: visible; } .FullFrameCarousel .carousel .video .VideoPlayer+span { z-index: -1; } .ie .FullFrameCarousel .carousel .video .VideoPlayer+span, .ms-edge .FullFrameCarousel .carousel .video .VideoPlayer+span { z-index: 0; } .FullFrameCarousel .disable { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; background-color: #000000; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .FullFrameCarousel[data-total="1"] .mejs-video { cursor: default; } .FullFrameCarousel[data-total="1"] .mejs-video video, .FullFrameCarousel[data-total="1"] .mejs-video object { cursor: default; } .FullFrameCarousel .carouselNavigation { position: absolute; left: 90px; bottom: 80px; text-align: left; width: auto; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; -webkit-transition-delay: ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .FullFrameCarousel .carouselNavigation.visible { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.3s; -webkit-transition-delay: ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .FullFrameCarousel .carouselNavigation>div { color: #ffffff; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carouselNavigation>div { color: #4a4f54; } .lt-ie10 .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carouselNavigation>div { position: relative; z-index: 3; } .FullFrameCarousel .carouselNavigation>div>a { color: #ffffff; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carouselNavigation>div>a { color: #4a4f54; } .FullFrameCarousel .carouselNavigation>div>a:hover:before { color: #a4a7a9; } .lt-ie9 #landrover .FullFrameCarousel { background-color: transparent; max-width: 1600px; margin: 0 auto; } .lt-ie9 #landrover .FullFrameCarousel .image { background-position: center center !important; } .lt-ie9 #landrover .FullFrameCarousel .fullFrameContent { visibility: hidden; } .lt-ie9 #landrover .FullFrameCarousel .linkContainer { margin-top: 0; } .lt-ie9 #landrover .FullFrameCarousel .current .fullFrameContent { visibility: visible; } .lt-ie9 #landrover .FullFrameCarousel .carousel>.fullFrameItem>.fullFrameContent { visibility: visible; } html.no-js .FullFrameCarousel { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; height: auto; min-height: 0; } html.no-js .FullFrameCarousel .carousel>* { float: none; } html.no-js .FullFrameCarousel .carousel .video .VideoPlayer+span { display: block; z-index: 1; } html.no-js .FullFrameCarousel .carousel span { z-index: 1; } html.no-js .FullFrameCarousel .carousel .fullFrameItem { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; vertical-align: middle; position: relative; text-align: center; height: auto; display: block; } html.no-js .FullFrameCarousel .carousel .fullFrameItem.left { text-align: left; } html.no-js .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent { padding-top: 30px; padding-bottom: 30px; min-height: 0; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } @media screen and (min-width: 1px) and (max-width: 1440px) { .FullFrameCarousel .VideoPlayer .mediaOverlayIcon:before { padding-right: 33.333%; text-align: right; } } @media screen and (min-width: 1px) and (max-width: 900px) { .FullFrameCarousel { min-height: 0; } .FullFrameCarousel .headerBox.withImage { max-width: 300px; } .FullFrameCarousel .carouselNavigation { left: 30px; margin-top: 30px; bottom: 40px; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carouselNavigation { left: 50px; } .FullFrameCarousel .rsOverflow { min-height: 0; } .FullFrameCarousel .disable { display: none; } .FullFrameCarousel .carousel { min-height: 0; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub { font-size: 18px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .FullFrameCarousel { background-color: #f8f9f9; } .FullFrameCarousel .carouselNavigation { bottom: 250px; width: 50%; left: 25%; margin-top: 0; text-align: center; } .FullFrameCarousel .carouselNavigation>div { color: #4a4f54; padding-top: 25px; } .FullFrameCarousel .carouselNavigation>div>a { color: #4a4f54; } .FullFrameCarousel .carouselNavigation>div .number { font-size: 24px; font-weight: bold; } .FullFrameCarousel .carousel .video .VideoPlayer video { height: 100% !important; width: 100% !important; } .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-controls { bottom: auto; } .FullFrameCarousel .carousel .fullFrameItem, .FullFrameCarousel .carousel .fullFrameItem.left, .FullFrameCarousel .carousel .fullFrameItem.alignedText { display: block; color: #ffffff; } .FullFrameCarousel .carousel .fullFrameItem>span, .FullFrameCarousel .carousel .fullFrameItem.left>span, .FullFrameCarousel .carousel .fullFrameItem.alignedText>span { display: block; position: relative; height: 0; padding-bottom: 56.25%; background-position: 50% 50%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } .FullFrameCarousel .carousel .fullFrameItem>span>span, .FullFrameCarousel .carousel .fullFrameItem.left>span>span, .FullFrameCarousel .carousel .fullFrameItem.alignedText>span>span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent, .FullFrameCarousel .carousel .fullFrameItem.left .fullFrameContent, .FullFrameCarousel .carousel .fullFrameItem.alignedText .fullFrameContent { margin-top: 70px; position: static; padding-top: 0; bottom: 0; min-height: 230px; width: 100%; background: #f8f9f9; } .FullFrameCarousel .carousel .fullFrameItem .headerBox.withImage, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox.withImage, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox.withImage { max-width: none; } .FullFrameCarousel .carousel .fullFrameItem .headerBox, .FullFrameCarousel .carousel .fullFrameItem .headerBox.withImage, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox.withImage, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox.withImage { text-align: left !important; } .FullFrameCarousel .carousel .fullFrameItem .headerBox .primaryHeading, .FullFrameCarousel .carousel .fullFrameItem .headerBox.withImage .primaryHeading, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox .primaryHeading, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox .primaryHeading, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading { text-align: left; } .FullFrameCarousel .carousel .fullFrameItem .headerBox .primaryHeading .headingTextMain, .FullFrameCarousel .carousel .fullFrameItem .headerBox .primaryHeading .headingTextSub, .FullFrameCarousel .carousel .fullFrameItem .headerBox .primaryHeading .bodyText, .FullFrameCarousel .carousel .fullFrameItem .headerBox.withImage .primaryHeading .headingTextMain, .FullFrameCarousel .carousel .fullFrameItem .headerBox.withImage .primaryHeading .headingTextSub, .FullFrameCarousel .carousel .fullFrameItem .headerBox.withImage .primaryHeading .bodyText, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox .primaryHeading .headingTextMain, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox .primaryHeading .headingTextSub, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox .primaryHeading .bodyText, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading .headingTextMain, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading .headingTextSub, .FullFrameCarousel .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading .bodyText, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox .primaryHeading .headingTextMain, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox .primaryHeading .headingTextSub, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox .primaryHeading .bodyText, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading .headingTextMain, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading .headingTextSub, .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading .bodyText { text-align: left; } .FullFrameCarousel .VideoPlayer .mediaOverlayIcon:before { padding-right: 0; text-align: center; } } @media screen and (min-width: 1px) and (max-width: 400px) { html.no-js .FullFrameCarousel .carousel .fullFrameItem:first-child { display: block; } } @media screen and (min-width: 1px) and (max-width: 740px) { #landrover .FullFrameCarousel.grey .carousel .fullFrameItem { background: #e9ecec; } #landrover .FullFrameCarousel.grey .carousel .fullFrameItem .fullFrameContent.headerBox { background: #e9ecec; } #landrover .FullFrameCarousel.dark .carouselNavigation div, #landrover .FullFrameCarousel.dark .carouselNavigation a { color: #e4e8e8; } #landrover .FullFrameCarousel.dark .carousel .fullFrameItem { background: #4a4f54; color: #ffffff; } #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .headingTextMain, #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .bodyText, #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .headingTextMain, #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .headingTextSub, #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .primaryHeading { color: #ffffff; } #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .primaryLinkWithStyle { background-color: #ffffff; color: #0c121c; } #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .primaryLinkWithStyle:hover { background-color: #0c121c; color: #ffffff; } #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .secondaryLinkWithStyle { color: #adafb2; } #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .secondaryLinkWithStyle:hover { color: #e4e8e8; } #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .fullFrameContent.headerBox { background: #4a4f54; color: #ffffff; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel { background: #e4e8e8; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .tab-content { display: block; width: 100%; padding-bottom: 56.25%; position: relative; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .tab-content .tab-content-body { position: absolute; bottom: -120px; height: 70px; padding: 10px 25px; border-bottom: 1px solid #c0c0c0; width: 100%; text-align: left; font-size: 14px; font-family: "avenir", "arial", "helvetica", sans-serif; } .no-js .TabbedContainer:not([data-total='1']) .FullFrameCarousel .tab-content .tab-content-body { bottom: -70px; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .tab-content span { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel { padding-top: 120px; } .no-js .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel { padding-top: 70px; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem { position: relative; overflow: hidden; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .VideoPlayer .mediaOverlay { position: absolute; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .VideoPlayer video, .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .VideoPlayer .mediaOverlay { margin-top: 50px; } .ie .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .VideoPlayer { z-index: 0; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem>span { margin-top: 50px; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem>span { z-index: 0; } .ie .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem>span { z-index: 1; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent { background: #e4e8e8; border-bottom: 1px solid #c0c0c0; margin-top: 30px; min-height: 0; padding: 0 0 30px 0; opacity: 1; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextMain { display: none; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub { background: #e4e8e8; border-bottom: 1px solid #c0c0c0; color: #000000; cursor: pointer; font-size: 10px; font-family: "avenir", "arial", "helvetica", sans-serif; height: 50px; letter-spacing: 1.8px; line-height: 30px; margin-bottom: 0; padding: 10px 25px; position: absolute; top: 0; left: 0; right: 0; text-transform: uppercase; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub:after { content: ' '; background-image: url(#); background-repeat: no-repeat; background-position: center right; float: right; height: 30px; width: 30px; } .no-js .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub:after { display: none; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub.open:after { background-image: url(#); } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub .subtitle { display: inline; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .bodyText { padding: 0 25px; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .linkContainer { padding: 0 25px; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .primaryLinkWithStyle { margin-top: 30px; } .TabbedContainer:not([data-total='1']) .FullFrameCarousel .carouselNavigation { display: none; } } .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: '\e00d'; 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; -webkit-transition-delay: 0s; -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; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-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: rgba(0, 0, 0, 0); } .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 screen and (min-width: 1px) and (max-width: 900px) { a.mfp-close:before { font-size: 14px; } } @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; } .test-link { display: block; margin: 100px; text-align: center; text-decoration: none; } .Fullscreen .galleryCategoriesBtn { display: none; } .Fullscreen.hasGallery .galleryCategoriesBtn.hasCategory { display: block; } .Fullscreen.hasGalleryCategories .galleryCategoriesBtn { display: none; } .mfp-content .Fullscreen .galleryCategoriesBtn { display: none; } .mfp-content .Fullscreen .galleryCategoriesBtn.show { display: block !important; } .Fullscreen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } .Fullscreen .fullscreenHeader { position: fixed; background-color: transparent; top: 0; width: 100%; height: 70px; z-index: 7; color: #e4e8e8; } .Fullscreen .fullscreenHeader .overlayBox { width: 100%; height: 100%; z-index: -1; position: absolute; background-color: #0c121c; } .Fullscreen .fullscreenHeader .logoLink { display: none; float: left; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .fullscreenHeader { border-right: solid 1px #4a4f54; } } .Fullscreen .fullscreenHeader .logo { float: left; height: 48px; margin: 11px; } .Fullscreen .fullscreenHeader .info { position: absolute; top: 0; left: 0; height: 70px; background-color: transparent; max-width: 900px; } .Fullscreen .fullscreenHeader .info h4 { padding: 9px 0 11px 50px; height: 70px; overflow: hidden; display: table-cell; text-align: left; vertical-align: middle; font-weight: 700; min-width: 300px; max-width: 400px; color: #ffffff; -webkit-font-smoothing: antialiased; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .fullscreenHeader .info h4 { min-width: 0; max-width: 1000px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Fullscreen .fullscreenHeader .info h4 { font-size: 12px; padding: 5px 10px; } } .Fullscreen .fullscreenHeader .info p { display: table-cell; vertical-align: middle; text-align: left; padding: 5px 20px 5px 60px; line-height: 18px; max-height: 70px; overflow: hidden; -webkit-font-smoothing: antialiased; } .Fullscreen .fullscreenHeader .info p a { color: #e4e8e8; border-bottom-color: rgba(228, 232, 232, 0.25) !important; } .Fullscreen .fullscreenHeader #filmstripToggle { display: block; text-align: center; background-color: #0c121c; border-left: 1px solid #30353e; float: right; text-decoration: none; height: 70px; min-width: 70px; line-height: 72px; font-size: 11px; padding-left: 9px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .fullscreenHeader #filmstripToggle { width: auto; float: left; border-left: none; border-right: solid 1px #30353e; height: 50px; line-height: 50px; font-size: 10px; padding: 0 10px; } } .Fullscreen .fullscreenHeader #filmstripToggle:after { content: '\e00b'; font-size: 9px; height: 70px; line-height: 65px; margin: 0 0 0 6px; padding-right: 16px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .fullscreenHeader #filmstripToggle:after { height: 50px; line-height: 45px; font-size: 9px; padding-right: 0; } } .Fullscreen .fullscreenHeader #filmstripToggle:hover { cursor: pointer; background-color: #4a4f54; -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .Fullscreen .fullscreenHeader #filmstripToggle.on { background-color: #4a4f54; } .Fullscreen .fullscreenHeader #filmstripToggle.on:after { content: '\e00c'; line-height: 66px; margin: 0 0 0 6px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .fullscreenHeader #filmstripToggle.on:after { height: 50px; line-height: 46px; font-size: 9px; } } .Fullscreen .fullscreenHeader .mfp-close { border-left: 1px solid #30353e; } .Fullscreen .fullscreenHeader .mfp-close span { display: none; } .Fullscreen .fullscreenHeader .addThisMenu a.addthis_button_expanded:hover { background: #5c6065; } .Fullscreen .galleryCategoriesBtn { text-align: center; background-color: #0c121c; border-left: 1px solid #30353e; float: right; text-decoration: none; } .Fullscreen .galleryCategoriesBtn:before { content: '\e024'; font-size: 35px; height: 70px; width: 70px; line-height: 68px; margin: 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .galleryCategoriesBtn:before { width: 50px; height: 50px; line-height: 49px; font-size: 28px; } } .Fullscreen .galleryCategoriesBtn:hover { cursor: pointer; background-color: #4a4f54; -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -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 .galleryCategoriesBtn { float: left; border-left: none; border-right: 1px solid #30353e; } } .Fullscreen .fullscreenFooter { height: 0px; overflow: hidden; position: fixed; background-color: #0c121c; bottom: 0; width: 100%; z-index: 3; padding: 0; } .Fullscreen .fullscreenFooter .heading { margin-bottom: 0.5em; color: #e4e8e8; } .Fullscreen .fullscreenFooter p { font-size: 12px; margin: 0 20px; text-align: center; color: #e4e8e8; } .Fullscreen.Fullscreen.fullScreenVideo .fullscreenHeader, .Fullscreen.Fullscreen.fullScreenVideo .fullscreenFooter { display: none; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery { padding-top: 0; position: static; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery .directionArrow, .Fullscreen.Fullscreen.fullScreenVideo .Gallery .rsNav { display: none !important; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery .VideoPlayer { padding: 0; display: block; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery .VideoPlayer .playerWrapper { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; } .Fullscreen.shared .logoLink { display: inline-block; } .Fullscreen.shared .info { left: 100px; } .Fullscreen.shared a.mfp-close { width: auto; font-size: 10px; } .Fullscreen.shared a.mfp-close span { display: inline-block; } .Fullscreen.shared a.mfp-close:before { content: '\e010'; width: 70px; line-height: 70px; } .Fullscreen .fullscreenContentWrapper { padding-top: 70px; height: 100%; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .fullscreenContentWrapper { padding-top: 50px; } } .Fullscreen .VideoPlayerGalleryAsset { width: 100%; height: 100%; display: table; } .Fullscreen .VideoPlayer { display: table-cell; height: 100%; vertical-align: middle; } #landrover .Fullscreen.shared .fullscreenHeader .mfp-close { width: auto; padding: 0 20px; } #landrover .Fullscreen.shared .fullscreenHeader .mfp-close:before { width: auto; top: -2px; position: relative; left: -4px; font-size: 12px; } @media screen and (min-width: 1px) and (max-width: 900px) { #landrover .Fullscreen.hasGalleryCategories .fullscreenHeader .info { display: block !important; } #landrover .Fullscreen.hasGalleryCategories .fullscreenHeader .info h4, #landrover .Fullscreen.hasGalleryCategories .fullscreenHeader .info p { height: 50px; } #landrover .Fullscreen.hasGalleryCategories .fullscreenFooter { display: none; height: 0; padding-bottom: 0; } #landrover .Fullscreen.shared .fullscreenHeader .mfp-close { width: auto; } #landrover .Fullscreen.shared .fullscreenHeader .mfp-close:before { width: auto; } #landrover .Fullscreen.shared.hasGalleryCategories .fullscreenFooter { height: 50px; display: block; } #landrover .Fullscreen.shared.hasGalleryCategories .fullscreenFooter h4, #landrover .Fullscreen.shared.hasGalleryCategories .fullscreenFooter p { display: none; } #landrover .Fullscreen .fullscreenHeader { height: 50px; } #landrover .Fullscreen .fullscreenHeader .logo { height: 30px; margin: 10px; } #landrover .Fullscreen .fullscreenHeader .info { display: none !important; height: 50px; } #landrover .Fullscreen .fullscreenHeader .info .infoInner { height: 50px; } #landrover .Fullscreen .fullscreenHeader .info .infoInner h4 { height: 50px; } #landrover .Fullscreen .fullscreenHeader .info .infoInner p { max-height: 50px; } #landrover .Fullscreen .fullscreenHeader .addThisMenu { width: 50px; } #landrover .Fullscreen .fullscreenHeader .addThisMenu a { width: 50px; } #landrover .Fullscreen .fullscreenHeader .addThisMenu a span { font-size: 17px; height: 50px; line-height: 49px; width: 50px; } #landrover .Fullscreen .fullscreenHeader .addThisMenu a span:before { font-size: 13px; } #landrover .Fullscreen .fullscreenHeader .mfp-close { height: 50px; width: 50px; } #landrover .Fullscreen .fullscreenHeader .mfp-close:before { width: 50px; line-height: 50px; } #landrover .Fullscreen.shared .fullscreenHeader .mfp-close { position: fixed; bottom: 0; left: 0; text-align: center; width: 100%; background: none; } #landrover .Fullscreen.shared .fullscreenHeader .mfp-close:before { line-height: 50px; } #landrover .Fullscreen.shared .fullscreenFooter { padding-bottom: 40px; } #landrover .Fullscreen .fullscreenFooter { height: 95px; padding: 20px 0; } #landrover .Fullscreen .fullscreenFooter h4+p { margin-top: 5px; } #landrover .Fullscreen .fullscreenFooter p { margin: 0 50px; } } @media screen and (min-width: 1px) and (max-width: 740px) { #landrover .Fullscreen .fullscreenHeader .info { display: none; } #landrover .Fullscreen .fullscreenFooter .heading+p { margin-top: 3px; } #landrover .Fullscreen .fullscreenFooter p { line-height: 1.3; margin: 0 20px; } } .no-js .addThisMenu { display: none; } .no-js .Fullscreen.hasGalleryCategories { height: 600px; } .FullWidthImage { overflow: hidden; *zoom: 1; width: 100%; position: relative; } .FullWidthImage .imageContainer { position: relative; width: 100%; min-height: 450px; top: 0; left: 0; height: 100%; } .FullWidthImage .imageContainer span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } .FullWidthImage.noImage .imageContainer { display: none; } .FullWidthImage .itemContent { position: absolute; width: 40%; } .FullWidthImage .itemContent>p { margin-top: 26px; font-size: 18px; } .FullWidthImage .itemContent .title { margin-bottom: 45px; } .FullWidthImage .primaryHeading:last-child { margin-bottom: 0; } .FullWidthImage .primaryHeading, .FullWidthImage p { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .FullWidthImage.noImage .primaryHeading, .FullWidthImage.noImage p { text-shadow: none; } .FullWidthImage>.title { display: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .FullWidthImage>.title { display: block; text-align: center; font-size: 22px; padding: 24px 0; margin: 0; } } .FullWidthImage .primaryLinkWithStyle { margin-top: 0; } .FullWidthImage p+.linkContainer .primaryLinkWithStyle { margin-top: 50px; } .FullWidthImage .primaryHeading+.linkContainer { margin-top: 50px; } .FullWidthImage .primaryHeading+.linkContainer .primaryLinkWithStyle { margin-top: 0; } #landrover .FullWidthImage.dark.withImage .secondaryLinkWithStyle { color: #ffffff; } #landrover .FullWidthImage.dark.withImage .secondaryLinkWithStyle:hover { color: #ffffff; text-shadow: 0 0 1px #ffffff; } #landrover.focusStylesOn .FullWidthImage.dark.withImage .secondaryLinkWithStyle:focus { color: #ffffff; text-shadow: 0 0 1px #ffffff; } .FullWidthImage.leftTop .itemContent, .FullWidthImage.rightTop .itemContent { top: 80px; left: 90px; } .FullWidthImage.leftTop .imageContainer span, .FullWidthImage.rightTop .imageContainer span { background-position: right bottom; } .FullWidthImage.leftBottom .itemContent, .FullWidthImage.rightBottom .itemContent { bottom: 80px; left: 90px; } .FullWidthImage.leftBottom .imageContainer span, .FullWidthImage.rightBottom .imageContainer span { background-position: right top; } .FullWidthImage.centre .itemContainer, .FullWidthImage.centre .heading { text-align: center; } .FullWidthImage.centre .itemContainer { position: absolute; top: 0; padding: 0; width: 100%; } .FullWidthImage.centre .itemContainer .itemContent { margin: 0 auto; position: relative; } .FullWidthImage.centre .itemContainer .itemContent .primaryHeader { text-align: center; } .FullWidthImage.short .imageContainer { height: 100%; position: absolute; } .FullWidthImage.short .itemContainer { position: relative; top: 0; left: 0; display: table; width: 50%; padding: 0; height: 1px; height: 640px; } .FullWidthImage.short .itemContainer .itemContent { padding: 0; position: relative; display: table-cell; vertical-align: middle; width: auto; } .FullWidthImage.short.centre .itemContainer { width: 60%; margin: 0 auto; } .FullWidthImage.short.left .itemContainer span, .FullWidthImage.short.right .itemContainer span { background-position: right center; } .FullWidthImage.short.left .imageContainer span, .FullWidthImage.short.right .imageContainer span { background-position: right center; } .FullWidthImage.tall .imageContainer, .FullWidthImage.adaptive .imageContainer { min-height: 1280px; } .FullWidthImage.tall.centre .itemContainer, .FullWidthImage.adaptive.centre .itemContainer { margin: 0 auto; height: 100%; white-space: nowrap; } .FullWidthImage.tall.centre .itemContainer:before, .FullWidthImage.tall.centre .itemContainer .itemContent, .FullWidthImage.adaptive.centre .itemContainer:before, .FullWidthImage.adaptive.centre .itemContainer .itemContent { display: inline-block; vertical-align: middle; } .FullWidthImage.tall.centre .itemContainer:before, .FullWidthImage.adaptive.centre .itemContainer:before { content: ''; width: 0; height: 100%; } .FullWidthImage.tall.centre .itemContainer .itemContent, .FullWidthImage.adaptive.centre .itemContainer .itemContent { width: 60%; white-space: normal; } .FullWidthImage.withHeaderBox .textWrapper, #landrover .FullWidthImage.withHeaderBox .textWrapper { position: absolute; top: 0; bottom: 0; width: 100%; margin: auto; white-space: nowrap; } .FullWidthImage.withHeaderBox .textWrapper:before, #landrover .FullWidthImage.withHeaderBox .textWrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .FullWidthImage.withHeaderBox .textWrapper .headerBox, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox { display: inline-block; vertical-align: middle; white-space: normal; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .headerBoxContent, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .headerBoxContent { padding-bottom: 25px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox h5.title, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox h5.title { margin-bottom: 40px; color: #a4a7a9; } .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading { color: #0c121c; } .FullWidthImage.withHeaderBox .textWrapper .headerBox p.bodyText, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox p.bodyText { margin-top: 16px; color: #4a4f54; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .heading .headingWrapper:before, .FullWidthImage.withHeaderBox .textWrapper .headerBox .heading .headingWrapper:after, .FullWidthImage.withHeaderBox .textWrapper .headerBox .heading a .headingWrapper:before, .FullWidthImage.withHeaderBox .textWrapper .headerBox .heading a .headingWrapper:after, .FullWidthImage.withHeaderBox .textWrapper .headerBox .headingTextMain:before, .FullWidthImage.withHeaderBox .textWrapper .headerBox .headingTextMain:after, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .heading .headingWrapper:before, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .heading .headingWrapper:after, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .heading a .headingWrapper:before, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .heading a .headingWrapper:after, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .headingTextMain:before, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .headingTextMain:after { display: none; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer { margin-top: 0; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .primaryLinkWithStyle { margin-top: 35px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .secondaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .secondaryLinkWithStyle { color: #898c8f; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .secondaryLinkWithStyle:hover, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .secondaryLinkWithStyle:hover { color: #4a4f54; } .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading+.linkContainer .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading+.linkContainer .primaryLinkWithStyle { margin-top: 25px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .caveat, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .caveat { margin-top: 23px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .caveat a, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .caveat a { color: #898c8f; } .FullWidthImage.withHeaderBox.noText .textWrapper, #landrover .FullWidthImage.withHeaderBox.noText .textWrapper { visibility: hidden; height: 0; } .FullWidthImage.withHeaderBox.short, #landrover .FullWidthImage.withHeaderBox.short { display: table; height: 480px; min-height: 480px; } .FullWidthImage.withHeaderBox.short .textWrapper, #landrover .FullWidthImage.withHeaderBox.short .textWrapper { position: relative; display: table-cell; vertical-align: middle; } .FullWidthImage.withHeaderBox.left .textWrapper .headerBox, .FullWidthImage.withHeaderBox.leftTop .textWrapper .headerBox, #landrover .FullWidthImage.withHeaderBox.left .textWrapper .headerBox, #landrover .FullWidthImage.withHeaderBox.leftTop .textWrapper .headerBox { margin-left: 65px; text-align: left; } .FullWidthImage.withHeaderBox.left .textWrapper .headerBox .primaryHeading, .FullWidthImage.withHeaderBox.leftTop .textWrapper .headerBox .primaryHeading, #landrover .FullWidthImage.withHeaderBox.left .textWrapper .headerBox .primaryHeading, #landrover .FullWidthImage.withHeaderBox.leftTop .textWrapper .headerBox .primaryHeading { text-align: left; } .FullWidthImage.withHeaderBox.centre .textWrapper, #landrover .FullWidthImage.withHeaderBox.centre .textWrapper { text-align: center; } .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox p.bodyText, #landrover .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox p.bodyText { font-family: "lr_ot4", "arial", "helvetica", sans-serif; color: #0c121c; } @media screen and (min-width: 1px) and (max-width: 1440px) { .FullWidthImage.withHeaderBox.short, #landrover .FullWidthImage.withHeaderBox.short { height: 460px; min-height: 460px; } } @media screen and (min-width: 1025px) { .FullWidthImage.withHeaderBox h2.primaryHeading, #landrover .FullWidthImage.withHeaderBox h2.primaryHeading { font-size: 38px; } .FullWidthImage.withHeaderBox p.bodyText, #landrover .FullWidthImage.withHeaderBox p.bodyText { font-size: 16px; } .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox .bodyText, #landrover .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox .bodyText { margin-top: 4px; } .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox .primaryLinkWithStyle { margin-top: 25px; } .FullWidthImage.withHeaderBox h2.primaryHeading+.linkContainer .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox h2.primaryHeading+.linkContainer .primaryLinkWithStyle { margin-top: 25px; } } @media screen and (min-width: 1px) and (max-width: 1024px) { .FullWidthImage.withHeaderBox.short, #landrover .FullWidthImage.withHeaderBox.short { height: 443px; min-height: 443px; } .FullWidthImage.withHeaderBox.textPlinth.short .imageContainer, #landrover .FullWidthImage.withHeaderBox.textPlinth.short .imageContainer { position: absolute; } } @media screen and (min-width: 900px) and (max-width: 1023px) { .FullWidthImage.withHeaderBox .textWrapper .headerBox .headerBoxContent, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .headerBoxContent { padding: 17px 23px 20px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox h5.title, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox h5.title { margin-bottom: 36px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading { font-size: 33px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox p.bodyText, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox p.bodyText { margin-top: 20px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer { margin-top: 0; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .primaryLinkWithStyle { margin-top: 46px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle { margin-top: 23px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .caveat, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .caveat { margin-top: 23px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading+.linkContainer .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading+.linkContainer .primaryLinkWithStyle { margin-top: 23px; } .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox p.bodyText, #landrover .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox p.bodyText { margin-top: 13px; } .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox .primaryLinkWithStyle { margin-top: 23px; } } @media screen and (min-width: 740px) and (max-width: 899px) { .FullWidthImage.withHeaderBox .textWrapper .headerBox .headerBoxContent, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .headerBoxContent { padding: 17px 18px 18px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox h5.title, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox h5.title { margin-bottom: 34px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox p.bodyText, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox p.bodyText { margin-top: 18px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer { margin-top: 0; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .linkContainer .primaryLinkWithStyle { margin-top: 36px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle { margin-top: 18px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .caveat, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .caveat { margin-top: 18px; } .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading+.linkContainer .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox h2.primaryHeading+.linkContainer .primaryLinkWithStyle { margin-top: 18px; } .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox p.bodyText, #landrover .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox p.bodyText { margin-top: 9px; } .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox.uppercase .textWrapper .headerBox .primaryLinkWithStyle { margin-top: 18px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .FullWidthImage.withHeaderBox.short, #landrover .FullWidthImage.withHeaderBox.short { height: 400px; min-height: 400px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .FullWidthImage.withHeaderBox .textWrapper:before, #landrover .FullWidthImage.withHeaderBox .textWrapper:before { display: none; } .FullWidthImage.withHeaderBox.dark .headerBox, #landrover .FullWidthImage.withHeaderBox.dark .headerBox { background-color: transparent; } .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent, #landrover .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent { background-color: #4a4f54; color: #ffffff; } .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent p.bodyText, #landrover .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent p.bodyText { color: #ffffff; } .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .headingTextMain, #landrover .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .headingTextMain { color: #ffffff; } .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .linkContainer .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .linkContainer .primaryLinkWithStyle { background-color: #ffffff; color: #0c121c; } .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .linkContainer .primaryLinkWithStyle:hover, #landrover .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .linkContainer .primaryLinkWithStyle:hover { background-color: #0c121c; color: #ffffff; } .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .linkContainer .secondaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .linkContainer .secondaryLinkWithStyle { color: #adafb2; } .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .linkContainer .secondaryLinkWithStyle:hover, #landrover .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .linkContainer .secondaryLinkWithStyle:hover { color: #e4e8e8; } .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .caveat, #landrover .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .caveat { color: #e4e8e8; } .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .caveat a, #landrover .FullWidthImage.withHeaderBox.dark .headerBox .headerBoxContent .caveat a { color: #adafb2; } .FullWidthImage.withHeaderBox.light .headerBoxContent, #landrover .FullWidthImage.withHeaderBox.light .headerBoxContent { background-color: #f8f9f9; color: #4a4f54; } .FullWidthImage.withHeaderBox.grey .headerBoxContent, #landrover .FullWidthImage.withHeaderBox.grey .headerBoxContent { background-color: #e9ecec; color: #4a4f54; } .FullWidthImage.withHeaderBox.white .headerBoxContent, #landrover .FullWidthImage.withHeaderBox.white .headerBoxContent { background-color: #f8f9f9; color: #4a4f54; } .FullWidthImage.withHeaderBox.white .headerBoxContent .primaryLinkWithStyle, #landrover .FullWidthImage.withHeaderBox.white .headerBoxContent .primaryLinkWithStyle { background-color: #ffffff; color: #0c121c; } .FullWidthImage.withHeaderBox.white .headerBoxContent .primaryLinkWithStyle:hover, #landrover .FullWidthImage.withHeaderBox.white .headerBoxContent .primaryLinkWithStyle:hover { background-color: #0c121c; color: #ffffff; } .FullWidthImage.withHeaderBox.short, #landrover .FullWidthImage.withHeaderBox.short { height: auto; min-height: 0; display: block; } .FullWidthImage.withHeaderBox.short .textWrapper, #landrover .FullWidthImage.withHeaderBox.short .textWrapper { display: block; text-align: center; } .FullWidthImage.withHeaderBox.textPlinth.short .imageContainer, #landrover .FullWidthImage.withHeaderBox.textPlinth.short .imageContainer { position: relative; } .FullWidthImage.withHeaderBox.tall .textWrapper, #landrover .FullWidthImage.withHeaderBox.tall .textWrapper { position: relative; text-align: center; } .FullWidthImage.withHeaderBox .textWrapper, .FullWidthImage.withHeaderBox.left .textWrapper, .FullWidthImage.withHeaderBox.leftTop .textWrapper, #landrover .FullWidthImage.withHeaderBox .textWrapper, #landrover .FullWidthImage.withHeaderBox.left .textWrapper, #landrover .FullWidthImage.withHeaderBox.leftTop .textWrapper { min-height: 0; } .FullWidthImage.withHeaderBox .textWrapper .headerBox, .FullWidthImage.withHeaderBox.left .textWrapper .headerBox, .FullWidthImage.withHeaderBox.leftTop .textWrapper .headerBox, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox, #landrover .FullWidthImage.withHeaderBox.left .textWrapper .headerBox, #landrover .FullWidthImage.withHeaderBox.leftTop .textWrapper .headerBox { margin-left: 0; text-align: center; } .FullWidthImage.withHeaderBox .textWrapper .headerBox .primaryHeading, .FullWidthImage.withHeaderBox.left .textWrapper .headerBox .primaryHeading, .FullWidthImage.withHeaderBox.leftTop .textWrapper .headerBox .primaryHeading, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox .primaryHeading, #landrover .FullWidthImage.withHeaderBox.left .textWrapper .headerBox .primaryHeading, #landrover .FullWidthImage.withHeaderBox.leftTop .textWrapper .headerBox .primaryHeading { text-align: center; } .FullWidthImage.withHeaderBox .headerBox h5, #landrover .FullWidthImage.withHeaderBox .headerBox h5 { display: none; } } @media screen and (min-width: 741px) and (max-width: 999px) { .FullWidthImage.withHeaderBox.tall, #landrover .FullWidthImage.withHeaderBox.tall { height: 460px; min-height: 460px; } .FullWidthImage.withHeaderBox.tall .imageContainer, #landrover .FullWidthImage.withHeaderBox.tall .imageContainer { position: relative; } .FullWidthImage.withHeaderBox.tall .textWrapper, #landrover .FullWidthImage.withHeaderBox.tall .textWrapper { min-height: 0; } .FullWidthImage.withHeaderBox .textWrapper .headerBox, #landrover .FullWidthImage.withHeaderBox .textWrapper .headerBox { max-width: 340px; } } @media screen and (min-width: 1925px) { .FullWidthImage.short .itemContainer { padding: 90px; } } @media screen and (min-width: 1px) and (max-width: 1924px) { .FullWidthImage.short .itemContainer { padding: 90px; height: 480px; } .FullWidthImage.tall .imageContainer, .FullWidthImage.adaptive .imageContainer { min-height: 960px; } } @media screen and (min-width: 1px) and (max-width: 1440px) { .FullWidthImage.tall .imageContainer, .FullWidthImage.adaptive .imageContainer { min-height: 850px; } .FullWidthImage.short .itemContainer { height: 445px; } } @media screen and (min-width: 1px) and (max-width: 1280px) { .FullWidthImage.tall .imageContainer, .FullWidthImage.adaptive .imageContainer { min-height: 682px; } .FullWidthImage.short .itemContainer { height: 341px; } .FullWidthImage.short .imageContainer { min-height: 341px; } } @media screen and (min-width: 1px) and (max-width: 1160px) { .FullWidthImage.short .itemContainer { width: 44%; } .FullWidthImage .itemContent .primaryHeader { font-size: 30px; } } @media screen and (min-width: 1px) and (max-width: 1000px) { .FullWidthImage .itemContent>p { font-size: 16px; } #landrover .FullWidthImage.textPlinth .secondaryLinkWithStyle, #landrover .FullWidthImage.dark.withImage.textPlinth .secondaryLinkWithStyle { color: #adafb2; } #landrover .FullWidthImage.textPlinth .secondaryLinkWithStyle:hover, #landrover .FullWidthImage.dark.withImage.textPlinth .secondaryLinkWithStyle:hover { color: #e4e8e8; text-shadow: none; } #landrover.focusStylesOn .FullWidthImage.textPlinth .secondaryLinkWithStyle:focus, #landrover.focusStylesOn .FullWidthImage.dark.withImage.textPlinth .secondaryLinkWithStyle:focus { color: #e4e8e8; text-shadow: none; } .FullWidthImage.textPlinth .imageContainer:empty, .FullWidthImage.textPlinth.left .imageContainer:empty, .FullWidthImage.textPlinth.right .imageContainer:empty, .FullWidthImage.textPlinth.centre .imageContainer:empty, .FullWidthImage.textPlinth.tall .imageContainer:empty, .FullWidthImage.textPlinth.adaptive .imageContainer:empty, .FullWidthImage.textPlinth.short .imageContainer:empty { display: none; } .FullWidthImage.textPlinth .itemContainer, .FullWidthImage.textPlinth.left .itemContainer, .FullWidthImage.textPlinth.right .itemContainer, .FullWidthImage.textPlinth.centre .itemContainer, .FullWidthImage.textPlinth.tall .itemContainer, .FullWidthImage.textPlinth.adaptive .itemContainer, .FullWidthImage.textPlinth.short .itemContainer { position: relative; top: auto; left: auto; text-align: left; padding: 40px 90px; height: auto; background-color: transparent; } .FullWidthImage.textPlinth .itemContainer .itemContent, .FullWidthImage.textPlinth.left .itemContainer .itemContent, .FullWidthImage.textPlinth.right .itemContainer .itemContent, .FullWidthImage.textPlinth.centre .itemContainer .itemContent, .FullWidthImage.textPlinth.tall .itemContainer .itemContent, .FullWidthImage.textPlinth.adaptive .itemContainer .itemContent, .FullWidthImage.textPlinth.short .itemContainer .itemContent { text-align: left; position: relative; width: auto; top: 0; left: 0; right: auto; bottom: auto; margin: 0; height: auto; } .FullWidthImage.textPlinth .itemContainer .itemContent .heading, .FullWidthImage.textPlinth.left .itemContainer .itemContent .heading, .FullWidthImage.textPlinth.right .itemContainer .itemContent .heading, .FullWidthImage.textPlinth.centre .itemContainer .itemContent .heading, .FullWidthImage.textPlinth.tall .itemContainer .itemContent .heading, .FullWidthImage.textPlinth.adaptive .itemContainer .itemContent .heading, .FullWidthImage.textPlinth.short .itemContainer .itemContent .heading { text-align: left; } .FullWidthImage.textPlinth .itemContainer .heading, .FullWidthImage.textPlinth .itemContainer p, .FullWidthImage.textPlinth.left .itemContainer .heading, .FullWidthImage.textPlinth.left .itemContainer p, .FullWidthImage.textPlinth.right .itemContainer .heading, .FullWidthImage.textPlinth.right .itemContainer p, .FullWidthImage.textPlinth.centre .itemContainer .heading, .FullWidthImage.textPlinth.centre .itemContainer p, .FullWidthImage.textPlinth.tall .itemContainer .heading, .FullWidthImage.textPlinth.tall .itemContainer p, .FullWidthImage.textPlinth.adaptive .itemContainer .heading, .FullWidthImage.textPlinth.adaptive .itemContainer p, .FullWidthImage.textPlinth.short .itemContainer .heading, .FullWidthImage.textPlinth.short .itemContainer p { text-shadow: none; } .FullWidthImage.textPlinth.noImage .itemContainer { padding-top: 80px; padding-bottom: 80px; } .FullWidthImage.textPlinth.short .imageContainer { position: relative; } .FullWidthImage.textPlinth.short .itemContainer { margin: 0; float: none; width: 100%; } .FullWidthImage.abstract .imageContainer, .FullWidthImage.abstract.left .imageContainer, .FullWidthImage.abstract.right .imageContainer, .FullWidthImage.abstract.centre .imageContainer, .FullWidthImage.abstract.tall .imageContainer, .FullWidthImage.abstract.adaptive .imageContainer { height: 100%; position: absolute; } .FullWidthImage.abstract .imageContainer span, .FullWidthImage.abstract.left .imageContainer span, .FullWidthImage.abstract.right .imageContainer span, .FullWidthImage.abstract.centre .imageContainer span, .FullWidthImage.abstract.tall .imageContainer span, .FullWidthImage.abstract.adaptive .imageContainer span { background-position: center center; } .FullWidthImage.abstract .itemContainer, .FullWidthImage.abstract.left .itemContainer, .FullWidthImage.abstract.right .itemContainer, .FullWidthImage.abstract.centre .itemContainer, .FullWidthImage.abstract.tall .itemContainer, .FullWidthImage.abstract.adaptive .itemContainer { position: relative; width: 600px; margin: 0 auto; top: 0; left: 0; display: table; padding: 80px 0; float: none; } .FullWidthImage.abstract .itemContainer .itemContent, .FullWidthImage.abstract.left .itemContainer .itemContent, .FullWidthImage.abstract.right .itemContainer .itemContent, .FullWidthImage.abstract.centre .itemContainer .itemContent, .FullWidthImage.abstract.tall .itemContainer .itemContent, .FullWidthImage.abstract.adaptive .itemContainer .itemContent { margin: 0 auto; position: relative; left: auto; right: auto; top: auto; bottom: auto; display: table-cell; vertical-align: middle; width: auto; text-align: center; padding: 0; } .FullWidthImage.abstract .itemContainer .itemContent .heading, .FullWidthImage.abstract.left .itemContainer .itemContent .heading, .FullWidthImage.abstract.right .itemContainer .itemContent .heading, .FullWidthImage.abstract.centre .itemContainer .itemContent .heading, .FullWidthImage.abstract.tall .itemContainer .itemContent .heading, .FullWidthImage.abstract.adaptive .itemContainer .itemContent .heading { text-align: center; } .FullWidthImage.tall .imageContainer, .FullWidthImage.adaptive .imageContainer { height: 460px; min-height: 460px; } .FullWidthImage.tall.abstract .itemContainer, .FullWidthImage.adaptive.abstract .itemContainer { padding: 0; } .FullWidthImage.tall.abstract .itemContent, .FullWidthImage.adaptive.abstract .itemContent { padding: 0 80px; height: 460px; min-height: 460px; } .FullWidthImage.short .imageContainer { min-height: 256px; } .FullWidthImage.short .itemContainer { height: 256px; } .FullWidthImage.short.textPlinth { display: block; position: relative; top: auto; } } @media screen and (min-width: 1px) and (max-width: 900px) { .FullWidthImage.textPlinth .itemContainer, .FullWidthImage.textPlinth.left .itemContainer, .FullWidthImage.textPlinth.right .itemContainer, .FullWidthImage.textPlinth.centre .itemContainer, .FullWidthImage.textPlinth.tall .itemContainer, .FullWidthImage.textPlinth.adaptive .itemContainer, .FullWidthImage.textPlinth.short .itemContainer { padding: 40px 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { #landrover .FullWidthImage .imageContainer { height: 360px; min-height: 360px; position: relative; } #landrover .FullWidthImage .imageContainer:empty { display: none; } #landrover .FullWidthImage .itemContainer { position: relative; top: auto; left: auto; text-align: left; padding: 30px 30px; width: 100%; margin: 0; background-color: transparent; } #landrover .FullWidthImage .itemContainer .itemContent, #landrover .FullWidthImage .itemContainer .heading { text-align: left; } #landrover .FullWidthImage .itemContainer .itemContent { margin: 0; padding: 0; position: relative; width: auto; top: 0; left: 0; width: 100%; right: auto; bottom: auto; height: auto; } #landrover .FullWidthImage .itemContainer .itemContent h5 { display: none; } #landrover .FullWidthImage .itemContainer .heading, #landrover .FullWidthImage .itemContainer p { text-shadow: none; } #landrover .FullWidthImage.abstract .itemContent { min-height: 0 !important; } } @media screen and (min-width: 1px) and (max-width: 740px) { #landrover .FullWidthImage.dark.withImage .secondaryLinkWithStyle { color: #adafb2; } #landrover .FullWidthImage.dark.withImage .secondaryLinkWithStyle:hover { color: #e4e8e8; text-shadow: none; } #landrover.focusStylesOn .FullWidthImage.dark.withImage .secondaryLinkWithStyle:focus { color: #e4e8e8; text-shadow: none; } } @media screen and (min-width: 1px) and (max-width: 500px) { #landrover .FullWidthImage .imageContainer { height: 240px; min-height: 240px; } } .lt-ie9 #landrover .FullWidthImage.short .itemContainer { height: 445px; } .Gallery { height: 100%; position: relative; padding-bottom: 0; background-color: #4a4f54; } .Gallery .gallery { width: 100%; height: 100%; position: relative; } .Gallery .gallery .rsOverflow { height: 100% !important; } .Gallery .gallery .galleryItem { display: block; width: 100%; height: 100%; position: relative; } .Gallery .gallery .galleryItem.videoItem { display: table; } .Gallery .gallery .galleryItem h4 { font-size: 20px; margin-top: 20px; } .Gallery .gallery .galleryItem h4, .Gallery .gallery .galleryItem p { display: none; } .Gallery .gallery .galleryItem>span { display: table; width: 100%; height: 100%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); background-position: center center; background-repeat: no-repeat; text-align: center; } .lt-ie9 .Gallery .gallery .galleryItem>span[data-orientation="portrait"] { -webkit-background-size: contain; -khtml-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; } .Gallery .gallery .galleryItem>span span { display: table-cell; vertical-align: middle; height: 100%; } .Gallery .gallery .galleryItem>span span img { height: 100%; } .Gallery .rsNav { width: 100%; position: absolute; left: 0; right: 0; top: -240px; z-index: 3; border-top: 1px solid #4a4f54; padding: 0 40px; } .Gallery .rsNav.rsThumbs { z-index: 6; } .Gallery .rsNav .rsThumbsOuterContainer { background-color: #0c121c; background-color: rgba(12, 18, 28, 0.9); overflow: hidden; padding: 20px 0; z-index: 2; height: 145px; } .Gallery .rsNav .rsThumbsOuterContainer>div { position: relative; } .Gallery .rsNav .rsThumbsContainer { display: block; width: 100%; overflow: hidden; position: absolute; height: 105px; } .Gallery .rsNav .rsThumbsArrow { position: absolute; top: 0; height: 100%; width: 40px; background: #0c121c; font-size: 20px; } .Gallery .rsNav .rsThumbsArrow div { position: absolute; height: 100%; text-align: center; color: #ffffff; } .Gallery .rsNav .rsThumbsArrow div:before { height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 5px; } .Gallery .rsNav .rsThumbsArrow.arrowOff div:before { color: #4a4f54 !important; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowDisabled div:before { color: #4a4f54; } .Gallery .rsNav .rsThumbsArrow:hover, .Gallery .rsNav .rsThumbsArrow:focus { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .Gallery .rsNav .rsThumbsArrow:hover div:before, .Gallery .rsNav .rsThumbsArrow:focus div:before { color: #4a4f54; -webkit-transition: color 1s; -webkit-transition-delay: 0s; -moz-transition: color 1s; -o-transition: color 1s; transition: color 1s; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft { left: 0; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before { content: '\e00f'; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight { right: 0; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before { content: '\e010'; } .Gallery .rsNav .rsThumb { position: relative; } .Gallery .rsNav .rsThumb.rsNavSelected { background-color: #000000; } .Gallery .rsNav .rsThumb.rsNavSelected img { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; } .no-js a#filmstripToggle { position: fixed; right: 140px; top: 0; } .no-js .Fullscreen, .no-js .gallery { position: static; } .no-js #filmstrip, .no-js a#filmStripToggle, .no-js .directionArrow { visibility: hidden; } .no-js #landrover .Gallery { padding: 0; margin: 0 auto; max-width: 1200px; } @media screen and (min-width: 1px) and (max-width: 740px) { .no-js #landrover .Gallery { padding: 30px 30px; } } .no-js #landrover .Gallery .gallery { background-image: none; } .no-js #landrover .Gallery .gallery .royalSlider { overflow: hidden; *zoom: 1; text-align: center; height: auto !important; position: static; } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem { display: inline-block; margin: 20px 2%; width: 29.333%; padding: 0 3px; } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem:nth-child(3n+1) { clear: both; } @media screen and (min-width: 1px) and (max-width: 900px) { .no-js #landrover .Gallery .gallery .royalSlider .galleryItem { width: 46%; } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem:nth-child(3n+1) { clear: none; } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem:nth-child(2n+1) { clear: both; } } @media screen and (min-width: 1px) and (max-width: 740px) { .no-js #landrover .Gallery .gallery .royalSlider .galleryItem { width: 100%; margin: 0; padding-bottom: 40px; } } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem img { height: auto; width: 100%; border: none; } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem h4, .no-js #landrover .Gallery .gallery .royalSlider .galleryItem p { visibility: visible; display: block; } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem h4 { letter-spacing: 0.1em; margin-top: 20px; font-size: 16px; color: #ffffff; -webkit-font-smoothing: antialiased; } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem p { color: #e4e8e8; } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem>span { background: none; display: block; height: auto; } .no-js #landrover .Gallery .gallery .royalSlider .galleryItem.videoItem { display: inline-table; } .no-js #landrover .Gallery .gallery .YouTubePlayer { padding: 0; vertical-align: top; display: block; } .no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper { background-color: #ffffff; height: 186px; margin: 0; } .no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper img { opacity: 0.75; } .no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper a { cursor: default; } .no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper a:hover .playButton, .no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper a:focus .playButton { background-color: #000000; } .no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper .playButton { opacity: 0.75; } .no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper .playerCover, .no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper .playButton { cursor: default; } .no-js #slideNumbers { display: none; } .lt-ie10 #landrover .Gallery .directionArrow { position: fixed; z-index: 2; } .GalleryCategories { height: 100%; } .GalleryCategories ul { height: 100%; overflow: auto; } .GalleryCategories li { position: relative; float: left; width: 50%; height: 50%; } .GalleryCategories a { display: table; height: 100%; width: 100%; text-decoration: none; } .GalleryCategories .text { display: table-cell; vertical-align: middle; } .GalleryCategories .text span { text-align: center; display: block; margin-top: 16px; position: relative; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .GalleryCategories .text .heading { position: relative; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .GalleryCategories .text .heading .headingWrapper:before, .GalleryCategories .text .heading .headingWrapper:after { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .GalleryCategories .overlayBox { position: absolute; height: 100%; width: 100%; background: #000000; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -webkit-transition: opacity 400ms; -webkit-transition-delay: 0s; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .GalleryCategories li.hover .overlayBox { display: block; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .GalleryCategories .img { height: 100%; width: 100%; background-size: cover; background-position: 50%; position: absolute; display: block; -ms-behavior: url(#); } .GalleryCategories[data-total="3"] li { height: 100%; width: 33.333%; } .GalleryCategories[data-total="2"] li { height: 100%; } .GalleryCategories.portrait[data-total="3"] li { height: 33.333%; width: 100%; } .GalleryCategories.portrait[data-total="2"] li { height: 50%; width: 100%; } .GalleryCategories li { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: 1600ms opacity; -webkit-transition-delay: 0s; -moz-transition: 1600ms opacity; -o-transition: 1600ms opacity; transition: 1600ms opacity; -webkit-transition-delay: 0ms; -khtml-transition-delay: 0ms; -moz-transition-delay: 0ms; -ms-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .GalleryCategories li+li { -webkit-transition-delay: 400ms; -khtml-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .GalleryCategories li+li+li { -webkit-transition-delay: 800ms; -khtml-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .GalleryCategories li+li+li+li { -webkit-transition-delay: 1200ms; -khtml-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .GalleryCategories.show li { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } @media screen and (min-width: 1px) and (max-width: 900px) { .GalleryCategories.portrait[data-total="3"] li { height: 33.333%; width: 100%; } .GalleryCategories.portrait[data-total="2"] li { height: 50%; width: 100%; } } html.no-js .GalleryCategories ul { overflow: hidden; } html.no-js .GalleryCategories li { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lt-ie9 .GalleryCategories .img { background-repeat: no-repeat; background-position: center center; } @keyframes goDown { 0% { -webkit-transform: rotate(90deg) translate(0, 0); -khtml-transform: rotate(90deg) translate(0, 0); -moz-transform: rotate(90deg) translate(0, 0); -ms-transform: rotate(90deg) translate(0, 0); -o-transform: rotate(90deg) translate(0, 0); transform: rotate(90deg) translate(0, 0); } 80% { -webkit-transform: rotate(90deg) translate(0, 0); -khtml-transform: rotate(90deg) translate(0, 0); -moz-transform: rotate(90deg) translate(0, 0); -ms-transform: rotate(90deg) translate(0, 0); -o-transform: rotate(90deg) translate(0, 0); transform: rotate(90deg) translate(0, 0); } 90% { -webkit-transform: rotate(90deg) translate(5px, 0); -khtml-transform: rotate(90deg) translate(5px, 0); -moz-transform: rotate(90deg) translate(5px, 0); -ms-transform: rotate(90deg) translate(5px, 0); -o-transform: rotate(90deg) translate(5px, 0); transform: rotate(90deg) translate(5px, 0); } 100% { -webkit-transform: rotate(90deg) translate(0, 0); -khtml-transform: rotate(90deg) translate(0, 0); -moz-transform: rotate(90deg) translate(0, 0); -ms-transform: rotate(90deg) translate(0, 0); -o-transform: rotate(90deg) translate(0, 0); transform: rotate(90deg) translate(0, 0); } } @keyframes goRight { 0% { -webkit-transform: rotate(0deg) translate(0, 0); -khtml-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } 80% { -webkit-transform: rotate(0deg) translate(0, 0); -khtml-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } 90% { -webkit-transform: rotate(0deg) translate(5px, 0); -khtml-transform: rotate(0deg) translate(5px, 0); -moz-transform: rotate(0deg) translate(5px, 0); -ms-transform: rotate(0deg) translate(5px, 0); -o-transform: rotate(0deg) translate(5px, 0); transform: rotate(0deg) translate(5px, 0); } 100% { -webkit-transform: rotate(0deg) translate(0, 0); -khtml-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } } @keyframes goLeft { 0% { -webkit-transform: rotate(180deg) translate(0, 0); -khtml-transform: rotate(180deg) translate(0, 0); -moz-transform: rotate(180deg) translate(0, 0); -ms-transform: rotate(180deg) translate(0, 0); -o-transform: rotate(180deg) translate(0, 0); transform: rotate(180deg) translate(0, 0); } 80% { -webkit-transform: rotate(180deg) translate(0, 0); -khtml-transform: rotate(180deg) translate(0, 0); -moz-transform: rotate(180deg) translate(0, 0); -ms-transform: rotate(180deg) translate(0, 0); -o-transform: rotate(180deg) translate(0, 0); transform: rotate(180deg) translate(0, 0); } 90% { -webkit-transform: rotate(180deg) translate(5px, 0); -khtml-transform: rotate(180deg) translate(5px, 0); -moz-transform: rotate(180deg) translate(5px, 0); -ms-transform: rotate(180deg) translate(5px, 0); -o-transform: rotate(180deg) translate(5px, 0); transform: rotate(180deg) translate(5px, 0); } 100% { -webkit-transform: rotate(180deg) translate(0, 0); -khtml-transform: rotate(180deg) translate(0, 0); -moz-transform: rotate(180deg) translate(0, 0); -ms-transform: rotate(180deg) translate(0, 0); -o-transform: rotate(180deg) translate(0, 0); transform: rotate(180deg) translate(0, 0); } } @keyframes goUp { 0% { -webkit-transform: rotate(270deg) translate(0, 0); -khtml-transform: rotate(270deg) translate(0, 0); -moz-transform: rotate(270deg) translate(0, 0); -ms-transform: rotate(270deg) translate(0, 0); -o-transform: rotate(270deg) translate(0, 0); transform: rotate(270deg) translate(0, 0); } 80% { -webkit-transform: rotate(270deg) translate(0, 0); -khtml-transform: rotate(270deg) translate(0, 0); -moz-transform: rotate(270deg) translate(0, 0); -ms-transform: rotate(270deg) translate(0, 0); -o-transform: rotate(270deg) translate(0, 0); transform: rotate(270deg) translate(0, 0); } 90% { -webkit-transform: rotate(270deg) translate(5px, 0); -khtml-transform: rotate(270deg) translate(5px, 0); -moz-transform: rotate(270deg) translate(5px, 0); -ms-transform: rotate(270deg) translate(5px, 0); -o-transform: rotate(270deg) translate(5px, 0); transform: rotate(270deg) translate(5px, 0); } 100% { -webkit-transform: rotate(270deg) translate(0, 0); -khtml-transform: rotate(270deg) translate(0, 0); -moz-transform: rotate(270deg) translate(0, 0); -ms-transform: rotate(270deg) translate(0, 0); -o-transform: rotate(270deg) translate(0, 0); transform: rotate(270deg) translate(0, 0); } } .GesturedVideoSequence { height: auto; width: 100%; position: relative; overflow: hidden; background: #000; } .GesturedVideoSequence .ddtemplate { display: none; } .GesturedVideoSequence .mouse, .GesturedVideoSequence .touch { display: none; } .GesturedVideoSequence:not(.touch) .mouse { display: block; } .GesturedVideoSequence.touch .touch { display: block; } .GesturedVideoSequence .play-button { position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.5); height: 100px; width: 100px; margin-left: -50px; margin-top: -50px; z-index: 2; opacity: 1; transition: opacity 0.4s, background 0.4s; border-radius: 100px; cursor: pointer; } .GesturedVideoSequence .play-button:after { content: '\e037'; font-size: 50px; color: #fff; position: absolute; top: 50%; left: 50%; margin-left: -21px; margin-right: 0; margin-top: -25px; text-align: center; transition: color 0.4s; } .GesturedVideoSequence .play-button:hover { background: rgba(255, 255, 255, 0.5); } .GesturedVideoSequence .play-button:hover:after { color: #000; } .GesturedVideoSequence .play-button.gone { opacity: 0; } .GesturedVideoSequence .video-container { height: 100%; width: 100%; position: relative; overflow: hidden; opacity: 1; transition: opacity 1s; } .GesturedVideoSequence .video-container.gone { opacity: 0; } .GesturedVideoSequence video { top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; position: absolute; z-index: 1; opacity: 1; transition: opacity 1s; } .GesturedVideoSequence video.gone { opacity: 0; } .GesturedVideoSequence canvas { position: relative; z-index: 2; opacity: 1; height: 100%; width: 100%; } .GesturedVideoSequence canvas.gone { opacity: 0; z-index: -1; } .GesturedVideoSequence.loading .progress { opacity: 1; } .GesturedVideoSequence .progress { position: absolute; left: 0; right: 0; height: 10px; bottom: 0; opacity: 0; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 10; } .GesturedVideoSequence .progress>.bar { background: #005a2b; position: absolute; top: 0; left: 0; bottom: 0; width: 0; z-index: 3; display: block; } .GesturedVideoSequence .tablet-play { display: none; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; font-family: "lr_ot4", "arial", "helvetica", sans-serif; text-transform: uppercase; z-index: 3; } .GesturedVideoSequence .tablet-play span { font-size: 30px; position: absolute; top: 50%; margin-top: -15px; line-height: 30px; width: 100%; text-align: center; } .GesturedVideoSequence .no-click { position: absolute; z-index: 3; cursor: -webkit-grab; } .GesturedVideoSequence .dragdealer { height: 84px; opacity: 0; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; width: 287px; left: 45%; bottom: 50%; margin-bottom: -42px; position: absolute; z-index: 3; direction: ltr; cursor: -webkit-grab !important; } .GesturedVideoSequence .dragdealer.gone { opacity: 0; -webkit-transition: opacity 0s; -webkit-transition-delay: 0s; -moz-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s; } .GesturedVideoSequence .dragdealer.gone .drag-icon { -webkit-transition: -webkit-transform 0s; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0s; -o-transition: -o-transform 0s; transition: transform 0s; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .GesturedVideoSequence .dragdealer svg.vertical { display: none; } .GesturedVideoSequence .dragdealer .right-indicator { position: absolute; top: 0; bottom: 0; right: 91px; left: 84px; z-index: 1; } .GesturedVideoSequence .dragdealer img.hover { display: none; } .GesturedVideoSequence .dragdealer img.no-hover { display: block; } .GesturedVideoSequence .dragdealer.active img.hover { display: block; } .GesturedVideoSequence .dragdealer.active img.no-hover { display: none; } .GesturedVideoSequence .dragdealer.active .handle .spinner { opacity: 0; } .GesturedVideoSequence .dragdealer .handle { height: 84px; width: 84px; z-index: 2; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .GesturedVideoSequence .dragdealer .handle img { position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; margin-top: -8px; } .GesturedVideoSequence .dragdealer .handle .handle-outer { height: 100%; width: 100%; } .GesturedVideoSequence .dragdealer .handle .drag-icon { position: absolute; height: 86px; width: 86px; top: 50%; left: 50%; margin-top: -43px; margin-left: -43px; -webkit-transition: -webkit-transform 0.5s, opacity 0.7s; -webkit-transition-delay: 0s, 0s; -moz-transition: -moz-transform 0.5s, opacity 0.7s; -o-transition: -o-transform 0.5s, opacity 0.7s; transition: transform 0.5s, opacity 0.7s; } .GesturedVideoSequence .dragdealer .handle .drag-icon>img { -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .GesturedVideoSequence .dragdealer .handle .drag-icon img { height: 100%; width: 100%; } .GesturedVideoSequence .dragdealer .handle .spinner { position: absolute; height: 72.24px; width: 72.24px; left: 50%; top: 50%; margin-left: -36.12px; margin-top: -36.12px; opacity: 1; -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.7s, opacity 0.7s; -webkit-transition-delay: 0s, 0s; -moz-transition: -moz-transform 0.7s, opacity 0.7s; -o-transition: -o-transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; } .GesturedVideoSequence .dragdealer .handle-end { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 98px; width: 98px; position: absolute; right: -7px; top: 50%; margin-top: -49px; z-index: -1; } .GesturedVideoSequence .dragdealer .handle-end>svg { position: absolute; top: 0; height: 98px; width: 98px; } .GesturedVideoSequence .dragdealer .handle-end>svg.smaller { height: 49px; width: 49px; top: 50%; left: 50%; margin-top: -24.5px; margin-left: -24.5px; } .GesturedVideoSequence .dragdealer.left-to-right .handle img { animation-name: goRight; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transform: rotate(0deg) translate(0, 0); -khtml-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); margin-left: -8px; } .GesturedVideoSequence .dragdealer.left-to-right .right-indicator { margin-left: 18px; margin-right: 18px; } .GesturedVideoSequence .dragdealer.left-to-right .right-indicator svg { position: absolute; left: auto; right: -6px; bottom: 0; top: 0; } .GesturedVideoSequence .dragdealer.right-to-left .handle img { animation-name: goLeft; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transform: rotate(180deg) translate(0, 0); -khtml-transform: rotate(180deg) translate(0, 0); -moz-transform: rotate(180deg) translate(0, 0); -ms-transform: rotate(180deg) translate(0, 0); -o-transform: rotate(180deg) translate(0, 0); transform: rotate(180deg) translate(0, 0); margin-left: -8px; } .GesturedVideoSequence .dragdealer.right-to-left .handle-end { left: -7px; } .GesturedVideoSequence .dragdealer.right-to-left .right-indicator { left: 91px; right: 84px; margin-left: 18px; margin-right: 18px; } .GesturedVideoSequence .dragdealer.right-to-left .right-indicator svg { position: absolute; left: -8px; right: auto; bottom: 0; top: 0; } .GesturedVideoSequence .dragdealer.bottom-to-top { width: 84px; height: 287px; top: 50%; margin-top: -143px; margin-bottom: 0; } .GesturedVideoSequence .dragdealer.bottom-to-top .handle img { animation-name: goUp; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); margin-left: -8px; -webkit-transform: rotate(270deg) translate(0, 0); -khtml-transform: rotate(270deg) translate(0, 0); -moz-transform: rotate(270deg) translate(0, 0); -ms-transform: rotate(270deg) translate(0, 0); -o-transform: rotate(270deg) translate(0, 0); transform: rotate(270deg) translate(0, 0); } .GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator { left: 0; right: 0; bottom: 84px; top: 91px; margin-top: 18px; margin-bottom: 18px; } .GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator svg { top: -4px; bottom: auto; left: auto; right: auto; } .GesturedVideoSequence .dragdealer.bottom-to-top svg.vertical { display: block; } .GesturedVideoSequence .dragdealer.bottom-to-top svg.horizontal { display: none; } .GesturedVideoSequence .dragdealer.bottom-to-top .drag-icon .mouse { margin-top: 9px; } .GesturedVideoSequence .dragdealer.bottom-to-top .handle-end { left: 50%; right: auto; top: -7px; margin-top: 0; margin-left: -49px; } .GesturedVideoSequence .dragdealer.top-to-bottom { width: 84px; height: 287px; margin-bottom: 0; top: 50%; margin-top: -143px; } .GesturedVideoSequence .dragdealer.top-to-bottom .handle img { animation-name: goDown; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); margin-left: -8px; -webkit-transform: rotate(90deg) translate(0, 0); -khtml-transform: rotate(90deg) translate(0, 0); -moz-transform: rotate(90deg) translate(0, 0); -ms-transform: rotate(90deg) translate(0, 0); -o-transform: rotate(90deg) translate(0, 0); transform: rotate(90deg) translate(0, 0); } .GesturedVideoSequence .dragdealer.top-to-bottom .right-indicator { left: 0; right: 0; top: 84px; bottom: 91px; margin-top: 18px; margin-bottom: 18px; } .GesturedVideoSequence .dragdealer.top-to-bottom svg.vertical { display: block; } .GesturedVideoSequence .dragdealer.top-to-bottom svg.horizontal { display: none; } .GesturedVideoSequence .dragdealer.top-to-bottom .handle-end { top: auto; left: 50%; right: auto; margin-top: 0; margin-left: -49px; bottom: -7px; } .GesturedVideoSequence .fullFrameContent { z-index: 2; } .GesturedVideoSequence .fullFrameContent .headingTextMain { color: #a4a7a9; display: block; font-size: 16px; letter-spacing: 0.8px; margin-bottom: 36px; } .GesturedVideoSequence .fullFrameContent .headingTextSub { margin: auto; padding-top: inherit; font-weight: inherit; line-height: inherit; display: block; font-size: 24px; letter-spacing: 1.2px; margin-bottom: 18px; } .GesturedVideoSequence .fullFrameContent .headingTextSub .subtitle { letter-spacing: 1.2px; } .GesturedVideoSequence .fullFrameContent .bodyText { display: block; font-size: 14px; font-family: "avenir", "arial", "helvetica", sans-serif; color: #4a4f54; letter-spacing: 0.28px; line-height: 18px; padding-top: 0; font-weight: normal; } .GesturedVideoSequence .fullFrameContent .primaryLinkWithStyle { margin-top: 36px; } .GesturedVideoSequence .fullFrameContent .secondaryLinkWithStyle { color: #898c8f; margin-top: 30px; } .GesturedVideoSequence .data-slides { position: absolute; z-index: 3; opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .GesturedVideoSequence .data-slides.noTransition { -webkit-transition: opacity 0s; -webkit-transition-delay: 0s; -moz-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s; } .GesturedVideoSequence .data-slides.gone { opacity: 0; } .GesturedVideoSequence .data-slides.gone .info-slide { opacity: 0; } .GesturedVideoSequence .data-slides.noPagination .info-slide { margin-bottom: 0; } .GesturedVideoSequence .data-slides .info-slide * { text-align: left; } .GesturedVideoSequence .data-slides .controls { position: absolute; z-index: 4; bottom: 20px; } .GesturedVideoSequence .data-slides .controls div { float: left; } .GesturedVideoSequence .data-slides .controls div.prev, .GesturedVideoSequence .data-slides .controls div.next { opacity: 1; } .GesturedVideoSequence .data-slides .controls div.prev:before, .GesturedVideoSequence .data-slides .controls div.next:before { content: '\e00c'; } .GesturedVideoSequence .data-slides .controls div.prev.inactive, .GesturedVideoSequence .data-slides .controls div.next.inactive { opacity: 0.3; } .GesturedVideoSequence .data-slides .controls div.prev { margin-right: 10px; } .GesturedVideoSequence .data-slides .controls div.prev:before { -webkit-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .GesturedVideoSequence .data-slides .controls div.next { margin-left: 10px; opacity: 1; } .GesturedVideoSequence .data-slides .controls div.next:before { -webkit-transform: rotate(90deg); -khtml-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .GesturedVideoSequence .data-slides { margin-left: 73px; } @media screen and (min-width: 1px) and (max-width: 900px) { .GesturedVideoSequence .video-container { height: 500px; } .GesturedVideoSequence .data-slides { margin-left: 23px; } .GesturedVideoSequence .headerBox.withImage { max-width: 300px; } .GesturedVideoSequence .fullFrameContent .headingTextSub { font-size: 18px; } .GesturedVideoSequence .dragdealer { height: 84px; width: 252px; margin-bottom: -42px; } .GesturedVideoSequence .dragdealer .right-indicator { right: 91px; left: 84px; } .GesturedVideoSequence .dragdealer .handle { height: 84px; width: 84px; } .GesturedVideoSequence .dragdealer .handle .drag-icon { height: 98px; width: 98px; margin-top: -49px; margin-left: -49px; } .GesturedVideoSequence .dragdealer .handle .spinner { height: 73.92px; width: 73.92px; margin-left: -36.96px; margin-top: -36.96px; } .GesturedVideoSequence .dragdealer .handle-end { height: 98px; width: 98px; right: -7px; margin-top: -49px; } .GesturedVideoSequence .dragdealer .handle-end>svg { height: 98px; width: 98px; } .GesturedVideoSequence .dragdealer .handle-end>svg.smaller { height: 49px; width: 49px; margin-top: -24.5px; margin-left: -24.5px; } .GesturedVideoSequence .dragdealer.left-to-right { left: 40%; right: 10%; width: 270px; } .GesturedVideoSequence .dragdealer.left-to-right .drag-icon>img { height: 16px; width: 16px; top: 41px; right: -36px; } .GesturedVideoSequence .dragdealer.left-to-right .right-indicator svg { right: -4px; } .GesturedVideoSequence .dragdealer.right-to-left { left: 40%; right: 10%; width: 270px; } .GesturedVideoSequence .dragdealer.right-to-left .handle-end { left: -7px; } .GesturedVideoSequence .dragdealer.right-to-left .right-indicator { left: 91px; right: 84px; } .GesturedVideoSequence .dragdealer.right-to-left .drag-icon>img { height: 16px; width: 16px; top: 41px; left: -36px; } .GesturedVideoSequence .dragdealer.bottom-to-top { top: 25%; bottom: 25%; width: 84px; height: 270px; margin-top: 0; left: 50%; margin-left: -42px; } .GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator { bottom: 84px; top: 91px; } .GesturedVideoSequence .dragdealer.bottom-to-top .drag-icon>img { height: 16px; width: 16px; left: 41px; top: -36px; } .GesturedVideoSequence .dragdealer.bottom-to-top .handle-end { top: -7px; margin-left: -49px; } .GesturedVideoSequence .dragdealer.top-to-bottom { top: 25%; bottom: 25%; width: 84px; height: 270px; margin-top: 0; left: 50%; margin-left: -42px; } .GesturedVideoSequence .dragdealer.top-to-bottom .right-indicator { top: 84px; bottom: 91px; } .GesturedVideoSequence .dragdealer.top-to-bottom .drag-icon>img { height: 16px; width: 16px; left: 41px; bottom: -36px; } .GesturedVideoSequence .dragdealer.top-to-bottom .handle-end { margin-left: -49px; bottom: -7px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .GesturedVideoSequence.insideTabs .data-slides { margin-top: 48px; } .GesturedVideoSequence .headerBox.withImage { max-width: 100%; } .GesturedVideoSequence .data-slides { position: static; width: 100%; margin-left: 0; } .GesturedVideoSequence .data-slides .info-slide { position: static; width: 100%; } .GesturedVideoSequence .dragdealer { height: 60px; width: 180px; margin-bottom: -30px; } .GesturedVideoSequence .dragdealer .right-indicator { right: 65px; left: 60px; } .GesturedVideoSequence .dragdealer .handle { height: 60px; width: 60px; } .GesturedVideoSequence .dragdealer .handle .drag-icon { height: 70px; width: 70px; margin-top: -35px; margin-left: -35px; } .GesturedVideoSequence .dragdealer .handle .spinner { width: 66px; height: 66px; margin-left: -33px; margin-top: -33px; } .GesturedVideoSequence .dragdealer .handle-end { height: 70px; width: 70px; right: -5px; margin-top: -35px; } .GesturedVideoSequence .dragdealer .handle-end>svg { height: 70px; width: 70px; } .GesturedVideoSequence .dragdealer .handle-end>svg.smaller { height: 35px; width: 35px; margin-top: -17.5px; margin-left: -17.5px; } .GesturedVideoSequence .dragdealer.left-to-right { left: 50%; right: auto; margin-left: -81px; width: 162px; } .GesturedVideoSequence .dragdealer.left-to-right .drag-icon>img { height: 10px; width: 10px; top: 30px; right: -30px; } .GesturedVideoSequence .dragdealer.left-to-right .horizontal { margin-left: -6px; } .GesturedVideoSequence .dragdealer.left-to-right .right-indicator { margin-left: 5px; margin-right: 6px; } .GesturedVideoSequence .dragdealer.left-to-right .right-indicator svg { right: -4px; left: auto; position: absolute; } .GesturedVideoSequence .dragdealer.right-to-left { left: 50%; right: auto; width: 162px; margin-left: -81px; } .GesturedVideoSequence .dragdealer.right-to-left .handle-end { left: -5px; } .GesturedVideoSequence .dragdealer.right-to-left .right-indicator { left: 65px; right: 60px; margin-left: 6px; margin-right: 6px; } .GesturedVideoSequence .dragdealer.right-to-left .horizontal { margin-left: -6px; } .GesturedVideoSequence .dragdealer.right-to-left .drag-icon>img { height: 10px; width: 10px; top: 30px; left: -30px; } .GesturedVideoSequence .dragdealer.bottom-to-top { top: 50%; bottom: auto; width: 60px; height: 162px; margin-top: -70px; left: 50%; margin-left: -30px; } .GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator { bottom: 52px; top: 65px; margin-top: 6px; margin-bottom: 5px; } .GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator svg { top: -8px; } .GesturedVideoSequence .dragdealer.bottom-to-top .drag-icon>img { height: 10px; width: 10px; left: 30px; top: -30px; } .GesturedVideoSequence .dragdealer.bottom-to-top .vertical { margin-top: -3px; } .GesturedVideoSequence .dragdealer.bottom-to-top .handle-end { top: -5px; margin-left: -35px; } .GesturedVideoSequence .dragdealer.top-to-bottom { top: 50%; bottom: auto; width: 60px; height: 162px; margin-top: -81px; left: 50%; margin-left: -30px; } .GesturedVideoSequence .dragdealer.top-to-bottom .right-indicator { margin-top: 6px; margin-bottom: 6px; top: 60px; bottom: 65px; } .GesturedVideoSequence .dragdealer.top-to-bottom .drag-icon>img { height: 10px; width: 10px; left: 30px; bottom: -30px; } .GesturedVideoSequence .dragdealer.top-to-bottom .handle-end { margin-left: -35px; bottom: -5px; } } .rtl .GesturedVideoSequence .data-slides { left: 0; } .no-js .GesturedVideoSequence { height: 768px; background: #fff; } .no-js .GesturedVideoSequence .noJsText { padding-top: 200px; } .no-js .GesturedVideoSequence .fullFrameContent { display: none; } #header { width: 100%; height: auto; position: relative; z-index: 9; margin: 0 auto; max-width: 3000px; -webkit-backface-visibility: hidden; } #header .headerWrapper { position: relative; z-index: 9999999; height: 106px; } #header #logo { width: 319px; height: 106px; overflow: hidden; border-right: 1px solid; } #header #logo a { width: 100%; height: 100%; } #header #logo img { top: 50%; left: 21%; margin-left: -58px; margin-top: -30px; } #header #logo.spinmebaby img { -webkit-animation-name: spinit; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: spinit; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } @media screen and (min-width: 901px) { #header.minimal { position: fixed; top: 0; z-index: 8; } #header.minimal .headerWrapper { height: 50px; } #header.minimal #logo, #header.minimal .SearchButton, #header.minimal .ShoppingToolsMenu { display: none; } #header.minimal .MainNavigation { left: 0; top: 0; } #header.minimal .MainNavigation ul li a { height: 50px; line-height: 50px; } #header.minimal .MainNavigation .primaryNav { margin-right: 0; } } #header.stickyNavigation { position: fixed; top: 0; z-index: 8; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } #header.stickyNavigation.searchActive { position: absolute; } #header.stickyNavigation .headerWrapper { -webkit-transition: height 0.4s; -webkit-transition-delay: 0s; -moz-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } #header.stickyNavigation .ShoppingToolsMenu { -webkit-transition: margin 0.4s; -webkit-transition-delay: 0s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; } #header.stickyNavigation #logo { -webkit-transition: width 0.4s, height 0.4s; -webkit-transition-delay: 0s, 0s; -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; -webkit-transition-delay: 0s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #header.stickyNavigation .MainNavigation { -webkit-transition: top 0.4s, left 0.4s, margin 0.4s; -webkit-transition-delay: 0s, 0s, 0s; -moz-transition: top 0.4s, left 0.4s, margin 0.4s; -o-transition: top 0.4s, left 0.4s, margin 0.4s; transition: top 0.4s, left 0.4s, margin 0.4s; } #header.stickyNavigation .MainNavigation ul li a, #header.stickyNavigation .MainNavigation ul li.active a { -webkit-transition: height 0.4s, line-height 0.4s, background-color 0.4s; -webkit-transition-delay: 0s, 0s, 0s; -moz-transition: height 0.4s, line-height 0.4s, background-color 0.4s; -o-transition: height 0.4s, line-height 0.4s, background-color 0.4s; transition: height 0.4s, line-height 0.4s, background-color 0.4s; } #header.stickyNavigation .MainNavigation .SearchButton, #header.stickyNavigation .MainNavigation .inactiveSearchButton { -webkit-transition: height 0.4s, line-height 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: height 0.4s, line-height 0.4s; -o-transition: height 0.4s, line-height 0.4s; transition: height 0.4s, line-height 0.4s; } #header.stickyNavigation .MainNavigation .SearchButton>a, #header.stickyNavigation .MainNavigation .inactiveSearchButton>a { -webkit-transition: height 0.4s, line-height 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: height 0.4s, line-height 0.4s; -o-transition: height 0.4s, line-height 0.4s; transition: height 0.4s, line-height 0.4s; } #header.stickyNavigation .autoCompleteMenu { -webkit-transition: top 0.4s; -webkit-transition-delay: 0s; -moz-transition: top 0.4s; -o-transition: top 0.4s; transition: top 0.4s; } #header.stickyNavigation .SubNavigation .SubNavigationContainer { -webkit-transition: height 0.4s, opacity 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: height 0.4s, opacity 0.4s; -o-transition: height 0.4s, opacity 0.4s; transition: height 0.4s, opacity 0.4s; } #header.stickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationDivider { -webkit-transition: top 0.4s; -webkit-transition-delay: 0s; -moz-transition: top 0.4s; -o-transition: top 0.4s; transition: top 0.4s; } #header.stickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer { -webkit-transition: height 0; -webkit-transition-delay: 0.4s; -moz-transition: height 0 0.4s; -o-transition: height 0 0.4s; transition: height 0 0.4s; } #header.stickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div { -webkit-transition: line-height 0.2s; -webkit-transition-delay: 0s; -moz-transition: line-height 0.2s; -o-transition: line-height 0.2s; transition: line-height 0.2s; } #header.stickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationMainList li a { -webkit-transition: color 0.4s, line-height 0.2s; -webkit-transition-delay: 0s, 0s; -moz-transition: color 0.4s, line-height 0.2s; -o-transition: color 0.4s, line-height 0.2s; transition: color 0.4s, line-height 0.2s; } #header.stickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationButtons { -webkit-transition: color 0.4s, top 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: color 0.4s, top 0.4s; -o-transition: color 0.4s, top 0.4s; transition: color 0.4s, top 0.4s; } #header.stickyNavigation.reducedStickyNavigation { opacity: 0.97; } #header.stickyNavigation.reducedStickyNavigation .headerWrapper { /* height: 50px;*/ } #header.stickyNavigation.reducedStickyNavigation .ShoppingToolsMenu { margin-top: 0px; } #header.stickyNavigation.reducedStickyNavigation .ShoppingToolsMenu .ShoppingToolsDropdown { display: none !important; } #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; width: 319px; height: 106px; } #header.stickyNavigation.reducedStickyNavigation #logo img { width: 290px; /* height: 31px; top: 50%; left: 50%; margin: -15px 0 0 -29px;*/ } #header.stickyNavigation.reducedStickyNavigation .MainNavigation { -webkit-transition: top 0.4s, left 0.4s, margin 0.4s; -webkit-transition-delay: 0s, 0.1s, 0s; -moz-transition: top 0.4s, left 0.4s 0.1s, margin 0.4s; -o-transition: top 0.4s, left 0.4s 0.1s, margin 0.4s; transition: top 0.4s, left 0.4s 0.1s, margin 0.4s; top: 35px; margin-top: -1px; } #header.stickyNavigation.reducedStickyNavigation .MainNavigation ul li a { height: 70px; line-height: 70px; } #header.stickyNavigation.reducedStickyNavigation .MainNavigation .SearchButton, #header.stickyNavigation.reducedStickyNavigation .MainNavigation .inactiveSearchButton { height: 50px; line-height: 50px; } #header.stickyNavigation.reducedStickyNavigation .MainNavigation .SearchButton>a, #header.stickyNavigation.reducedStickyNavigation .MainNavigation .inactiveSearchButton>a { height: 50px; line-height: 50px; } #header.stickyNavigation.reducedStickyNavigation .MainNavigation .MainNavSearchForm { height: 50px; } #header.stickyNavigation.reducedStickyNavigation .MainNavigation .MainNavSearchForm .searchText { height: 50px; line-height: 50px; } #header.stickyNavigation.reducedStickyNavigation .MainNavigation .MainNavSearchForm label { top: 1px; } #header.stickyNavigation.reducedStickyNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer { -webkit-transition: height 0; -webkit-transition-delay: 0s; -moz-transition: height 0; -o-transition: height 0; transition: height 0; } #header.stickyNavigation.reducedStickyNavigation .autoCompleteMenu { top: 50px; } #header.stickyNavigation.notransition { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .headerWrapper { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .ShoppingToolsMenu { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition #logo { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition #logo img { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .MainNavigation { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .MainNavigation ul li a, #header.stickyNavigation.notransition .MainNavigation ul li.active a { -webkit-transition: background-color 0.4s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } #header.stickyNavigation.notransition .MainNavigation .SearchButton, #header.stickyNavigation.notransition .MainNavigation .inactiveSearchButton { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .MainNavigation .SearchButton>a, #header.stickyNavigation.notransition .MainNavigation .inactiveSearchButton>a { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .autoCompleteMenu { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .SubNavigationDivider { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .SubNavigationMainList li a { -webkit-transition: color 0.4s; -webkit-transition-delay: 0s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } #header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .SubNavigationButtons { -webkit-transition: color 0.4s; -webkit-transition-delay: 0s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } #header.HubStickyNav.stickyNavigation.reducedStickyNavigation { opacity: 1; } #header.HubStickyNav.stickyNavigation.stickyQuickReverse { -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -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: 900px) { #landrover #logo { left: 0; } #landrover #logo img { width: 205px; top: 10px; left: 16px; } #landrover #header { top: 0; position: fixed; } #landrover #header.not-fixed { position: static; } #landrover #header #logo { height: 60px; width: 309px; } #landrover #header #logo img { position: absolute; top: 50%; left: 29%; margin-left: -29px; margin-top: -15px; } #landrover .headerWrapper { height: 60px; } /*.tableizer-table td{font-size:9px!important}*/ } @media screen and (min-width: 1px) and (max-width: 740px) { body .headerWrapper { height: 60px; } } 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: #30353e !important; } .lightTheme #header { background-color: #ffffff; -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: #ffffff; border-color: #eef1f1 !important; } .headerBox { /* position: absolute;*/ text-align: center; z-index: 1; margin:0px auto; right: 18%; top:0%; } .headerBox .totalCost, .headerBox .totalCostUnderlay { display: block; background: rgba(228, 232, 232, 0.9); color: #0c121c; padding: 25px; font-size: 10px; letter-spacing: 1px; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -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 { display: table-cell; padding-right: 30px; 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; } .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%; padding: 0; } .headerBox .totalCost.stacked .totalCostRow .priceColumn+.infoColumn, .headerBox .totalCostUnderlay.stacked .totalCostRow .priceColumn+.infoColumn { margin-top: 12px; } .headerBox .totalCost.stacked .totalCostRow .infoColumn, .headerBox .totalCostUnderlay.stacked .totalCostRow .infoColumn { display: block; margin: 0; width: 100%; } } @media screen and (min-width: 1px) and (max-width: 1024px) { .headerBox .totalCost, .headerBox .totalCostUnderlay { padding: 17px; } .headerBox .totalCost .priceColumn, .headerBox .totalCostUnderlay .priceColumn { padding-right: 5%; width: 40%; } .headerBox .totalCost .infoColumn, .headerBox .totalCostUnderlay .infoColumn { width: 45%; } } @media screen and (min-width: 1px) and (max-width: 900px) { .headerBox .totalCost, .headerBox .totalCostUnderlay { display: block; } .headerBox .totalCost .priceColumn, .headerBox .totalCostUnderlay .priceColumn { display: block; margin: 0; width: 100%; padding: 0; } .headerBox .totalCost .infoColumn, .headerBox .totalCostUnderlay .infoColumn { display: block; margin: 12px 0 0; width: 100%; } .headerBox .totalCost .infoColumn:first-child, .headerBox .totalCostUnderlay .infoColumn:first-child { margin-top: 0; } .headerBox .totalCost .totalCostRow, .headerBox .totalCostUnderlay .totalCostRow { display: block; } } @media screen and (min-width: 1025px) { .headerBox .totalCost .priceColumn .price, .headerBox .totalCostUnderlay .priceColumn .price { font-size: 28px; } } .headerBox .totalCostUnderlay { position: relative; z-index: -1; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition-delay: 0.2s; width: 100%; } .headerBox .totalCostUnderlay .infoColumn { display: none !important; } .headerBox.fadedOut .totalCostUnderlay { -webkit-transition: opacity 0.2s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; transition-delay: 0; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .headerBox.fadedOut .totalCost { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .headerBox .totalCost { padding: 30px; max-width: 100%; box-sizing: content-box; } .headerBox .totalCost .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 .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 .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 .primaryHeading, .headerBox.withImage .headingTextSub { color: #0c121c; } .headerBox.withImage .headingTextSub, .headerBox.withImage .bodyText { max-width: none; } #landrover .headerBox.withImage .primaryLinkWithStyle { background-color: #0c121c; color: #ffffff; } #landrover .headerBox.withImage .primaryLinkWithStyle:hover { background-color: #ffffff; color: #0c121c; } #landrover .headerBox.withImage .primaryLinkWithStyle.disabled:hover { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .headerBox.withImage .primaryLinkWithStyle:focus { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .headerBox.withImage .primaryLinkWithStyle.disabled:focus { background-color: #0c121c; color: #ffffff; } #landrover .headerBox.withImage .secondaryLinkWithStyle { color: #898c8f; } #landrover .headerBox.withImage .secondaryLinkWithStyle:hover { color: #4a4f54; text-shadow: none; } #landrover.focusStylesOn .headerBox.withImage .secondaryLinkWithStyle:focus { color: #4a4f54; text-shadow: none; } .headerBox.withImage.maxWidthOff { max-width: none !important; } .HeroTitleBanner.left .headerBox.withImage, .fullFrameItem.left .headerBox.withImage, .heroItem.left .headerBox.withImage { text-align: left; margin-left: 65px; } .HeroTitleBanner.left .headerBox.withImage .primaryHeading, .HeroTitleBanner.left .headerBox.withImage .headingTextSub, .fullFrameItem.left .headerBox.withImage .primaryHeading, .fullFrameItem.left .headerBox.withImage .headingTextSub, .heroItem.left .headerBox.withImage .primaryHeading, .heroItem.left .headerBox.withImage .headingTextSub { text-align: left; } .HeroTitleBanner.left .headerBox.withImage .primaryHeading .headingWrapper:before, .HeroTitleBanner.left .headerBox.withImage .primaryHeading .headingWrapper:after, .HeroTitleBanner.left .headerBox.withImage .headingTextSub .headingWrapper:before, .HeroTitleBanner.left .headerBox.withImage .headingTextSub .headingWrapper:after, .fullFrameItem.left .headerBox.withImage .primaryHeading .headingWrapper:before, .fullFrameItem.left .headerBox.withImage .primaryHeading .headingWrapper:after, .fullFrameItem.left .headerBox.withImage .headingTextSub .headingWrapper:before, .fullFrameItem.left .headerBox.withImage .headingTextSub .headingWrapper:after, .heroItem.left .headerBox.withImage .primaryHeading .headingWrapper:before, .heroItem.left .headerBox.withImage .primaryHeading .headingWrapper:after, .heroItem.left .headerBox.withImage .headingTextSub .headingWrapper:before, .heroItem.left .headerBox.withImage .headingTextSub .headingWrapper:after { left: 0; right: auto; margin-left: 0; } .HeroTitleBanner.left .headerBox.withImage { max-width: 415px; } .HeroTitleBanner .headerBox.withImage { max-width: 640px; } .headerBox.onlyHasPrimaryHeading.withImage .headerBoxContent { padding-bottom: 21px; } .StoryHero .headerBox.withImage { max-width: 70%; margin: 0 auto; } @media screen and (min-width: 1px) and (max-width: 1280px) { .ShoppingToolsMenu li a{padding:0px 12px!important} .headerBox .primaryHeading { font-size: 34px; } .headerBox .headingTextSub { font-size: 14.5px; } span.subtitle {font-size:20px!important} span.sssm{font-size:28px!important} } @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; } .mycontacttop{margin-top: 500px !important;} .contactleft{margin-left: 0px !important;} .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; } .HeroTitleBanner.left .headerBox.withImage, .fullFrameItem.left .headerBox.withImage, .heroItem.left .headerBox.withImage { margin-left: 73px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .headerBox.withImage { max-width: 230px; } .HeroTitleBanner.left .headerBox.withImage, .fullFrameItem.left .headerBox.withImage, .heroItem.left .headerBox.withImage { margin-left: 23px; } .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; background: #ffffff; max-width: none; } .HeroTitleBanner.left .headerBox.withImage, .fullFrameItem.left .headerBox.withImage, .heroItem.left .headerBox.withImage { text-align: center; margin-left: 0; } .HeroTitleBanner.left .headerBox.withImage .primaryHeading, .HeroTitleBanner.left .headerBox.withImage .headingTextSub, .fullFrameItem.left .headerBox.withImage .primaryHeading, .fullFrameItem.left .headerBox.withImage .headingTextSub, .heroItem.left .headerBox.withImage .primaryHeading, .heroItem.left .headerBox.withImage .headingTextSub { text-align: center; } .HeroTitleBanner.left .headerBox.withImage .primaryHeading.headingFocus .headingWrapper:before, .HeroTitleBanner.left .headerBox.withImage .primaryHeading.headingFocus .headingWrapper:after, .HeroTitleBanner.left .headerBox.withImage .headingTextSub.headingFocus .headingWrapper:before, .HeroTitleBanner.left .headerBox.withImage .headingTextSub.headingFocus .headingWrapper:after, .fullFrameItem.left .headerBox.withImage .primaryHeading.headingFocus .headingWrapper:before, .fullFrameItem.left .headerBox.withImage .primaryHeading.headingFocus .headingWrapper:after, .fullFrameItem.left .headerBox.withImage .headingTextSub.headingFocus .headingWrapper:before, .fullFrameItem.left .headerBox.withImage .headingTextSub.headingFocus .headingWrapper:after, .heroItem.left .headerBox.withImage .primaryHeading.headingFocus .headingWrapper:before, .heroItem.left .headerBox.withImage .primaryHeading.headingFocus .headingWrapper:after, .heroItem.left .headerBox.withImage .headingTextSub.headingFocus .headingWrapper:before, .heroItem.left .headerBox.withImage .headingTextSub.headingFocus .headingWrapper:after { left: 50%; right: auto; margin-left: -0.67em; } .HeroTitleBanner:not(.tall) .headerBox.withImage, .StoryHero .headerBox.withImage { display: inline-block; } .HeroTitleBanner:not(.tall) .headerBox.withImage .headerBoxContent, .StoryHero .headerBox.withImage .headerBoxContent { padding: 13px 17px 17px; background: rgba(255, 255, 255, 0.9); } .HeroTitleBanner:not(.tall) .headerBox.withImage.onlyHasPrimaryHeading.withImage .headerBoxContent, .StoryHero .headerBox.withImage.onlyHasPrimaryHeading.withImage .headerBoxContent { padding-bottom: 14px; } } #landrover .headerBox.withImage .caveat { color: #0c121c; } .HeroCarousel { width: 100%; height: 450px; min-height: 450px; text-align: center; position: relative; background-color: #000000; overflow: hidden; } .HeroCarousel.loaded { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .HeroCarousel .rsOverflow { min-height: 450px; } .HeroCarousel .headerBox { max-width: 415px; } .HeroCarousel .carousel { text-align: center; overflow: hidden; direction: ltr; } .HeroCarousel .carousel .rsSlide { position: absolute; left: 0; top: 0; display: table; } .HeroCarousel .carousel .heroItem { display: table-cell; vertical-align: bottom; width: 100%; height: 100%; color: #e4e8e8; } .HeroCarousel .carousel .heroItem>span, .HeroCarousel .carousel .heroItem noscript>div, .HeroCarousel .carousel .heroItem .VideoPlayer>span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-position: center center; background-repeat: no-repeat; z-index: -1; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .HeroCarousel .carousel .heroItem>span { z-index: 0; } .HeroCarousel .carousel .heroItem .heroContent { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .HeroCarousel .carousel .heroItem .heroContent.visible { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.8s; -webkit-transition-delay: ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } .HeroCarousel .carousel .heroItem.left { text-align: left; } .HeroCarousel .carousel .heroItem .playButton { display: none; } .HeroCarousel .carousel .heroItem[data-audio="true"] .playButton { text-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .no-touch .HeroCarousel .carousel .heroItem[data-audio="true"] .playButton { display: block; } .HeroCarousel .carousel .heroItem[data-audio="true"] .heroControlsContainer { position: absolute; right: 100px; bottom: 30px; } .HeroCarousel .carousel .heroItem[data-audio="true"] .heroControlsContainer div { position: relative; height: 60px; width: 60px; } .HeroCarousel .carousel .heroItem[data-audio="true"] .heroControlsContainer div a { text-decoration: none; } .HeroCarousel .carousel .heroItem[data-audio="true"] .heroControlsContainer div a.playButton { float: right; position: relative; font-size: 26px; } .HeroCarousel .carousel .heroItem .heroLogo { top: auto; } .HeroCarousel .carousel .heroItem .heroLogo img { position: absolute; bottom: 20px; right: 90px; z-index: 6; } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroCarousel .carousel .heroItem .heroLogo img { top: 0; left: 0; right: auto; bottom: auto; } } .HeroCarousel .carousel>.heroItem>span { z-index: auto; } .HeroCarousel .carousel .video .VideoPlayer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .HeroCarousel .carousel .video .VideoPlayer.flash { width: 100%; height: 100%; } .HeroCarousel .carousel .video .VideoPlayer.flash embed, .HeroCarousel .carousel .video .VideoPlayer.flash object { position: absolute; top: 0px; left: 0; } .HeroCarousel .carousel .video .VideoPlayer .mejs-video { position: static; width: 100% !important; height: 100% !important; } .HeroCarousel .carousel .video .VideoPlayer .mejs-video .mejs-controls { position: absolute; bottom: 10%; width: 100%; background-color: #4e4e4e; width: 30%; left: 30%; } .HeroCarousel .carousel .video .VideoPlayer .mejs-layers { width: 100%; height: 100%; } .HeroCarousel .carousel .video .VideoPlayer video { position: absolute; top: 0px; left: 0; height: auto; } .HeroCarousel .carousel .video .VideoPlayer video.is-horizontal { left: 50% !important; top: 0 !important; } .HeroCarousel .carousel .video .VideoPlayer video.is-vertical { left: 0 !important; top: 38% !important; } .HeroCarousel .carousel .video .VideoPlayer+span { z-index: -1; } .HeroCarousel .carousel .rsNav { float: none; position: absolute; left: 85px; bottom: 18px; height: 42px; text-align: left; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, 0, 0); } .HeroCarousel .carousel .rsNav .rsNavItem { cursor: pointer; font-family: "lr_ot4", "arial", "helvetica", sans-serif; color: #ffffff; font-size: 24px; padding-top: 18px; font-weight: 700; line-height: 1em; width: 27px; text-align: center; -webkit-transition: all 0.5s; -webkit-transition-delay: ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .HeroCarousel .carousel .rsNav .rsNavSelected { font-size: 42px; padding-top: 0; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .HeroCarousel .disable { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; background-color: #000000; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .HeroCarousel .VideoPlayer .mejs-controls, .HeroCarousel .VideoPlayer .mejs-overlay-play { display: none !important; } .HeroCarousel[data-total="1"] .mejs-video { cursor: default; } .HeroCarousel[data-total="1"] .mejs-video video, .HeroCarousel[data-total="1"] .mejs-video object { cursor: default; } .HeroCarousel .totalCostContainer { display: none; visibility: hidden; } .lt-ie9 #landrover .HeroCarousel { background-color: transparent; max-width: 1600px; margin: 0 auto; } .lt-ie9 #landrover .HeroCarousel .image { background-position: center center !important; } .lt-ie9 #landrover .HeroCarousel .heroContent { visibility: hidden; } .lt-ie9 #landrover .HeroCarousel .linkContainer { margin-top: 0; } .lt-ie9 #landrover .HeroCarousel .current .heroContent { visibility: visible; } .lt-ie9 #landrover .HeroCarousel .carousel>.heroItem>.heroContent { visibility: visible; } .HeroCarousel[data-total="1"] { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .HeroCarousel[data-total="1"] .carousel { display: table; } .HeroCarousel[data-total="1"] .carousel .heroItem { display: none; float: none; } .HeroCarousel[data-total="1"] .carousel .heroItem:first-child { display: table-cell; } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroCarousel[data-total="1"] .carousel>* { float: none; } .HeroCarousel[data-total="1"] .carousel .heroItem span { z-index: 1; } } html.no-js .HeroCarousel { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } html.no-js .HeroCarousel .carousel { display: table; } html.no-js .HeroCarousel .carousel>* { float: none; } html.no-js .HeroCarousel .carousel .VideoPlayer { display: none; visibility: hidden; } html.no-js .HeroCarousel .carousel .video .VideoPlayer+span { display: block; z-index: 1; } html.no-js .HeroCarousel .carousel span { z-index: 1; } html.no-js .HeroCarousel .carousel .heroItem { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; display: none; vertical-align: middle; position: relative; text-align: center; height: 450px; } html.no-js .HeroCarousel .carousel .heroItem.left { text-align: left; } html.no-js .HeroCarousel .carousel .heroItem:first-child { display: table-cell; } html.no-js .HeroCarousel .carousel .heroItem .heroContent { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } @media screen and (min-width: 741px) { .HeroCarousel .carousel .heroItem .heroContent { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @media screen and (min-width: 1px) and (max-width: 1024px) { .HeroCarousel .carousel .headerBox { max-width: 340px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .HeroCarousel { min-height: 0; height: 490px; } .HeroCarousel .rsOverflow { min-height: 0; } .HeroCarousel .carousel .headerBox, .HeroCarousel .carousel .headerBox.withImage { max-width: 290px; } .HeroCarousel .carousel .heroItem .heroLogo img { max-width: 60px; max-height: 60px; right: 50px; } .HeroCarousel .carousel .video .VideoPlayer { } span.sssm{display:none!important} .playerWrapper{opacity:1!important} .shelfComponent{padding:5px 0px!important} .innerd{background: rgba(197,197,197,0.5); font-size: 14px; display: block; text-align: center; padding: 10px; margin-top: 0px; line-height: 33px;} .HeroCarousel .carousel .video .VideoPlayer+span, .HeroCarousel .carousel .video>span { display: block; z-index: 1; } .HeroCarousel .carousel .rsNav { bottom: 20px; left: 37px; } .HeroCarousel .disable { display: none; } } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroCarousel { background-color: #ffffff; height: auto; } .HeroCarousel .totalCostContainer { display: block; visibility: visible; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; max-width: 100%; pointer-events: none; margin: 0; background: #e6eaea; padding: 30px; margin: 0; color: #0c121c; font-size: 10px; letter-spacing: 1px; z-index: 1; } .HeroCarousel .totalCostContainer .priceColumn, .HeroCarousel .totalCostContainer .infoColumn { max-width: 290px; margin: 0 auto; text-align: left; } .HeroCarousel .totalCostContainer .priceColumn { vertical-align: top; } .HeroCarousel .totalCostContainer .priceColumn .price { font-size: 24px; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-weight: bold; line-height: 30px; } .HeroCarousel .totalCostContainer .priceColumn .price .currency, .HeroCarousel .totalCostContainer .priceColumn .price .number { vertical-align: initial; } .HeroCarousel .totalCostContainer .infoColumn { vertical-align: top; margin-top: 12px; transition: opacity 1s; opacity: 1; } .HeroCarousel .totalCostContainer .infoColumn:first-child { margin-top: 0; } .HeroCarousel .totalCostContainer .infoColumn .infoBlock:first-child { margin-bottom: 12px; } .HeroCarousel .totalCostContainer .infoColumn .infoBlock .infoTitle { font-weight: bold; } .HeroCarousel .totalCostContainer .fadeOut { -webkit-transition: opacity 1s; -webkit-transition-delay: 0s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .HeroCarousel .totalCostContainer .fadeIn { -webkit-transition: opacity 1s; -webkit-transition-delay: 0s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .HeroCarousel .totalCostContainer .fadeOut.thirdspeed, .HeroCarousel .totalCostContainer .fadeIn.thirdspeed { -webkit-transition: opacity 0.3s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .HeroCarousel .totalCostContainer .odometer { display: inline; line-height: 22px; max-height: 22px; } .HeroCarousel .totalCostContainer .odometer .odometer-inside { display: inline; } .HeroCarousel .totalCostContainer .odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .HeroCarousel .totalCostContainer .odometer.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 1500ms; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1500ms; -o-transition: -o-transform 1500ms; transition: transform 1500ms; } .HeroCarousel .totalCostContainer .odometer .odometer-digit { width: 14px; max-height: 22px; vertical-align: initial; } .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-ribbon-inner { -webkit-backface-visibility: visible; } .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-digit-spacer { width: 14px; } .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-digit-inner { width: 14px; } .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-ribbon { width: 14px; } .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-value { width: 14px; -webkit-transform: none; } .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-value.odometer-last-value { width: 14px; } .HeroCarousel .carousel .rsOverflow { height: auto !important; z-index: 0; } .HeroCarousel .carousel .heroItem, .HeroCarousel .carousel .heroItem.alignedText { display: block; color: #ffffff; } .row.iconList{display:none!important} .HeroCarousel .carousel .heroItem>span, .HeroCarousel .carousel .heroItem.alignedText>span { position: relative; } .HeroCarousel .carousel .heroItem .heroLogo, .HeroCarousel .carousel .heroItem.alignedText .heroLogo { position: absolute; top: 0; left: 0; right: 0; } .HeroCarousel .carousel .heroItem .heroLogo img, .HeroCarousel .carousel .heroItem.alignedText .heroLogo img { top: auto; right: 18px; bottom: 18px; left: auto; } .HeroCarousel .carousel .heroItem .heroContent .totalCost, .HeroCarousel .carousel .heroItem.alignedText .heroContent .totalCost { visibility: hidden; } .HeroCarousel .carousel .heroItem .headerBox, .HeroCarousel .carousel .heroItem.alignedText .headerBox { max-width: none; } .HeroCarousel .carousel .rsNav { position: absolute; top: 196px; width: 100%; left: 0; height: 54px; text-align: center; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); } .HeroCarousel .carousel .rsNav .rsNavItem span { width: 26px; } .HeroCarousel .VideoPlayer .mejs-video { } .HeroCarousel .VideoPlayer .mejs-controls { } } @media screen and (min-width: 401px) { .HeroCarousel .heroLogo { height: 250px; } } @media screen and (min-width: 1px) and (max-width: 415px) { .HeroCarousel .totalCostContainer .priceColumn, .HeroCarousel .totalCostContainer .infoColumn { width: 100%; max-width: 100%; margin: 12px 0 0; } } @media screen and (min-width: 1px) and (max-width: 400px) { .HeroCarousel .carousel .heroItem>span, .HeroCarousel .carousel .heroItem.alignedText>span { } .HeroCarousel .carousel .heroLogo { height: 150px; } .HeroCarousel .carousel .rsNav { transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); top: 98px; } html.no-js .HeroCarousel .carousel .heroItem:first-child { display: block; } } .HeroTitleBanner { position: relative; width: 100%; text-align: center; } .HeroTitleBanner .backgroundImage { display: block; -ms-behavior: url(#); position: absolute; width: 100%; height: 100%; background-position: center center; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .HeroTitleBanner .headings { position: relative; padding: 0; margin-bottom: 0; } .HeroTitleBanner.withImage .shelfComponent { padding-left: 0; padding-right: 0; } .HeroTitleBanner.left { text-align: left; } .HeroTitleBanner.tall .shelfComponent { min-height: 640px; display: table; width: 100%; } .HeroTitleBanner.tall .headings { display: table-cell; vertical-align: middle; } @media screen and (min-width: 1px) and (max-width: 1924px) { .HeroTitleBanner.tall .shelfComponent { min-height: 480px; } } @media screen and (min-width: 1px) and (max-width: 1440px) { .HeroTitleBanner.left>.image { background-position: 60% 50% !important; } .HeroTitleBanner.tall .shelfComponent { min-height: 445px; } } @media screen and (min-width: 1px) and (max-width: 1280px) { .HeroTitleBanner.tall .shelfComponent { min-height: 341px; } } @media screen and (min-width: 741px) and (max-width: 899px) { .HeroTitleBanner.withTCO .shelfComponent { padding: 0; } .HeroTitleBanner.withTCO .headerBox.withImage { margin: 0; padding: 0; display: table; max-width: none; width: 100% !important; } .HeroTitleBanner.withTCO .headerBox.withImage .headerBoxContent, .HeroTitleBanner.withTCO .headerBox.withImage .totalCost { display: table-cell; width: 50%; } .HeroTitleBanner.withTCO .headerBox.withImage .headerBoxContent { padding: 35px 40px; } .HeroTitleBanner.withTCO .headerBox.withImage .totalCost { padding: 38px 40px; } .HeroTitleBanner.withTCO .headerBox.withImage .headerBoxContent { background-color: white; } .HeroTitleBanner.withTCO .headerBox.withImage .totalCost { margin: 0; vertical-align: top; bottom: 0; } .HeroTitleBanner.withTCO .headerBox.withImage .totalCost .priceColumn { width: auto; margin-right: 0; display: block; } .HeroTitleBanner.withTCO .headerBox.withImage .totalCost .infoColumn { margin-top: 12px; display: block; } .HeroTitleBanner.withTCO .totalCostRow { display: block; margin-top: -12px; } .HeroTitleBanner.withTCO.tall .headings { display: block; } .HeroTitleBanner.withTCO.tall .shelfComponent { min-height: 0; } .HeroTitleBanner.withTCO.tall>.image { min-height: 360px; position: relative; } } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroTitleBanner .shelfComponent { padding: 0; } .HeroTitleBanner.left { text-align: center; } .HeroTitleBanner:not(.tall) .headings { padding: 5px 30px; } .HeroTitleBanner.tall .headerBox.withImage { max-width: none; } .HeroTitleBanner.tall .headings { display: block; } .HeroTitleBanner.tall .shelfComponent { min-height: 0; } .HeroTitleBanner.tall>.image { min-height: 360px; position: relative; } .HeroTitleBanner.withTCO .headerBox.withImage { max-width: none; } .HeroTitleBanner.withTCO .headerBoxContent, .HeroTitleBanner.withTCO .totalCostRow { margin: auto; } .HeroTitleBanner.withTCO .totalCostRow { max-width: 290px; } .HeroTitleBanner.withTCO .totalCost { text-align: left; } } @media screen and (min-width: 1px) and (max-width: 500px) { .HeroTitleBanner.tall>.image { min-height: 240px; } } @media screen and (min-width: 1px) and (max-width: 415px) { .HeroTitleBanner.withTCO .totalCostRow { width: 100%; max-width: 100%; margin: 0; } } .no-js .HeroTitleBanner { overflow: hidden; } .no-js .HeroTitleBanner img { display: block; width: 100%; } .no-js .HeroTitleBanner:not(.tall) span img { position: absolute; bottom: 0; left: 0; } .Hotspots { position: relative; } .Hotspots>span { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 0; padding-bottom: 56.25%; width: 100%; } .Hotspots .hotspot-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 0; opacity: 0; transition: opacity 0.5s; } .Hotspots .hotspot-content { background: rgba(255, 255, 255, 0.9); margin-left: 65px; padding: 25px; position: absolute; top: 25%; z-index: 4; } .Hotspots .hotspot-content .headerBox, .Hotspots .hotspot-content .primaryHeading { background: none; padding: 0; text-align: left; } .Hotspots .hotspot-grid { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .Hotspots .hotspot-grid a { display: block; } .Hotspots .hotspot-grid .hotspot { background: #005a2b; display: none; position: absolute; z-index: 1; transition: transform 0.4s; } .Hotspots .hotspot-grid .hotspot:hover { transform: scale(1.2); } .Hotspots .hotspot-grid .hotspot.selected { z-index: 4; } .Hotspots .grid>div { opacity: 0; background: #fc00cf; font-size: 8px; } .Hotspots .grid>div:hover { opacity: 1; } .Hotspots .coords { font-size: 20px; background: #ffffff; color: #000000; position: absolute; top: 0; left: 0; } .Hotspots.debug .hotspot { opacity: 0.8; } .Hotspots.debug .hotspot:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -1px; height: 2px; width: 2px; background: #000000; } .Hub .hubFilters { position: absolute; top: 0; width: 100%; max-width: 3000px; height: 100%; background-color: #ffffff; padding: 0 40px 80px 90px; margin: auto; z-index: -1; pointer-events: none; visibility: hidden; display: none; } .Hub .hubFiltersWrapper { width: 100%; max-width: 340px; height: 100%; height: calc(100% - 270px); position: absolute; left: 90px; top: 180px; padding: 0 20px 90px 0; -webkit-overflow-scrolling: touch; z-index: -1; overflow-x: hidden; overflow-y: auto; pointer-events: none; } .Hub.stickyMode .hubFilters { position: fixed; padding-top: 90px; } .Hub.stickyMode .hubFiltersWrapper { padding-top: 0; top: 270px; } .Hub.filtersClosing .hubFilters { visibility: visible; display: block; } .Hub.filtersOpen .hubFilters { z-index: 1; display: block; visibility: visible; pointer-events: auto; } .Hub.filtersOpen .hubFiltersWrapper { pointer-events: auto; } .Hub.filtersAnimationComplete .hubFilters { z-index: 8; background: none; } .Hub.filtersAnimationComplete .hubFiltersWrapper { z-index: 9; } .Hub.filtersAnimationComplete .hubResults { z-index: 10; } .Hub.filtersAnimationComplete .shelfComponent { z-index: -1; } .Hub.filtersOpenFadeOutItems .hubItemsWrapper, .Hub.filtersOpenFadeOutItems .hubHeaderCounterWrapper { opacity: 0.3; } .Hub .hubFilterTitle, .Hub .hubResultsName { padding-bottom: 5px; border-bottom: 1px solid #dee2e2; overflow: hidden; margin-bottom: 16px; } .Hub .hubFiltersClose, .Hub .hubFilterName, .Hub .hubResultsName { font-size: 11px; font-weight: 900; letter-spacing: 0.08em; color: #0c121c; } .Hub .hubResultsName { top: 44px; position: absolute; width: 320px; } .Hub .hubFilterName { float: left; } .Hub .hubResetButton { display: block; font-size: 10px; float: right; letter-spacing: 0.2em; } .Hub .hubResetButton.filterOn { font-weight: 900; color: #0c121c; } .Hub .primaryLinkContainer { padding-top: 42px; } .Hub .hubResultsButton { pointer-events: none; } .Hub .hubResultsButton.active { background-color: #0c121c; pointer-events: auto; } .Hub .hubResultsButton .applyFilters { letter-spacing: 0.2em; } .Hub .hubFilterButton, .Hub .hubCategoryButton, .Hub .hubResetButton { display: inline-block; } .Hub .hubFilterButton { -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; font-size: 10px; letter-spacing: 0.2em; font-weight: bold; padding: 9px 12px 8px; position: relative; margin: 0 5px 5px 0; border: none; outline: none; } .Hub .hubFilterButton:hover { background-color: #e4e8e8; color: #4a4f54; } .Hub .hubFilterButton.filterOn { background-color: #e4e8e8; } .Hub .hubFilterButton.filterOff, .Hub .hubFilterButton.filterOff:hover { background: none; } .Hub .hubFilterButton.noResults { display: none; cursor: auto; pointer-events: none; color: #cccccc; } .Hub .hubFilterButton.noResults:hover { background: none; border: none; outline: none; } .Hub .hubFilterButton.noResults:active { border: none; outline: none; } .touch .Hub .hubFilterButton { padding: 14px; margin-bottom: 6px; margin-right: 6px; } .Hub .hubFilterList li { float: left; } .Hub .hubResults { overflow: hidden; position: relative; z-index: 2; padding-top: 40px; padding-bottom: 40px; padding-right: 20px; background: #ffffff; width: 100%; max-width: 340px; } .Hub .hubResults .primaryLinkContainer { float: right; } .Hub .hubResults .primaryLinkWithStyle { margin-top: 0; } .Hub .hubFilter.hubFiltersSection { padding: 30px 0 40px; } .Hub .hubResultsCounter { font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 58px; font-weight: bold; float: left; line-height: 1em; color: #0c121c; margin-top: -8px; padding-top: 42px; } .Hub .hubFiltersClose { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .Hub .hubFilters { padding-left: 40px; } .Hub .hubFiltersWrapper { left: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Hub .hubCategories { -webkit-transition: -webkit-transform 0.4s; -webkit-transition-delay: 0.4s; -moz-transition: -moz-transform 0.4s 0.4s; -o-transition: -o-transform 0.4s 0.4s; transition: transform 0.4s 0.4s; } .Hub .hubFilters { padding: 0; margin-left: 0px; width: 100%; top: 0; left: 0; visibility: visible; position: fixed; display: block; z-index: -1; } .Hub .hubFilters .hubFiltersWrapper { display: none; left: 0; top: 0; padding: 139px 0; max-width: 100%; overflow: hidden; height: 100%; height: calc(100% + 60px); -webkit-overflow-scrolling: auto; } .Hub .hubFilters .hubResults { background-color: #e4e8e8; margin-bottom: 0; padding: 20px; width: inherit; max-width: 100%; -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .Hub .hubFilters .hubResults .hubResultsName { position: static; border: none; width: auto; top: auto; padding-bottom: 0; margin: 0; font-size: 10px; line-height: 10px; font-weight: normal; letter-spacing: 2px; } .Hub .hubFilters .hubResults .hubResultsCounter { float: none; font-size: 45px; margin-top: 0px; padding-top: 0; } .Hub .hubFilters .hubResults .primaryLinkContainer { padding-top: 0; bottom: 0; width: auto; z-index: 2; float: none; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 45px; } .Hub .hubFilters .hubResults .primaryLinkContainer .hubResultsButton { width: 100%; min-width: 0; } .Hub .hubFilters .hubScrollSection .hubFiltersSection { width: inherit; padding: 20px; border-bottom: 2px solid #eef1f1; } .Hub .hubFilters .hubScrollSection .hubFiltersSection:last-of-type { border-bottom: none; } .Hub .hubFilters .hubScrollSection .hubFilterTitle { padding: 20px 0 0; border: none; color: #0c121c; margin-bottom: 40px; background: #ffffff; width: 100%; height: 44px; } .Hub .hubFilters .hubScrollSection .hubFilterTitle .hubResetButton { transition: opacity 0.4s; color: #4a4f54; } .Hub .hubFilters .hubScrollSection .hubFilterTitleWrapper { transition: box-shadow 0.4s 0.2s, background 0.2s; } .Hub .hubFilters .hubScrollSection .hubFilterTitleSticky .hubFilterTitleWrapper { z-index: 20; position: fixed; width: 100%; padding: 15px 20px; left: 0; -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: 0 2px 4px #e9ecec; background: #f8f9f9; } .Hub .hubFilters .hubScrollSection .hubFilterTitleSticky .hubFilterName { transition: color 0.2s; } .Hub .hubFilters .hubScrollSection .hubFilterTitleInactive .hubFilterTitleWrapper { background: #ffffff; } .Hub .hubFilters .hubScrollSection .hubFilterTitleInactive .hubFilterName { color: #a4a7a9; } .Hub .hubFilters .hubScrollSection .hubFilterTitleInactive .hubResetButton { opacity: 0; } .Hub .hubFilters .hubScrollSection .hubFilterButton { padding: 15px; background: #f8f9f9; } .Hub .hubFilters .hubScrollSection .hubFilterButton.filterOn { background-color: #e4e8e8; } .Hub .hubFilters .hubScrollSection .hubFilterButton.filterOn:focus { background-color: #e4e8e8; } .Hub .hubFilters .hubScrollSection .hubFilterButton:focus { background: #f8f9f9; } .Hub .hubFiltersClose { padding: 15px 20px; cursor: pointer; position: relative; font-weight: normal; z-index: 10; display: block; background-color: #ffffff; -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .Hub .hubFiltersClose:before { top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 20px; left: auto; } .Hub.stickyMode .hubFilters { padding-top: 0; } } .Hub .hubFilterName { line-height: 100%; } .Hub .hubItem.itemFadeOut { opacity: 0; } #landrover .Hub .hubFilters .primaryLinkWithStyle { background: #cccccc; } #landrover .Hub .hubFilters .primaryLinkWithStyle.active { background: #0c121c; } #landrover .Hub .hubResults .primaryLinkWithStyle:hover { color: #ffffff; } .Hub { position: relative; z-index: 1; overflow: hidden; background-color: #ffffff; } .Hub .shelfComponent { background-color: #ffffff; min-height: 100vh; } .Hub .shelfComponent, .Hub .hubFiltersHeader { -webkit-transition: background-color 400ms, -webkit-transform 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: background-color 400ms, -moz-transform 0.4s; -o-transition: background-color 400ms, -o-transform 0.4s; transition: background-color 400ms, transform 0.4s; position: relative; z-index: 1; } .Hub .hubHeaderCounterWrapper { -webkit-transition: -webkit-transform 400ms; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 400ms; -o-transition: -o-transform 400ms; transition: transform 400ms; } .Hub .shelfComponent { padding-top: 40px; } .Hub.filtersOpen .ctaContainer { opacity: 0.3; } .Hub.filtersOpen .ctaContainer, .Hub.filtersOpen .shelfComponent, .Hub.filtersOpen .hubHeaderCounterWrapper { -webkit-transform: translateX(410px); -khtml-transform: translateX(410px); -moz-transform: translateX(410px); -ms-transform: translateX(410px); -o-transform: translateX(410px); transform: translateX(410px); } .Hub .hubContent { position: relative; z-index: 1; background: white; } .Hub .hubContent .ctaContainer { padding-bottom: 80px; margin-top: 0px; background: #ffffff; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 0.4s, -moz-transform 0.4s; -o-transition: opacity 0.4s, -o-transform 0.4s; transition: opacity 0.4s, transform 0.4s; position: relative; z-index: 1; } .Hub .hubContent .ctaContainer .moreResults { display: none; } .Hub .hubContent .ctaContainer .moreResults.showInfiniteButton { display: inline-table; } .Hub .hubItemsWrapper { -webkit-transition: opacity 400ms, -webkit-transform 350ms; -webkit-transition-delay: ease-out, 0s; -moz-transition: opacity 400ms ease-out, -moz-transform 350ms; -o-transition: opacity 400ms ease-out, -o-transform 350ms; transition: opacity 400ms ease-out, transform 350ms; opacity: 1; } .Hub.filtersOpen .hubItemsWrapper { -webkit-transform: translateX(-50px); -khtml-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); pointer-events: none; -webkit-transition: opacity 350ms, -webkit-transform 350ms; -webkit-transition-delay: ease-in, 0s; -moz-transition: opacity 350ms ease-in, -moz-transform 350ms; -o-transition: opacity 350ms ease-in, -o-transform 350ms; transition: opacity 350ms ease-in 400ms, transform 350ms; } .Hub .hubItemsList { position: relative; list-style: none; padding: 0; margin: -20px; font-size: 0; } .Hub .hubCategories { background: #e4e8e8; } .Hub .hubCategories .selected { display: none; } .Hub .hubCategoriesList li { float: left; } .Hub .hubCategoriesList li:nth-child(1) .hubCategoryButton { padding-left: 50px; } .Hub .hubCategoryButton { display: block; padding: 0 25px; line-height: 45px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: bold; font-size: 9px; letter-spacing: 0.2em; white-space: nowrap; cursor: pointer; color: #0c121c; } .Hub .hubCategoryButton.filterOn { background-color: #f8f9f9; pointer-events: none; } .Hub .DropdownNav { width: auto; max-width: none; display: inline-table; } .Hub .DropdownNav .filterOn { background: #e4e8e8; } .Hub .DropdownNav .selected { min-width: 100%; display: table; color: #4a4f54; background: none; padding-left: 50px; } .Hub .DropdownNav .selected:before { top: 16px; } .Hub .DropdownNav.active .selected { border-bottom: 1px solid #d8dcdc; } .Hub .DropdownNav.active .selected:focus { background: none; } .Hub .DropdownNav li { padding: 0; float: none; } .Hub .DropdownNav .hubCategoriesList { position: absolute; min-width: 100%; z-index: 10; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } .Hub .DropdownNav .hubCategoryButton { padding: 0 50px; } .Hub .DropdownNav .hubHeaderBackToTop { display: none; } .Hub .hubHeader { background-color: #ffffff; position: relative; z-index: 9; font-size: 9px; } .Hub.filtersClosing .hubHeaderWrapper { transition: border-color 0.4s 0.4s; } .Hub.filtersOpen .hubHeaderBackToTop { opacity: 0; transform: translateX(400px); } .Hub .hubFiltersHeader { padding: 12px 90px; height: 45px; } .Hub .hubHeaderCounterWrapper { font-size: 10px; font-weight: bold; letter-spacing: 0.2em; line-height: 1em; } .Hub .hubHeaderCounterWrapper { float: right; padding-top: 6px; } .Hub .hubHeaderCounter { color: #0c121c; text-decoration: underline; } .Hub .hubShowFilterButton { float: left; width: 14px; position: relative; z-index: 1; overflow: visible; cursor: pointer; margin-top: 5px; font-size: 10px; font-weight: bold; letter-spacing: 0.2em; line-height: 1em; margin-left: 6px; } .Hub .hubShowFilterButton span { display: block; position: absolute; height: 2px; width: 100%; background: #0c121c; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.4s; -webkit-transition-delay: 0.6s; -moz-transition: all 0.4s 0.6s; -o-transition: all 0.4s 0.6s; transition: all 0.4s 0.6s; z-index: 2; } .Hub .hubShowFilterButton span:before { content: ''; display: block; width: 2px; height: 2px; position: absolute; background: #0c121c; z-index: 3; top: 0; left: -4px; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0.6s; -moz-transition: opacity 0.4s 0.6s; -o-transition: opacity 0.4s 0.6s; transition: opacity 0.4s 0.6s; } .Hub .hubShowFilterButton span:nth-child(1) { top: 0; } .Hub .hubShowFilterButton span:nth-child(2) { top: 5px; } .Hub .hubShowFilterButton span:nth-child(3) { top: 10px; } .csstransforms3d .Hub .hubShowFilterButton span { -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .Hub .wording-filter { line-height: 14px !important; display: inline-block; margin-left: 30px; position: relative; z-index: 3; } @media screen and (min-width: 741px) { .Hub.filtersLongClosing .hubShowFilterButton span:nth-child(1), .Hub.filtersOpen .hubShowFilterButton span:nth-child(1) { -webkit-transform: translate(-6px, 6px) rotate(45deg); -khtml-transform: translate(-6px, 6px) rotate(45deg); -moz-transform: translate(-6px, 6px) rotate(45deg); -ms-transform: translate(-6px, 6px) rotate(45deg); -o-transform: translate(-6px, 6px) rotate(45deg); transform: translate(-6px, 6px) rotate(45deg); } .Hub.filtersLongClosing .hubShowFilterButton span:nth-child(3), .Hub.filtersOpen .hubShowFilterButton span:nth-child(3) { -webkit-transform: translate(-6px, -4px) rotate(-45deg); -khtml-transform: translate(-6px, -4px) rotate(-45deg); -moz-transform: translate(-6px, -4px) rotate(-45deg); -ms-transform: translate(-6px, -4px) rotate(-45deg); -o-transform: translate(-6px, -4px) rotate(-45deg); transform: translate(-6px, -4px) rotate(-45deg); } .Hub.filtersLongClosing .hubShowFilterButton span:nth-child(2), .Hub.filtersOpen .hubShowFilterButton span:nth-child(2) { opacity: 0; } .Hub.filtersLongClosing .hubShowFilterButton span:before, .Hub.filtersOpen .hubShowFilterButton span:before { opacity: 0; } .csstransforms3d .Hub.filtersLongClosing .hubShowFilterButton span:nth-child(1), .csstransforms3d .Hub.filtersOpen .hubShowFilterButton span:nth-child(1) { -webkit-transform: translate3d(-6px, 6px, 0) rotate(45deg); -khtml-transform: translate3d(-6px, 6px, 0) rotate(45deg); -moz-transform: translate3d(-6px, 6px, 0) rotate(45deg); -ms-transform: translate3d(-6px, 6px, 0) rotate(45deg); -o-transform: translate3d(-6px, 6px, 0) rotate(45deg); transform: translate3d(-6px, 6px, 0) rotate(45deg); } .csstransforms3d .Hub.filtersLongClosing .hubShowFilterButton span:nth-child(3), .csstransforms3d .Hub.filtersOpen .hubShowFilterButton span:nth-child(3) { -webkit-transform: translate3d(-6px, -4px, 0) rotate(-45deg); -khtml-transform: translate3d(-6px, -4px, 0) rotate(-45deg); -moz-transform: translate3d(-6px, -4px, 0) rotate(-45deg); -ms-transform: translate3d(-6px, -4px, 0) rotate(-45deg); -o-transform: translate3d(-6px, -4px, 0) rotate(-45deg); transform: translate3d(-6px, -4px, 0) rotate(-45deg); } .Hub.filtersLongClosing .hubShowFilterButton span { -webkit-transition-delay: 0s; -khtml-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .Hub.filtersLongClosing .hubShowFilterButton span:before { -webkit-transition-delay: 0s; -khtml-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } } .Hub .hubItem { font-size: 16px; font-size: 1rem; float: left; display: block; width: 33.333%; position: relative; vertical-align: top; margin: 0; } .Hub .itemImageOverlay { height: 100%; } .Hub.layoutUnfixed .hubItem:after { content: ''; padding-top: 66.176%; display: block; } .Hub.layoutFixed .hubItem { position: absolute; left: 0; top: 0; } .Hub .hubItemInner { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; } .Hub .hubItemInner .itemImage, .Hub .hubItemInner .itemImage img { max-width: 100%; max-height: 100%; overflow: hidden; display: block; background: #e4e8e8; } .Hub .hubItemInner .itemOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; white-space: nowrap; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: background-color 0.4s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .Hub .hubItemInner .itemOverlay:after { content: ''; width: 0; height: 100%; } .Hub .hubItemInner .itemOverlay:after, .Hub .hubItemInner .itemOverlayInner { display: inline-block; vertical-align: middle; } .Hub .hubItemInner .itemOverlayInner { white-space: normal; width: 100%; padding: 20px; } .Hub .hubItemInner .itemCategory, .Hub .hubItemInner .itemHeading { color: #ffffff; -webkit-font-smoothing: antialiased; } .Hub .hubItemInner .itemCategory .headingWrapper:before, .Hub .hubItemInner .itemCategory .headingWrapper:after, .Hub .hubItemInner .itemHeading .headingWrapper:before, .Hub .hubItemInner .itemHeading .headingWrapper:after { background-color: #ffffff; } .Hub .hubItemInner .itemHeading { font-size: 30px; margin-bottom: 26px; } .Hub .hubItemInner .itemMeta { margin-top: 8px; font-size: 14px; overflow: hidden; line-height: 16px; height: 16px; } .Hub .hubItemInner .itemPostedDate, .Hub .hubItemInner .itemFeaturingNameplate { float: left; } .Hub .hubItemInner .itemPostedDate span, .Hub .hubItemInner .itemFeaturingNameplate span { display: inline-block; } .Hub .hubItemInner .itemPostedDate { width: 36%; } .Hub .hubItemInner .itemFeaturingNameplate { text-align: right; width: 64%; } .Hub .hubItemInner .itemNameplate { font-weight: bold; font-family: "lr_ot4", "arial", "helvetica", sans-serif; padding-left: 0.5em; margin-top: -1px; } .Hub .hubItemInner .itemFeaturingText:after { content: ''; margin-left: 0.5em; display: inline-block; height: 0.75em; width: 1px; vertical-align: baseline; background-color: #a4a7a9; } .Hub .hubItem.alternative .itemFeaturingNameplate { display: none; } .Hub .hubItem .itemImage { height: 100%; width: 100%; background-size: cover; } .Hub .hubItem .itemImageDoubleHeight { display: none; } .Hub .hubItem:hover .hubItemInner .itemOverlay { background-color: rgba(0, 0, 0, 0.55); } .Hub .hubItem.doubleHeight .itemImageStandardHeight { display: none; } .Hub .hubItem.doubleHeight .itemImageDoubleHeight { display: block; } .Hub.itemsFadeOut .hubItemsWrapper { -webkit-transition: opacity 400ms; -webkit-transition-delay: ease-in; -moz-transition: opacity 400ms ease-in; -o-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; opacity: 0; } .Hub .hubItem.featured .hubItemInner:before, .Hub .hubItem.featured .hubItemInner:after { position: absolute; z-index: 1; } .Hub .hubItem.featured .hubItemInner:before { content: ''; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 91px 93px 0 0; border-color: #ffffff transparent transparent transparent; } .Hub .hubItem.featured .hubItemInner:after { content: '\e030'; color: #005a2b; font-size: 24px; margin: 0; top: 14px; left: 16px; } @media screen and (min-width: 1px) and (max-width: 1580px) { .Hub .hubItemInner .itemHeading { font-size: 24px; } .Hub .hubItemInner .itemMeta { font-size: 12px; } } @media screen and (min-width: 1px) and (max-width: 1280px) { .Hub .hubItemsWrapper { height: auto !important; } .Hub .hubItem:nth-child(n) { position: relative; top: auto !important; left: auto !important; width: 50% !important; margin-bottom: 12px; } .Hub .hubItem:nth-child(n):not(.equalHeights) { height: auto !important; } } @media screen and (min-width: 1px) and (max-width: 900px) { .Hub .hubItemInner .itemMeta { margin-top: 4px; font-size: 10px; } .Hub .hubHeaderBackToTop { display: none; } .Hub .hubCategoriesList li:nth-child(1) .hubCategoryButton { padding-left: 40px; } .Hub .DropdownNav .selected { padding-left: 40px; padding-right: 45px; } .Hub .DropdownNav .hubCategoryButton { width: 100%; padding: 0 40px; } .Hub .hubFilters { margin-left: 0; } .Hub .hubFiltersHeader { padding-left: 40px; padding-right: 40px; } } @media screen and (orientation: portrait) and (max-width: 740px) and (min-width: 1px) { .Hub .hubItem:nth-child(n) { display: block; width: 100% !important; margin-bottom: 24px; } .Hub .hubItemsList { margin: 0; } .Hub .hubItemInner { top: 0; left: 0; right: 0; bottom: 0; } } @media screen and (orientation: landscape) and (max-width: 740px) and (min-width: 1px) { .Hub .hubItem:nth-child(n) { margin: 0; height: auto !important; } .Hub .hubItem:nth-child(2n+1) { clear: left; } .Hub .hubItemsList { margin: -12px -15px; } .Hub .hubItemInner { top: 0; left: 0; bottom: 0; right: 0; margin: 12px 15px 12px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Hub .hubHeader { -webkit-transition: -webkit-transform 0.4s; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; } .Hub .hubHeaderWrapper { background: none; border: none; } .Hub .hubHeader.sticky { background: none; } .Hub .hubContent { position: static; } .Hub .shelfComponent { padding-top: 30px; } .Hub .hubContent:before { pointer-events: none; content: ""; display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; background: rgba(0, 0, 0, 0); transition: background 0.4s 0.1s; } .Hub .hubFilters { z-index: 20; background: #ffffff; -webkit-transform: translateX(-100%); -khtml-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.4s; -webkit-transition-delay: 0.2s; -moz-transition: -moz-transform 0.4s 0.2s; -o-transition: -o-transform 0.4s 0.2s; transition: transform 0.4s 0.2s; } .Hub.filtersAnimationComplete .hubFilters { z-index: 20; background: #ffffff; } .Hub.filtersAnimationComplete .shelfComponent { z-index: 1; } .Hub .DropdownNav { width: 100%; display: block; } .Hub .DropdownNav .selected { padding-left: 54px; } .Hub .DropdownNav .selected:before { right: auto; left: 30px; } .Hub .DropdownNav li { float: none; } .Hub .DropdownNav li:nth-child(1) .hubCategoryButton { padding-left: 30px; } .Hub .DropdownNav .hubCategoryButton { padding: 0 30px; } .Hub .hubFiltersHeader { padding-left: 30px; padding-right: 30px; background: #ffffff; background: rgba(255, 255, 255, 0.97); } .Hub .hubItem:nth-child(n):after { display: none; } .Hub .hubItemInner { position: relative; } .Hub .hubItemInner .itemImage { padding-top: 66.176%; height: auto; } .Hub .hubItemInner .itemHeading { font-size: 18px; margin-bottom: 12px; } .Hub .hubItemInner .itemCategory { font-size: 12px; } .Hub .hubItemInner .itemPostedDate, .Hub .hubItemInner .itemFeaturingNameplate { font-size: 10px; } .Hub .hubItemInner .itemCategory { margin-bottom: 0; } .Hub .hubItemInner .itemMeta { margin-top: 0; padding: 12px 0 0; height: auto; } .Hub .hubItemInner .itemPostedDate, .Hub .hubItemInner .itemFeaturingNameplate { text-align: left; width: 100%; line-height: 1em; } .Hub .hubItemInner .itemPostedDate { margin-bottom: 5px; } .Hub .hubItemInner .itemImageOverlay { position: relative; height: auto; } .Hub .hubItem.featured .hubItemInner:before { border-width: 61px 63px 0 0; } .Hub .hubItem.featured .hubItemInner:after { font-size: 18px; top: 6px; left: 9px; } .Hub .hubFiltersHeader { padding-left: 30px; padding-right: 30px; } .Hub.filtersOpen { overflow: visible; position: static; } .Hub.filtersOpen .hubHeader { background: none; pointer-events: none; } .Hub.filtersOpen .hubHeaderWrapper { pointer-events: none; background: none; } .Hub.filtersOpen .hubFilters { overflow-y: hidden; z-index: 20; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .Hub.filtersOpen .hubFiltersWrapper { display: block; overflow-y: auto; } .Hub.filtersOpen .hubScrollSection { position: relative; z-index: 1; } .Hub.filtersOpen .hubItemsWrapper, .Hub.filtersOpen .hubHeaderCounterWrapper, .Hub.filtersOpen .ctaContainer, .Hub.filtersOpen .shelfComponent { -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .Hub.filtersOpen .hubContent:before { z-index: 19; background: rgba(0, 0, 0, 0.7); } .Hub.filtersClosing { overflow: visible; position: static; } .Hub.filtersClosing .hubHeader, .Hub.filtersClosing .hubHeaderWrapper { background: none; } .Hub.filtersClosing .hubFiltersWrapper { display: block; background: none; } .Hub.filtersClosing .hubContent:before { transition: background 0.4s; z-index: 19; background: rgba(0, 0, 0, 0.7); } .Hub.filtersClosing .hubFilters { z-index: 20; -webkit-transition: -webkit-transform 0.4s; -webkit-transition-delay: 0.4s; -moz-transition: -moz-transform 0.4s 0.4s; -o-transition: -o-transform 0.4s 0.4s; transition: transform 0.4s 0.4s; } .Hub.filtersClosing .hubFiltersClose { display: block; } .Hub:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: rgba(0, 0, 0, 0); transition: background 0.4s 0.1s; } .Hub.categoryOpen:before { background: rgba(0, 0, 0, 0.7); z-index: 2; } } .Hub .scrollBlock { position: fixed; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 1; } .no-js .Hub .hubHeaderWrapper, .no-js .Hub .hubShowFilterButton, .no-js .Hub .hubCategories { display: none; } .no-js .Hub .hubItem:after { display: none; } .no-js .Hub .hubItem:nth-child(3n+1) { clear: left; } .no-js .Hub .itemImage { padding-top: 0; } .no-js .Hub .hubItemInner { position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: 20px; } .no-js .Hub .itemOverlay { background: none; } .no-js .Hub .itemImageStandardHeight { position: relative; } .no-js .Hub .itemImageStandardHeight:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); } .no-js .Hub .ctaContainer { display: none; } @media screen and (orientation: portrait) and (max-width: 740px) and (min-width: 1px) { .no-js .Hub .hubItemInner { margin: 0; } } @media screen and (min-width: 1px) and (max-width: 1280px) { .no-js .Hub .hubItem:nth-child(3n+1) { clear: none; } .no-js .Hub .hubItem:nth-child(2n+1) { clear: left; } } @-webkit-keyframes stickyScrollIn { from { -webkit-transform: translateY(0%) translateZ(0); } to { -webkit-transform: translateY(100%) translateZ(0); } } @keyframes stickyScrollIn { from { transform: translateY(0%) translateZ(0); } to { transform: translateY(100%) translateZ(0); } } .HubNavigation { background: #ffffff; position: relative; font-size: 9px; } .HubNavigation .hubNavigationWrapper { width: 100%; border-bottom: 1px solid #eef1f1; background: #ffffff; margin: 0 auto; max-width: 3000px; -webkit-transition: top 0.4s; -webkit-transition-delay: 0s; -moz-transition: top 0.4s; -o-transition: top 0.4s; transition: top 0.4s; -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .HubNavigation .hubNavigationBackToTop { position: absolute; right: 25px; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 0.4s, -moz-transform 0.4s; -o-transition: opacity 0.4s, -o-transform 0.4s; transition: opacity 0.4s, transform 0.4s; } .HubNavigation .hubNavigationBackToTop a { width: auto; text-align: center; position: relative; } .HubNavigation .hubNavigationBackToTop a:before { position: absolute; right: 6px; top: 48%; transform: translateY(-50%); } .HubNavigation.sticky { z-index: 6; } .HubNavigation.sticky .hubNavigationWrapper { position: fixed; top: 0; right: 0; left: 0; z-index: 8; background: rgba(255, 255, 255, 0.97); } .touch .HubNavigation.sticky .hubNavigationWrapper { -webkit-animation: stickyScrollIn 0.8s 0.4s 1 forwards; animation: stickyScrollIn 0.8s 0.4s 1 forwards; } .fullscreen .HubNavigation.sticky { z-index: 1; } .HubNavigation.sticky.showBackToTop .hubNavigationBackToTop { opacity: 1; } .HubNavigation.stickyQuickReverse .hubNavigationWrapper { -webkit-transition: top 0.4s; -webkit-transition-delay: 0.3s; -moz-transition: top 0.4s 0.3s; -o-transition: top 0.4s 0.3s; transition: top 0.4s 0.3s; } .touch .HubNavigation.stickyQuickReverse .hubNavigationWrapper { -webkit-transition: top 0.3s; -webkit-transition-delay: 0.2s; -moz-transition: top 0.3s 0.2s; -o-transition: top 0.3s 0.2s; transition: top 0.3s 0.2s; } .HubNavigation.notransitionDelay.stickyQuickReverse .hubNavigationWrapper { -webkit-transition: top 0.4s; -webkit-transition-delay: 0s; -moz-transition: top 0.4s; -o-transition: top 0.4s; transition: top 0.4s; } .touch .HubNavigation.notransitionDelay.stickyQuickReverse .hubNavigationWrapper { -webkit-transition: top 0.3s; -webkit-transition-delay: 0s; -moz-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; } .HubNavigation.notransition .hubNavigationWrapper { -webkit-transition: none !important; -webkit-transition-delay: 0s; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .IgniteBarV1 { display: none; position: fixed; right: 0; top: 50%; z-index: 4; pointer-events: none; -webkit-transition: margin 1s; -webkit-transition-delay: 0s; -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; -webkit-transition-delay: 0s, 0s; -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.share span { z-index: 1; position: relative; } .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; -webkit-transition-delay: 0s; -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>a div.addThis { display: inline; } .IgniteBarV1 li>a div.addThis:before { content: '\e005'; } .IgniteBarV1 li:hover:not(.share) a { color: #0c121c; } .IgniteBarV1 li:hover:not(.share)>span, .IgniteBarV1 li:hover:not(.share)>a { background-color: #ffffff; } .IgniteBarV1 li:last-child>span, .IgniteBarV1 li:last-child>a { border-bottom: none; } .IgniteBarV1 li .icon-social-facebook-comment:before { font-size: 18px; } .IgniteBarV1 li .SocialSharing { position: relative; visibility: visible; background-color: #0c121c; left: auto; right: 0; } .IgniteBarV1 li .SocialSharing a { background: none; filter: none; } .IgniteBarV1 li .SocialSharing a:hover { color: #ffffff; } .IgniteBarV1 li .SocialSharing a.addthis_button_twitter>span:before { margin-top: 0; margin-left: 5px; } .IgniteBarV1 li .SocialSharing a.addthis_button_facebook>span:before { margin-top: -6px; margin-left: 4px; } .IgniteBarV1 li .SocialSharing a.addthis_button_linkedin>span:before { margin-top: -6px; } .IgniteBarV1 li .SocialSharing a.addthis_button_tumblr>span:before { margin-top: -6px; } .IgniteBarV1 li .SocialSharing a.addthis_button_pinterest_share>span:before { margin-top: -6px; } .IgniteBarV1 li .SocialSharing a.addthis_button_douban>span:before { margin-top: -6px; } .IgniteBarV1 li .SocialSharing a.addthis_button_douban>span:before { margin-top: -6px; } .IgniteBarV1 li .SocialSharing a.addthis_button_email>span:before { margin-top: 0; margin-left: 4px; } .IgniteBarV1 li .SocialSharing a.addthis_button_renren>span:before { margin-top: -6px; margin-left: 4px; } .IgniteBarV1 li .SocialSharing a.addthis_button_expanded>span:before { margin-top: -6px; margin-left: 4px; } .IgniteBarV1[data-total="2"] { margin-top: -50.5px; } .IgniteBarV1[data-total="3"] { margin-top: -76px; } .IgniteBarV1[data-total="4"] { margin-top: -101.5px; } .IgniteBarV1[data-total="5"] { margin-top: -127px; } .IgniteBarV1[data-total="6"] { margin-top: -152.5px; } .IgniteBarV1.light a { color: #0c121c; } .IgniteBarV1.light li>span, .IgniteBarV1.light li>a { font-weight: bold; background-color: #ffffff; border-bottom: solid 1px #eef1f1; } .IgniteBarV1.light li:hover:not(.share) a { color: #ffffff; } .IgniteBarV1.light li:hover:not(.share)>span, .IgniteBarV1.light li:hover:not(.share)>a { background-color: #005a2b; } .IgniteBarV1.light li .SocialSharing { background-color: #ffffff; } 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; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: 0.8s; -khtml-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .IgniteBarV2 .barContainer.scrolling { -webkit-transition-duration: 0.2s; -khtml-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .IgniteBarV2 .toggle { pointer-events: all; } .IgniteBarV2 .toggle .toggleLabel { background-color: #ffffff; height: 50px; line-height: 51px; color: #005a2b; padding-left: 22px; padding-right: 20px; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 10px; letter-spacing: 0.3em; position: absolute; left: 50px; top: 0; -webkit-transition-property: right; -moz-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; z-index: 1; font-weight: bold; } .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: #ffffff; 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; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0.4s; -khtml-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .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; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0.4s; -khtml-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .IgniteBarV2 .toggle .toggleBtn .toggleCross .toggleCrossIcon:before { content: '\e038'; font-size: 25px; } .IgniteBarV2 .toggle .toggleBtn:hover .toggleCross .toggleCrossIcon:before { -webkit-animation: pulse 0.8s linear 0s; animation: pulse 0.8s linear 0s; } .IgniteBarV2.open .toggle .toggleBtn { background-color: #ffffff; color: #0c6235; -webkit-transition-delay: 0; -khtml-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .IgniteBarV2.open .toggle .toggleBtn .toggleCross { -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition-delay: 0; -khtml-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .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.8s; -khtml-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -khtml-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); -ms-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.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0.4s; -khtml-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .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.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0; -khtml-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .IgniteBarV2 .actions .actionItem .action .actionIcon { display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 0; z-index: 2; line-height: 50px; text-align: center; background-color: #0c121c; text-decoration: none; } .IgniteBarV2 .actions .actionItem .action .actionIcon:before { position: relative; font-size: 20px; } .IgniteBarV2 .actions .actionItem .action .actionIcon.icon-ignite-brochure:before { font-size: 18px; top: -1px; } .IgniteBarV2 .actions .actionItem .action .actionIcon.icon-share:before { font-size: 18px; top: -2px; } .IgniteBarV2 .actions .actionItem .action .actionIcon.icon-social-facebook-comment:before { font-size: 17px; top: -1px; } .IgniteBarV2 .actions .actionItem .action .actionIcon.icon-map-pin:before { font-size: 21px; } .IgniteBarV2 .actions .actionItem .action .actionIcon.icon-bond:before { font-size: 30px; margin-top: 14px; margin-left: 9px; } .IgniteBarV2 .actions .actionItem .action .actionIcon.icon-svo:before { font-size: 22px; } .IgniteBarV2 .actions .actionItem .action .labelContainer { display: table; width: 200px; height: 50px; position: absolute; top: 0; left: 0; z-index: 1; } .IgniteBarV2 .actions .actionItem .action .labelContainer .label { display: table-cell; vertical-align: middle; padding-left: 10px; padding-right: 10px; text-align: right; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 10px; letter-spacing: 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.2s; -khtml-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s; -khtml-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .IgniteBarV2 .actions .actionItem .action:hover .labelContainer .label { color: #ffffff; } .IgniteBarV2 .actions .actionItem.open .action .labelContainer .label { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition-delay: 0; -khtml-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .IgniteBarV2.open .actions { right: 0; -webkit-transition-delay: 0; -khtml-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } .IgniteBarV2.open .actions .actionItem .action { width: 250px; -webkit-transition-delay: 0.4s; -khtml-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .IgniteBarV2 .sharingContainer { width: 0; height: 50px; position: absolute; top: 0; right: 50px; overflow: hidden; -webkit-transition-property: width; -moz-transition-property: width; -o-transition-property: width; transition-property: width; -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .IgniteBarV2 .sharingContainer .SocialSharing { background-color: transparent; } .IgniteBarV2 .sharingContainer .SocialSharing a { background-color: transparent; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_twitter>span:before { margin-top: 0; margin-left: 5px; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_facebook>span:before { margin-top: -6px; margin-left: 4px; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_linkedin>span:before { margin-top: -6px; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_tumblr>span:before { margin-top: -6px; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_pinterest_share>span:before { margin-top: -6px; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_douban>span:before { margin-top: -6px; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_douban>span:before { margin-top: -6px; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_email>span:before { margin-top: 0; margin-left: 4px; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_renren>span:before { margin-top: -6px; margin-left: 4px; } .IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_expanded>span:before { margin-top: -6px; margin-left: 4px; } @media screen and (min-width: 1px) and (max-width: 740px) { .IgniteBarV2 { top: auto !important; bottom: 50px; } .IgniteBarV2 .barContainer { padding-bottom: 50px; } .IgniteBarV2 .toggle { position: absolute; bottom: 0; } .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; background-color: transparent; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0.4s; -khtml-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .igniteOverlay.visible { top: -100%; right: -100%; bottom: -100%; left: -100%; width: 300%; height: 300%; } .igniteOverlay.active { background-color: #000000; background-color: rgba(0, 0, 0, 0.7); -webkit-transition-delay: 0; -khtml-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.24); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.24); } 100% { transform: scale(1); } } .IgniteBar { transition: opacity 0.4s; } .forceScrollBar .IgniteBar { opacity: 0; position: relative; } .IgniteBarDevice { display: none; table-layout: fixed; width: 100%; border-top: 1px solid #30353e; } .IgniteBarDevice .item { display: table-cell; vertical-align: middle; padding: 0 15px 6px; border-left: 1px solid #30353e; background-color: #0c121c; text-decoration: none; font-size: 8px; letter-spacing: 0.2em; -webkit-transition: background-color 0.4s; -webkit-transition-delay: 0s; -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, .IgniteBarDevice .item [class^="icon-"]:before, .IgniteBarDevice .item [class*=" icon-"]:before, .IgniteBarDevice .item .secondaryLinkWithStyle:before, .IgniteBarDevice .item .mediaOverlay.mediaOverlayImage .mediaOverlayIcon:before, .mediaOverlay.mediaOverlayImage .IgniteBarDevice .item .mediaOverlayIcon:before, .IgniteBarDevice .item .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before, .mediaOverlay.mediaOverlayVideo .IgniteBarDevice .item .mediaOverlayIcon:before, .IgniteBarDevice .item .infoCard .mobileStateBtn:before, .infoCard .IgniteBarDevice .item .mobileStateBtn:before, .IgniteBarDevice .item .infoCard.openInfoCard .mobileStateBtn:before, .infoCard.openInfoCard .IgniteBarDevice .item .mobileStateBtn:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.sales:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.sales:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.service:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.service:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.repair:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.repair:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.bodyshop:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.bodyshop:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.parts:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.parts:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.partsonly:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.partsonly:before, .IgniteBarDevice .item .carousel .rsArrow.rsArrowLeft .rsArrowIcn:before, .carousel .rsArrow.rsArrowLeft .IgniteBarDevice .item .rsArrowIcn:before, .IgniteBarDevice .item .carousel .rsArrow.rsArrowRight .rsArrowIcn:before, .carousel .rsArrow.rsArrowRight .IgniteBarDevice .item .rsArrowIcn:before, .IgniteBarDevice .item .carouselNavigation>div a.prev:before, .carouselNavigation>div .IgniteBarDevice .item a.prev:before, .IgniteBarDevice .item .carouselNavigation>div a.next:before, .carouselNavigation>div .IgniteBarDevice .item a.next:before, .IgniteBarDevice .item .sliderControls .handleInner:before, .sliderControls .IgniteBarDevice .item .handleInner:before, .IgniteBarDevice .item .sliderControls .handleInner:after, .sliderControls .IgniteBarDevice .item .handleInner:after, .IgniteBarDevice .item a.directionArrow.left span:before, a.directionArrow.left .IgniteBarDevice .item span:before, .IgniteBarDevice .item a.directionArrow.right span:before, a.directionArrow.right .IgniteBarDevice .item span:before, .IgniteBarDevice .item .scrollButton:after, .IgniteBarDevice .item .profileLinks li a.facebook .ico:before, .profileLinks li a.facebook .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .profileLinks li a.instagram .ico:before, .profileLinks li a.instagram .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .profileLinks li a.pinterest .ico:before, .profileLinks li a.pinterest .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .profileLinks li a.twitter .ico:before, .profileLinks li a.twitter .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .profileLinks li a.youtube .ico:before, .profileLinks li a.youtube .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .profileLinks li a.tumblr .ico:before, .profileLinks li a.tumblr .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .Article .richText .tickList li:before, .Article .richText .tickList .IgniteBarDevice .item li:before, .IgniteBarDevice .item .Compare .ComparisonTable .accordion-group .accordion-toggle-icon.open:after, .Compare .ComparisonTable .accordion-group .IgniteBarDevice .item .accordion-toggle-icon.open:after, .IgniteBarDevice .item .Compare .ComparisonTable .accordion-group .accordion-toggle-icon.closed:after, .Compare .ComparisonTable .accordion-group .IgniteBarDevice .item .accordion-toggle-icon.closed:after, .IgniteBarDevice .item .Compare .swiper-container .prev:before, .Compare .swiper-container .IgniteBarDevice .item .prev:before, .IgniteBarDevice .item .Compare .swiper-container .next:before, .Compare .swiper-container .IgniteBarDevice .item .next:before, .IgniteBarDevice .item .DefenderJourneyCarousel .swiper-container .left div:before, .DefenderJourneyCarousel .swiper-container .left .IgniteBarDevice .item div:before, .IgniteBarDevice .item .DefenderJourneyCarousel .swiper-container .right div:before, .DefenderJourneyCarousel .swiper-container .right .IgniteBarDevice .item div:before, .IgniteBarDevice .item .DefenderJourneyCarousel .swiper-slide.video .cover-image .play:after, .DefenderJourneyCarousel .swiper-slide.video .cover-image .IgniteBarDevice .item .play:after, .IgniteBarDevice .item .DefenderJourneyStoryMap #map-controls .control.plus:after, .DefenderJourneyStoryMap #map-controls .IgniteBarDevice .item .control.plus:after, .IgniteBarDevice .item .DefenderJourneyStoryMap #map-controls .control.minus:after, .DefenderJourneyStoryMap #map-controls .IgniteBarDevice .item .control.minus:after, .IgniteBarDevice .item .DefenderJourneyStoryMap #map-controls .control.recenter:after, .DefenderJourneyStoryMap #map-controls .IgniteBarDevice .item .control.recenter:after, .IgniteBarDevice .item .back-to-top a:before, .back-to-top .IgniteBarDevice .item a:before, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #list-view .list-container:after, .DefenderJourneyMap .journey-container #list-view .IgniteBarDevice .item .list-container:after, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #map-controls .control.locate:after, .DefenderJourneyMap .journey-container #map-controls .IgniteBarDevice .item .control.locate:after, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #map-controls .control.plus:after, .DefenderJourneyMap .journey-container #map-controls .IgniteBarDevice .item .control.plus:after, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #map-controls .control.minus:after, .DefenderJourneyMap .journey-container #map-controls .IgniteBarDevice .item .control.minus:after, .IgniteBarDevice .item .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured:before, .DefenderJourneyMap #filter-bar>ul.dropdown>li.single .IgniteBarDevice .item a.featured:before, .IgniteBarDevice .item .DefenderJourneyMap #filter-bar .chevron:after, .DefenderJourneyMap #filter-bar .IgniteBarDevice .item .chevron:after, .IgniteBarDevice .item .DefenderJourneyMap #filter-bar .chevron.left:before, .DefenderJourneyMap #filter-bar .IgniteBarDevice .item .chevron.left:before, .IgniteBarDevice .item .DefenderJourneyMap .journey-card .close:after, .DefenderJourneyMap .journey-card .IgniteBarDevice .item .close:after, .IgniteBarDevice .item .DefenderJourneyStoryDetail .explore-more a:before, .DefenderJourneyStoryDetail .explore-more .IgniteBarDevice .item a:before, .IgniteBarDevice .item .DefenderJourneyStoryDetail .journey-summary .from:before, .DefenderJourneyStoryDetail .journey-summary .IgniteBarDevice .item .from:before, .IgniteBarDevice .item .DefenderJourneyStoryDetail .journey-summary .to:after, .DefenderJourneyStoryDetail .journey-summary .IgniteBarDevice .item .to:after, .IgniteBarDevice .item .DropdownNav .selected:before, .DropdownNav .IgniteBarDevice .item .selected:before, .IgniteBarDevice .item .DropdownNav.active .selected:before, .DropdownNav.active .IgniteBarDevice .item .selected:before, .IgniteBarDevice .item .DropdownSelect .selected:before, .DropdownSelect .IgniteBarDevice .item .selected:before, .IgniteBarDevice .item .DropdownSelect.open .selected:before, .DropdownSelect.open .IgniteBarDevice .item .selected:before, .IgniteBarDevice .item .EngineSpecifications th:first-child a:before, .EngineSpecifications th:first-child .IgniteBarDevice .item a:before, .IgniteBarDevice .item .ExperienceCentres .infoCard .cardDetails .experiencesHeading:before, .ExperienceCentres .infoCard .cardDetails .IgniteBarDevice .item .experiencesHeading:before, .IgniteBarDevice .item .ExperienceRegions .infoCard .regionStats .numberOfCentres:before, .ExperienceRegions .infoCard .regionStats .IgniteBarDevice .item .numberOfCentres:before, .IgniteBarDevice .item .ExperienceRegions .infoCard .regionStats .numberOfCountries:before, .ExperienceRegions .infoCard .regionStats .IgniteBarDevice .item .numberOfCountries:before, .IgniteBarDevice .item .FooterNav .hygieneLinks li a.toggleHandle:after, .FooterNav .hygieneLinks li .IgniteBarDevice .item a.toggleHandle:after, .IgniteBarDevice .item .FooterNav .hygieneLinks li.open a.toggleHandle:after, .FooterNav .hygieneLinks li.open .IgniteBarDevice .item a.toggleHandle:after, .IgniteBarDevice .item a.mfp-close:before, .IgniteBarDevice .item .Fullscreen .fullscreenHeader #filmstripToggle:after, .Fullscreen .fullscreenHeader .IgniteBarDevice .item #filmstripToggle:after, .IgniteBarDevice .item .Fullscreen .fullscreenHeader #filmstripToggle.on:after, .Fullscreen .fullscreenHeader .IgniteBarDevice .item #filmstripToggle.on:after, .IgniteBarDevice .item .Fullscreen .galleryCategoriesBtn:before, .Fullscreen .IgniteBarDevice .item .galleryCategoriesBtn:before, .IgniteBarDevice .item .Fullscreen.shared a.mfp-close:before, .Fullscreen.shared .IgniteBarDevice .item a.mfp-close:before, .IgniteBarDevice .item .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .IgniteBarDevice .item .rsThumbsArrowIcn:before, .IgniteBarDevice .item .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .IgniteBarDevice .item .rsThumbsArrowIcn:before, .IgniteBarDevice .item .GesturedVideoSequence .play-button:after, .GesturedVideoSequence .IgniteBarDevice .item .play-button:after, .IgniteBarDevice .item .GesturedVideoSequence .data-slides .controls div.prev:before, .GesturedVideoSequence .data-slides .controls .IgniteBarDevice .item div.prev:before, .IgniteBarDevice .item .GesturedVideoSequence .data-slides .controls div.next:before, .GesturedVideoSequence .data-slides .controls .IgniteBarDevice .item div.next:before, .IgniteBarDevice .item .Hub .hubItem.featured .hubItemInner:after, .Hub .hubItem.featured .IgniteBarDevice .item .hubItemInner:after, .IgniteBarDevice .item .IgniteBarV1 li>a div.addThis:before, .IgniteBarV1 li>a .IgniteBarDevice .item div.addThis:before, .IgniteBarDevice .item .IgniteBarV2 .toggle .toggleBtn .toggleCross .toggleCrossIcon:before, .IgniteBarV2 .toggle .toggleBtn .toggleCross .IgniteBarDevice .item .toggleCrossIcon:before, .IgniteBarDevice .item .InPageNavigation .ipnBar .ipnTopLink:before, .InPageNavigation .ipnBar .IgniteBarDevice .item .ipnTopLink:before, .IgniteBarDevice .item .InPageSubNavigation .chooseModel>a:before, .InPageSubNavigation .chooseModel>.IgniteBarDevice .item a:before, .IgniteBarDevice .item .InPageSubNavigation .chooseModel .back:before, .InPageSubNavigation .chooseModel .IgniteBarDevice .item .back:before, .IgniteBarDevice .item .Interior360 .control.plus:after, .Interior360 .IgniteBarDevice .item .control.plus:after, .IgniteBarDevice .item .Interior360 .control.minus:after, .Interior360 .IgniteBarDevice .item .control.minus:after, .IgniteBarDevice .item .MainNavigation ul li.vehicles span:after, .MainNavigation ul li.vehicles .IgniteBarDevice .item span:after, .IgniteBarDevice .item .MainNavigation ul li.vehicles.activeOverlay span:after, .MainNavigation ul li.vehicles.activeOverlay .IgniteBarDevice .item span:after, .IgniteBarDevice .item .MainNavigation .SearchButton>a:before, .MainNavigation .SearchButton>.IgniteBarDevice .item a:before, .IgniteBarDevice .item .MainNavigation .SearchButton button:before, .MainNavigation .SearchButton .IgniteBarDevice .item button:before, .IgniteBarDevice .item .MainNavigation .SearchButton .inactiveSearchButton:before, .MainNavigation .SearchButton .IgniteBarDevice .item .inactiveSearchButton:before, .IgniteBarDevice .item .MainNavigation .MoreButton a:before, .MainNavigation .MoreButton .IgniteBarDevice .item a:before, .IgniteBarDevice .item .MainNavigation .LocationButton a:before, .MainNavigation .LocationButton .IgniteBarDevice .item a:before, .IgniteBarDevice .item .ModelSelector .modelSelectorHeader .backButton:after, .ModelSelector .modelSelectorHeader .IgniteBarDevice .item .backButton:after, .IgniteBarDevice .item .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomIn:before, .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .IgniteBarDevice .item .NavBar_zoomIn:before, .IgniteBarDevice .item .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomOut:before, .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .IgniteBarDevice .item .NavBar_zoomOut:before, .IgniteBarDevice .item #landrover .NationalDealerLocatorResults .backToDealer:before, #landrover .NationalDealerLocatorResults .IgniteBarDevice .item .backToDealer:before, .IgniteBarDevice .item #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .landRoverToYou:before, #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .IgniteBarDevice .item .landRoverToYou:before, .IgniteBarDevice .item .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .mapCloseButton:before, .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .IgniteBarDevice .item .mapCloseButton:before, .IgniteBarDevice .item .NotificationBar .notificationContainer .close span:before, .NotificationBar .notificationContainer .close .IgniteBarDevice .item span:before, .IgniteBarDevice .item .ParallaxHero .buttonScreenDown .inner:after, .ParallaxHero .buttonScreenDown .IgniteBarDevice .item .inner:after, .IgniteBarDevice .item .QuotePlayer .mejs-play button:before, .QuotePlayer .mejs-play .IgniteBarDevice .item button:before, .IgniteBarDevice .item .QuotePlayer.finished .mejs-play button:before, .QuotePlayer.finished .mejs-play .IgniteBarDevice .item button:before, .IgniteBarDevice .item .QuotePlayer .mejs-pause button:before, .QuotePlayer .mejs-pause .IgniteBarDevice .item button:before, .IgniteBarDevice .item .ReviewRatingBadge .ratingStarsItem:after, .ReviewRatingBadge .IgniteBarDevice .item .ratingStarsItem:after, .IgniteBarDevice .item .responsiveTableArrow .leftArrow:before, .responsiveTableArrow .IgniteBarDevice .item .leftArrow:before, .IgniteBarDevice .item .responsiveTableArrow .rightArrow:before, .responsiveTableArrow .IgniteBarDevice .item .rightArrow:before, .IgniteBarDevice .item .ScrollDown:after, .IgniteBarDevice .item .ShoppingToolsMenu li.ShoppingToolsButton>a:after, .ShoppingToolsMenu li.ShoppingToolsButton>.IgniteBarDevice .item a:after, .IgniteBarDevice .item .SlideOutMenu ul.first>li>a:after, .SlideOutMenu ul.first>li>.IgniteBarDevice .item a:after, .IgniteBarDevice .item .SlideOutMenu ul.first>li ul li a:before, .SlideOutMenu ul.first>li ul li .IgniteBarDevice .item a:before, .IgniteBarDevice .item .SocialFeed .feedItem .content .header .postDetails .retweet:before, .SocialFeed .feedItem .content .header .postDetails .IgniteBarDevice .item .retweet:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta:before, .SocialFeed .feedItem.facebook .content .IgniteBarDevice .item .meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta .comments:before, .SocialFeed .feedItem.facebook .content .meta .IgniteBarDevice .item .comments:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta .likes:before, .SocialFeed .feedItem.facebook .content .meta .IgniteBarDevice .item .likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta .shares:before, .SocialFeed .feedItem.facebook .content .meta .IgniteBarDevice .item .shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.instagram .content .meta:before, .SocialFeed .feedItem.instagram .content .IgniteBarDevice .item .meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.instagram .content .meta .comments:before, .SocialFeed .feedItem.instagram .content .meta .IgniteBarDevice .item .comments:before, .IgniteBarDevice .item .SocialFeed .feedItem.instagram .content .meta .likes:before, .SocialFeed .feedItem.instagram .content .meta .IgniteBarDevice .item .likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.pinterest .content .meta:before, .SocialFeed .feedItem.pinterest .content .IgniteBarDevice .item .meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.pinterest .content .meta .likes:before, .SocialFeed .feedItem.pinterest .content .meta .IgniteBarDevice .item .likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.pinterest .content .meta .shares:before, .SocialFeed .feedItem.pinterest .content .meta .IgniteBarDevice .item .shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.twitter .content .meta:before, .SocialFeed .feedItem.twitter .content .IgniteBarDevice .item .meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.twitter .content .meta .likes:before, .SocialFeed .feedItem.twitter .content .meta .IgniteBarDevice .item .likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.twitter .content .meta .shares:before, .SocialFeed .feedItem.twitter .content .meta .IgniteBarDevice .item .shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.tumblr .content .meta:before, .SocialFeed .feedItem.tumblr .content .IgniteBarDevice .item .meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.tumblr .content .meta .likes:before, .SocialFeed .feedItem.tumblr .content .meta .IgniteBarDevice .item .likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.tumblr .content .meta .shares:before, .SocialFeed .feedItem.tumblr .content .meta .IgniteBarDevice .item .shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.youtube .content .meta:before, .SocialFeed .feedItem.youtube .content .IgniteBarDevice .item .meta:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-video-icon:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .IgniteBarDevice .item .stry-video-icon:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .stry-item.twitter:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.instagram:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .stry-item.instagram:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.youtube:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .stry-item.youtube:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.facebook:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .stry-item.facebook:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.googleplus:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .stry-item.googleplus:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .IgniteBarDevice .item .stry-share:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .stry-menu-link:before, .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .IgniteBarDevice .item .stry-menu-link:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link.selected:before, .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .IgniteBarDevice .item .stry-filters-link.selected:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-menu-button .stry-menu-link:before, .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-menu-button .IgniteBarDevice .item .stry-menu-link:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.googleplus .stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.googleplus .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .IgniteBarDevice .item .stry-close-button:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .stry-share-open:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .IgniteBarDevice .item .stry-share-open:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .IgniteBarDevice .item .stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .IgniteBarDevice .item .stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .IgniteBarDevice .item .stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .IgniteBarDevice .item .stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.twitter .front:before, .SocialStoryStreamWidget .stry-widget .list-item.twitter .IgniteBarDevice .item .front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.instagram .front:before, .SocialStoryStreamWidget .stry-widget .list-item.instagram .IgniteBarDevice .item .front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.youtube .front:before, .SocialStoryStreamWidget .stry-widget .list-item.youtube .IgniteBarDevice .item .front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.facebook .front:before, .SocialStoryStreamWidget .stry-widget .list-item.facebook .IgniteBarDevice .item .front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.googleplus .front:before, .SocialStoryStreamWidget .stry-widget .list-item.googleplus .IgniteBarDevice .item .front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.video .front:after, .SocialStoryStreamWidget .stry-widget .list-item.video .IgniteBarDevice .item .front:after, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .IgniteBarDevice .item .stry-close-button:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.googleplus .stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.googleplus .IgniteBarDevice .item .stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .IgniteBarDevice .item .stry-share:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close:before, .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .IgniteBarDevice .item .stry-share-close:before, .IgniteBarDevice .item .addThisMenu>a>span:before, .addThisMenu>a>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_twitter>span:before, .SocialSharing a.addthis_button_twitter>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_facebook>span:before, .SocialSharing a.addthis_button_facebook>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_linkedin>span:before, .SocialSharing a.addthis_button_linkedin>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_google_plusone_share>span:before, .SocialSharing a.addthis_button_google_plusone_share>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_tumblr>span:before, .SocialSharing a.addthis_button_tumblr>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_sinaweibo>span:before, .SocialSharing a.addthis_button_sinaweibo>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_pinterest_share>span:before, .SocialSharing a.addthis_button_pinterest_share>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_douban>span:before, .SocialSharing a.addthis_button_douban>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_vkontakt>span:before, .SocialSharing a.addthis_button_vkontakt>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_renren>span:before, .SocialSharing a.addthis_button_renren>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_email>span:before, .SocialSharing a.addthis_button_email>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing span.icon-social_wechat:before, .SocialSharing .IgniteBarDevice .item span.icon-social_wechat:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_whatsapp>span:before, .SocialSharing a.addthis_button_whatsapp>.IgniteBarDevice .item span:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_expanded>span:before, .SocialSharing a.addthis_button_expanded>.IgniteBarDevice .item span:before, .IgniteBarDevice .item #at3win #at3winheader #at3winheaderclose:before, #at3win #at3winheader .IgniteBarDevice .item #at3winheaderclose:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio .mejs-button.mejs-play button:before, .StoryArticleImage.imageWithAudio .mejs-button.mejs-play .IgniteBarDevice .item button:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio .mejs-button.mejs-pause button:before, .StoryArticleImage.imageWithAudio .mejs-button.mejs-pause .IgniteBarDevice .item button:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play button:before, .StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play .IgniteBarDevice .item button:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play button:before, .StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play .IgniteBarDevice .item button:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio.finished .mejs-play button:before, .StoryArticleImage.imageWithAudio.finished .mejs-play .IgniteBarDevice .item button:before, .IgniteBarDevice .item .StorySocialLinks .links li.facebook a .ico:before, .StorySocialLinks .links li.facebook a .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.instagram a .ico:before, .StorySocialLinks .links li.instagram a .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.pinterest a .ico:before, .StorySocialLinks .links li.pinterest a .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.share a .ico:before, .StorySocialLinks .links li.share a .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.tumblr a .ico:before, .StorySocialLinks .links li.tumblr a .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.twitter a .ico:before, .StorySocialLinks .links li.twitter a .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.youtube a .ico:before, .StorySocialLinks .links li.youtube a .IgniteBarDevice .item .ico:before, .IgniteBarDevice .item .SubNavigation .SubNavigationContainer .SubNavigationModels li a:after, .SubNavigation .SubNavigationContainer .SubNavigationModels li .IgniteBarDevice .item a:after, .IgniteBarDevice .item .SubNavigation .SubNavigationContainer .SubNavigationButtons:after, .SubNavigation .SubNavigationContainer .IgniteBarDevice .item .SubNavigationButtons:after, .IgniteBarDevice .item .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip, .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .IgniteBarDevice .item .aw-tooltip, .IgniteBarDevice .item html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles span:after, html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles .IgniteBarDevice .item span:after, .IgniteBarDevice .item .VehicleSpecifications .openAll .open:before, .VehicleSpecifications .openAll .IgniteBarDevice .item .open:before, .IgniteBarDevice .item .VehicleSpecifications .backToTop .open:before, .VehicleSpecifications .backToTop .IgniteBarDevice .item .open:before, .IgniteBarDevice .item .VehicleSpecifications .openAll .close:before, .VehicleSpecifications .openAll .IgniteBarDevice .item .close:before, .IgniteBarDevice .item .VehicleSpecifications .backToTop .close:before, .VehicleSpecifications .backToTop .IgniteBarDevice .item .close:before, .IgniteBarDevice .item .VehicleSpecifications .backToTop:before, .VehicleSpecifications .IgniteBarDevice .item .backToTop:before, .IgniteBarDevice .item .VehicleSpecifications .specDetails>ul>li>a:after, .VehicleSpecifications .specDetails>ul>li>.IgniteBarDevice .item a:after, .IgniteBarDevice .item .VehicleSpecifications .specDetails>ul>li.active>a:after, .VehicleSpecifications .specDetails>ul>li.active>.IgniteBarDevice .item a:after, .IgniteBarDevice .item .VehicleSpecifications .imageListKey ul li.standard:before, .VehicleSpecifications .imageListKey ul .IgniteBarDevice .item li.standard:before, .IgniteBarDevice .item .VehicleSpecifications .imageListKey ul li.optional:before, .VehicleSpecifications .imageListKey ul .IgniteBarDevice .item li.optional:before, .IgniteBarDevice .item .VehicleSpecifications .imageListKey ul li.nocostoption:before, .VehicleSpecifications .imageListKey ul .IgniteBarDevice .item li.nocostoption:before, .IgniteBarDevice .item .VehicleSpecifications .imageList>li span.standard:after, .VehicleSpecifications .imageList>li .IgniteBarDevice .item span.standard:after, .IgniteBarDevice .item .VehicleSpecifications .imageList>li span.optional:after, .VehicleSpecifications .imageList>li .IgniteBarDevice .item span.optional:after, .IgniteBarDevice .item .VehicleSpecifications .imageList>li span.nocostoption:after, .VehicleSpecifications .imageList>li .IgniteBarDevice .item span.nocostoption:after, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-playpause-button button:before, .VideoPlayer .mejs-controls .mejs-playpause-button .IgniteBarDevice .item button:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause button:before, .VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause .IgniteBarDevice .item button:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-captions-button button:before, .VideoPlayer .mejs-controls .mejs-captions-button .IgniteBarDevice .item button:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled button:before, .VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled .IgniteBarDevice .item button:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-volume-button button:before, .VideoPlayer .mejs-controls .mejs-volume-button .IgniteBarDevice .item button:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute button:before, .VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute .IgniteBarDevice .item button:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-fullscreen-button button:before, .VideoPlayer .mejs-controls .mejs-fullscreen-button .IgniteBarDevice .item button:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:before, .VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen .IgniteBarDevice .item button:before, .IgniteBarDevice .item .VideoPlayer[data-audio="false"] .mejs-controls .mejs-volume-button button:before, .VideoPlayer[data-audio="false"] .mejs-controls .mejs-volume-button .IgniteBarDevice .item button:before, .IgniteBarDevice .item .VinRecall .search .vinLink:after, .VinRecall .search .IgniteBarDevice .item .vinLink:after, .IgniteBarDevice .item .YouTubePlayer .playButton:before, .YouTubePlayer .IgniteBarDevice .item .playButton:before { display: block; line-height: 36px; margin: 0 auto; font-family: "icons"; font-size: 25px; -webkit-font-smoothing: antialiased; } .IgniteBarDevice .item .itemContent { display: block; height: 100%; text-align: center; } .IgniteBarDevice .item .icon.icon-share, .IgniteBarDevice .item .icon-share[class^="icon-"]:before, .IgniteBarDevice .item .icon-share[class*=" icon-"]:before, .IgniteBarDevice .item .icon-share.secondaryLinkWithStyle:before, .IgniteBarDevice .item .mediaOverlay.mediaOverlayImage .icon-share.mediaOverlayIcon:before, .mediaOverlay.mediaOverlayImage .IgniteBarDevice .item .icon-share.mediaOverlayIcon:before, .IgniteBarDevice .item .mediaOverlay.mediaOverlayVideo .icon-share.mediaOverlayIcon:before, .mediaOverlay.mediaOverlayVideo .IgniteBarDevice .item .icon-share.mediaOverlayIcon:before, .IgniteBarDevice .item .infoCard .icon-share.mobileStateBtn:before, .infoCard .IgniteBarDevice .item .icon-share.mobileStateBtn:before, .IgniteBarDevice .item .infoCard.openInfoCard .icon-share.mobileStateBtn:before, .infoCard.openInfoCard .IgniteBarDevice .item .icon-share.mobileStateBtn:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-share.sales:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-share.sales:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-share.service:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-share.service:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-share.repair:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-share.repair:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-share.bodyshop:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-share.bodyshop:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-share.parts:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-share.parts:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-share.partsonly:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-share.partsonly:before, .IgniteBarDevice .item .carousel .rsArrow.rsArrowLeft .icon-share.rsArrowIcn:before, .carousel .rsArrow.rsArrowLeft .IgniteBarDevice .item .icon-share.rsArrowIcn:before, .IgniteBarDevice .item .carousel .rsArrow.rsArrowRight .icon-share.rsArrowIcn:before, .carousel .rsArrow.rsArrowRight .IgniteBarDevice .item .icon-share.rsArrowIcn:before, .IgniteBarDevice .item .carouselNavigation>div a.icon-share.prev:before, .carouselNavigation>div .IgniteBarDevice .item a.icon-share.prev:before, .IgniteBarDevice .item .carouselNavigation>div a.icon-share.next:before, .carouselNavigation>div .IgniteBarDevice .item a.icon-share.next:before, .IgniteBarDevice .item .sliderControls .icon-share.handleInner:before, .sliderControls .IgniteBarDevice .item .icon-share.handleInner:before, .IgniteBarDevice .item .sliderControls .icon-share.handleInner:after, .sliderControls .IgniteBarDevice .item .icon-share.handleInner:after, .IgniteBarDevice .item a.directionArrow.left span.icon-share:before, a.directionArrow.left .IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item a.directionArrow.right span.icon-share:before, a.directionArrow.right .IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .icon-share.scrollButton:after, .IgniteBarDevice .item .profileLinks li a.facebook .icon-share.ico:before, .profileLinks li a.facebook .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .profileLinks li a.instagram .icon-share.ico:before, .profileLinks li a.instagram .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .profileLinks li a.pinterest .icon-share.ico:before, .profileLinks li a.pinterest .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .profileLinks li a.twitter .icon-share.ico:before, .profileLinks li a.twitter .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .profileLinks li a.youtube .icon-share.ico:before, .profileLinks li a.youtube .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .profileLinks li a.tumblr .icon-share.ico:before, .profileLinks li a.tumblr .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .Article .richText .tickList li.icon-share:before, .Article .richText .tickList .IgniteBarDevice .item li.icon-share:before, .IgniteBarDevice .item .Compare .ComparisonTable .accordion-group .icon-share.accordion-toggle-icon.open:after, .Compare .ComparisonTable .accordion-group .IgniteBarDevice .item .icon-share.accordion-toggle-icon.open:after, .IgniteBarDevice .item .Compare .ComparisonTable .accordion-group .icon-share.accordion-toggle-icon.closed:after, .Compare .ComparisonTable .accordion-group .IgniteBarDevice .item .icon-share.accordion-toggle-icon.closed:after, .IgniteBarDevice .item .Compare .swiper-container .icon-share.prev:before, .Compare .swiper-container .IgniteBarDevice .item .icon-share.prev:before, .IgniteBarDevice .item .Compare .swiper-container .icon-share.next:before, .Compare .swiper-container .IgniteBarDevice .item .icon-share.next:before, .IgniteBarDevice .item .DefenderJourneyCarousel .swiper-container .left div.icon-share:before, .DefenderJourneyCarousel .swiper-container .left .IgniteBarDevice .item div.icon-share:before, .IgniteBarDevice .item .DefenderJourneyCarousel .swiper-container .right div.icon-share:before, .DefenderJourneyCarousel .swiper-container .right .IgniteBarDevice .item div.icon-share:before, .IgniteBarDevice .item .DefenderJourneyCarousel .swiper-slide.video .cover-image .icon-share.play:after, .DefenderJourneyCarousel .swiper-slide.video .cover-image .IgniteBarDevice .item .icon-share.play:after, .IgniteBarDevice .item .DefenderJourneyStoryMap #map-controls .icon-share.control.plus:after, .DefenderJourneyStoryMap #map-controls .IgniteBarDevice .item .icon-share.control.plus:after, .IgniteBarDevice .item .DefenderJourneyStoryMap #map-controls .icon-share.control.minus:after, .DefenderJourneyStoryMap #map-controls .IgniteBarDevice .item .icon-share.control.minus:after, .IgniteBarDevice .item .DefenderJourneyStoryMap #map-controls .icon-share.control.recenter:after, .DefenderJourneyStoryMap #map-controls .IgniteBarDevice .item .icon-share.control.recenter:after, .IgniteBarDevice .item .back-to-top a.icon-share:before, .back-to-top .IgniteBarDevice .item a.icon-share:before, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #list-view .icon-share.list-container:after, .DefenderJourneyMap .journey-container #list-view .IgniteBarDevice .item .icon-share.list-container:after, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #map-controls .icon-share.control.locate:after, .DefenderJourneyMap .journey-container #map-controls .IgniteBarDevice .item .icon-share.control.locate:after, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #map-controls .icon-share.control.plus:after, .DefenderJourneyMap .journey-container #map-controls .IgniteBarDevice .item .icon-share.control.plus:after, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #map-controls .icon-share.control.minus:after, .DefenderJourneyMap .journey-container #map-controls .IgniteBarDevice .item .icon-share.control.minus:after, .IgniteBarDevice .item .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.icon-share.featured:before, .DefenderJourneyMap #filter-bar>ul.dropdown>li.single .IgniteBarDevice .item a.icon-share.featured:before, .IgniteBarDevice .item .DefenderJourneyMap #filter-bar .icon-share.chevron:after, .DefenderJourneyMap #filter-bar .IgniteBarDevice .item .icon-share.chevron:after, .IgniteBarDevice .item .DefenderJourneyMap #filter-bar .icon-share.chevron.left:before, .DefenderJourneyMap #filter-bar .IgniteBarDevice .item .icon-share.chevron.left:before, .IgniteBarDevice .item .DefenderJourneyMap .journey-card .icon-share.close:after, .DefenderJourneyMap .journey-card .IgniteBarDevice .item .icon-share.close:after, .IgniteBarDevice .item .DefenderJourneyStoryDetail .explore-more a.icon-share:before, .DefenderJourneyStoryDetail .explore-more .IgniteBarDevice .item a.icon-share:before, .IgniteBarDevice .item .DefenderJourneyStoryDetail .journey-summary .icon-share.from:before, .DefenderJourneyStoryDetail .journey-summary .IgniteBarDevice .item .icon-share.from:before, .IgniteBarDevice .item .DefenderJourneyStoryDetail .journey-summary .icon-share.to:after, .DefenderJourneyStoryDetail .journey-summary .IgniteBarDevice .item .icon-share.to:after, .IgniteBarDevice .item .DropdownNav .icon-share.selected:before, .DropdownNav .IgniteBarDevice .item .icon-share.selected:before, .IgniteBarDevice .item .DropdownNav.active .icon-share.selected:before, .DropdownNav.active .IgniteBarDevice .item .icon-share.selected:before, .IgniteBarDevice .item .DropdownSelect .icon-share.selected:before, .DropdownSelect .IgniteBarDevice .item .icon-share.selected:before, .IgniteBarDevice .item .DropdownSelect.open .icon-share.selected:before, .DropdownSelect.open .IgniteBarDevice .item .icon-share.selected:before, .IgniteBarDevice .item .EngineSpecifications th:first-child a.icon-share:before, .EngineSpecifications th:first-child .IgniteBarDevice .item a.icon-share:before, .IgniteBarDevice .item .ExperienceCentres .infoCard .cardDetails .icon-share.experiencesHeading:before, .ExperienceCentres .infoCard .cardDetails .IgniteBarDevice .item .icon-share.experiencesHeading:before, .IgniteBarDevice .item .ExperienceRegions .infoCard .regionStats .icon-share.numberOfCentres:before, .ExperienceRegions .infoCard .regionStats .IgniteBarDevice .item .icon-share.numberOfCentres:before, .IgniteBarDevice .item .ExperienceRegions .infoCard .regionStats .icon-share.numberOfCountries:before, .ExperienceRegions .infoCard .regionStats .IgniteBarDevice .item .icon-share.numberOfCountries:before, .IgniteBarDevice .item .FooterNav .hygieneLinks li a.icon-share.toggleHandle:after, .FooterNav .hygieneLinks li .IgniteBarDevice .item a.icon-share.toggleHandle:after, .IgniteBarDevice .item .FooterNav .hygieneLinks li.open a.icon-share.toggleHandle:after, .FooterNav .hygieneLinks li.open .IgniteBarDevice .item a.icon-share.toggleHandle:after, .IgniteBarDevice .item a.icon-share.mfp-close:before, .IgniteBarDevice .item .Fullscreen .fullscreenHeader .icon-share#filmstripToggle:after, .Fullscreen .fullscreenHeader .IgniteBarDevice .item .icon-share#filmstripToggle:after, .IgniteBarDevice .item .Fullscreen .fullscreenHeader .icon-share#filmstripToggle.on:after, .Fullscreen .fullscreenHeader .IgniteBarDevice .item .icon-share#filmstripToggle.on:after, .IgniteBarDevice .item .Fullscreen .icon-share.galleryCategoriesBtn:before, .Fullscreen .IgniteBarDevice .item .icon-share.galleryCategoriesBtn:before, .IgniteBarDevice .item .Fullscreen.shared a.icon-share.mfp-close:before, .Fullscreen.shared .IgniteBarDevice .item a.icon-share.mfp-close:before, .IgniteBarDevice .item .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .icon-share.rsThumbsArrowIcn:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .IgniteBarDevice .item .icon-share.rsThumbsArrowIcn:before, .IgniteBarDevice .item .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .icon-share.rsThumbsArrowIcn:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .IgniteBarDevice .item .icon-share.rsThumbsArrowIcn:before, .IgniteBarDevice .item .GesturedVideoSequence .icon-share.play-button:after, .GesturedVideoSequence .IgniteBarDevice .item .icon-share.play-button:after, .IgniteBarDevice .item .GesturedVideoSequence .data-slides .controls div.icon-share.prev:before, .GesturedVideoSequence .data-slides .controls .IgniteBarDevice .item div.icon-share.prev:before, .IgniteBarDevice .item .GesturedVideoSequence .data-slides .controls div.icon-share.next:before, .GesturedVideoSequence .data-slides .controls .IgniteBarDevice .item div.icon-share.next:before, .IgniteBarDevice .item .Hub .hubItem.featured .icon-share.hubItemInner:after, .Hub .hubItem.featured .IgniteBarDevice .item .icon-share.hubItemInner:after, .IgniteBarDevice .item .IgniteBarV1 li>a div.icon-share.addThis:before, .IgniteBarV1 li>a .IgniteBarDevice .item div.icon-share.addThis:before, .IgniteBarDevice .item .IgniteBarV2 .toggle .toggleBtn .toggleCross .icon-share.toggleCrossIcon:before, .IgniteBarV2 .toggle .toggleBtn .toggleCross .IgniteBarDevice .item .icon-share.toggleCrossIcon:before, .IgniteBarDevice .item .InPageNavigation .ipnBar .icon-share.ipnTopLink:before, .InPageNavigation .ipnBar .IgniteBarDevice .item .icon-share.ipnTopLink:before, .IgniteBarDevice .item .InPageSubNavigation .chooseModel>a.icon-share:before, .InPageSubNavigation .chooseModel>.IgniteBarDevice .item a.icon-share:before, .IgniteBarDevice .item .InPageSubNavigation .chooseModel .icon-share.back:before, .InPageSubNavigation .chooseModel .IgniteBarDevice .item .icon-share.back:before, .IgniteBarDevice .item .Interior360 .icon-share.control.plus:after, .Interior360 .IgniteBarDevice .item .icon-share.control.plus:after, .IgniteBarDevice .item .Interior360 .icon-share.control.minus:after, .Interior360 .IgniteBarDevice .item .icon-share.control.minus:after, .IgniteBarDevice .item .MainNavigation ul li.vehicles span.icon-share:after, .MainNavigation ul li.vehicles .IgniteBarDevice .item span.icon-share:after, .IgniteBarDevice .item .MainNavigation ul li.vehicles.activeOverlay span.icon-share:after, .MainNavigation ul li.vehicles.activeOverlay .IgniteBarDevice .item span.icon-share:after, .IgniteBarDevice .item .MainNavigation .SearchButton>a.icon-share:before, .MainNavigation .SearchButton>.IgniteBarDevice .item a.icon-share:before, .IgniteBarDevice .item .MainNavigation .SearchButton button.icon-share:before, .MainNavigation .SearchButton .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .MainNavigation .SearchButton .icon-share.inactiveSearchButton:before, .MainNavigation .SearchButton .IgniteBarDevice .item .icon-share.inactiveSearchButton:before, .IgniteBarDevice .item .MainNavigation .MoreButton a.icon-share:before, .MainNavigation .MoreButton .IgniteBarDevice .item a.icon-share:before, .IgniteBarDevice .item .MainNavigation .LocationButton a.icon-share:before, .MainNavigation .LocationButton .IgniteBarDevice .item a.icon-share:before, .IgniteBarDevice .item .ModelSelector .modelSelectorHeader .icon-share.backButton:after, .ModelSelector .modelSelectorHeader .IgniteBarDevice .item .icon-share.backButton:after, .IgniteBarDevice .item .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .icon-share.NavBar_zoomIn:before, .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .IgniteBarDevice .item .icon-share.NavBar_zoomIn:before, .IgniteBarDevice .item .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .icon-share.NavBar_zoomOut:before, .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .IgniteBarDevice .item .icon-share.NavBar_zoomOut:before, .IgniteBarDevice .item #landrover .NationalDealerLocatorResults .icon-share.backToDealer:before, #landrover .NationalDealerLocatorResults .IgniteBarDevice .item .icon-share.backToDealer:before, .IgniteBarDevice .item #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .icon-share.landRoverToYou:before, #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .IgniteBarDevice .item .icon-share.landRoverToYou:before, .IgniteBarDevice .item .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .icon-share.mapCloseButton:before, .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .IgniteBarDevice .item .icon-share.mapCloseButton:before, .IgniteBarDevice .item .NotificationBar .notificationContainer .close span.icon-share:before, .NotificationBar .notificationContainer .close .IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .ParallaxHero .buttonScreenDown .icon-share.inner:after, .ParallaxHero .buttonScreenDown .IgniteBarDevice .item .icon-share.inner:after, .IgniteBarDevice .item .QuotePlayer .mejs-play button.icon-share:before, .QuotePlayer .mejs-play .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .QuotePlayer.finished .mejs-play button.icon-share:before, .QuotePlayer.finished .mejs-play .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .QuotePlayer .mejs-pause button.icon-share:before, .QuotePlayer .mejs-pause .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .ReviewRatingBadge .icon-share.ratingStarsItem:after, .ReviewRatingBadge .IgniteBarDevice .item .icon-share.ratingStarsItem:after, .IgniteBarDevice .item .responsiveTableArrow .icon-share.leftArrow:before, .responsiveTableArrow .IgniteBarDevice .item .icon-share.leftArrow:before, .IgniteBarDevice .item .responsiveTableArrow .icon-share.rightArrow:before, .responsiveTableArrow .IgniteBarDevice .item .icon-share.rightArrow:before, .IgniteBarDevice .item .icon-share.ScrollDown:after, .IgniteBarDevice .item .ShoppingToolsMenu li.ShoppingToolsButton>a.icon-share:after, .ShoppingToolsMenu li.ShoppingToolsButton>.IgniteBarDevice .item a.icon-share:after, .IgniteBarDevice .item .SlideOutMenu ul.first>li>a.icon-share:after, .SlideOutMenu ul.first>li>.IgniteBarDevice .item a.icon-share:after, .IgniteBarDevice .item .SlideOutMenu ul.first>li ul li a.icon-share:before, .SlideOutMenu ul.first>li ul li .IgniteBarDevice .item a.icon-share:before, .IgniteBarDevice .item .SocialFeed .feedItem .content .header .postDetails .icon-share.retweet:before, .SocialFeed .feedItem .content .header .postDetails .IgniteBarDevice .item .icon-share.retweet:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .icon-share.meta:before, .SocialFeed .feedItem.facebook .content .IgniteBarDevice .item .icon-share.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta .icon-share.comments:before, .SocialFeed .feedItem.facebook .content .meta .IgniteBarDevice .item .icon-share.comments:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta .icon-share.likes:before, .SocialFeed .feedItem.facebook .content .meta .IgniteBarDevice .item .icon-share.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta .icon-share.shares:before, .SocialFeed .feedItem.facebook .content .meta .IgniteBarDevice .item .icon-share.shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.instagram .content .icon-share.meta:before, .SocialFeed .feedItem.instagram .content .IgniteBarDevice .item .icon-share.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.instagram .content .meta .icon-share.comments:before, .SocialFeed .feedItem.instagram .content .meta .IgniteBarDevice .item .icon-share.comments:before, .IgniteBarDevice .item .SocialFeed .feedItem.instagram .content .meta .icon-share.likes:before, .SocialFeed .feedItem.instagram .content .meta .IgniteBarDevice .item .icon-share.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.pinterest .content .icon-share.meta:before, .SocialFeed .feedItem.pinterest .content .IgniteBarDevice .item .icon-share.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.pinterest .content .meta .icon-share.likes:before, .SocialFeed .feedItem.pinterest .content .meta .IgniteBarDevice .item .icon-share.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.pinterest .content .meta .icon-share.shares:before, .SocialFeed .feedItem.pinterest .content .meta .IgniteBarDevice .item .icon-share.shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.twitter .content .icon-share.meta:before, .SocialFeed .feedItem.twitter .content .IgniteBarDevice .item .icon-share.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.twitter .content .meta .icon-share.likes:before, .SocialFeed .feedItem.twitter .content .meta .IgniteBarDevice .item .icon-share.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.twitter .content .meta .icon-share.shares:before, .SocialFeed .feedItem.twitter .content .meta .IgniteBarDevice .item .icon-share.shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.tumblr .content .icon-share.meta:before, .SocialFeed .feedItem.tumblr .content .IgniteBarDevice .item .icon-share.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.tumblr .content .meta .icon-share.likes:before, .SocialFeed .feedItem.tumblr .content .meta .IgniteBarDevice .item .icon-share.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.tumblr .content .meta .icon-share.shares:before, .SocialFeed .feedItem.tumblr .content .meta .IgniteBarDevice .item .icon-share.shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.youtube .content .icon-share.meta:before, .SocialFeed .feedItem.youtube .content .IgniteBarDevice .item .icon-share.meta:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .icon-share.stry-video-icon:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .IgniteBarDevice .item .icon-share.stry-video-icon:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-share.stry-item.twitter:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-share.stry-item.twitter:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-share.stry-item.instagram:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-share.stry-item.instagram:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-share.stry-item.youtube:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-share.stry-item.youtube:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-share.stry-item.facebook:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-share.stry-item.facebook:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-share.stry-item.googleplus:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-share.stry-item.googleplus:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .icon-share.stry-share:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .IgniteBarDevice .item .icon-share.stry-share:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .icon-share.stry-menu-link:before, .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .IgniteBarDevice .item .icon-share.stry-menu-link:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .icon-share.stry-filters-link.selected:before, .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .IgniteBarDevice .item .icon-share.stry-filters-link.selected:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-menu-button .icon-share.stry-menu-link:before, .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-menu-button .IgniteBarDevice .item .icon-share.stry-menu-link:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .icon-share.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .icon-share.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .icon-share.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .icon-share.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.googleplus .icon-share.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.googleplus .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .icon-share.stry-close-button:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .IgniteBarDevice .item .icon-share.stry-close-button:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .icon-share.stry-share-open:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .IgniteBarDevice .item .icon-share.stry-share-open:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .icon-share.stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .IgniteBarDevice .item .icon-share.stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .icon-share.stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .IgniteBarDevice .item .icon-share.stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .icon-share.stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .IgniteBarDevice .item .icon-share.stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .icon-share.stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .IgniteBarDevice .item .icon-share.stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.twitter .icon-share.front:before, .SocialStoryStreamWidget .stry-widget .list-item.twitter .IgniteBarDevice .item .icon-share.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.instagram .icon-share.front:before, .SocialStoryStreamWidget .stry-widget .list-item.instagram .IgniteBarDevice .item .icon-share.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.youtube .icon-share.front:before, .SocialStoryStreamWidget .stry-widget .list-item.youtube .IgniteBarDevice .item .icon-share.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.facebook .icon-share.front:before, .SocialStoryStreamWidget .stry-widget .list-item.facebook .IgniteBarDevice .item .icon-share.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.googleplus .icon-share.front:before, .SocialStoryStreamWidget .stry-widget .list-item.googleplus .IgniteBarDevice .item .icon-share.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.video .icon-share.front:after, .SocialStoryStreamWidget .stry-widget .list-item.video .IgniteBarDevice .item .icon-share.front:after, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .icon-share.stry-close-button:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .IgniteBarDevice .item .icon-share.stry-close-button:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .icon-share.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .icon-share.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .icon-share.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .icon-share.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.googleplus .icon-share.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.googleplus .IgniteBarDevice .item .icon-share.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .icon-share.stry-share:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .IgniteBarDevice .item .icon-share.stry-share:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .icon-share.stry-share-close:before, .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .IgniteBarDevice .item .icon-share.stry-share-close:before, .IgniteBarDevice .item .addThisMenu>a>span.icon-share:before, .addThisMenu>a>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_twitter>span.icon-share:before, .SocialSharing a.addthis_button_twitter>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_facebook>span.icon-share:before, .SocialSharing a.addthis_button_facebook>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_linkedin>span.icon-share:before, .SocialSharing a.addthis_button_linkedin>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_google_plusone_share>span.icon-share:before, .SocialSharing a.addthis_button_google_plusone_share>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_tumblr>span.icon-share:before, .SocialSharing a.addthis_button_tumblr>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_sinaweibo>span.icon-share:before, .SocialSharing a.addthis_button_sinaweibo>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_pinterest_share>span.icon-share:before, .SocialSharing a.addthis_button_pinterest_share>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_douban>span.icon-share:before, .SocialSharing a.addthis_button_douban>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_vkontakt>span.icon-share:before, .SocialSharing a.addthis_button_vkontakt>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_renren>span.icon-share:before, .SocialSharing a.addthis_button_renren>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_email>span.icon-share:before, .SocialSharing a.addthis_button_email>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing span.icon-share.icon-social_wechat:before, .SocialSharing .IgniteBarDevice .item span.icon-share.icon-social_wechat:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_whatsapp>span.icon-share:before, .SocialSharing a.addthis_button_whatsapp>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_expanded>span.icon-share:before, .SocialSharing a.addthis_button_expanded>.IgniteBarDevice .item span.icon-share:before, .IgniteBarDevice .item #at3win #at3winheader .icon-share#at3winheaderclose:before, #at3win #at3winheader .IgniteBarDevice .item .icon-share#at3winheaderclose:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio .mejs-button.mejs-play button.icon-share:before, .StoryArticleImage.imageWithAudio .mejs-button.mejs-play .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio .mejs-button.mejs-pause button.icon-share:before, .StoryArticleImage.imageWithAudio .mejs-button.mejs-pause .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play button.icon-share:before, .StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play button.icon-share:before, .StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio.finished .mejs-play button.icon-share:before, .StoryArticleImage.imageWithAudio.finished .mejs-play .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .StorySocialLinks .links li.facebook a .icon-share.ico:before, .StorySocialLinks .links li.facebook a .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.instagram a .icon-share.ico:before, .StorySocialLinks .links li.instagram a .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.pinterest a .icon-share.ico:before, .StorySocialLinks .links li.pinterest a .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.share a .icon-share.ico:before, .StorySocialLinks .links li.share a .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.tumblr a .icon-share.ico:before, .StorySocialLinks .links li.tumblr a .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.twitter a .icon-share.ico:before, .StorySocialLinks .links li.twitter a .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.youtube a .icon-share.ico:before, .StorySocialLinks .links li.youtube a .IgniteBarDevice .item .icon-share.ico:before, .IgniteBarDevice .item .SubNavigation .SubNavigationContainer .SubNavigationModels li a.icon-share:after, .SubNavigation .SubNavigationContainer .SubNavigationModels li .IgniteBarDevice .item a.icon-share:after, .IgniteBarDevice .item .SubNavigation .SubNavigationContainer .icon-share.SubNavigationButtons:after, .SubNavigation .SubNavigationContainer .IgniteBarDevice .item .icon-share.SubNavigationButtons:after, .IgniteBarDevice .item .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .icon-share.aw-tooltip, .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .IgniteBarDevice .item .icon-share.aw-tooltip, .IgniteBarDevice .item html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles span.icon-share:after, html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles .IgniteBarDevice .item span.icon-share:after, .IgniteBarDevice .item .VehicleSpecifications .openAll .icon-share.open:before, .VehicleSpecifications .openAll .IgniteBarDevice .item .icon-share.open:before, .IgniteBarDevice .item .VehicleSpecifications .backToTop .icon-share.open:before, .VehicleSpecifications .backToTop .IgniteBarDevice .item .icon-share.open:before, .IgniteBarDevice .item .VehicleSpecifications .openAll .icon-share.close:before, .VehicleSpecifications .openAll .IgniteBarDevice .item .icon-share.close:before, .IgniteBarDevice .item .VehicleSpecifications .backToTop .icon-share.close:before, .VehicleSpecifications .backToTop .IgniteBarDevice .item .icon-share.close:before, .IgniteBarDevice .item .VehicleSpecifications .icon-share.backToTop:before, .VehicleSpecifications .IgniteBarDevice .item .icon-share.backToTop:before, .IgniteBarDevice .item .VehicleSpecifications .specDetails>ul>li>a.icon-share:after, .VehicleSpecifications .specDetails>ul>li>.IgniteBarDevice .item a.icon-share:after, .IgniteBarDevice .item .VehicleSpecifications .specDetails>ul>li.active>a.icon-share:after, .VehicleSpecifications .specDetails>ul>li.active>.IgniteBarDevice .item a.icon-share:after, .IgniteBarDevice .item .VehicleSpecifications .imageListKey ul li.icon-share.standard:before, .VehicleSpecifications .imageListKey ul .IgniteBarDevice .item li.icon-share.standard:before, .IgniteBarDevice .item .VehicleSpecifications .imageListKey ul li.icon-share.optional:before, .VehicleSpecifications .imageListKey ul .IgniteBarDevice .item li.icon-share.optional:before, .IgniteBarDevice .item .VehicleSpecifications .imageListKey ul li.icon-share.nocostoption:before, .VehicleSpecifications .imageListKey ul .IgniteBarDevice .item li.icon-share.nocostoption:before, .IgniteBarDevice .item .VehicleSpecifications .imageList>li span.icon-share.standard:after, .VehicleSpecifications .imageList>li .IgniteBarDevice .item span.icon-share.standard:after, .IgniteBarDevice .item .VehicleSpecifications .imageList>li span.icon-share.optional:after, .VehicleSpecifications .imageList>li .IgniteBarDevice .item span.icon-share.optional:after, .IgniteBarDevice .item .VehicleSpecifications .imageList>li span.icon-share.nocostoption:after, .VehicleSpecifications .imageList>li .IgniteBarDevice .item span.icon-share.nocostoption:after, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-playpause-button button.icon-share:before, .VideoPlayer .mejs-controls .mejs-playpause-button .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause button.icon-share:before, .VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-captions-button button.icon-share:before, .VideoPlayer .mejs-controls .mejs-captions-button .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled button.icon-share:before, .VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-volume-button button.icon-share:before, .VideoPlayer .mejs-controls .mejs-volume-button .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute button.icon-share:before, .VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-fullscreen-button button.icon-share:before, .VideoPlayer .mejs-controls .mejs-fullscreen-button .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button.icon-share:before, .VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .VideoPlayer[data-audio="false"] .mejs-controls .mejs-volume-button button.icon-share:before, .VideoPlayer[data-audio="false"] .mejs-controls .mejs-volume-button .IgniteBarDevice .item button.icon-share:before, .IgniteBarDevice .item .VinRecall .search .icon-share.vinLink:after, .VinRecall .search .IgniteBarDevice .item .icon-share.vinLink:after, .IgniteBarDevice .item .YouTubePlayer .icon-share.playButton:before, .YouTubePlayer .IgniteBarDevice .item .icon-share.playButton:before { font-size: 22px; } .IgniteBarDevice .item .icon.icon-social-facebook-comment, .IgniteBarDevice .item .icon-social-facebook-comment[class^="icon-"]:before, .IgniteBarDevice .item .icon-social-facebook-comment[class*=" icon-"]:before, .IgniteBarDevice .item .icon-social-facebook-comment.secondaryLinkWithStyle:before, .IgniteBarDevice .item .mediaOverlay.mediaOverlayImage .icon-social-facebook-comment.mediaOverlayIcon:before, .mediaOverlay.mediaOverlayImage .IgniteBarDevice .item .icon-social-facebook-comment.mediaOverlayIcon:before, .IgniteBarDevice .item .mediaOverlay.mediaOverlayVideo .icon-social-facebook-comment.mediaOverlayIcon:before, .mediaOverlay.mediaOverlayVideo .IgniteBarDevice .item .icon-social-facebook-comment.mediaOverlayIcon:before, .IgniteBarDevice .item .infoCard .icon-social-facebook-comment.mobileStateBtn:before, .infoCard .IgniteBarDevice .item .icon-social-facebook-comment.mobileStateBtn:before, .IgniteBarDevice .item .infoCard.openInfoCard .icon-social-facebook-comment.mobileStateBtn:before, .infoCard.openInfoCard .IgniteBarDevice .item .icon-social-facebook-comment.mobileStateBtn:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-social-facebook-comment.sales:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-social-facebook-comment.sales:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-social-facebook-comment.service:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-social-facebook-comment.service:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-social-facebook-comment.repair:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-social-facebook-comment.repair:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-social-facebook-comment.bodyshop:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-social-facebook-comment.bodyshop:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-social-facebook-comment.parts:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-social-facebook-comment.parts:before, .IgniteBarDevice .item .infoCardDealer .cardDetails .services li.icon-social-facebook-comment.partsonly:before, .infoCardDealer .cardDetails .services .IgniteBarDevice .item li.icon-social-facebook-comment.partsonly:before, .IgniteBarDevice .item .carousel .rsArrow.rsArrowLeft .icon-social-facebook-comment.rsArrowIcn:before, .carousel .rsArrow.rsArrowLeft .IgniteBarDevice .item .icon-social-facebook-comment.rsArrowIcn:before, .IgniteBarDevice .item .carousel .rsArrow.rsArrowRight .icon-social-facebook-comment.rsArrowIcn:before, .carousel .rsArrow.rsArrowRight .IgniteBarDevice .item .icon-social-facebook-comment.rsArrowIcn:before, .IgniteBarDevice .item .carouselNavigation>div a.icon-social-facebook-comment.prev:before, .carouselNavigation>div .IgniteBarDevice .item a.icon-social-facebook-comment.prev:before, .IgniteBarDevice .item .carouselNavigation>div a.icon-social-facebook-comment.next:before, .carouselNavigation>div .IgniteBarDevice .item a.icon-social-facebook-comment.next:before, .IgniteBarDevice .item .sliderControls .icon-social-facebook-comment.handleInner:before, .sliderControls .IgniteBarDevice .item .icon-social-facebook-comment.handleInner:before, .IgniteBarDevice .item .sliderControls .icon-social-facebook-comment.handleInner:after, .sliderControls .IgniteBarDevice .item .icon-social-facebook-comment.handleInner:after, .IgniteBarDevice .item a.directionArrow.left span.icon-social-facebook-comment:before, a.directionArrow.left .IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item a.directionArrow.right span.icon-social-facebook-comment:before, a.directionArrow.right .IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .icon-social-facebook-comment.scrollButton:after, .IgniteBarDevice .item .profileLinks li a.facebook .icon-social-facebook-comment.ico:before, .profileLinks li a.facebook .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .profileLinks li a.instagram .icon-social-facebook-comment.ico:before, .profileLinks li a.instagram .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .profileLinks li a.pinterest .icon-social-facebook-comment.ico:before, .profileLinks li a.pinterest .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .profileLinks li a.twitter .icon-social-facebook-comment.ico:before, .profileLinks li a.twitter .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .profileLinks li a.youtube .icon-social-facebook-comment.ico:before, .profileLinks li a.youtube .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .profileLinks li a.tumblr .icon-social-facebook-comment.ico:before, .profileLinks li a.tumblr .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .Article .richText .tickList li.icon-social-facebook-comment:before, .Article .richText .tickList .IgniteBarDevice .item li.icon-social-facebook-comment:before, .IgniteBarDevice .item .Compare .ComparisonTable .accordion-group .icon-social-facebook-comment.accordion-toggle-icon.open:after, .Compare .ComparisonTable .accordion-group .IgniteBarDevice .item .icon-social-facebook-comment.accordion-toggle-icon.open:after, .IgniteBarDevice .item .Compare .ComparisonTable .accordion-group .icon-social-facebook-comment.accordion-toggle-icon.closed:after, .Compare .ComparisonTable .accordion-group .IgniteBarDevice .item .icon-social-facebook-comment.accordion-toggle-icon.closed:after, .IgniteBarDevice .item .Compare .swiper-container .icon-social-facebook-comment.prev:before, .Compare .swiper-container .IgniteBarDevice .item .icon-social-facebook-comment.prev:before, .IgniteBarDevice .item .Compare .swiper-container .icon-social-facebook-comment.next:before, .Compare .swiper-container .IgniteBarDevice .item .icon-social-facebook-comment.next:before, .IgniteBarDevice .item .DefenderJourneyCarousel .swiper-container .left div.icon-social-facebook-comment:before, .DefenderJourneyCarousel .swiper-container .left .IgniteBarDevice .item div.icon-social-facebook-comment:before, .IgniteBarDevice .item .DefenderJourneyCarousel .swiper-container .right div.icon-social-facebook-comment:before, .DefenderJourneyCarousel .swiper-container .right .IgniteBarDevice .item div.icon-social-facebook-comment:before, .IgniteBarDevice .item .DefenderJourneyCarousel .swiper-slide.video .cover-image .icon-social-facebook-comment.play:after, .DefenderJourneyCarousel .swiper-slide.video .cover-image .IgniteBarDevice .item .icon-social-facebook-comment.play:after, .IgniteBarDevice .item .DefenderJourneyStoryMap #map-controls .icon-social-facebook-comment.control.plus:after, .DefenderJourneyStoryMap #map-controls .IgniteBarDevice .item .icon-social-facebook-comment.control.plus:after, .IgniteBarDevice .item .DefenderJourneyStoryMap #map-controls .icon-social-facebook-comment.control.minus:after, .DefenderJourneyStoryMap #map-controls .IgniteBarDevice .item .icon-social-facebook-comment.control.minus:after, .IgniteBarDevice .item .DefenderJourneyStoryMap #map-controls .icon-social-facebook-comment.control.recenter:after, .DefenderJourneyStoryMap #map-controls .IgniteBarDevice .item .icon-social-facebook-comment.control.recenter:after, .IgniteBarDevice .item .back-to-top a.icon-social-facebook-comment:before, .back-to-top .IgniteBarDevice .item a.icon-social-facebook-comment:before, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #list-view .icon-social-facebook-comment.list-container:after, .DefenderJourneyMap .journey-container #list-view .IgniteBarDevice .item .icon-social-facebook-comment.list-container:after, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #map-controls .icon-social-facebook-comment.control.locate:after, .DefenderJourneyMap .journey-container #map-controls .IgniteBarDevice .item .icon-social-facebook-comment.control.locate:after, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #map-controls .icon-social-facebook-comment.control.plus:after, .DefenderJourneyMap .journey-container #map-controls .IgniteBarDevice .item .icon-social-facebook-comment.control.plus:after, .IgniteBarDevice .item .DefenderJourneyMap .journey-container #map-controls .icon-social-facebook-comment.control.minus:after, .DefenderJourneyMap .journey-container #map-controls .IgniteBarDevice .item .icon-social-facebook-comment.control.minus:after, .IgniteBarDevice .item .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.icon-social-facebook-comment.featured:before, .DefenderJourneyMap #filter-bar>ul.dropdown>li.single .IgniteBarDevice .item a.icon-social-facebook-comment.featured:before, .IgniteBarDevice .item .DefenderJourneyMap #filter-bar .icon-social-facebook-comment.chevron:after, .DefenderJourneyMap #filter-bar .IgniteBarDevice .item .icon-social-facebook-comment.chevron:after, .IgniteBarDevice .item .DefenderJourneyMap #filter-bar .icon-social-facebook-comment.chevron.left:before, .DefenderJourneyMap #filter-bar .IgniteBarDevice .item .icon-social-facebook-comment.chevron.left:before, .IgniteBarDevice .item .DefenderJourneyMap .journey-card .icon-social-facebook-comment.close:after, .DefenderJourneyMap .journey-card .IgniteBarDevice .item .icon-social-facebook-comment.close:after, .IgniteBarDevice .item .DefenderJourneyStoryDetail .explore-more a.icon-social-facebook-comment:before, .DefenderJourneyStoryDetail .explore-more .IgniteBarDevice .item a.icon-social-facebook-comment:before, .IgniteBarDevice .item .DefenderJourneyStoryDetail .journey-summary .icon-social-facebook-comment.from:before, .DefenderJourneyStoryDetail .journey-summary .IgniteBarDevice .item .icon-social-facebook-comment.from:before, .IgniteBarDevice .item .DefenderJourneyStoryDetail .journey-summary .icon-social-facebook-comment.to:after, .DefenderJourneyStoryDetail .journey-summary .IgniteBarDevice .item .icon-social-facebook-comment.to:after, .IgniteBarDevice .item .DropdownNav .icon-social-facebook-comment.selected:before, .DropdownNav .IgniteBarDevice .item .icon-social-facebook-comment.selected:before, .IgniteBarDevice .item .DropdownNav.active .icon-social-facebook-comment.selected:before, .DropdownNav.active .IgniteBarDevice .item .icon-social-facebook-comment.selected:before, .IgniteBarDevice .item .DropdownSelect .icon-social-facebook-comment.selected:before, .DropdownSelect .IgniteBarDevice .item .icon-social-facebook-comment.selected:before, .IgniteBarDevice .item .DropdownSelect.open .icon-social-facebook-comment.selected:before, .DropdownSelect.open .IgniteBarDevice .item .icon-social-facebook-comment.selected:before, .IgniteBarDevice .item .EngineSpecifications th:first-child a.icon-social-facebook-comment:before, .EngineSpecifications th:first-child .IgniteBarDevice .item a.icon-social-facebook-comment:before, .IgniteBarDevice .item .ExperienceCentres .infoCard .cardDetails .icon-social-facebook-comment.experiencesHeading:before, .ExperienceCentres .infoCard .cardDetails .IgniteBarDevice .item .icon-social-facebook-comment.experiencesHeading:before, .IgniteBarDevice .item .ExperienceRegions .infoCard .regionStats .icon-social-facebook-comment.numberOfCentres:before, .ExperienceRegions .infoCard .regionStats .IgniteBarDevice .item .icon-social-facebook-comment.numberOfCentres:before, .IgniteBarDevice .item .ExperienceRegions .infoCard .regionStats .icon-social-facebook-comment.numberOfCountries:before, .ExperienceRegions .infoCard .regionStats .IgniteBarDevice .item .icon-social-facebook-comment.numberOfCountries:before, .IgniteBarDevice .item .FooterNav .hygieneLinks li a.icon-social-facebook-comment.toggleHandle:after, .FooterNav .hygieneLinks li .IgniteBarDevice .item a.icon-social-facebook-comment.toggleHandle:after, .IgniteBarDevice .item .FooterNav .hygieneLinks li.open a.icon-social-facebook-comment.toggleHandle:after, .FooterNav .hygieneLinks li.open .IgniteBarDevice .item a.icon-social-facebook-comment.toggleHandle:after, .IgniteBarDevice .item a.icon-social-facebook-comment.mfp-close:before, .IgniteBarDevice .item .Fullscreen .fullscreenHeader .icon-social-facebook-comment#filmstripToggle:after, .Fullscreen .fullscreenHeader .IgniteBarDevice .item .icon-social-facebook-comment#filmstripToggle:after, .IgniteBarDevice .item .Fullscreen .fullscreenHeader .icon-social-facebook-comment#filmstripToggle.on:after, .Fullscreen .fullscreenHeader .IgniteBarDevice .item .icon-social-facebook-comment#filmstripToggle.on:after, .IgniteBarDevice .item .Fullscreen .icon-social-facebook-comment.galleryCategoriesBtn:before, .Fullscreen .IgniteBarDevice .item .icon-social-facebook-comment.galleryCategoriesBtn:before, .IgniteBarDevice .item .Fullscreen.shared a.icon-social-facebook-comment.mfp-close:before, .Fullscreen.shared .IgniteBarDevice .item a.icon-social-facebook-comment.mfp-close:before, .IgniteBarDevice .item .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .icon-social-facebook-comment.rsThumbsArrowIcn:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .IgniteBarDevice .item .icon-social-facebook-comment.rsThumbsArrowIcn:before, .IgniteBarDevice .item .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .icon-social-facebook-comment.rsThumbsArrowIcn:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .IgniteBarDevice .item .icon-social-facebook-comment.rsThumbsArrowIcn:before, .IgniteBarDevice .item .GesturedVideoSequence .icon-social-facebook-comment.play-button:after, .GesturedVideoSequence .IgniteBarDevice .item .icon-social-facebook-comment.play-button:after, .IgniteBarDevice .item .GesturedVideoSequence .data-slides .controls div.icon-social-facebook-comment.prev:before, .GesturedVideoSequence .data-slides .controls .IgniteBarDevice .item div.icon-social-facebook-comment.prev:before, .IgniteBarDevice .item .GesturedVideoSequence .data-slides .controls div.icon-social-facebook-comment.next:before, .GesturedVideoSequence .data-slides .controls .IgniteBarDevice .item div.icon-social-facebook-comment.next:before, .IgniteBarDevice .item .Hub .hubItem.featured .icon-social-facebook-comment.hubItemInner:after, .Hub .hubItem.featured .IgniteBarDevice .item .icon-social-facebook-comment.hubItemInner:after, .IgniteBarDevice .item .IgniteBarV1 li>a div.icon-social-facebook-comment.addThis:before, .IgniteBarV1 li>a .IgniteBarDevice .item div.icon-social-facebook-comment.addThis:before, .IgniteBarDevice .item .IgniteBarV2 .toggle .toggleBtn .toggleCross .icon-social-facebook-comment.toggleCrossIcon:before, .IgniteBarV2 .toggle .toggleBtn .toggleCross .IgniteBarDevice .item .icon-social-facebook-comment.toggleCrossIcon:before, .IgniteBarDevice .item .InPageNavigation .ipnBar .icon-social-facebook-comment.ipnTopLink:before, .InPageNavigation .ipnBar .IgniteBarDevice .item .icon-social-facebook-comment.ipnTopLink:before, .IgniteBarDevice .item .InPageSubNavigation .chooseModel>a.icon-social-facebook-comment:before, .InPageSubNavigation .chooseModel>.IgniteBarDevice .item a.icon-social-facebook-comment:before, .IgniteBarDevice .item .InPageSubNavigation .chooseModel .icon-social-facebook-comment.back:before, .InPageSubNavigation .chooseModel .IgniteBarDevice .item .icon-social-facebook-comment.back:before, .IgniteBarDevice .item .Interior360 .icon-social-facebook-comment.control.plus:after, .Interior360 .IgniteBarDevice .item .icon-social-facebook-comment.control.plus:after, .IgniteBarDevice .item .Interior360 .icon-social-facebook-comment.control.minus:after, .Interior360 .IgniteBarDevice .item .icon-social-facebook-comment.control.minus:after, .IgniteBarDevice .item .MainNavigation ul li.vehicles span.icon-social-facebook-comment:after, .MainNavigation ul li.vehicles .IgniteBarDevice .item span.icon-social-facebook-comment:after, .IgniteBarDevice .item .MainNavigation ul li.vehicles.activeOverlay span.icon-social-facebook-comment:after, .MainNavigation ul li.vehicles.activeOverlay .IgniteBarDevice .item span.icon-social-facebook-comment:after, .IgniteBarDevice .item .MainNavigation .SearchButton>a.icon-social-facebook-comment:before, .MainNavigation .SearchButton>.IgniteBarDevice .item a.icon-social-facebook-comment:before, .IgniteBarDevice .item .MainNavigation .SearchButton button.icon-social-facebook-comment:before, .MainNavigation .SearchButton .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .MainNavigation .SearchButton .icon-social-facebook-comment.inactiveSearchButton:before, .MainNavigation .SearchButton .IgniteBarDevice .item .icon-social-facebook-comment.inactiveSearchButton:before, .IgniteBarDevice .item .MainNavigation .MoreButton a.icon-social-facebook-comment:before, .MainNavigation .MoreButton .IgniteBarDevice .item a.icon-social-facebook-comment:before, .IgniteBarDevice .item .MainNavigation .LocationButton a.icon-social-facebook-comment:before, .MainNavigation .LocationButton .IgniteBarDevice .item a.icon-social-facebook-comment:before, .IgniteBarDevice .item .ModelSelector .modelSelectorHeader .icon-social-facebook-comment.backButton:after, .ModelSelector .modelSelectorHeader .IgniteBarDevice .item .icon-social-facebook-comment.backButton:after, .IgniteBarDevice .item .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .icon-social-facebook-comment.NavBar_zoomIn:before, .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .IgniteBarDevice .item .icon-social-facebook-comment.NavBar_zoomIn:before, .IgniteBarDevice .item .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .icon-social-facebook-comment.NavBar_zoomOut:before, .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .IgniteBarDevice .item .icon-social-facebook-comment.NavBar_zoomOut:before, .IgniteBarDevice .item #landrover .NationalDealerLocatorResults .icon-social-facebook-comment.backToDealer:before, #landrover .NationalDealerLocatorResults .IgniteBarDevice .item .icon-social-facebook-comment.backToDealer:before, .IgniteBarDevice .item #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .icon-social-facebook-comment.landRoverToYou:before, #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .IgniteBarDevice .item .icon-social-facebook-comment.landRoverToYou:before, .IgniteBarDevice .item .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .icon-social-facebook-comment.mapCloseButton:before, .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .IgniteBarDevice .item .icon-social-facebook-comment.mapCloseButton:before, .IgniteBarDevice .item .NotificationBar .notificationContainer .close span.icon-social-facebook-comment:before, .NotificationBar .notificationContainer .close .IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .ParallaxHero .buttonScreenDown .icon-social-facebook-comment.inner:after, .ParallaxHero .buttonScreenDown .IgniteBarDevice .item .icon-social-facebook-comment.inner:after, .IgniteBarDevice .item .QuotePlayer .mejs-play button.icon-social-facebook-comment:before, .QuotePlayer .mejs-play .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .QuotePlayer.finished .mejs-play button.icon-social-facebook-comment:before, .QuotePlayer.finished .mejs-play .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .QuotePlayer .mejs-pause button.icon-social-facebook-comment:before, .QuotePlayer .mejs-pause .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .ReviewRatingBadge .icon-social-facebook-comment.ratingStarsItem:after, .ReviewRatingBadge .IgniteBarDevice .item .icon-social-facebook-comment.ratingStarsItem:after, .IgniteBarDevice .item .responsiveTableArrow .icon-social-facebook-comment.leftArrow:before, .responsiveTableArrow .IgniteBarDevice .item .icon-social-facebook-comment.leftArrow:before, .IgniteBarDevice .item .responsiveTableArrow .icon-social-facebook-comment.rightArrow:before, .responsiveTableArrow .IgniteBarDevice .item .icon-social-facebook-comment.rightArrow:before, .IgniteBarDevice .item .icon-social-facebook-comment.ScrollDown:after, .IgniteBarDevice .item .ShoppingToolsMenu li.ShoppingToolsButton>a.icon-social-facebook-comment:after, .ShoppingToolsMenu li.ShoppingToolsButton>.IgniteBarDevice .item a.icon-social-facebook-comment:after, .IgniteBarDevice .item .SlideOutMenu ul.first>li>a.icon-social-facebook-comment:after, .SlideOutMenu ul.first>li>.IgniteBarDevice .item a.icon-social-facebook-comment:after, .IgniteBarDevice .item .SlideOutMenu ul.first>li ul li a.icon-social-facebook-comment:before, .SlideOutMenu ul.first>li ul li .IgniteBarDevice .item a.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialFeed .feedItem .content .header .postDetails .icon-social-facebook-comment.retweet:before, .SocialFeed .feedItem .content .header .postDetails .IgniteBarDevice .item .icon-social-facebook-comment.retweet:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .icon-social-facebook-comment.meta:before, .SocialFeed .feedItem.facebook .content .IgniteBarDevice .item .icon-social-facebook-comment.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta .icon-social-facebook-comment.comments:before, .SocialFeed .feedItem.facebook .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.comments:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta .icon-social-facebook-comment.likes:before, .SocialFeed .feedItem.facebook .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.facebook .content .meta .icon-social-facebook-comment.shares:before, .SocialFeed .feedItem.facebook .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.instagram .content .icon-social-facebook-comment.meta:before, .SocialFeed .feedItem.instagram .content .IgniteBarDevice .item .icon-social-facebook-comment.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.instagram .content .meta .icon-social-facebook-comment.comments:before, .SocialFeed .feedItem.instagram .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.comments:before, .IgniteBarDevice .item .SocialFeed .feedItem.instagram .content .meta .icon-social-facebook-comment.likes:before, .SocialFeed .feedItem.instagram .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.pinterest .content .icon-social-facebook-comment.meta:before, .SocialFeed .feedItem.pinterest .content .IgniteBarDevice .item .icon-social-facebook-comment.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.pinterest .content .meta .icon-social-facebook-comment.likes:before, .SocialFeed .feedItem.pinterest .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.pinterest .content .meta .icon-social-facebook-comment.shares:before, .SocialFeed .feedItem.pinterest .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.twitter .content .icon-social-facebook-comment.meta:before, .SocialFeed .feedItem.twitter .content .IgniteBarDevice .item .icon-social-facebook-comment.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.twitter .content .meta .icon-social-facebook-comment.likes:before, .SocialFeed .feedItem.twitter .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.twitter .content .meta .icon-social-facebook-comment.shares:before, .SocialFeed .feedItem.twitter .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.tumblr .content .icon-social-facebook-comment.meta:before, .SocialFeed .feedItem.tumblr .content .IgniteBarDevice .item .icon-social-facebook-comment.meta:before, .IgniteBarDevice .item .SocialFeed .feedItem.tumblr .content .meta .icon-social-facebook-comment.likes:before, .SocialFeed .feedItem.tumblr .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.likes:before, .IgniteBarDevice .item .SocialFeed .feedItem.tumblr .content .meta .icon-social-facebook-comment.shares:before, .SocialFeed .feedItem.tumblr .content .meta .IgniteBarDevice .item .icon-social-facebook-comment.shares:before, .IgniteBarDevice .item .SocialFeed .feedItem.youtube .content .icon-social-facebook-comment.meta:before, .SocialFeed .feedItem.youtube .content .IgniteBarDevice .item .icon-social-facebook-comment.meta:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .icon-social-facebook-comment.stry-video-icon:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .IgniteBarDevice .item .icon-social-facebook-comment.stry-video-icon:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-social-facebook-comment.stry-item.twitter:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-social-facebook-comment.stry-item.twitter:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-social-facebook-comment.stry-item.instagram:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-social-facebook-comment.stry-item.instagram:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-social-facebook-comment.stry-item.youtube:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-social-facebook-comment.stry-item.youtube:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-social-facebook-comment.stry-item.facebook:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-social-facebook-comment.stry-item.facebook:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .icon-social-facebook-comment.stry-item.googleplus:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .IgniteBarDevice .item .icon-social-facebook-comment.stry-item.googleplus:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .icon-social-facebook-comment.stry-share:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .IgniteBarDevice .item .icon-social-facebook-comment.stry-share:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .icon-social-facebook-comment.stry-menu-link:before, .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .IgniteBarDevice .item .icon-social-facebook-comment.stry-menu-link:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .icon-social-facebook-comment.stry-filters-link.selected:before, .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .IgniteBarDevice .item .icon-social-facebook-comment.stry-filters-link.selected:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-menu-button .icon-social-facebook-comment.stry-menu-link:before, .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-menu-button .IgniteBarDevice .item .icon-social-facebook-comment.stry-menu-link:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.googleplus .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.googleplus .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .icon-social-facebook-comment.stry-close-button:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .IgniteBarDevice .item .icon-social-facebook-comment.stry-close-button:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .icon-social-facebook-comment.stry-share-open:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .IgniteBarDevice .item .icon-social-facebook-comment.stry-share-open:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .icon-social-facebook-comment.stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .IgniteBarDevice .item .icon-social-facebook-comment.stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .icon-social-facebook-comment.stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .IgniteBarDevice .item .icon-social-facebook-comment.stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .icon-social-facebook-comment.stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .IgniteBarDevice .item .icon-social-facebook-comment.stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .icon-social-facebook-comment.stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .IgniteBarDevice .item .icon-social-facebook-comment.stry-share-close:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.twitter .icon-social-facebook-comment.front:before, .SocialStoryStreamWidget .stry-widget .list-item.twitter .IgniteBarDevice .item .icon-social-facebook-comment.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.instagram .icon-social-facebook-comment.front:before, .SocialStoryStreamWidget .stry-widget .list-item.instagram .IgniteBarDevice .item .icon-social-facebook-comment.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.youtube .icon-social-facebook-comment.front:before, .SocialStoryStreamWidget .stry-widget .list-item.youtube .IgniteBarDevice .item .icon-social-facebook-comment.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.facebook .icon-social-facebook-comment.front:before, .SocialStoryStreamWidget .stry-widget .list-item.facebook .IgniteBarDevice .item .icon-social-facebook-comment.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.googleplus .icon-social-facebook-comment.front:before, .SocialStoryStreamWidget .stry-widget .list-item.googleplus .IgniteBarDevice .item .icon-social-facebook-comment.front:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .list-item.video .icon-social-facebook-comment.front:after, .SocialStoryStreamWidget .stry-widget .list-item.video .IgniteBarDevice .item .icon-social-facebook-comment.front:after, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .icon-social-facebook-comment.stry-close-button:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .IgniteBarDevice .item .icon-social-facebook-comment.stry-close-button:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item.googleplus .icon-social-facebook-comment.stry-popup-content:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.googleplus .IgniteBarDevice .item .icon-social-facebook-comment.stry-popup-content:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .icon-social-facebook-comment.stry-share:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .IgniteBarDevice .item .icon-social-facebook-comment.stry-share:before, .IgniteBarDevice .item .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .icon-social-facebook-comment.stry-share-close:before, .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .IgniteBarDevice .item .icon-social-facebook-comment.stry-share-close:before, .IgniteBarDevice .item .addThisMenu>a>span.icon-social-facebook-comment:before, .addThisMenu>a>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_twitter>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_twitter>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_facebook>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_facebook>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_linkedin>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_linkedin>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_google_plusone_share>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_google_plusone_share>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_tumblr>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_tumblr>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_sinaweibo>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_sinaweibo>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_pinterest_share>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_pinterest_share>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_douban>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_douban>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_vkontakt>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_vkontakt>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_renren>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_renren>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_email>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_email>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing span.icon-social-facebook-comment.icon-social_wechat:before, .SocialSharing .IgniteBarDevice .item span.icon-social-facebook-comment.icon-social_wechat:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_whatsapp>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_whatsapp>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item .SocialSharing a.addthis_button_expanded>span.icon-social-facebook-comment:before, .SocialSharing a.addthis_button_expanded>.IgniteBarDevice .item span.icon-social-facebook-comment:before, .IgniteBarDevice .item #at3win #at3winheader .icon-social-facebook-comment#at3winheaderclose:before, #at3win #at3winheader .IgniteBarDevice .item .icon-social-facebook-comment#at3winheaderclose:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio .mejs-button.mejs-play button.icon-social-facebook-comment:before, .StoryArticleImage.imageWithAudio .mejs-button.mejs-play .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio .mejs-button.mejs-pause button.icon-social-facebook-comment:before, .StoryArticleImage.imageWithAudio .mejs-button.mejs-pause .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play button.icon-social-facebook-comment:before, .StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play button.icon-social-facebook-comment:before, .StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .StoryArticleImage.imageWithAudio.finished .mejs-play button.icon-social-facebook-comment:before, .StoryArticleImage.imageWithAudio.finished .mejs-play .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .StorySocialLinks .links li.facebook a .icon-social-facebook-comment.ico:before, .StorySocialLinks .links li.facebook a .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.instagram a .icon-social-facebook-comment.ico:before, .StorySocialLinks .links li.instagram a .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.pinterest a .icon-social-facebook-comment.ico:before, .StorySocialLinks .links li.pinterest a .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.share a .icon-social-facebook-comment.ico:before, .StorySocialLinks .links li.share a .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.tumblr a .icon-social-facebook-comment.ico:before, .StorySocialLinks .links li.tumblr a .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.twitter a .icon-social-facebook-comment.ico:before, .StorySocialLinks .links li.twitter a .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .StorySocialLinks .links li.youtube a .icon-social-facebook-comment.ico:before, .StorySocialLinks .links li.youtube a .IgniteBarDevice .item .icon-social-facebook-comment.ico:before, .IgniteBarDevice .item .SubNavigation .SubNavigationContainer .SubNavigationModels li a.icon-social-facebook-comment:after, .SubNavigation .SubNavigationContainer .SubNavigationModels li .IgniteBarDevice .item a.icon-social-facebook-comment:after, .IgniteBarDevice .item .SubNavigation .SubNavigationContainer .icon-social-facebook-comment.SubNavigationButtons:after, .SubNavigation .SubNavigationContainer .IgniteBarDevice .item .icon-social-facebook-comment.SubNavigationButtons:after, .IgniteBarDevice .item .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .icon-social-facebook-comment.aw-tooltip, .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .IgniteBarDevice .item .icon-social-facebook-comment.aw-tooltip, .IgniteBarDevice .item html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles span.icon-social-facebook-comment:after, html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles .IgniteBarDevice .item span.icon-social-facebook-comment:after, .IgniteBarDevice .item .VehicleSpecifications .openAll .icon-social-facebook-comment.open:before, .VehicleSpecifications .openAll .IgniteBarDevice .item .icon-social-facebook-comment.open:before, .IgniteBarDevice .item .VehicleSpecifications .backToTop .icon-social-facebook-comment.open:before, .VehicleSpecifications .backToTop .IgniteBarDevice .item .icon-social-facebook-comment.open:before, .IgniteBarDevice .item .VehicleSpecifications .openAll .icon-social-facebook-comment.close:before, .VehicleSpecifications .openAll .IgniteBarDevice .item .icon-social-facebook-comment.close:before, .IgniteBarDevice .item .VehicleSpecifications .backToTop .icon-social-facebook-comment.close:before, .VehicleSpecifications .backToTop .IgniteBarDevice .item .icon-social-facebook-comment.close:before, .IgniteBarDevice .item .VehicleSpecifications .icon-social-facebook-comment.backToTop:before, .VehicleSpecifications .IgniteBarDevice .item .icon-social-facebook-comment.backToTop:before, .IgniteBarDevice .item .VehicleSpecifications .specDetails>ul>li>a.icon-social-facebook-comment:after, .VehicleSpecifications .specDetails>ul>li>.IgniteBarDevice .item a.icon-social-facebook-comment:after, .IgniteBarDevice .item .VehicleSpecifications .specDetails>ul>li.active>a.icon-social-facebook-comment:after, .VehicleSpecifications .specDetails>ul>li.active>.IgniteBarDevice .item a.icon-social-facebook-comment:after, .IgniteBarDevice .item .VehicleSpecifications .imageListKey ul li.icon-social-facebook-comment.standard:before, .VehicleSpecifications .imageListKey ul .IgniteBarDevice .item li.icon-social-facebook-comment.standard:before, .IgniteBarDevice .item .VehicleSpecifications .imageListKey ul li.icon-social-facebook-comment.optional:before, .VehicleSpecifications .imageListKey ul .IgniteBarDevice .item li.icon-social-facebook-comment.optional:before, .IgniteBarDevice .item .VehicleSpecifications .imageListKey ul li.icon-social-facebook-comment.nocostoption:before, .VehicleSpecifications .imageListKey ul .IgniteBarDevice .item li.icon-social-facebook-comment.nocostoption:before, .IgniteBarDevice .item .VehicleSpecifications .imageList>li span.icon-social-facebook-comment.standard:after, .VehicleSpecifications .imageList>li .IgniteBarDevice .item span.icon-social-facebook-comment.standard:after, .IgniteBarDevice .item .VehicleSpecifications .imageList>li span.icon-social-facebook-comment.optional:after, .VehicleSpecifications .imageList>li .IgniteBarDevice .item span.icon-social-facebook-comment.optional:after, .IgniteBarDevice .item .VehicleSpecifications .imageList>li span.icon-social-facebook-comment.nocostoption:after, .VehicleSpecifications .imageList>li .IgniteBarDevice .item span.icon-social-facebook-comment.nocostoption:after, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-playpause-button button.icon-social-facebook-comment:before, .VideoPlayer .mejs-controls .mejs-playpause-button .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause button.icon-social-facebook-comment:before, .VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-captions-button button.icon-social-facebook-comment:before, .VideoPlayer .mejs-controls .mejs-captions-button .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled button.icon-social-facebook-comment:before, .VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-volume-button button.icon-social-facebook-comment:before, .VideoPlayer .mejs-controls .mejs-volume-button .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute button.icon-social-facebook-comment:before, .VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-fullscreen-button button.icon-social-facebook-comment:before, .VideoPlayer .mejs-controls .mejs-fullscreen-button .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button.icon-social-facebook-comment:before, .VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .VideoPlayer[data-audio="false"] .mejs-controls .mejs-volume-button button.icon-social-facebook-comment:before, .VideoPlayer[data-audio="false"] .mejs-controls .mejs-volume-button .IgniteBarDevice .item button.icon-social-facebook-comment:before, .IgniteBarDevice .item .VinRecall .search .icon-social-facebook-comment.vinLink:after, .VinRecall .search .IgniteBarDevice .item .icon-social-facebook-comment.vinLink:after, .IgniteBarDevice .item .YouTubePlayer .icon-social-facebook-comment.playButton:before, .YouTubePlayer .IgniteBarDevice .item .icon-social-facebook-comment.playButton:before { font-size: 22px; } @media screen and (min-width: 1px) and (max-width: 740px) { .IgniteBarDevice { display: table; } } .InPageDealerLocator .headerBlock { padding-left: 20px; padding-right: 20px; } .InPageDealerLocator .errorMessage { display: none; padding-bottom: 10px; color: #f2681d !important; } .InPageDealerLocator .formContainer { width: 500px; margin: 0 auto; } .InPageDealerLocator .textfield { width: 350px; display: inline-block; margin: 0 20px 0 0; } #landrover .InPageDealerLocator.dark .searchButton { background-color: #0c121c; color: #ffffff; } #landrover .InPageDealerLocator.dark .searchButton:hover { background-color: #ffffff; color: #0c121c; } #landrover .InPageDealerLocator.dark .searchButton.disabled:hover { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .InPageDealerLocator.dark .searchButton:focus { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .InPageDealerLocator.dark .searchButton.disabled:focus { background-color: #0c121c; color: #ffffff; } #landrover .InPageDealerLocator .searchButton { margin-top: 0; min-width: 0; width: 130px; vertical-align: top; } @media screen and (min-width: 1px) and (max-width: 900px) { .InPageDealerLocator { padding-bottom: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .InPageDealerLocator { padding-bottom: 30px; } .InPageDealerLocator .summary { text-align: center; padding-bottom: 0px; } .InPageDealerLocator .formContainer { width: auto; max-width: 350px; } .InPageDealerLocator .textfield { width: 100%; margin: 0 0 20px; } .InPageDealerLocator .searchButton { width: 100% !important; } } .InPageNavigation .ipnBar { position: relative; color: #a4a7a9; background-clip: content-box; transition: background-color 0.4s, border-color 0.4s; } .InPageNavigation .ipnBar .ipnTopLink { display: block; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; width: 90px; position: absolute; top: 0; left: 0; line-height: 39px; text-align: center; transition: opacity 0.4s, visibility 0 0.4s; } .InPageNavigation .ipnBar .ipnTopLink:before { content: '\e00c'; margin-right: 10px; position: relative; top: -1px; } .InPageNavigation .ipnBar .ipnLinksContainer { position: relative; margin: 0 90px; } .InPageNavigation .ipnBar .ipnLinks { display: table; table-layout: fixed; width: 100%; margin: 0 auto; } .InPageNavigation .ipnBar .ipnLinks li { display: table-cell; border-right: 1px solid #5c6065; transition: border-color 0.4s; } .InPageNavigation .ipnBar .ipnLinks li:first-child { border-left: 1px solid #5c6065; } .InPageNavigation .ipnBar .ipnLinks li a { display: block; position: relative; height: 40px; line-height: 39px; padding: 0 5px; text-align: center; z-index: 1; -webkit-transition: color 0.4s; -webkit-transition-delay: 0s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .InPageNavigation .ipnBar .ipnLinks li a span { display: inline-block; line-height: 12px; vertical-align: middle; } .InPageNavigation .ipnBar .ipnLinks li a:hover { color: #ffffff; } .InPageNavigation .ipnBar a { font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: bold; font-size: 9px; letter-spacing: 0.2em; text-decoration: none; color: inherit; } .InPageNavigation .ipnBar .ipnIndicator { height: 5px; position: absolute; bottom: 0; background-color: transparent; transition: background-color 0.2s; } .InPageNavigation.ipnSticky .ipnBar { position: fixed; top: 0; right: 0; left: 0; z-index: 8; } .InPageNavigation.ipnReversed .ipnBar { color: #0c121c; background-color: #e4e8e8; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=97); opacity: 0.97; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); } .InPageNavigation.ipnReversed .ipnBar .ipnTopLink { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; transition: visibility 0, opacity 0.4s 0.4s; } .InPageNavigation.ipnReversed .ipnBar .ipnLinks li, .InPageNavigation.ipnReversed .ipnBar .ipnLinks li:first-child { border-color: #e4e8e8; } .InPageNavigation.ipnReversed .ipnBar a:hover, .InPageNavigation.ipnReversed .ipnBar .ipnLinks li a:hover, .InPageNavigation.ipnReversed .ipnBar .ipnLinks li.active a { color: #0c121c; } .InPageNavigation.ipnReversed .ipnBar .ipnIndicator { background-color: #005a2b; transition: background-color 0.4s 0.4s; } .InPageNavigation.ipnReversed .ipnBar .ipnIndicator.ipnIndicatorAnimateLeft { transition: left 0.4s, right 0.4s 0.2s, background-color 0.4s 0.4s; } .InPageNavigation.ipnReversed .ipnBar .ipnIndicator.ipnIndicatorAnimateRight { transition: left 0.4s 0.2s, right 0.4s, background-color 0.4s 0.4s; } .InPageNavigation.ipnNoAnimate, .InPageNavigation.ipnNoAnimate * { transition: none !important; } @media screen and (min-width: 1px) and (max-width: 900px) { .InPageNavigation { display: none; } } .no-js .InPageNavigation, .InPageNavigation.touchDevice { display: none; } .InPageSubNavigation { margin-top: 30px; margin-bottom: 30px; padding-left: 30px; padding-right: 30px; display: none; } .InPageSubNavigation .DropdownNav { margin: 0 auto; } .InPageSubNavigation .chooseModel { padding: 0; } .InPageSubNavigation .chooseModel>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; -webkit-transition-delay: 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: '\e00b'; } .InPageSubNavigation .chooseModel .back:before { content: '\e00c'; } .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: #ffffff; } .InPageSubNavigation .chooseModel>a:hover, .InPageSubNavigation .chooseModel>a:focus, .InPageSubNavigation .chooseModel .back:hover, .InPageSubNavigation .chooseModel .back:focus { background-color: #373b3f; } .InPageSubNavigation .chooseModel .modelsContainer .chooseModelHeader { background-color: #a4a7a9; color: #ffffff; } .lightTheme .InPageSubNavigation .chooseModel>a, .lightTheme .InPageSubNavigation .chooseModel .back { background-color: #0c121c; color: #ffffff; } .lightTheme .InPageSubNavigation .chooseModel>a:hover, .lightTheme .InPageSubNavigation .chooseModel>a:focus, .lightTheme .InPageSubNavigation .chooseModel .back:hover, .lightTheme .InPageSubNavigation .chooseModel .back:focus { background-color: #373b3f; } .lightTheme .InPageSubNavigation .chooseModel .modelsContainer .chooseModelHeader { background-color: #a4a7a9; color: #ffffff; } .InPageVideoPlayer { width: 100%; color: #e4e8e8; } .InPageVideoPlayer .VideoPlayer { width: 100%; } .InPageVideoPlayer .heading { text-align: center; color: #ffffff; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .InPageVideoPlayer.light, .InPageVideoPlayer.grey { color: #4a4f54; } .InPageVideoPlayer.light .heading, .InPageVideoPlayer.grey .heading { color: #0c121c; } .InPageVideoPlayer.light .mejs-overlay-button, .InPageVideoPlayer.grey .mejs-overlay-button { color: #ffffff; } .InPageYouTubePlayer { width: 100%; color: #e4e8e8; } .InPageYouTubePlayer .outerPlayerWrapper { display: table; width: 100%; } .InPageYouTubePlayer .YouTubePlayer { width: 100%; } .InPageYouTubePlayer .heading { text-align: center; color: #ffffff; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .InPageYouTubePlayer.light, .InPageYouTubePlayer.grey { color: #4a4f54; } .InPageYouTubePlayer.light .heading, .InPageYouTubePlayer.grey .heading { color: #0c121c; } .InPageYouTubePlayer.light .playButton, .InPageYouTubePlayer.grey .playButton { color: #ffffff; } .no-js .InPageYouTubePlayer .playerCover { position: static; } .no-js .InPageYouTubePlayer noscript img { width: 100%; } .no-js .InPageYouTubePlayer .playButton { display: none; } .InteractiveStory { position: relative; background-color: #ffffff; } .InteractiveStory .componentIndicator { -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); position: fixed; right: 25px; top: 50%; z-index: 6; margin-top: 5px; } .InteractiveStory .componentIndicator .componentIndicatorItem { display: block; font-size: 14px; text-align: center; } .InteractiveStory .componentIndicator .componentIndicatorItem:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .InteractiveStory .componentIndicator .componentIndicatorItem:last-child .componentIndicatorLink { padding-bottom: 0; } .InteractiveStory .componentIndicator .componentIndicatorLink { -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; display: inline-block; vertical-align: middle; position: relative; margin-bottom: 10px; -webkit-transform: rotate3d(0, 0, 0, 0); -khtml-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); transform: rotate3d(0, 0, 0, 0); } .InteractiveStory .componentIndicator .componentIndicatorLink, .InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkDot, .InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkRing { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .InteractiveStory .componentIndicator .componentIndicatorLink, .InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkRing { width: 16px; height: 16px; } .InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkRing, .InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkDot { -webkit-transition: -webkit-transform 400ms; -webkit-transition-delay: ease-in; -moz-transition: -moz-transform 400ms ease-in; -o-transition: -o-transform 400ms ease-in; transition: transform 400ms ease-in; display: block; position: absolute; } .InteractiveStory .componentIndicator .componentIndicatorLink.noTransition .componentIndicatorLinkRing, .InteractiveStory .componentIndicator .componentIndicatorLink.noTransition .componentIndicatorLinkDot { -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; } .InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkRing { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transform: scale(0.625); -khtml-transform: scale(0.625); -moz-transform: scale(0.625); -ms-transform: scale(0.625); -o-transform: scale(0.625); transform: scale(0.625); background-color: #000000; opacity: 0.8; top: 0; left: 0; position: relative; } .InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkDot { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); top: 3px; left: 3px; width: 10px; height: 10px; background-color: #ffffff; } .InteractiveStory .componentIndicator .componentIndicatorLink.scrollingTo .componentIndicatorLinkRing, .InteractiveStory .componentIndicator .componentIndicatorLink.active .componentIndicatorLinkRing, .InteractiveStory .componentIndicator .componentIndicatorLink:hover .componentIndicatorLinkRing { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .InteractiveStory .componentIndicator .componentIndicatorLink.active .componentIndicatorLinkDot { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .InteractiveStory .componentIndicator.componentIndicatorScrolling .componentIndicatorLink .componentIndicatorLinkRing { -webkit-transform: scale(0.625); -khtml-transform: scale(0.625); -moz-transform: scale(0.625); -ms-transform: scale(0.625); -o-transform: scale(0.625); transform: scale(0.625); opacity: 0.8; } .InteractiveStory .componentIndicator.componentIndicatorScrolling .componentIndicatorLink .componentIndicatorLinkDot { -webkit-transition: -webkit-transform 800ms; -webkit-transition-delay: ease-in; -moz-transition: -moz-transform 800ms ease-in; -o-transition: -o-transform 800ms ease-in; transition: transform 800ms ease-in; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .InteractiveStory .componentIndicator.componentIndicatorScrolling .componentIndicatorLink.scrollingTo .componentIndicatorLinkRing { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .InteractiveStory .componentIndicator.componentIndicatorScrolling .componentIndicatorLink.scrollingTo .componentIndicatorLinkDot { -webkit-transition: -webkit-transform 800ms; -webkit-transition-delay: ease-in; -moz-transition: -moz-transform 800ms ease-in; -o-transition: -o-transform 800ms ease-in; transition: transform 800ms ease-in; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .InteractiveStory.fullscreen .componentIndicator { z-index: -1; } .InteractiveStory.touch .componentIndicator { display: none; } .InteractiveStory .InteractiveStoryHeader { position: absolute; top: 0; height: 40px; width: 100%; z-index: 5; color: #0c121c; } .InteractiveStory .InteractiveStoryHeader .shareStoryText, .InteractiveStory .InteractiveStoryHeader .titleContainer, .InteractiveStory .InteractiveStoryHeader .navButton { line-height: 40px; font-size: 9px; font-weight: bold; text-transform: uppercase; letter-spacing: 1.8px; } .InteractiveStory .InteractiveStoryHeader .titleContainer { position: absolute; top: 5px; left: 0; right: 0; height: 100%; width: 45%; margin: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; z-index: -1; opacity: 0; -webkit-transition: all 0.3s; -webkit-transition-delay: 0s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .InteractiveStory .InteractiveStoryHeader .titleContainer.title_visible { top: 0; opacity: 1; -webkit-transition: all 0.3s; -webkit-transition-delay: 0s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .InteractiveStory .InteractiveStoryHeader .navButton { width: auto; float: left; margin-left: 45px; color: #0c121c; text-decoration: none; } .InteractiveStory .InteractiveStoryHeader .navButton i { font-size: 12px; } .InteractiveStory .InteractiveStoryHeader .navButton i:before { margin-top: -1px; } .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer { width: auto; float: right; } .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .shareStoryText { display: inline-block; z-index: 20; margin: 0 15px; vertical-align: top; } .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .addThisButton { display: inline-block; width: 40px; height: 40px; text-align: center; text-decoration: none; vertical-align: top; color: white; cursor: pointer; -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .addThisButton:hover { background-color: #0c121c; } .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .addThisButton i { vertical-align: middle; line-height: 40px; font-size: 20px; } .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing { display: inline-block !important; position: relative; visibility: visible; min-width: 40px; max-width: 120px; width: auto; height: 40px; margin: 0 -4px; background-color: #ffffff; font-size: 17px; } .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing a { float: right; height: 100%; width: 40px !important; } .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing a span { height: 100%; line-height: 40px; font-size: 15px; } .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing .addthis_button_expanded { display: none; } .InteractiveStory .addThisButton { background-color: grey; } .InteractiveStory .SocialSharing a { filter: none; } .InteractiveStory .SocialSharing a.addthis_button_twitter { background-color: #2ca8d2; } .InteractiveStory .SocialSharing a.addthis_button_facebook { background-color: #305891; } .InteractiveStory .SocialSharing a.addthis_button_linkedin { background-color: #007bb6; } .InteractiveStory .SocialSharing a.addthis_button_google_plusone_share { background-color: #dd4b39; } .InteractiveStory .SocialSharing a.addthis_button_tumblr { background-color: #2f5070; } .InteractiveStory .SocialSharing a.addthis_button_sinaweibo { background-color: #df2029; } .InteractiveStory .SocialSharing a.addthis_button_tencentweibo { background-color: #df2029; } .InteractiveStory .SocialSharing a.addthis_button_pinterest_share { background-color: #c82828; } .InteractiveStory .SocialSharing a.addthis_button_douban { background-color: #0e7512; } .InteractiveStory .SocialSharing a.addthis_button_vkontakt { background-color: #2f5070; } .InteractiveStory .SocialSharing a.addthis_button_renren { background-color: #0259a0; } .InteractiveStory .SocialSharing a.addthis_button_whatsapp { background-color: #25d366; } .InteractiveStory .SocialSharing a:hover { background-color: #0c121c !important; } .InteractiveStory .SocialSharing a.addthis_button_expanded { background-color: grey; } .InteractiveStory .interactiveStoryMeta { z-index: 5; position: relative; background: #ffffff; overflow: hidden; } .InteractiveStory .interactiveStoryMeta .interactiveStoryTags .interactiveStoryTagsInnerWrapper { display: table; } .InteractiveStory .interactiveStoryMeta .interactiveStoryTags .interactiveStoryTagsContainer { display: table-cell; } .InteractiveStory .interactiveStoryMeta .interactiveStoryTags .label { color: #0c121c; font-weight: 700; margin-right: 5px; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveStory .interactiveStoryMeta .interactiveStoryTags .label { display: block; margin-bottom: 5px; } } .InteractiveStory .interactiveStoryMeta .interactiveStoryTags .tags { font-size: 10px; letter-spacing: 0.2em; font-weight: bold; padding: 10px 15px; position: relative; background-color: #f8f9f9; margin-bottom: 5px; display: inline-block; color: #4a4f54; text-decoration: none; margin-right: 0px; } .InteractiveStory .interactiveStoryMeta .interactiveStoryTags .tags:hover { background-color: #e3e7e7; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveStory .interactiveStoryMeta .interactiveStoryTags .tags { padding: 15px !important; line-height: 15px; } } .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags { max-width: 1280px; margin: 0 auto; padding: 0 90px; padding-left: 240px; } @media screen and (min-width: 1px) and (max-width: 900px) { .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags { margin: 0 100px; padding: 0 40px; } } @media screen and (min-width: 901px) { .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags { padding-left: 240px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags { padding: 0 30px; margin: 0; } } .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .interactiveStoryTagsInnerWrapper { display: table; } .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .interactiveStoryTagsContainer { display: table-cell; } .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .label { color: #0c121c; font-weight: 700; margin-right: 5px; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .label { display: block; margin-bottom: 5px; } } .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .tags { font-size: 10px; letter-spacing: 0.2em; font-weight: bold; padding: 10px 15px; position: relative; background-color: #f8f9f9; margin-bottom: 5px; display: inline-block; color: #4a4f54; text-decoration: none; margin-right: 0px; } .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .tags:hover { background-color: #e3e7e7; } .InteractiveStory .interactiveStoryMeta.left .interactiveStoryTags { max-width: 1400px; margin: 0 auto; padding: 0 90px; } .msEdge .InteractiveStory .interactiveStoryMeta { border-top: 1px solid #ffffff; top: -1px; } .InteractiveStory .interactiveStorySharing { max-width: 1400px; margin: 0 auto; padding: 80px 90px; background: #ffffff; z-index: 5; position: relative; padding-top: 25px; } .InteractiveStory .interactiveStorySharing.SocialSharing { margin: 0 auto; left: auto; background: #ffffff; } .InteractiveStory .StoryCredit+.interactiveStorySharing { padding-top: 0; } .InteractiveStory .component { position: relative; z-index: 4; clear: both; } .InteractiveStory .revealComponent { z-index: 3; } .InteractiveStory .slideRevealWrapper.fixed { position: fixed; left: 0; width: 100%; z-index: 1; } @media screen and (min-width: 2001px) { .InteractiveStory .slideRevealWrapper.fixed { width: 3000px; left: 50%; margin-left: -1000px; } } .InteractiveStory.fullscreen { z-index: 9; } .InteractiveStory .slideRevealOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #4a4f54; z-index: 2; pointer-events: none; } @media screen and (min-width: 901px) { .touch .InteractiveStory .interactiveStorySharing, .InteractiveStory .interactiveStoryMeta.centre .interactiveStorySharing { max-width: 1280px; padding-left: 240px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing { display: none !important; } .InteractiveStory .componentIndicator { display: none; } .InteractiveStory .interactiveStorySharing { padding-left: 40px; padding-right: 40px; } .InteractiveStory .interactiveStorySharing.SocialSharing { margin-left: 100px; margin-right: 100px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveStory .InteractiveStoryHeader .navButton { margin-left: 15px; } .InteractiveStory .interactiveStorySharing { padding-left: 30px; padding-right: 30px; } .InteractiveStory .interactiveStorySharing.SocialSharing { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: landscape) { .InteractiveStory .interactiveStorySharing.SocialSharing { margin-left: 100px; margin-right: 100px; } .InteractiveStory .interactiveStoryTags { margin: 0 100px !important; padding: 0 30px !important; } } @-webkit-keyframes iconAnimateUp { 0%, 100% { -webkit-transform: rotate(270deg) translateX(0px); -khtml-transform: rotate(270deg) translateX(0px); -moz-transform: rotate(270deg) translateX(0px); -ms-transform: rotate(270deg) translateX(0px); -o-transform: rotate(270deg) translateX(0px); transform: rotate(270deg) translateX(0px); } 50% { -webkit-transform: rotate(270deg) translateX(6px); -khtml-transform: rotate(270deg) translateX(6px); -moz-transform: rotate(270deg) translateX(6px); -ms-transform: rotate(270deg) translateX(6px); -o-transform: rotate(270deg) translateX(6px); transform: rotate(270deg) translateX(6px); } } @keyframes iconAnimateUp { 0%, 100% { -webkit-transform: rotate(270deg) translateX(0px); -khtml-transform: rotate(270deg) translateX(0px); -moz-transform: rotate(270deg) translateX(0px); -ms-transform: rotate(270deg) translateX(0px); -o-transform: rotate(270deg) translateX(0px); transform: rotate(270deg) translateX(0px); } 50% { -webkit-transform: rotate(270deg) translateX(6px); -khtml-transform: rotate(270deg) translateX(6px); -moz-transform: rotate(270deg) translateX(6px); -ms-transform: rotate(270deg) translateX(6px); -o-transform: rotate(270deg) translateX(6px); transform: rotate(270deg) translateX(6px); } } @-webkit-keyframes iconAnimateUpMob { 0%, 100% { -webkit-transform: rotate(270deg) translateX(0px); -khtml-transform: rotate(270deg) translateX(0px); -moz-transform: rotate(270deg) translateX(0px); -ms-transform: rotate(270deg) translateX(0px); -o-transform: rotate(270deg) translateX(0px); transform: rotate(270deg) translateX(0px); } 50% { -webkit-transform: rotate(270deg) translateX(4px); -khtml-transform: rotate(270deg) translateX(4px); -moz-transform: rotate(270deg) translateX(4px); -ms-transform: rotate(270deg) translateX(4px); -o-transform: rotate(270deg) translateX(4px); transform: rotate(270deg) translateX(4px); } } @keyframes iconAnimateUpMob { 0%, 100% { -webkit-transform: rotate(270deg) translateX(0px); -khtml-transform: rotate(270deg) translateX(0px); -moz-transform: rotate(270deg) translateX(0px); -ms-transform: rotate(270deg) translateX(0px); -o-transform: rotate(270deg) translateX(0px); transform: rotate(270deg) translateX(0px); } 50% { -webkit-transform: rotate(270deg) translateX(4px); -khtml-transform: rotate(270deg) translateX(4px); -moz-transform: rotate(270deg) translateX(4px); -ms-transform: rotate(270deg) translateX(4px); -o-transform: rotate(270deg) translateX(4px); transform: rotate(270deg) translateX(4px); } } @-webkit-keyframes iconAnimateRight { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0px); -khtml-transform: rotate(0deg) translateX(0px); -moz-transform: rotate(0deg) translateX(0px); -ms-transform: rotate(0deg) translateX(0px); -o-transform: rotate(0deg) translateX(0px); transform: rotate(0deg) translateX(0px); } 50% { -webkit-transform: rotate(0deg) translateX(6px); -khtml-transform: rotate(0deg) translateX(6px); -moz-transform: rotate(0deg) translateX(6px); -ms-transform: rotate(0deg) translateX(6px); -o-transform: rotate(0deg) translateX(6px); transform: rotate(0deg) translateX(6px); } } @keyframes iconAnimateRight { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0px); -khtml-transform: rotate(0deg) translateX(0px); -moz-transform: rotate(0deg) translateX(0px); -ms-transform: rotate(0deg) translateX(0px); -o-transform: rotate(0deg) translateX(0px); transform: rotate(0deg) translateX(0px); } 50% { -webkit-transform: rotate(0deg) translateX(6px); -khtml-transform: rotate(0deg) translateX(6px); -moz-transform: rotate(0deg) translateX(6px); -ms-transform: rotate(0deg) translateX(6px); -o-transform: rotate(0deg) translateX(6px); transform: rotate(0deg) translateX(6px); } } @-webkit-keyframes iconAnimateRightMob { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0px); -khtml-transform: rotate(0deg) translateX(0px); -moz-transform: rotate(0deg) translateX(0px); -ms-transform: rotate(0deg) translateX(0px); -o-transform: rotate(0deg) translateX(0px); transform: rotate(0deg) translateX(0px); } 50% { -webkit-transform: rotate(0deg) translateX(4px); -khtml-transform: rotate(0deg) translateX(4px); -moz-transform: rotate(0deg) translateX(4px); -ms-transform: rotate(0deg) translateX(4px); -o-transform: rotate(0deg) translateX(4px); transform: rotate(0deg) translateX(4px); } } @keyframes iconAnimateRightMob { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0px); -khtml-transform: rotate(0deg) translateX(0px); -moz-transform: rotate(0deg) translateX(0px); -ms-transform: rotate(0deg) translateX(0px); -o-transform: rotate(0deg) translateX(0px); transform: rotate(0deg) translateX(0px); } 50% { -webkit-transform: rotate(0deg) translateX(4px); -khtml-transform: rotate(0deg) translateX(4px); -moz-transform: rotate(0deg) translateX(4px); -ms-transform: rotate(0deg) translateX(4px); -o-transform: rotate(0deg) translateX(4px); transform: rotate(0deg) translateX(4px); } } @-webkit-keyframes iconAnimateLeft { 0%, 100% { -webkit-transform: rotate(180deg) translateX(0px); -khtml-transform: rotate(180deg) translateX(0px); -moz-transform: rotate(180deg) translateX(0px); -ms-transform: rotate(180deg) translateX(0px); -o-transform: rotate(180deg) translateX(0px); transform: rotate(180deg) translateX(0px); } 50% { -webkit-transform: rotate(180deg) translateX(6px); -khtml-transform: rotate(180deg) translateX(6px); -moz-transform: rotate(180deg) translateX(6px); -ms-transform: rotate(180deg) translateX(6px); -o-transform: rotate(180deg) translateX(6px); transform: rotate(180deg) translateX(6px); } } @keyframes iconAnimateLeft { 0%, 100% { -webkit-transform: rotate(180deg) translateX(0px); -khtml-transform: rotate(180deg) translateX(0px); -moz-transform: rotate(180deg) translateX(0px); -ms-transform: rotate(180deg) translateX(0px); -o-transform: rotate(180deg) translateX(0px); transform: rotate(180deg) translateX(0px); } 50% { -webkit-transform: rotate(180deg) translateX(6px); -khtml-transform: rotate(180deg) translateX(6px); -moz-transform: rotate(180deg) translateX(6px); -ms-transform: rotate(180deg) translateX(6px); -o-transform: rotate(180deg) translateX(6px); transform: rotate(180deg) translateX(6px); } } @-webkit-keyframes iconAnimateLeftMob { 0%, 100% { -webkit-transform: rotate(180deg) translateX(0px); -khtml-transform: rotate(180deg) translateX(0px); -moz-transform: rotate(180deg) translateX(0px); -ms-transform: rotate(180deg) translateX(0px); -o-transform: rotate(180deg) translateX(0px); transform: rotate(180deg) translateX(0px); } 50% { -webkit-transform: rotate(180deg) translateX(4px); -khtml-transform: rotate(180deg) translateX(4px); -moz-transform: rotate(180deg) translateX(4px); -ms-transform: rotate(180deg) translateX(4px); -o-transform: rotate(180deg) translateX(4px); transform: rotate(180deg) translateX(4px); } } @keyframes iconAnimateLeftMob { 0%, 100% { -webkit-transform: rotate(180deg) translateX(0px); -khtml-transform: rotate(180deg) translateX(0px); -moz-transform: rotate(180deg) translateX(0px); -ms-transform: rotate(180deg) translateX(0px); -o-transform: rotate(180deg) translateX(0px); transform: rotate(180deg) translateX(0px); } 50% { -webkit-transform: rotate(180deg) translateX(4px); -khtml-transform: rotate(180deg) translateX(4px); -moz-transform: rotate(180deg) translateX(4px); -ms-transform: rotate(180deg) translateX(4px); -o-transform: rotate(180deg) translateX(4px); transform: rotate(180deg) translateX(4px); } } @-webkit-keyframes iconAnimateDown { 0%, 100% { -webkit-transform: rotate(90deg) translateX(0px); -khtml-transform: rotate(90deg) translateX(0px); -moz-transform: rotate(90deg) translateX(0px); -ms-transform: rotate(90deg) translateX(0px); -o-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px); } 50% { -webkit-transform: rotate(90deg) translateX(6px); -khtml-transform: rotate(90deg) translateX(6px); -moz-transform: rotate(90deg) translateX(6px); -ms-transform: rotate(90deg) translateX(6px); -o-transform: rotate(90deg) translateX(6px); transform: rotate(90deg) translateX(6px); } } @keyframes iconAnimateDown { 0%, 100% { -webkit-transform: rotate(90deg) translateX(0px); -khtml-transform: rotate(90deg) translateX(0px); -moz-transform: rotate(90deg) translateX(0px); -ms-transform: rotate(90deg) translateX(0px); -o-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px); } 50% { -webkit-transform: rotate(90deg) translateX(6px); -khtml-transform: rotate(90deg) translateX(6px); -moz-transform: rotate(90deg) translateX(6px); -ms-transform: rotate(90deg) translateX(6px); -o-transform: rotate(90deg) translateX(6px); transform: rotate(90deg) translateX(6px); } } @-webkit-keyframes iconAnimateDownMob { 0%, 100% { -webkit-transform: rotate(90deg) translateX(0px); -khtml-transform: rotate(90deg) translateX(0px); -moz-transform: rotate(90deg) translateX(0px); -ms-transform: rotate(90deg) translateX(0px); -o-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px); } 50% { -webkit-transform: rotate(90deg) translateX(4px); -khtml-transform: rotate(90deg) translateX(4px); -moz-transform: rotate(90deg) translateX(4px); -ms-transform: rotate(90deg) translateX(4px); -o-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px); } } @keyframes iconAnimateDownMob { 0%, 100% { -webkit-transform: rotate(90deg) translateX(0px); -khtml-transform: rotate(90deg) translateX(0px); -moz-transform: rotate(90deg) translateX(0px); -ms-transform: rotate(90deg) translateX(0px); -o-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px); } 50% { -webkit-transform: rotate(90deg) translateX(4px); -khtml-transform: rotate(90deg) translateX(4px); -moz-transform: rotate(90deg) translateX(4px); -ms-transform: rotate(90deg) translateX(4px); -o-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px); } } .Interior360 { background: #fff; direction: ltr; position: relative; margin: 0 auto; width: 100%; overflow: hidden; } .Interior360 .panorama-holder { position: relative; width: 100%; max-height: 900px; background-repeat: no-repeat; background-size: cover; } .Interior360 .panorama { cursor: -webkit-grab; } .Interior360 .panorama, .Interior360 .panorama-holder { min-height: 500px; } @media screen and (min-width: 1px) and (max-width: 740px) { .Interior360 .panorama, .Interior360 .panorama-holder { min-height: 0; } } .Interior360 .pano-init { position: absolute; bottom: 210px; z-index: 4; width: 100%; } .Interior360 .pano-init-touch, .Interior360 .pano-init-desktop { display: none; } .Interior360 .pano-init-button { width: 70px; height: 70px; text-align: center; display: inline-block; background-image: url('#'); background-repeat: no-repeat; background-position: -25px -25px; background-size: 120px 240px; } .Interior360 .pano-init-button:hover { background-position: -25px -146px; } .Interior360 .pano-controls { position: absolute; width: 100%; bottom: 50px; } .TabbedContainer .Interior360 .pano-controls { bottom: 40px; } @media (max-width: 599px) { .TabbedContainer .Interior360 .pano-controls { bottom: 20px; } } @media screen and (device-aspect-ratio: 40/71) { .TabbedContainer .Interior360 .pano-controls { bottom: 100px; } } @media (max-width: 599px) { .Interior360 .pano-controls { bottom: 20px; } } @media screen and (device-aspect-ratio: 40/71) { .Interior360 .pano-controls { bottom: 100px; } } .Interior360 div[data-wrapper="true"] { -webkit-transition: visibility 0.3s; -webkit-transition-delay: linear; -moz-transition: visibility 0.3s linear; -o-transition: visibility 0.3s linear; transition: visibility 0.3s linear; -webkit-transition: opacity 0.3s; -webkit-transition-delay: linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .Interior360 .pano-zoom-controls { position: absolute; bottom: 0; right: 65px; z-index: 3; display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .Interior360 .pano-zoom-controls { right: 23px; } } .Interior360 .pano-zoom-in { margin: 0 10px 0 0; } .Interior360 .pano-zoom-in, .Interior360 .pano-zoom-out { float: left; } .Interior360 .pano-zoom-in.enabled, .Interior360 .pano-zoom-out.enabled { cursor: pointer; } .Interior360 .control { margin-bottom: 9px; height: 50px; width: 50px; background: #4a4f54; transition: background 0.2s, color 0.2s, box-shadow 0.2s; cursor: pointer; border-radius: 1px; text-decoration: none; cursor: not-allowed; color: #0c121c; } @media screen and (min-width: 1px) and (max-width: 740px) { .Interior360 .control { height: 30px; width: 30px; } } .Interior360 .control.enabled { background: #fff; cursor: pointer; } .Interior360 .control.enabled:hover { background: #0c121c; } .Interior360 .control.enabled:hover:after { color: #fff; transition: color 0.2s; } .Interior360 .control:after { font-size: 28px; position: relative; left: 6px; top: 11px; } .Interior360 .control.plus { display: none; } @media (min-width: 599px) { .Interior360 .control.plus { display: block; } } .Interior360 .control.plus:after { content: '\e068'; font-size: 38px; top: 5px; left: -1px; } @media screen and (min-width: 1px) and (max-width: 740px) { .Interior360 .control.plus:after { font-size: 18px; top: 0; left: 0; } } .Interior360 .control.minus { display: none; } @media (min-width: 599px) { .Interior360 .control.minus { display: block; } } .Interior360 .control.minus:after { content: '\e069'; font-size: 38px; top: 5px; left: -1px; } @media screen and (min-width: 1px) and (max-width: 740px) { .Interior360 .control.plus:after, .Interior360 .control.minus:after { font-size: 18px; top: 3px; left: 2px; } } .Interior360 .pano-accelerometer-control { display: none; width: 45px; height: 45px; position: absolute; right: 65px; bottom: 0px; background-image: url('#'); background-position: 50% 50%; background-size: 45px; z-index: 1; } @media screen and (min-width: 1px) and (max-width: 900px) { .Interior360 .pano-accelerometer-control { right: 23px; } } @media (max-width: 599px) { .Interior360 .pano-accelerometer-control { right: 20px; } } .Interior360 .pano-reset-control { position: absolute; bottom: 0; left: 65px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Interior360 .pano-reset-control { left: 23px; } } .Interior360 .load-button { position: relative; display: block !important; width: 100%; text-align: center; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 85px; } .lt-ie10 .Interior360 .load-button { zoom: 1; background: rgba(200, 54, 54, 0); } .Interior360 .load-button.down .down { -webkit-animation-name: iconAnimateDown; animation-name: iconAnimateDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Interior360 .load-button.right .right { -webkit-animation-name: iconAnimateRight; animation-name: iconAnimateRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Interior360 .load-button.up .up { -webkit-animation-name: iconAnimateUp; animation-name: iconAnimateUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Interior360 .load-button.left .left { -webkit-animation-name: iconAnimateLeft; animation-name: iconAnimateLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @media screen and (min-width: 1px) and (max-width: 740px) { .Interior360 .load-button.down .down { -webkit-animation-name: iconAnimateDownMob; animation-name: iconAnimateDownMob; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Interior360 .load-button.right .right { -webkit-animation-name: iconAnimateRightMob; animation-name: iconAnimateRightMob; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Interior360 .load-button.up .up { -webkit-animation-name: iconAnimateUpMob; animation-name: iconAnimateUpMob; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .Interior360 .load-button.left .left { -webkit-animation-name: iconAnimateLeftMob; animation-name: iconAnimateLeftMob; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } .Interior360 .pano-init-container { top: 50%; left: 50%; width: 200px; margin-left: -100px; position: absolute; padding-top: 44px; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 0.3em; } .rtl .Interior360 .pano-init-container { letter-spacing: 0; font-size: 14px; line-height: 18px; } @media screen and (min-width: 1px) and (max-width: 740px) { .Interior360 .pano-init-container { padding-top: 33px; } } .Interior360 .pano-init-container>div { top: -60px; position: absolute; left: 0; right: 0; bottom: 0; border-radius: 88px; border: 4px solid #fff; width: 88px; height: 88px; margin: 0 auto; } .Interior360 .pano-init-container>div .up, .Interior360 .pano-init-container>div .down, .Interior360 .pano-init-container>div .left, .Interior360 .pano-init-container>div .right { position: absolute; height: 20px; width: 20px; background: url("#") center center no-repeat; background-size: 15px 15px; } .lt-ie10 .Interior360 .pano-init-container>div .up, .lt-ie10 .Interior360 .pano-init-container>div .down, .lt-ie10 .Interior360 .pano-init-container>div .left, .lt-ie10 .Interior360 .pano-init-container>div .right { background: url("#") center center no-repeat; } .Interior360 .pano-init-container>div .up { top: 13px; left: 50%; margin-left: -11px; -webkit-transform: rotate(270deg) translateX(0px); -khtml-transform: rotate(270deg) translateX(0px); -moz-transform: rotate(270deg) translateX(0px); -ms-transform: rotate(270deg) translateX(0px); -o-transform: rotate(270deg) translateX(0px); transform: rotate(270deg) translateX(0px); } .Interior360 .pano-init-container>div .down { bottom: 13px; left: 50%; margin-left: -10px; margin-top: -20px; -webkit-transform: rotate(90deg) translateX(0px); -khtml-transform: rotate(90deg) translateX(0px); -moz-transform: rotate(90deg) translateX(0px); -ms-transform: rotate(90deg) translateX(0px); -o-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px); } .Interior360 .pano-init-container>div .right { top: 50%; margin-top: -11px; right: 13px; -webkit-transform: rotate(0deg) translateX(0px); -khtml-transform: rotate(0deg) translateX(0px); -moz-transform: rotate(0deg) translateX(0px); -ms-transform: rotate(0deg) translateX(0px); -o-transform: rotate(0deg) translateX(0px); transform: rotate(0deg) translateX(0px); } .Interior360 .pano-init-container>div .left { top: 50%; margin-top: -11px; left: 13px; -webkit-transform: rotate(180deg) translateX(0px); -khtml-transform: rotate(180deg) translateX(0px); -moz-transform: rotate(180deg) translateX(0px); -ms-transform: rotate(180deg) translateX(0px); -o-transform: rotate(180deg) translateX(0px); transform: rotate(180deg) translateX(0px); } @media screen and (min-width: 1px) and (max-width: 740px) { .Interior360 .pano-init-container>div { border-radius: 70px; width: 70px; height: 70px; } .Interior360 .pano-init-container>div .up, .Interior360 .pano-init-container>div .down, .Interior360 .pano-init-container>div .left, .Interior360 .pano-init-container>div .right { background-size: 11px 11px; } .Interior360 .pano-init-container>div .up { top: 9px; left: 50%; margin-left: -9px; background-size: 12px 12px; } .Interior360 .pano-init-container>div .down { bottom: 11px; left: 50%; margin-left: -9px; margin-top: -20px; } .Interior360 .pano-init-container>div .right { top: 50%; margin-top: -12px; right: 8px; } .Interior360 .pano-init-container>div .left { top: 50%; margin-top: -11px; left: 10px; } } .Interior360 .pano-reset-control span { display: none; } .Interior360 .pano-reset-control span.desktop { display: table-cell; } @media (max-width: 599px) { .Interior360 .pano-reset-control { padding: 1px 24px 0 !important; } .Interior360 .pano-reset-control:before { display: none !important; } .Interior360 .pano-reset-control span.desktop { display: none; } .Interior360 .pano-reset-control span.mobile { display: table-cell; } } .Pano360.enabled .pano-reset-control, .Pano360.enabled .pano-zoom-controls { display: block; } .Pano360.touch-device .pano-zoom-controls { display: none; } .Pano360.touch-device .pano-accelerometer-control { bottom: 96px; right: 20px; } .Pano360.touch-device .pano-init { width: 150px; height: 150px; padding-top: 20px; text-align: center; left: 50%; margin-left: -75px; } .Pano360.touch-device .pano-reset-control { top: 20px; right: 20px; width: 33px; height: 33px; bottom: auto; background-image: url('#'); background-size: 33px 33px; background-position: center center !important; } .Pano360.touch-device .pano-init-button { background-image: url('#'); } .Pano360.enabled.touch-device .pano-accelerometer-control { display: block; } .no-js .Interior360 .interior360__panorama { height: 768px; } .no-js .Interior360 .noJsText { padding-top: 200px; } .no-js .Interior360 .interior360__init, .no-js .Interior360 .pano-controls { display: none; } .InternationalDealerLocatorResults { padding-bottom: 0; } .InternationalDealerLocatorResults .shelfComponent .dealerHeader .headerBlock .heading { margin-bottom: 0.7em; } .InternationalDealerLocatorResults .terminationMessage-1 .messageText, .InternationalDealerLocatorResults .terminationMessage-2 .messageText, .InternationalDealerLocatorResults .terminationMessage-3 .messageText { max-width: 600px; margin: 0 auto; } .InternationalDealerLocatorResults .terminationMessage-1 p, .InternationalDealerLocatorResults .terminationMessage-2 p, .InternationalDealerLocatorResults .terminationMessage-3 p { margin-bottom: 1.5em; } .InternationalDealerLocatorResults .terminationMessage-1 p:first-of-type, .InternationalDealerLocatorResults .terminationMessage-2 p:first-of-type, .InternationalDealerLocatorResults .terminationMessage-3 p:first-of-type { font-weight: 700; } .InternationalDealerLocatorResults .terminationMessage-1 ul, .InternationalDealerLocatorResults .terminationMessage-2 ul, .InternationalDealerLocatorResults .terminationMessage-3 ul { list-style: initial; padding-left: 2em; } .InternationalDealerLocatorResults .terminationMessage-1 ul li, .InternationalDealerLocatorResults .terminationMessage-2 ul li, .InternationalDealerLocatorResults .terminationMessage-3 ul li { margin-bottom: 1em; } @media screen and (min-width: 1px) and (max-width: 1300px) {} @media screen and (min-width: 1px) and (max-width: 740px) {} .LanguageSelector { margin: 0 auto; width: 100%; } .LanguageSelector .headerBlock { margin-top: 175px; } .LanguageSelector .heading { padding-left: 90px; padding-right: 90px; } .LanguageSelector .heading .flag { position: relative; top: -2px; margin-right: 10px; } .LanguageSelector .imageWrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -3; } .LanguageSelector .languageWrapper { overflow: hidden; *zoom: 1; width: 708px; line-height: 0; clear: both; margin: 0 auto; text-align: center; } .LanguageSelector .languageWrapper a { width: 80%; max-width: 330px; margin: 0 10px 20px; } @media screen and (min-width: 1px) and (max-width: 900px) { .LanguageSelector .heading { margin-bottom: 1.4em; padding-left: 40px; padding-right: 40px; } .LanguageSelector .heading .flag { top: 2px; } .LanguageSelector .languageWrapper { width: auto; padding-left: 40px; padding-right: 40px; } .LanguageSelector .languageWrapper a { display: table; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 100%; } } @media screen and (min-width: 1px) and (max-width: 740px) { .LanguageSelector .heading { padding-left: 30px; padding-right: 30px; } .LanguageSelector .heading .flag { display: none; } .LanguageSelector .languageWrapper { padding-left: 30px; padding-right: 30px; } } .MainNavigation { left: 319px; top: 35px; right: 0; position: absolute; z-index: 8; border-top: 1px solid; } .MainNavigation a, .MainNavigation button, .MainNavigation .inactiveSearchButton { display: block; text-align: center; text-decoration: none; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 10px; font-weight: bold; letter-spacing: 0.35em; border: none; margin: 0; padding: 0; -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; } .MainNavigation a:hover, .MainNavigation a:focus, .MainNavigation button:hover, .MainNavigation button:focus, .MainNavigation .inactiveSearchButton:hover, .MainNavigation .inactiveSearchButton:focus { border-bottom: 1px solid; } .MainNavigation a span, .MainNavigation button span, .MainNavigation .inactiveSearchButton span { display: inline-block; line-height: 14px; vertical-align: middle; } .MainNavigation .primaryNav { margin-right: 70px; } .MainNavigation .primaryNav ul li { float: left; } .MainNavigation .primaryNav[data-total="3"] ul li { width: 20%; float: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-left: -4px; } .MainNavigation .primaryNav[data-total="3"] ul li:first-child { border-left: 1px solid; } .MainNavigation .primaryNav[data-total="4"] ul li { width: 25%; display: block; margin-left: 0; } .MainNavigation .primaryNav[data-total="5"] ul li { width: 20%; display: block; margin-left: 0; } .MainNavigation .primaryNav[data-total="6"] ul li { width: 16.666%; display: block; margin-left: 0; } .MainNavigation .primaryNav[data-total="6"] ul li a { font-size: 12px; letter-spacing: 0.2em; } .MainNavigation ul { text-align: right; } .MainNavigation ul li { float: left; display: block; width: 20%; } .MainNavigation ul li.vehicles span:after { content: '\e00b'; font-size: 12px; position: relative; top: -2px; margin-left: 6px; } /*.MainNavigation ul li.vehicles.activeOverlay span:after { content: '\e00c'; }*/ .MainNavigation ul li a, .MainNavigation ul li button { position: relative; height: 70px; line-height: 70px; padding: 0 5px; border-bottom: 1px solid; border-right: 1px solid; -webkit-transition: background-color 0.4s, border-color 0s; -webkit-transition-delay: 0s, 0s; -moz-transition: background-color 0.4s, border-color 0s; -o-transition: background-color 0.4s, border-color 0s; transition: background-color 0.4s, border-color 0s; } .MainNavigation ul li a:after, .MainNavigation ul li button:after { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: -1px; } .MainNavigation ul li a:before, .MainNavigation ul li button:before { content: ''; width: 1px; height: 1px; position: absolute; bottom: -1px; left: -1px; } .MainNavigation ul.activeOverlay li.active a { border-bottom: 0; } .MainNavigation ul.activeOverlay li.vehicles a { border-bottom: 1px solid; } .MainNavigation .MainNavSearchForm { display: block; position: relative; width: 0; height: 70px; float: left; overflow: hidden; z-index: 2; } .no-js .MainNavigation .MainNavSearchForm { width: 100%; position: relative; } .MainNavigation .MainNavSearchForm label { display: block; font-size: 16px; font-family: "avenir", "arial", "helvetica", sans-serif; top: 25px; letter-spacing: 0.1em; } .MainNavigation .MainNavSearchForm .searchText { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 70px; line-height: 70px; padding: 0; border: none; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 16px; letter-spacing: 0.1em; outline: none; padding-left: 0; text-indent: 0; } .MainNavigation .MainNavSearchForm .searchText::-ms-clear { display: none; } .MainNavigation .SearchButton { width: 70px; height: 70px; position: absolute; top: 0; right: 0; overflow: hidden; } .MainNavigation .SearchButton>a, .MainNavigation .SearchButton button, .MainNavigation .SearchButton .inactiveSearchButton { height: 70px; width: 70px; cursor: pointer; outline: none; float: left; line-height: 66px; } .MainNavigation .SearchButton>a span, .MainNavigation .SearchButton button span, .MainNavigation .SearchButton .inactiveSearchButton span { text-indent: -999em; } .MainNavigation .SearchButton>a:before, .MainNavigation .SearchButton button:before, .MainNavigation .SearchButton .inactiveSearchButton:before { content: '\e043'; font-size: 18px; font-weight: normal; } .MainNavigation .SearchButton>a:after, .MainNavigation .SearchButton button:after, .MainNavigation .SearchButton .inactiveSearchButton:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; } .MainNavigation .SearchButton .searchButtonClose { float: right; } .MainNavigation .SearchButton .searchButtonClose:before { content: '\e00d'; } .MainNavigation .SearchButton .inactiveSearchButton { cursor: auto; } .MainNavigation .MoreButton, .MainNavigation .LocationButton { display: none; width: 50px; position: absolute; top: 0; right: 0; } .MainNavigation .MoreButton span, .MainNavigation .LocationButton span { height: 0; overflow: hidden; line-height: 0; padding-top: 0; display: block; } .MainNavigation .MoreButton a:before, .MainNavigation .LocationButton a:before { content: '\e005'; font-size: 14px; height: 50px; line-height: 50px; } .MainNavigation .LocationButton { border-left: 1px solid; } .MainNavigation .LocationButton a { border-bottom: 0; } .MainNavigation .LocationButton a:before { content: '\e02e'; font-size: 19px; padding-left: 3px; } html.no-js .MainNavigation ul li.vehicles span:after { content: ""; margin-left: 0; top: 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .MainNavigation { top: 0; left: 91px; border-top: 0; } .MainNavigation .SearchButton { display: none; } .MainNavigation .MoreButton { display: block; } .MainNavigation .primaryNav { margin-right: 50px; } .MainNavigation .primaryNav[data-total="6"] a { font-size: 8px; } .MainNavigation .primaryNav li { border-top: 0; } .MainNavigation .primaryNav li.vehicles a span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .MainNavigation .primaryNav li.vehicles a span:after { margin-left: 5px; font-size: 10px; } .MainNavigation .primaryNav li a, .MainNavigation .primaryNav li button { font-size: 9px; height: 50px; line-height: 50px; } } @media screen and (min-width: 1px) and (max-width: 740px) { #landrover .MainNavigation.withLocation .primaryNav { margin-right: 100px; display: none; } #landrover .MainNavigation .primaryNav li { display: none; } #landrover .MainNavigation .primaryNav li a, #landrover .MainNavigation .primaryNav li button { letter-spacing: 0.35em; font-size: 10px; } #landrover .MainNavigation .primaryNav li.vehicles { display: block; float: none; width: auto; border-right: none; } #landrover .MainNavigation .primaryNav li.vehicles span:after { font-size: 12px; margin-left: 6px; } #landrover .MainNavigation .LocationButton { display: block; right: 50px; } #landrover .MainNavigation .MoreButton { border-left: 1px solid; width: 50px; } #landrover .MainNavigation .MoreButton a, #landrover .MainNavigation .MoreButton button { height: 50px; } } .MainNavigation { border-top-color: #30353e; } .MainNavigation a, .MainNavigation button, .MainNavigation .inactiveSearchButton { background-color: #0c121c; color: #ffffff; } .MainNavigation a:hover, .MainNavigation a:focus, .MainNavigation button:hover, .MainNavigation button:focus, .MainNavigation .inactiveSearchButton:hover, .MainNavigation .inactiveSearchButton:focus { background-color: #4a4f54; border-bottom-color: #3e4347; } .MainNavigation a:hover:after, .MainNavigation a:focus:after, .MainNavigation button:hover:after, .MainNavigation button:focus:after, .MainNavigation .inactiveSearchButton:hover:after, .MainNavigation .inactiveSearchButton:focus:after { background-color: #3e4347; } .MainNavigation a:hover:before, .MainNavigation a:focus:before, .MainNavigation button:hover:before, .MainNavigation button:focus:before, .MainNavigation .inactiveSearchButton:hover:before, .MainNavigation .inactiveSearchButton:focus:before { background-color: transparent; } .MainNavigation .primaryNav[data-total="3"] ul li:first-child { border-left-color: #30353e; } .MainNavigation ul li.active a { background-color: #4a4f54; border-bottom-color: #3e4347; } .MainNavigation ul li a, .MainNavigation ul li button { background-color: #0c121c; border-bottom-color: transparent; border-right-color: #3e4347; } .MainNavigation ul li a:after, .MainNavigation ul li button:after { background-color: transparent; } .MainNavigation ul li a:hover, .MainNavigation ul li a:focus, .MainNavigation ul li button:hover, .MainNavigation ul li button:focus { border-right-color: #3e4347; border-bottom-color: #3e4347; } .MainNavigation ul li a:hover:after, .MainNavigation ul li a:focus:after, .MainNavigation ul li button:hover:after, .MainNavigation ul li button:focus:after { background-color: #3e4347; } .MainNavigation ul.activeOverlay li.active a { background-color: inherit; } .MainNavigation ul.activeOverlay li.vehicles a { background-color: #4a4f54; border-bottom-color: #30353e; } .MainNavigation .MainNavSearchForm { background-color: #0c121c; } .MainNavigation .MainNavSearchForm label { color: #e4e8e8; } .MainNavigation .MainNavSearchForm .searchText { background-color: #0c121c; color: #ffffff; } .MainNavigation .SearchButton { background-color: #0c121c; } .MainNavigation .SearchButton .inactiveSearchButton:hover, .MainNavigation .SearchButton .inactiveSearchButton:focus { background-color: #0c121c; } .MainNavigation .LocationButton { border-left-color: #30353e; } .MainNavigation .LocationButton a.active { background-color: #4a4f54; } @media screen and (min-width: 1px) and (max-width: 740px) { #landrover .MainNavigation .MoreButton { border-left-color: #30353e; } } .lightTheme .MainNavigation { border-top-color: #eef1f1; } .lightTheme .MainNavigation a, .lightTheme .MainNavigation button, .lightTheme .MainNavigation .inactiveSearchButton { background-color: #ffffff; color: #0c121c; font-weight: 900; } .lightTheme .MainNavigation a:hover, .lightTheme .MainNavigation a:focus, .lightTheme .MainNavigation button:hover, .lightTheme .MainNavigation button:focus, .lightTheme .MainNavigation .inactiveSearchButton:hover, .lightTheme .MainNavigation .inactiveSearchButton:focus { background-color: #e4e8e8; border-bottom-color: #dee2e2; } .lightTheme .MainNavigation a:hover:before, .lightTheme .MainNavigation a:focus:before, .lightTheme .MainNavigation button:hover:before, .lightTheme .MainNavigation button:focus:before, .lightTheme .MainNavigation .inactiveSearchButton:hover:before, .lightTheme .MainNavigation .inactiveSearchButton:focus:before { background-color: transparent; } .lightTheme .MainNavigation a:hover:after, .lightTheme .MainNavigation a:focus:after, .lightTheme .MainNavigation button:hover:after, .lightTheme .MainNavigation button:focus:after, .lightTheme .MainNavigation .inactiveSearchButton:hover:after, .lightTheme .MainNavigation .inactiveSearchButton:focus:after { background-color: #dee2e2; } .lightTheme .MainNavigation .primaryNav[data-total="3"] ul li:first-child { border-left-color: #eef1f1; } .lightTheme .MainNavigation ul li.active a { background-color: #e4e8e8; border-bottom-color: #dee2e2; } .lightTheme .MainNavigation ul li a, .lightTheme .MainNavigation ul li button { background-color: #ffffff; border-bottom-color: transparent; border-right-color: #eef1f1; border-image: linear-gradient(to bottom, white, rgb(98, 98, 98)) 1 100%; } .lightTheme .MainNavigation ul li a:hover, .lightTheme .MainNavigation ul li a:focus, .lightTheme .MainNavigation ul li button:hover, .lightTheme .MainNavigation ul li button:focus { border-right-color: #dee2e2; border-bottom-color: #dee2e2; } .lightTheme .MainNavigation ul li a:hover:after, .lightTheme .MainNavigation ul li a:focus:after, .lightTheme .MainNavigation ul li button:hover:after, .lightTheme .MainNavigation ul li button:focus:after { background-color: #dee2e2; } .lightTheme .MainNavigation ul li a:hover:before, .lightTheme .MainNavigation ul li a:focus:before, .lightTheme .MainNavigation ul li button:hover:before, .lightTheme .MainNavigation ul li button:focus:before { background-color: #dee2e2; } .lightTheme .MainNavigation ul li:last-child.active a { border-right: none; } .lightTheme .MainNavigation ul.activeOverlay li.active a { background-color: inherit; } .lightTheme .MainNavigation ul.activeOverlay li.vehicles a { background-color: #4a4f54; border-bottom-color: #d8dcdc; } .lightTheme .MainNavigation .MainNavSearchForm { background-color: #ffffff; } .lightTheme .MainNavigation .MainNavSearchForm label { color: #65696d; } .lightTheme .MainNavigation .MainNavSearchForm .searchText { background-color: #ffffff; color: #4a4f54; } .lightTheme .MainNavigation .SearchButton { background-color: #ffffff; } .lightTheme .MainNavigation .SearchButton .inactiveSearchButton:hover, .lightTheme .MainNavigation .SearchButton .inactiveSearchButton:focus { background-color: #e4e8e8; } .lightTheme .MainNavigation .LocationButton { border-left-color: #ffffff; border-left: none; } .lightTheme .MainNavigation .LocationButton a.active { background-color: #4a4f54; } @media screen and (min-width: 1px) and (max-width: 740px) { .lightTheme #landrover .MainNavigation .MoreButton { border-left-color: #eef1f1; } } .MarketPageSelector { position: relative; padding-left: 80px; padding-right: 80px; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 10px; letter-spacing: 0.35em; } .MarketPageSelector .imageWrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -ms-behavior: url(#); z-index: -3; } .MarketPageSelector .headerBlock { padding-left: 10px; padding-right: 10px; } .MarketPageSelector .countryList { display: none; } .MarketPageSelector .dropDownContainer { width: 100%; max-width: 900px; overflow: visible; margin: 0 auto; clear: both; text-align: center; } .MarketPageSelector .dropDownContainer .col { float: left; width: 33.33%; height: 45px; text-align: center; padding: 0 10px; } .MarketPageSelector .dropDownContainer .formButton { clear: both; display: inline-block; width: 33.33%; margin: 0 auto; padding: 0 10px; } .MarketPageSelector.mpsNoRegion .dropDownContainer { max-width: 600px; } .MarketPageSelector.mpsNoRegion .dropDownContainer .col { width: 50%; } .MarketPageSelector.mpsNoRegion .dropDownContainer .formButton { width: 50%; } #landrover .MarketPageSelector .continueButton { width: 100%; margin-top: 20px; } .no-js .MarketPageSelector .imageWrap { display: none; } .no-js .MarketPageSelector .countryList { display: block; letter-spacing: 0.02em; } .no-js .MarketPageSelector .countryList ul>li { display: block; border-top: solid 1px #e4e8e8; padding-top: 40px; } .no-js .MarketPageSelector .countryList ul>li h2 { font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: 700; font-size: 14px; margin-bottom: 20px; font-weight: bold; } .no-js .MarketPageSelector .countryList ul>li>ul { font-size: 0; padding-bottom: 40px; } .no-js .MarketPageSelector .countryList ul>li>ul>li { border-top: none; padding-top: 0px; width: 33.333%; float: none; display: inline-block; vertical-align: top; margin-bottom: 10px; } .no-js .MarketPageSelector .countryList ul>li>ul>li a { font-size: 12px; display: block; text-decoration: none; position: relative; color: #0c121c; } .no-js .MarketPageSelector .countryList ul>li>ul>li a .flag { position: absolute; left: 0; top: -2px; } .no-js .MarketPageSelector .countryList ul>li>ul>li a span { display: inline-block; margin: 0 20px 0 40px; line-height: 20px; } .no-js .MarketPageSelector .countryList ul>li>ul>li a:hover span { color: #4a4f54; } .no-js .MarketPageSelector .countryList ul>li:last-child>ul { padding-bottom: 0; } .no-js .MarketPageSelector .dropDownContainer { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .MarketPageSelector { padding-left: 40px; padding-right: 40px; } .MarketPageSelector .headerBlock { padding-left: 0; padding-right: 0; } .no-js .MarketPageSelector .countryList ul>li>ul>li { width: 50%; } .MarketPageSelector .dropDownContainer { width: 100%; max-width: auto; } .MarketPageSelector .dropDownContainer .col { width: 100%; max-width: 350px; margin: 0 auto 20px; padding-left: 0; padding-right: 0; float: none; text-align: center; } .MarketPageSelector .dropDownContainer .formButton { width: 100%; max-width: 350px; margin: 0 auto; padding-left: 0; padding-right: 0; } .MarketPageSelector .dropDownContainer .formButton .continueButton { margin: 0; } .MarketPageSelector.mpsNoRegion .dropDownContainer { max-width: none; } .MarketPageSelector.mpsNoRegion .dropDownContainer .col { width: 100%; } .MarketPageSelector.mpsNoRegion .dropDownContainer .formButton { width: 100%; } #landrover .MarketPageSelector .continueButton { margin-top: 0; } } @media screen and (min-width: 1px) and (max-width: 740px) { .MarketPageSelector { padding-left: 30px; padding-right: 30px; } .no-js .MarketPageSelector .countryList ul>li>ul>li { width: 100%; } } .MarketSelector { padding: 175px 10px 80px; min-height: 700px; position: relative; text-align: center; } .no-js .MarketSelector { padding-left: 90px; padding-right: 90px; } .lt-ie9 .MarketSelector { min-height: 400px; } .MarketSelector .imageWrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -3; } .no-js .MarketSelector .imageWrap { z-index: 0; } .MarketSelector .heading, .MarketSelector .subHeading { color: #ffffff; } .no-js .MarketSelector .heading, .no-js .MarketSelector .subHeading { color: #0c121c; } .MarketSelector .heading { color: #ffffff; -webkit-font-smoothing: antialiased; padding-left: 80px; padding-right: 80px; -webkit-font-smoothing: antialiased; } .MarketSelector .heading .headingWrapper:before, .MarketSelector .heading .headingWrapper:after { background-color: #ffffff; } .MarketSelector .secondaryLinks { margin: 28px 0; } .MarketSelector .countryList { display: none; text-align: left; letter-spacing: 0.02em; } .no-js .MarketSelector .countryList { display: block; } .MarketSelector .countryList ul>li { display: block; border-top: solid 1px #e4e8e8; padding-top: 40px; } .MarketSelector .countryList ul>li h2 { font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: 700; font-size: 14px; margin-bottom: 20px; font-weight: bold; } .MarketSelector .countryList ul>li>ul { font-size: 0; padding-bottom: 40px; } .MarketSelector .countryList ul>li>ul>li { border-top: none; padding-top: 0px; width: 33.333%; float: none; display: inline-block; vertical-align: top; margin-bottom: 10px; } .MarketSelector .countryList ul>li>ul>li a { font-size: 12px; display: block; text-decoration: none; position: relative; color: #000000; } .MarketSelector .countryList ul>li>ul>li a .flag { position: absolute; left: 0; top: -2px; } .MarketSelector .countryList ul>li>ul>li a span { display: inline-block; margin: 0 20px 0 40px; line-height: 20px; } .MarketSelector .countryList ul>li>ul>li a:hover span { color: #4a4f54; } .MarketSelector .countryList ul>li:last-child>ul { padding-bottom: 0; } .MarketSelector .dropDownContainer { width: 100%; max-width: 1200px; overflow: visible; margin: 0 auto; clear: both; text-align: center; } .no-js .MarketSelector .dropDownContainer { display: none; } .MarketSelector .dropDownContainer .col, .MarketSelector .dropDownContainer .formButton { width: 33.333%; } .MarketSelector .dropDownContainer .col { float: left; text-align: center; padding: 0 10px; } .MarketSelector .dropDownContainer .formButton { clear: both; display: inline-block; margin: 0 auto; padding: 0 10px; } #landrover .MarketSelector .continueButton { margin-top: 20px; width: 100%; } #landrover .MarketSelector .secondaryLinkWithStyle { color: #ffffff; margin: 0; } #landrover .MarketSelector .secondaryLinkWithStyle:before { display: block; } .ieMarketSelector { max-width: 1400px !important; } @media screen and (min-width: 1px) and (max-width: 900px) { .MarketSelector { padding: 175px 40px 40px; } .MarketSelector .heading { padding-left: 0; padding-right: 0; } .MarketSelector .dropDownContainer { width: 90%; } .MarketSelector .dropDownContainer .col { width: 100%; max-width: 350px; margin: 0 auto; float: none; padding: 0 10px 20px; } .MarketSelector .dropDownContainer .formButton { width: 100%; max-width: 350px; padding-top: 0; padding-bottom: 30px; } #landrover .MarketSelector .formButton { padding-bottom: 0; } #landrover .MarketSelector .continueButton { margin-top: 0; } .MarketSelector .countryList ul>li>ul>li { width: 50%; } } @media screen and (min-width: 1px) and (max-width: 740px) { .MarketSelector { padding: 80px 20px 30px; min-height: auto; position: relative; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 10px; letter-spacing: 0.35em; text-align: center; } .MarketSelector .heading { margin-top: 95px; padding-left: 10px; padding-right: 10px; } .MarketSelector .subHeading { display: none; } .MarketSelector .countryList ul>li>ul>li { width: 100%; } .MarketSelector .dropDownContainer { width: 100%; max-width: auto; overflow: auto; margin: 0 auto; clear: both; text-align: center; } .MarketSelector .dropDownContainer .col { text-align: center; } } .ModelSelector { text-align: left; width: 100%; height: 100%; position: relative; overflow: hidden; background-color: #4a4f54; color: #e4e8e8; padding: 80px 70px 25px; } .ModelSelector .modelSelectorHeader { padding-left: 20px; padding-right: 20px; text-align: center; } .ModelSelector .modelSelectorHeader .backButton { position: absolute; top: 58px; left: 10px; z-index: 3; font-size: 30px; text-decoration: none; padding: 15px; } .ModelSelector .modelSelectorHeader .backButton span { display: inline-block; text-indent: -9999px; } .ModelSelector .modelSelectorHeader .backButton:after { content: '\e00f'; } .ModelSelector .inPageModelSelectorHeader { display: none; } .ModelSelector .vehicleNameHeader { margin-bottom: 17px; } .ModelSelector .vehicleNameHeader+.modelList { margin-top: 40px; } .ModelSelector .vehicleTagline { color: #ffffff; font-size: 16px; text-align: center; margin: 0 auto 45px auto; max-width: 600px; line-height: 1.5em; } .ModelSelector.withTabs .modelSelectorHeader { padding-bottom: 40px; } .ModelSelector.withTabs .backButton { top: 134px; } .ModelSelector .selectorContentLink { text-decoration: none; } .ModelSelector .modelWrapper { display: block; border-bottom: 1px solid #a4a7a9; } .ModelSelector .el { width: 33.333%; padding: 0 20px; margin-bottom: 55px; } .ModelSelector .el:nth-of-type(3n+1) { clear: left; } .ModelSelector .el sup { font-size: 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 .price { color: #ffffff; font-family: "avenir", "arial", "helvetica", sans-serif; display: block; font-weight: normal; font-size: 11px; letter-spacing: 2px; } .ModelSelector .el .selectorContent .modelName+p, .ModelSelector .el .selectorContent .price+p { color: #ffffff; 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: 13px; line-height: 18px; margin-bottom: 22px; } .ModelSelector .el .unorderedList li:last-child, .ModelSelector .el .featureText p:last-child { margin-bottom: 0; } .ModelSelector .modelSelectorButtons { border-top: 1px solid #a4a7a9; } .ModelSelector .selectorButton { display: block; margin-top: 22px; margin-bottom: 22px; } #landrover .ModelSelector .selectorButton { color: #adafb2; } #landrover .ModelSelector .selectorButton:hover { color: #e4e8e8; text-shadow: none; } #landrover.focusStylesOn .ModelSelector .selectorButton:focus { color: #e4e8e8; text-shadow: none; } .ModelSelector .selectorButton .secondaryLinkWithStyle { margin-top: 0px; padding-left: 0px; vertical-align: middle; } .ModelSelector .selectorButton .secondaryLinkWithStyle:before { content: none; } .ModelSelector .selectorButton .secondaryLinkWithStyle i { display: inline; } .ModelSelector .selectorButton .secondaryLinkWithStyle i:before { margin-left: 0px; margin-right: 12px; position: relative; top: -2px; line-height: 1.25; } .ModelSelector .selectorButton .secondaryLinkWithStyle i.icon-ignite-configure:before { font-size: 20px; line-height: 1; top: -1px; } .ModelSelector .tabContent { overflow: hidden; *zoom: 1; } .ModelSelector .tabContent[data-total="1"] .el { margin-left: auto; margin-right: auto; float: none; } .ModelSelector .tabContent[data-total="1"] .modelWrapper { height: auto; } .ModelSelector .tabContent[data-total="2"] .el.firstModel { margin-left: 16.667%; } .ModelSelector .tabContent[data-total="4"] .el, .ModelSelector .tabContent[data-total="7"] .el, .ModelSelector .tabContent[data-total="8"] .el, .ModelSelector .tabContent[data-total="10"] .el, .ModelSelector .tabContent[data-total="11"] .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"] .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"] .ModelSelector .tabContent[data-total="12"] .el:nth-of-type(4n+1) { clear: left; } .ModelSelector.inPageModelSelector { z-index: 1; background-color: #4a4f54; } .ModelSelector.inPageModelSelector .inPageModelSelectorHeader { margin: 0 auto 80px; display: inline-block; } .ModelSelector.inPageModelSelector .backButton, .ModelSelector.inPageModelSelector .vehicleNameHeader, .ModelSelector.inPageModelSelector .vehicleTagline { display: none; } .ModelSelector.inPageModelSelector.withTabs .modelSelectorHeader { padding-bottom: 0; } .ModelSelector.inPageModelSelector.withTabs .inPageModelSelectorHeader { margin-bottom: 26px; } .ModelSelector.inPageModelSelector.withTabs .TabFilter { margin-bottom: 80px; } @media screen and (min-width: 1px) and (max-width: 900px) { .ModelSelector { padding: 0 20px -15px; } .ModelSelector.inPageModelSelector { padding: 40px 20px 0; } .ModelSelector .modelSelectorHeader .backButton { left: 0; top: 51px; } .ModelSelector.withTabs .modelSelectorHeader .backButton { top: 134px; } .ModelSelector .tabContent .el, .ModelSelector .tabContent[data-total="4"] .el, .ModelSelector .tabContent[data-total="7"] .el, .ModelSelector .tabContent[data-total="8"] .el, .ModelSelector .tabContent[data-total="10"] .el, .ModelSelector .tabContent[data-total="11"] .el, .ModelSelector .tabContent[data-total="12"] .el { width: 50%; } .ModelSelector .tabContent .el:nth-of-type(3n+1), .ModelSelector .tabContent[data-total="4"] .el:nth-of-type(3n+1), .ModelSelector .tabContent[data-total="7"] .el:nth-of-type(3n+1), .ModelSelector .tabContent[data-total="8"] .el:nth-of-type(3n+1), .ModelSelector .tabContent[data-total="10"] .el:nth-of-type(3n+1), .ModelSelector .tabContent[data-total="11"] .el:nth-of-type(3n+1), .ModelSelector .tabContent[data-total="12"] .el:nth-of-type(3n+1) { clear: none; } .ModelSelector .tabContent .el:nth-of-type(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 .TabFilter { margin-bottom: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ModelSelector { padding: 30px 10px; } .ModelSelector.inPageModelSelector { padding: 30px 10px; } .ModelSelector.inPageModelSelector .inPageModelSelectorHeader { margin-bottom: 30px; } .ModelSelector.inPageModelSelector .TabFilter { margin: 0 auto; } .ModelSelector.inPageModelSelector.withTabs .inPageModelSelectorHeader { margin-bottom: 18px; } .ModelSelector.inPageModelSelector.withTabs .TabFilter { margin-bottom: 30px; } .ModelSelector.withTabs .modelSelectorHeader .backButton { top: 9px; } .ModelSelector .modelSelectorHeader .backButton { top: 0; left: 0; } .ModelSelector .modelSelectorHeader .backButton:after { width: auto; padding: 0; } .ModelSelector .vehicleNameHeader { margin-bottom: 12px; } .ModelSelector .vehicleTagline { margin-bottom: 30px; max-width: 300px; font-size: 13px; } .ModelSelector .tabContent[data-total="1"] .el, .ModelSelector .tabContent[data-total="2"] .el, .ModelSelector .tabContent[data-total="3"] .el, .ModelSelector .tabContent[data-total="4"] .el, .ModelSelector .tabContent[data-total="5"] .el, .ModelSelector .tabContent[data-total="6"] .el, .ModelSelector .tabContent[data-total="7"] .el, .ModelSelector .tabContent[data-total="8"] .el, .ModelSelector .tabContent[data-total="10"] .el, .ModelSelector .tabContent[data-total="11"] .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+p, .ModelSelector .el .selectorContent .price+p { margin: 8.667px 0 0; } .ModelSelector .modelWrapper { border-bottom: 0; } } .overlay .ModelSelector { width: 50%; } .overlay .ModelSelector .el { visibility: visible; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } html.no-js .ModelSelector .tabContent .modelWrapper { height: auto; } #landrover .ModelSelector .modelSelectorButtonTwo, #landrover .ModelSelector .modelSelectorButtonTwo:before { color: #a4a7a9; } #landrover .ModelSelector .modelSelectorButtonTwo:hover, #landrover .ModelSelector .modelSelectorButtonTwo:before:hover { color: #e4e8e8; } .lt-ie9 .ModelSelector .modelSelectorButtons .selectorButton { padding-top: 0; padding-bottom: 0; } .ModelSelector .modelSelectorHeader .backButton { color: #4a4f54; } .lightTheme .ModelSelector .modelSelectorHeader .backButton { color: #ffffff; } .NationalDealerLocator .searchForms { display: none; } .mobileGeoLocationPopup { position: relative; padding: 30px 30px; width: auto; width: 80%; margin: 30px auto 0; } .mobileGeoLocationPopup .heading { margin-bottom: 16px; } .mobileGeoLocationPopup p { margin-bottom: 16px; } #landrover .mobileGeoLocationPopup .primaryLinkWithStyle { margin-top: 16px; width: 100%; } #landrover .mobileGeoLocationPopup .primaryLinkWithStyle.locationYes { margin-top: 16px; } .no-js .NationalDealerLocator .searchForms { display: block; } .no-js .NationalDealerLocator .searchForms form .selectHeader { display: none; } .no-js .NationalDealerLocator .DropdownSelect { font-size: 1em; } .NationalDealerLocatorError { clear: both; text-align: center; } .NationalDealerLocatorError .headerBlock { margin-bottom: 40px; } .NationalDealerLocatorError ol { font-weight: normal; } .NationalDealerLocatorError ol li { list-style: none; display: block; margin-bottom: 8px; } .NationalDealerLocatorError ol li:last-child { margin-bottom: 0; } .NationalDealerLocatorError ol li a { text-decoration: none; font-weight: bold; } .NationalDealerLocatorError .searchAgainButton { width: 100%; max-width: 300px; } #landrover .NationalDealerLocatorError .searchAgainButton { margin: 0 auto; } .NationalDealerLocatorError .globalDealerLink { margin-top: 20px; } .NationalDealerLocatorError .globalDealerLink a:hover { color: #005a2b; border-bottom-color: rgba(0, 90, 43, 0.25) !important; } .NationalDealerLocatorResults { clear: both; background-color: #e4e8e8; padding: 0 90px 80px; } .NationalDealerLocatorResults .dealerHeader { text-align: center; padding: 30px 30px; } #landrover .NationalDealerLocatorResults .dealerHeader .searchAgainButton { max-width: 330px; width: 100%; margin: 0 auto; white-space: nowrap; } .NationalDealerLocatorResults .dealerResults { display: block; height: 720px; position: relative; } .NationalDealerLocatorResults .dealerSidebarContainer { width: 100%; } .NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar { width: 460px; height: 600px; margin-top: 120px; padding-right: 20px; float: left; overflow: hidden; } .NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer { position: relative; } .NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer:before, .NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer:after { content: ""; display: block; width: 100%; height: 10px; position: absolute; left: 0; background-repeat: no-repeat; } .NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer:before { top: 0; border-top: solid 1px #5c6065; background-image: url("#"); background-position: 50% 0; } .NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer:after { bottom: 0; border-bottom: solid 1px #5c6065; background-image: url("#"); background-position: 50% 100%; } .NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list { height: 600px; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li:last-child { margin-bottom: 0; } .NationalDealerLocatorResults .dealerMap { margin-left: 460px; margin-right: -90px; padding-left: 20px; } .NationalDealerLocatorResults .dealerMap .dealerHeader { height: 120px; position: relative; padding: 40px 550px 0 0; display: table; } .NationalDealerLocatorResults .dealerMap .dealerHeader h2 { margin: 0; height: 100%; display: table-cell; vertical-align: middle; } .NationalDealerLocatorResults .dealerMap .bingMapContainer { position: relative; } .NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap { position: relative; height: 600px; } .NationalDealerLocatorResults .dealerMap .bingMapContainer .mapCloseButton { display: none; } .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm { position: absolute; bottom: 41px; left: 41px; } .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect { width: 280px; } #landrover .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .primaryLinkWithStyle { display: none; } .no-js #landrover .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm { bottom: 1px; } .no-js #landrover .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect { width: auto; } .no-js #landrover .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .primaryLinkWithStyle { display: table; } .NationalDealerLocatorResults .dealerMap.dealerMapFloating { position: fixed; } .NationalDealerLocatorResults .dealerMap.dealerMapStopped { position: absolute; } .NationalDealerLocatorResults .dealerMap .directionsHeader { height: 80px; } #landrover .NationalDealerLocatorResults .dealerMap .dealerHeader .searchAgainButton { max-width: 300px; top: 60px; margin: 0; position: absolute; right: 210px; } .NationalDealerLocatorResults .bingMap .placeholderMapImage { display: none; } .no-js .NationalDealerLocatorResults .bingMap .placeholderMapImage { display: block; width: 100%; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL { width: 50px; height: 110px; top: 40px; left: 40px; background: transparent; border: none; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_compassControlContainer, .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomDrop { display: none; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer { width: 50px; height: 110px; position: relative; left: auto; top: auto; background: transparent; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_button { position: absolute; left: 0; width: 50px; height: 50px; margin: 0; text-align: center; background-image: none; border: 0; background-color: #ffffff; color: #0c121c; -webkit-transition: background-color 0.4s, color 0.4s; -webkit-transition-delay: ease, ease; -moz-transition: background-color 0.4s ease, color 0.4s ease; -o-transition: background-color 0.4s ease, color 0.4s ease; transition: background-color 0.4s ease, color 0.4s ease; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_button:before { display: inline; line-height: 50px; font-family: "icons"; font-size: 18px; -webkit-font-smoothing: subpixel-antialiased; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_button:hover { background-color: #0c121c; color: #ffffff; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomIn { top: 0; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomIn:before { content: '\e038'; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomOut { top: 60px; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomOut:before { content: '\e02f'; } .NationalDealerLocatorResults .bingMap .MicrosoftMap>button { position: absolute !important; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MapPushpinBase div { font-size: 14px !important; font-family: "avenir", "arial", "helvetica", sans-serif !important; font-weight: normal !important; top: -2px !important; line-height: 42px !important; letter-spacing: 0.1em; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .customInfoBox { width: 250px; padding: 10px; position: relative; top: 18px; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 10px; text-align: center; letter-spacing: 0.1em; background-color: #ffffff; color: #0c121c; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .Infobox { display: none !important; } .NationalDealerLocatorResults.iOS .MicrosoftMap .MapPushpinBase div { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1); } .NationalDealerLocatorResults .dealerSidebar .list>li { margin-bottom: 40px; } .NationalDealerLocatorResults .dealerSidebar .directions { height: 600px; padding: 30px 25px 30px 37px; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .NationalDealerLocatorResults .dealerSidebar .directions .directionsField { position: relative; margin-bottom: 5px; } .NationalDealerLocatorResults .dealerSidebar .directions .directionsField:after { content: ""; display: block; width: 100px; height: 40px; position: absolute; right: 0; top: 0; background-image: -webkit-linear-gradient(left, rgba(228, 232, 232, 0), #e4e8e8); background-image: -moz-linear-gradient(left, rgba(228, 232, 232, 0), #e4e8e8); background-image: linear-gradient(to right, rgba(228, 232, 232, 0), #e4e8e8); } .NationalDealerLocatorResults .dealerSidebar .directions .directionsField span { display: block; width: 37px; position: absolute; left: -37px; padding-right: 8px; line-height: 40px; text-align: right; font-size: 18px; font-weight: bold; } .NationalDealerLocatorResults .dealerSidebar .directions .directionsField input { height: 40px; background-color: #e4e8e8; } .NationalDealerLocatorResults .dealerSidebar .directions .directionsField.destination span, .NationalDealerLocatorResults .dealerSidebar .directions .directionsField.destination input { color: #5c6065; } .NationalDealerLocatorResults .dealerSidebar .directions .directions-list { z-index: 1; position: relative; } #landrover .NationalDealerLocatorResults .dealerSidebar .directions .backToDealer { margin-top: 0; margin-bottom: 20px; } #landrover .NationalDealerLocatorResults .dealerSidebar .directions .getDirectionsList, #landrover .NationalDealerLocatorResults .dealerSidebar .directions .getDirectionsMap { margin-top: 12px; width: 100%; } #landrover .NationalDealerLocatorResults .dealerSidebar .directions .getDirectionsMap { display: none; } #landrover .NationalDealerLocatorResults .backToDealer:before { content: '\e02c'; margin-top: -1px; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel { padding: 0; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route { padding-top: 30px; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_routeSummary { margin: 0 0 16px; padding: 0; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_routeSummary .dd_tripSummary { font-size: 16px; font-weight: 100; color: #0c121c; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_routeSummary .dd_trafficTime, .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_routeSummary .dd_avoidTraffic { display: none; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_waypoint { margin: 0; padding: 0; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_waypoint .dd_directionStepLetter { display: block; width: 37px; padding-right: 8px; left: -37px; line-height: 30px; text-align: right; font-size: 18px; font-weight: bold; color: inherit; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_waypoint .dd_waypointDisplayText { line-height: 30px; margin: 0 0 0 15px; padding: 0; font-size: 14px; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_itinerary { margin-left: 15px; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_itinerary .dd_singleStep .dd_iteneraryContainer .dd_distance { margin-bottom: 5px; font-size: 12px; color: #5c6065; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_itinerary .dd_singleStep .dd_iteneraryContainer .dd_instruction { font-size: 14px; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer { padding: 0; font-size: inherit; border: 0; background-color: transparent; color: inherit; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .headerText { color: #f2681d; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer li { margin: 20px 0; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer li:last-child { margin-bottom: 0; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer li .dd_DisambgStepLetter { height: 29px; margin-right: 10px; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer li a { font-size: inherit; font-weight: bold; color: inherit; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_DisambgNextLinkFirstPage { display: none; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_DisambgStepLetter { width: 48px; height: 58px !important; line-height: 48px; background-image: url("#"); text-align: center; text-indent: 0; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_DisambgStepLetter:hover { background-image: url("#"); } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_LocDisambgAddressContainer { min-height: 58px; padding-top: 16px; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_LocDisambgAddressContainer a { font-size: 10px; letter-spacing: 0.25em; color: #0c121c; font-weight: bold; text-decoration: none; line-height: 48px; overflow: hidden; *zoom: 1; line-height: 1.25; text-transform: uppercase; } .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_LocDisambgAddressContainer a:hover, .NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_LocDisambgAddressContainer a:focus { color: #5c6065; } .NationalDealerLocatorResults.noMapResults { padding-right: 70px; padding-left: 70px; } .NationalDealerLocatorResults.noMapResults .dealerHeader { padding-right: 20px; padding-left: 20px; } .NationalDealerLocatorResults.noMapResults .dealerResults { height: auto; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar { width: 100%; height: auto; padding-right: 0; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .columnContainer { position: static; padding-top: 0; padding-bottom: 0; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .columnContainer:before, .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .columnContainer:after { content: none; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list { height: auto; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li { width: 33.33%; float: left; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li .infoCardDealer { margin-right: 20px; margin-left: 20px; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li .infoCardDealer .ctas { display: none !important; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .directions { display: none; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerMap { display: none; } .NationalDealerLocatorResults.desktop .dealerResults { height: auto; overflow: visible; } .NationalDealerLocatorResults.desktop .dealerSidebar { height: auto; } .NationalDealerLocatorResults.desktop .dealerSidebar .columnContainer { position: static; padding-top: 0; padding-bottom: 40px; } .NationalDealerLocatorResults.desktop .dealerSidebar .columnContainer:before, .NationalDealerLocatorResults.desktop .dealerSidebar .columnContainer:after { content: none; } .NationalDealerLocatorResults.desktop .dealerSidebar .list { height: auto; } .NationalDealerLocatorResults.desktop .dealerSidebar .directions { height: auto; overflow: visible; } .NationalDealerLocatorResults.desktop .dealerMap .dealerHeader { height: 80px; padding-bottom: 0; } .NationalDealerLocatorResults.desktop .dealerMap .bingMapContainer { padding-bottom: 40px; padding-top: 40px; } .NationalDealerLocatorResults.desktop .dealerMap .bingMapContainer .LogoContainer { display: none; } .NationalDealerLocatorResults.desktop .dealerMap .bingMapContainer .radius-frm { bottom: 81px; } #landrover .NationalDealerLocatorResults.desktop .dealerMap .dealerHeader .searchAgainButton { top: 50%; } #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .landRoverToYou { padding-left: 30px; color: #0c121c; line-height: 3; margin-bottom: 24px; vertical-align: middle; } #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .landRoverToYou:hover { color: #005a2b; } #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .landRoverToYou:before { content: '\e02b'; font-size: 30px; top: -3px; left: -11px; } @media screen and (min-width: 1px) and (max-width: 1400px) { .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer { margin-right: -745px; float: left; } .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar { width: auto; margin-right: 745px; } .NationalDealerLocatorResults .dealerResults .dealerMap { margin-left: 0; float: right; } .NationalDealerLocatorResults .dealerResults .dealerMap.dealerMapFloating { right: 90px; } .NationalDealerLocatorResults .dealerResults .dealerMap.dealerMapStopped { right: 0; } .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader h2 { padding-left: 20px; text-align: left; } .NationalDealerLocatorResults .dealerResults .dealerMap .directionsHeader { padding-right: 0; } } @media screen and (min-width: 1290px) and (max-width: 1399px) { .NationalDealerLocatorResults .dealerResults .dealerMap { width: 835px !important; } } @media screen and (min-width: 1px) and (max-width: 1290px) { .NationalDealerLocatorResults .dealerResults { height: 760px; } .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer { margin-right: 0; float: none; } .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar { width: 350px; margin-top: 160px; margin-right: 0; } .NationalDealerLocatorResults .dealerResults .dealerMap { margin-left: 350px; float: none; } .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader { height: 160px; padding-right: 0; display: block; } .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader h2 { width: 100%; margin-bottom: 18px; padding: 0; height: auto; display: block; } #landrover .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader .searchAgainButton { display: table; width: 220px; right: auto; top: auto; position: static; } .NationalDealerLocatorResults.desktop .dealerMap .dealerHeader { height: 120px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .NationalDealerLocatorResults { padding: 0 30px 30px; } .NationalDealerLocatorResults.noMapResults { padding: 0 30px 30px; } .NationalDealerLocatorResults .dealerResults .dealerMap { margin-right: -30px; } .NationalDealerLocatorResults .dealerResults .dealerMap.dealerMapFloating { right: 30px; } .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader { padding-right: 0; } } @media screen and (min-width: 1px) and (max-width: 740px) { .NationalDealerLocatorResults { padding: 0; } .NationalDealerLocatorResults .dealerHeader h2 { margin-bottom: 18px; } .NationalDealerLocatorResults.desktop .dealerHeader { padding-bottom: 40px; } .NationalDealerLocatorResults .dealerResults { height: auto; padding: 0 30px; } .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar { width: 100%; height: auto; float: none; margin-top: 0; padding: 0; } .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .columnContainer { position: static; padding-top: 0; padding-bottom: 0; } .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .columnContainer:before, .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .columnContainer:after { content: none; } .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list { height: auto; } .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li { margin-bottom: 10px; } #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li a.landRoverToYou { margin-top: 10px; margin-bottom: 18px; } .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .directions { height: auto; margin-bottom: 10px; } #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .directions .getDirectionsMap { display: inline-block; } .NationalDealerLocatorResults .dealerResults .dealerMap { position: fixed; left: 100%; width: 100% !important; margin-left: 0; margin-right: 0; padding-left: 0; } .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader { display: none; } .NationalDealerLocatorResults .dealerResults .dealerMap .bingMapContainer { padding: 0; width: 100% !important; position: absolute; top: 50px; left: 0; height: 100%; } .NationalDealerLocatorResults .dealerResults .dealerMap .bingMapContainer .radius-frm { left: 0; bottom: 50px; width: 100%; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .NationalDealerLocatorResults .dealerResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect { width: 100%; } .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL { display: none; } .NationalDealerLocatorResults.mapOpen .dealerResults .dealerSidebar { display: none; } .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap { position: fixed; left: 0; top: 0; padding-top: 50px; width: 100%; height: 100%; z-index: 20; } .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .bingMap { border: none; width: 100% !important; position: absolute; height: 100%; top: 0; left: 0; } .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .mapCloseButton { display: block; width: 50px; height: 50px; margin: 0; position: absolute; top: 20px; left: 20px; z-index: 21; text-align: center; background-color: #0c121c; color: #ffffff; text-decoration: none; -webkit-transition: background-color 0.4s, color 0.4s; -webkit-transition-delay: ease, ease; -moz-transition: background-color 0.4s ease, color 0.4s ease; -o-transition: background-color 0.4s ease, color 0.4s ease; transition: background-color 0.4s ease, color 0.4s ease; } .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .mapCloseButton:before { display: inline; line-height: 50px; font-size: 18px; -webkit-font-smoothing: subpixel-antialiased; content: '\e00f'; } .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .mapCloseButton:hover { background-color: #ffffff; color: #0c121c; } .NationalDealerLocatorResults.noMapResults { padding: 0; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li { width: 100%; float: none; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li .infoCardDealer { margin-right: 0; margin-left: 0; } } .no-js .NationalDealerLocatorResults .dealerResults, .no-js .NationalDealerLocatorResults .dealerSidebar, .no-js .NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap { height: auto; } .no-js .NationalDealerLocatorResults .directions { display: none; } .no-js #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebar .list>li .infoCardDealer .ctas .viewOnMap, .no-js #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebar .list>li .infoCardDealer .ctas .getDirections { display: none; } .NavigationModelSwitcherContainer { position: relative; } .NavigationModelSwitcher { position: absolute; width: 256px; display: none; z-index: 2; text-align: center; } .NavigationModelSwitcher .modelList { text-align: left; } .NavigationModelSwitcher .modelList li a { text-decoration: none; display: block; padding: 16px 15px 15px 50px; font-weight: bold; font-size: 9px; letter-spacing: 0.25em; line-height: 14px; position: relative; -webkit-transition: background-color 0.4s, color 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; transition: background-color 0.4s, color 0.4s; } .NavigationModelSwitcher .modelList li i { font-size: 10px; line-height: 0; position: absolute; top: 17px; } .NavigationModelSwitcher .modelList li span { display: inline-block; padding-left: 20px; line-height: 1.2em; } .lt-ie9 .NavigationModelSwitcher { top: 0 !important; } html.no-js .NavigationModelSwitcher { display: block; width: 100%; position: static; } html.no-js .NavigationModelSwitcher .modelList li { display: inline-block; } html.no-js .NavigationModelSwitcher .modelList li a { border-top: 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .NavigationModelSwitcher { position: fixed; } } @media screen and (min-width: 1px) and (max-width: 740px) { .NavigationModelSwitcher { display: none !important; } } .NavigationModelSwitcher { background-color: #0c121c; } .NavigationModelSwitcher .modelList li a { background-color: #0c121c; color: #ffffff; } .NavigationModelSwitcher .modelList li a:hover, .NavigationModelSwitcher .modelList li a:focus { background-color: #e4e8e8; color: #4a4f54; } .NavigationModelSwitcher .modelList li.active a { background-color: #e4e8e8; color: #4a4f54; } .lightTheme .NavigationModelSwitcher { background-color: #ffffff; } .lightTheme .NavigationModelSwitcher .modelList { text-align: left; } .lightTheme .NavigationModelSwitcher .modelList li a { background-color: #ffffff; color: #4a4f54; } .lightTheme .NavigationModelSwitcher .modelList li a:hover, .lightTheme .NavigationModelSwitcher .modelList li a:focus { background-color: #e4e8e8; color: #0c121c; } .lightTheme .NavigationModelSwitcher .modelList li.active a { background-color: #e4e8e8; color: #0c121c; } .NavigationModelSwitcherContainer { position: relative; } .NavigationModelSwitcher { position: absolute; width: 256px; display: none; z-index: 2; text-align: center; } .NavigationModelSwitcher .modelList { text-align: left; } .NavigationModelSwitcher .modelList li a { text-decoration: none; display: block; padding: 16px 15px 15px 50px; font-weight: bold; font-size: 9px; letter-spacing: 0.25em; line-height: 14px; position: relative; -webkit-transition: background-color 0.4s, color 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; transition: background-color 0.4s, color 0.4s; } .NavigationModelSwitcher .modelList li i { font-size: 10px; line-height: 0; position: absolute; top: 17px; } .NavigationModelSwitcher .modelList li span { display: inline-block; padding-left: 20px; line-height: 1.2em; } .lt-ie9 .NavigationModelSwitcher { top: 0 !important; } html.no-js .NavigationModelSwitcher { display: block; width: 100%; position: static; } html.no-js .NavigationModelSwitcher .modelList li { display: inline-block; } html.no-js .NavigationModelSwitcher .modelList li a { border-top: 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .NavigationModelSwitcher { position: fixed; } } @media screen and (min-width: 1px) and (max-width: 740px) { .NavigationModelSwitcher { display: none !important; } } .NavigationModelSwitcher { background-color: #0c121c; } .NavigationModelSwitcher .modelList li a { background-color: #0c121c; color: #ffffff; } .NavigationModelSwitcher .modelList li a:hover, .NavigationModelSwitcher .modelList li a:focus { background-color: #e4e8e8; color: #4a4f54; } .NavigationModelSwitcher .modelList li.active a { background-color: #e4e8e8; color: #4a4f54; } .lightTheme .NavigationModelSwitcher { background-color: #ffffff; } .lightTheme .NavigationModelSwitcher .modelList { text-align: left; } .lightTheme .NavigationModelSwitcher .modelList li a { background-color: #ffffff; color: #4a4f54; } .lightTheme .NavigationModelSwitcher .modelList li a:hover, .lightTheme .NavigationModelSwitcher .modelList li a:focus { background-color: #e4e8e8; color: #0c121c; } .lightTheme .NavigationModelSwitcher .modelList li.active a { background-color: #e4e8e8; color: #0c121c; } .NotificationBar { display: none; background-color: #4a4f54; border-bottom: 1px solid #4a4f54; width: 100%; overflow: hidden; position: relative; z-index: 10; } .NotificationBar .notificationContainer { display: table; } .NotificationBar .notificationContainer .top { width: 100%; display: table-cell; border-bottom: none; } .NotificationBar .notificationContainer .top .notificationHeader { vertical-align: middle; font-family: "lr_ot4", "arial", "helvetica", sans-serif; padding: 20px 20px 0 50px; } .NotificationBar .notificationContainer .top .inner { display: table; width: 100%; } .NotificationBar .notificationContainer .top .inner .left, .NotificationBar .notificationContainer .top .inner .right { display: table-cell; vertical-align: middle; } .NotificationBar .notificationContainer .bottom { padding: 0; visibility: hidden; } .NotificationBar .notificationContainer p { font-size: 10px; visibility: visible; padding: 0 20px 20px 50px; } .NotificationBar .notificationContainer p a { text-decoration: none; border-bottom: 1px solid rgba(228, 232, 232, 0.25); } .NotificationBar .notificationContainer .close { display: table-cell; height: 100%; width: 70px; vertical-align: middle; border-left: 1px solid #5c6065; -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .NotificationBar .notificationContainer .close span { display: block; width: 70px; height: 70px; line-height: 70px; } .NotificationBar .notificationContainer .close span:before { width: 100%; content: '\e00d'; font-size: 16px; margin: 0; text-decoration: none; } .NotificationBar .notificationContainer .close:hover, .NotificationBar .notificationContainer .close:focus { background-color: #4a4f54; } @media screen and (min-width: 1px) and (max-width: 900px) { .NotificationBar .notificationContainer { display: block; } .NotificationBar .notificationContainer .top { display: table; border-bottom: 1px solid #5c6065; } .NotificationBar .notificationContainer .top .notificationHeader { display: table-cell; padding: 10px 40px; } .NotificationBar .notificationContainer .bottom { padding: 20px 40px 0 40px; visibility: visible; } .NotificationBar .notificationContainer p { padding: 0 0 20px; } .NotificationBar .notificationContainer .close { width: 50px; } .NotificationBar .notificationContainer .close span { width: 50px; height: 50px; line-height: 50px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .NotificationBar .notificationContainer .top .notificationHeader, .NotificationBar .notificationContainer .bottom { padding-left: 30px; padding-right: 30px; } } .lt-ie9 #landrover .NotificationBar.browserUpgradeNotification .bottom a.primaryLinkWithStyle { float: left; } .lt-ie9 .NotificationBar.browserUpgradeNotification { display: block; padding-bottom: 20px; } .lt-ie9 .NotificationBar.browserUpgradeNotification .notificationHeader { font-weight: bold; } .lt-ie9 .NotificationBar.browserUpgradeNotification a.close { display: none; } .lt-ie9 .IgniteBar { display: none; } #landrover .NotificationBar .primaryLinkWithStyle { white-space: nowrap; margin: 0 20px 0 0; visibility: visible; float: right; } @media screen and (min-width: 1px) and (max-width: 900px) { #landrover .NotificationBar .primaryLinkWithStyle { margin: 0 0 20px 0; float: none; } } .OffersContainer .offer { position: relative; background: #e4e8e8; } .OffersContainer .offer .offerImage { padding: 0 0 43.5%; position: relative; background: #f8f9f9; } .OffersContainer .offer .offerImage .image { background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .OffersContainer .offer .offerDescription { background: #e4e8e8; padding: 30px 30px; } @media screen and (min-width: 741px) { .OffersContainer .offer .offerDescription { padding: 40px 40px; } } @media screen and (min-width: 901px) { .OffersContainer .offer .offerDescription { padding: 80px 90px; } } .OffersContainer .offer .offerDescription .price { margin-bottom: 24px; color: #4a4f54; } .OffersContainer .offer .offerDescription .primaryLinkWithStyle { margin-bottom: 30px; } .OffersContainer .offer .offerDescription .bullets { margin-top: 24px; margin-bottom: 12px; } .OffersContainer .offer .offerDescription .bullets li { margin-bottom: 6px; } .OffersContainer .offer .offerDescription .secondaryLinkWithStyle { display: block; } .OffersContainer .offer:nth-child(2n), .OffersContainer .offer:nth-child(2n) .offerDescription { background: #4a4f54; } .OffersContainer .offer:nth-child(2n) .offerDescription { color: #e4e8e8; } .OffersContainer .offer:nth-child(2n) .offerDescription .title, .OffersContainer .offer:nth-child(2n) .offerDescription .price { color: #ffffff; } .OffersContainer .offer .offerFinanceBoxes .headingLinear { margin-bottom: 14px; } .OffersContainer .offer .offerFinanceBoxes .subHeading { line-height: 1.4em; } .OffersContainer .offer .offerInfo { width: 100%; padding: 30px 30px; } @media screen and (min-width: 741px) { .OffersContainer .offer .offerInfo { padding: 40px 40px; } } @media screen and (min-width: 901px) { .OffersContainer .offer .offerInfo { padding: 80px 90px; } } .OffersContainer .offer .offerInfo:first-child:last-child { width: 100%; } .OffersContainer .offer .offerInfoLease { background: #f8f9f9; } .OffersContainer .offer .offerInfoApr { background: #ffffff; } .OffersContainer .offerDetails { background-color: #000000; background-color: rgba(0, 0, 0, 0.9); color: #ffffff; width: 100%; display: none; top: 0; right: 0; height: 100%; z-index: 11; visibility: hidden; padding: 30px 30px; position: absolute; transition: opacity 0.4s; } .OffersContainer .offerDetails.active { position: fixed; visibility: visible; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: block; -webkit-animation: overlayFadeIn 0.4s; animation: overlayFadeIn 0.4s; } .OffersContainer .offerDetails.closed { -webkit-animation: overlayFadeOut 0.5s; animation: overlayFadeOut 0.5s; } .OffersContainer .offerDetails .heading { color: #ffffff; } .OffersContainer .offerDetails p { margin-bottom: 1.5em; line-height: 1.5em; } .OffersContainer .closeButton { font-size: 24px; display: block; position: absolute; right: 30px; cursor: pointer; top: 25px; } @media screen and (min-width: 741px) { .OffersContainer .offer .offerFinanceBoxes { float: right; width: 100%; } .OffersContainer .offer .offerInfo { width: 49.99%; margin-right: -0.7%; vertical-align: top; display: inline-block; } .OffersContainer .offer .offerInfo.offerInfoApr { width: 50.5%; } .OffersContainer .offer .offerDetails { padding: 40px 40px; } .OffersContainer .closeButton { top: 35px; right: 40px; } } @media screen and (min-width: 901px) { .OffersContainer .offer .offerFinanceBoxes, .OffersContainer .offer .offerDetails, .OffersContainer .offer .offerImage { width: 65%; width: calc(66.66667% - 43px); } .OffersContainer .offer .offerImage { padding: 0 0 28.3%; } .OffersContainer .offer .offerMainFrame { position: relative; } .OffersContainer .offer .offerImage { float: right; } .OffersContainer .offer .offerDescription { width: 35%; width: calc(33.33333% + 43px); padding-right: 40px; float: left; } .OffersContainer .offer .offerFinanceBoxes { min-height: 380px; } .OffersContainer .offer .offerInfo { padding: 10%; height: 400px; } .OffersContainer .offer .offerInfo .amount { font-size: 80px; font-size: 6vw; } .OffersContainer .offer .offerDetails { padding: 80px 90px; position: absolute; } .OffersContainer .offer .offerDetails.active { z-index: 3; overflow: hidden; position: absolute; } .OffersContainer .closeButton { right: 30px; top: 30px; } } @media screen and (min-width: 1525px) { .OffersContainer .offer .offerImage .image { background-position: center; } .OffersContainer .offer .offerDescription { padding-right: 90px; } .OffersContainer .offer .offerFinanceBoxes { min-height: auto; } .OffersContainer .offer .offerInfo { padding: 80px 90px; } .OffersContainer .offer .offerInfo .amount { font-size: 90px; } .OffersContainer .offer .offerInfo.offerInfoLease { width: 51%; } .OffersContainer .offer .offerInfo.offerInfoApr { width: 50%; margin-right: -1%; } } @media screen and (min-width: 1px) and (max-width: 900px) { .OffersContainer .offer .offerFinanceBoxes .headingLinear { font-size: 60px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .OffersContainer .offer .offerFinanceBoxes .headingWrapper { padding: 0.188em 0 0.25em; } .OffersContainer .offer .offerFinanceBoxes .headingWrapper:before, .OffersContainer .offer .offerFinanceBoxes .headingWrapper:after { display: block; } } @media screen and (min-width: 740px) and (max-width: 1023px) { .OffersContainer .offer .offerInfo { padding: 50px; margin-bottom: -2.5%; } } .no-js .OffersContainer .offer { padding-bottom: 50px; background-color: #000000; } .no-js .OffersContainer .offer .offerInfo .heading span { display: inline-block; } .no-js .OffersContainer .offer .offerImage { padding: 0; } .no-js .OffersContainer .offer img { display: block; width: 100%; height: auto; } .no-js .OffersContainer .offerDetails { padding-top: 50px; padding-bottom: 0; position: static; overflow-y: hidden; width: 100%; background-color: #000000; opacity: 1; visibility: visible; display: block; } .no-js .OffersContainer .offerDetails .closeButton { display: none; } @-webkit-keyframes overlayFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes overlayFadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes overlayFadeOut { 0% { opacity: 1; } 70% { opacity: 0; } 100% { display: none; } } @keyframes overlayFadeOut { 0% { opacity: 1; } 70% { opacity: 0; } 100% { display: none; } } .OptionsAndAccessories .el a:first-child { display: inline-block; position: relative; } .OptionsAndAccessories .el.el a { display: block; } .OptionsAndAccessories .ctaContainer>div { margin-top: 21.333px; } .ParallaxHero { position: relative; } .ParallaxHero .imageContainer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; overflow: hidden; } .ParallaxHero .imageContainer .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ParallaxHero .imageContainer .layer .image, .ParallaxHero .imageContainer .layer .fallback { display: block; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; } .ParallaxHero .imageOverlay { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.4s; -webkit-transition-delay: ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #000000; } .ParallaxHero .imageOverlay.showOverlay { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } .ParallaxHero.ParallaxHeroImageLeft .imageContainer { -webkit-perspective-origin: 0 50%; perspective-origin: 0 50%; } .ParallaxHero.ParallaxHeroImageLeft .imageContainer .layer .image, .ParallaxHero.ParallaxHeroImageLeft .imageContainer .layer .fallback { background-position: 0 50%; } .ParallaxHero.ParallaxHeroImageRight .imageContainer { -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; } .ParallaxHero.ParallaxHeroImageRight .imageContainer .layer .image, .ParallaxHero.ParallaxHeroImageRight .imageContainer .layer .fallback { background-position: 100% 50%; } .ParallaxHero .screen { position: relative; z-index: 2; height: 100vh; overflow: hidden; } .ParallaxHero .screen.spacerContainer { display: none; } @media screen and (min-width: 901px) { .ParallaxHero.ParallaxHero3Screens .screen.spacerContainer { display: block; } } .ParallaxHero .textContainer { display: table; width: 100%; } .ParallaxHero .text { display: table-cell; padding-top: 100px; padding-bottom: 100px; vertical-align: middle; } .ParallaxHero .copy { padding-left: 25%; padding-right: 25%; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 0.4s, -moz-transform 0.4s; -o-transition: opacity 0.4s, -o-transform 0.4s; transition: opacity 0.4s, transform 0.4s; font-size: 34px; color: #ffffff; position: relative; } .ParallaxHero .copy.hidden { opacity: 0; -webkit-transform: translate(0, -100px); -khtml-transform: translate(0, -100px); -moz-transform: translate(0, -100px); -ms-transform: translate(0, -100px); -o-transform: translate(0, -100px); transform: translate(0, -100px); } .ParallaxHero .buttonScreenDown { -webkit-transition: opacity 150ms; -webkit-transition-delay: ease-out; -moz-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; position: absolute; left: 50%; bottom: 0; z-index: 4; text-decoration: none; text-align: center; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .ParallaxHero .buttonScreenDown.buttonHidden { opacity: 0; pointer-events: none; } .ParallaxHero .buttonScreenDown .inner { -webkit-transition: -webkit-transform 150ms; -webkit-transition-delay: ease-out; -moz-transition: -moz-transform 150ms ease-out; -o-transition: -o-transform 150ms ease-out; transition: transform 150ms ease-out; display: block; height: 50px; width: 50px; background-color: #0c121c; } .ParallaxHero .buttonScreenDown .inner:before { content: ''; vertical-align: middle; height: 100%; width: 0; display: inline-block; } .ParallaxHero .buttonScreenDown .inner:after { content: '\e003'; margin-top: -3px; font-size: 26px; vertical-align: middle; } .ParallaxHero .buttonScreenDown:hover .inner { transform: scale(0.975); -ms-transform: scale(0.975); -webkit-transform: scale(0.975); -moz-transform: scale(0.975); -o-transform: scale(0.975); } .ParallaxHero .buttonScreenDown:active .inner { transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); } .ParallaxHero.light .headingWrapper:before, .ParallaxHero.light .headingWrapper:after { background-color: #4a4f54; } .ParallaxHero.light .copy { color: #4a4f54; } .ParallaxHero.light .buttonScreenDown .inner { color: #ffffff; } .ParallaxHero.ParallaxHeroTouchDevice .heading { position: relative; opacity: 1; top: 0; -webkit-transition: opacity 0.4s, top 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; } .ParallaxHero.ParallaxHeroTouchDevice .heading.hidden { opacity: 0; top: -100px; } .ParallaxHero.ParallaxHeroTouchDevice .copy { opacity: 1; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .ParallaxHero.ParallaxHeroTouchDevice .copy.hidden { opacity: 0; } .no-js .ParallaxHero .screen { height: 100vh; } .no-js .ParallaxHero .buttonScreenDown { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .ParallaxHero .heading { font-size: 48px; } .ParallaxHero .copy { font-size: 24px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ParallaxHero .heading { font-size: 42px; } .ParallaxHero .copy { padding-left: 25%; padding-right: 25%; font-size: 18px; } } .Quote { display: table; width: 100%; position: relative; padding: 80px 90px; text-align: left; } .Quote.withImage { min-height: 620px; } .Quote .quoteContainer { display: table-cell; vertical-align: middle; } .Quote .image { height: 100%; width: 100%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); background-position: 50% 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .Quote .imageOverlay { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; } .Quote .imageOverlay.darken { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .Quote.playing .imageOverlay { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } .Quote .quoteContent { position: relative; } .Quote .QuotePlayer { margin-top: 16px; } .Quote p { font-family: "tinos", "arial", "helvetica", sans-serif; font-weight: 100; font-size: 48px; line-height: 1.25; } .Quote p:not(.noKeylines):before, .Quote p:not(.noKeylines):after { content: ''; display: block; height: 2px; width: 64px; } .Quote p:not(.noKeylines):before { margin-bottom: 16px; } .Quote p:not(.noKeylines):after { margin-top: 16px; } .Quote .name, .Quote .info { font-family: "lr_ot4", "arial", "helvetica", sans-serif; display: block; } @media screen and (min-width: 1px) and (max-width: 740px) { .Quote .name, .Quote .info { font-size: 13px; } } .Quote .name { margin-top: 24px; font-weight: bold; padding-top: 1px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Quote .name { margin-top: 15px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Quote .name { margin-top: 12.5px; } } .Quote .info { font-size: 11px; letter-spacing: 1.5px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: normal; padding-top: 3px; letter-spacing: 1px; } @media screen and (min-width: 1px) and (max-width: 740px) { .Quote .info { padding-top: 1px; } } .Quote.left { text-align: left; } .Quote:not(.inArticle).left .quoteContentContext { margin-left: -20px; margin-right: -20px; } .Quote:not(.inArticle).left p { padding-left: 20px; padding-right: 20px; width: 66.667%; } .Article+.Quote.inArticle { padding: 0; margin: -40px 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .Article+.Quote.inArticle { margin: 0; padding-left: 30px; padding-right: 30px; } } .Quote.inArticle .quoteContent { margin: 0 auto; max-width: 600px; } @media screen and (min-width: 1px) and (max-width: 1080px) { .Quote.inArticle .quoteContent { max-width: 500px; } } @media screen and (min-width: 1px) and (max-width: 650px) { .Quote.inArticle .quoteContent { max-width: none; } } .Quote.inArticle p:before, .Quote.inArticle p:after { content: ""; } .TwoColumnContainer .Quote { padding: 0; padding-bottom: 40px; } .TwoColumnContainer .Quote.grey { background-color: transparent; } .TwoColumnContainer .Quote .quoteContent { margin-top: -4px; } .TwoColumnContainer .Quote.left p { width: auto; } .TwoColumnContainer .Quote p { font-size: 36px; } .TwoColumnContainer .Quote p:before, .TwoColumnContainer .Quote p:after { display: none; } .TwoColumnContainer .Quote .name { font-size: 13px; } .TwoColumnContainer .Quote .name { margin-top: 12px; } .TwoColumnContainer .Quote .info { padding-top: 1px; } .TwoColumnContainer .Quote .imageOverlay { display: none; } .Quote.light, .Quote.grey { background-color: #f8f9f9; } .Quote.light .quoteContent p:before, .Quote.light .quoteContent p:after, .Quote.grey .quoteContent p:before, .Quote.grey .quoteContent p:after { background-color: #4a4f54; } .Quote.light .imageOverlay.darken, .Quote.grey .imageOverlay.darken { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; } .Quote.light.withImage p, .Quote.grey.withImage p { color: #0c121c; -webkit-font-smoothing: subpixel-antialiased; } .Quote.light.withImage p .headingWrapper:before, .Quote.light.withImage p .headingWrapper:after, .Quote.grey.withImage p .headingWrapper:before, .Quote.grey.withImage p .headingWrapper:after { background-color: #0c121c; } .Quote.light.withImage p:before, .Quote.light.withImage p:after, .Quote.grey.withImage p:before, .Quote.grey.withImage p:after { background-color: #0c121c; } .Quote.light:not(.withImage) .quoteContent p, .Quote.grey:not(.withImage) .quoteContent p { color: #005a2b; } .Quote.light:not(.withImage) .quoteContent p:before, .Quote.light:not(.withImage) .quoteContent p:after, .Quote.grey:not(.withImage) .quoteContent p:before, .Quote.grey:not(.withImage) .quoteContent p:after { background-color: #005a2b; } .Quote.dark .quoteContent p:before, .Quote.dark .quoteContent p:after { background-color: #ffffff; } @media screen and (min-width: 1px) and (max-width: 1000px) { .TwoColumnContainer .Quote .quoteContent { margin-top: 0; } } @media screen and (min-width: 1px) and (max-width: 900px) { .Quote { padding: 40px 40px; } .Quote p { font-size: 36px; line-height: 1.2; } .Quote p:before, .Quote p:after { width: 48px; } .Quote p:before { margin-bottom: 12px; } .Quote p:after { margin-top: 12px; } .Quote.left p, .Quote:not(.inArticle).left p { width: auto; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Quote { padding: 30px 30px; } .Quote p, .TwoColumnContainer .Quote p { font-size: 30px; } .Quote p:before, .Quote p:after, .TwoColumnContainer .Quote p:before, .TwoColumnContainer .Quote p:after { width: 40px; } .Quote p:before, .TwoColumnContainer .Quote p:before { margin-bottom: 10px; } .Quote p:after, .TwoColumnContainer .Quote p:after { margin-top: 10px; } .Quote.withImage { min-height: 0; } .Quote .image, .Quote .imageOverlay { display: none; } .Quote .quoteContent, .Quote.inArticle .quoteContent { padding: 0; } .Quote .QuotePlayer { margin-top: 12px; } .Quote.light .quoteContent p, .Quote.grey .quoteContent p { color: #005a2b; } .Quote.light .quoteContent p:before, .Quote.light .quoteContent p:after, .Quote.grey .quoteContent p:before, .Quote.grey .quoteContent p:after { background-color: #005a2b; } } body>.me-plugin { height: 0; } .QuotePlayer { margin-top: 18px; } .QuotePlayer audio { display: none; } .QuotePlayer .mejs-container { max-width: 295px; height: 40px; } .QuotePlayer .mejs-controls { width: auto; height: 40px; overflow: hidden; } .QuotePlayer .mejs-time { font-size: 12px; margin-left: 10px; margin-right: 10px; padding-top: 14px; height: 40px; display: inline-block; } .QuotePlayer .mejs-time span:nth-child(2) { display: none; } .QuotePlayer .mejs-duration { margin-left: 3px; opacity: 0.5; } .QuotePlayer .mejs-duration:before { content: "/"; margin-right: 3px; } .QuotePlayer .mejs-button { height: 100%; display: inline-block; position: relative; float: left; } .QuotePlayer .mejs-button button { height: 100%; border: 0; font-size: 26px; padding: 0 10px 0 0; width: 1.5em; } .QuotePlayer .mejs-button button:before { margin: 0 !important; } .QuotePlayer .mejs-button button:hover { background: transparent; } .QuotePlayer .mejs-play button { width: 1em; } .QuotePlayer .mejs-play button:before { content: '\e037'; text-align: left; line-height: 40px; top: 1px; left: 1px; position: relative; } .QuotePlayer.finished .mejs-play button { width: 1.5em; } .QuotePlayer.finished .mejs-play button:before { content: '\e05f'; text-align: left; line-height: 40px; position: relative; top: 0; left: 0; } .QuotePlayer .mejs-pause button { width: 1em; } .QuotePlayer .mejs-pause button:before { content: '\e035'; text-align: left; line-height: 40px; position: relative; top: 3px; left: 1px; } .QuotePlayer .mejs-time-rail { float: left; height: 40px; display: inline-block; overflow: hidden; padding-top: 10px; position: relative; } .QuotePlayer .mejs-time-rail span { display: block; position: absolute; width: 0px; height: 20px; cursor: pointer; } .QuotePlayer .mejs-time-buffering { width: 100%; } .QuotePlayer .mejs-time-loaded { width: 0; } .QuotePlayer .mejs-time-current { width: 0; } .QuotePlayer .mejs-time-total, .QuotePlayer .mejs-time-buffering, .QuotePlayer .mejs-time-loaded, .QuotePlayer .mejs-time-current { background-repeat: repeat-x; background-position: 0 9px; } .QuotePlayer .mejs-controls .mejs-time-float { display: none !important; } .QuotePlayer.light, .QuotePlayer.grey { background: none; } .QuotePlayer.light .mejs-time, .QuotePlayer.grey .mejs-time { color: #4a4f54; } .QuotePlayer.light .mejs-button button, .QuotePlayer.light .mejs-button button:hover, .QuotePlayer.grey .mejs-button button, .QuotePlayer.grey .mejs-button button:hover { color: #4a4f54; } .QuotePlayer.light .mejs-time-total, .QuotePlayer.grey .mejs-time-total { background-image: url(#); } .QuotePlayer.light .mejs-time-loaded, .QuotePlayer.grey .mejs-time-loaded { background-image: url(#); } .QuotePlayer.light .mejs-time-current, .QuotePlayer.grey .mejs-time-current { background-image: url(#); } .QuotePlayer.dark { background: none; } .QuotePlayer.dark .mejs-time { color: #ffffff; } .QuotePlayer.dark .mejs-button button, .QuotePlayer.dark .mejs-button button:hover { color: #ffffff; } .QuotePlayer.dark .mejs-time-total { background-image: url(#); } .QuotePlayer.dark .mejs-time-loaded { background-image: url(#); } .QuotePlayer.dark .mejs-time-current { background-image: url(#); } @media screen and (min-width: 1px) and (max-width: 740px) { .QuotePlayer .mejs-button button { font-size: 24px; } } .ReadyToGoBar { background-color: #ffffff; background-position: left top; clear: both; } .ReadyToGoBar ul { width: 100%; display: block; margin: 0 auto; overflow: hidden; padding: 0 70px; } .ReadyToGoBar ul li { width: 25%; } .ReadyToGoBar ul a { -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; text-decoration: none; color: #0c121c; display: block; padding: 40px 20px; } .ReadyToGoBar ul .heading { color: #0c121c; margin: 11px 0; font-weight: bold; } .ReadyToGoBar ul span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 0 0 11px 0; } .ReadyToGoBar ul span i { color: #47b4e6; } .ReadyToGoBar ul span i:before { margin: 0; font-size: 52px; } .ReadyToGoBar ul p { color: #4a4f54; font-weight: normal; } @media screen and (min-width: 1px) and (max-width: 900px) { .ReadyToGoBar ul { padding: 0 20px; width: 100%; } .ReadyToGoBar ul li { width: 50%; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ReadyToGoBar ul { padding: 11px 30px; display: table; } .ReadyToGoBar ul li { text-align: left; display: table-row; width: 100%; } .ReadyToGoBar ul a { display: block; padding: 12px 0; } .ReadyToGoBar ul .heading { padding: 0 0 0 11px; display: table-cell; width: 100%; vertical-align: middle; } .ReadyToGoBar ul span { display: table-cell; padding: 0; } .ReadyToGoBar ul span i:before { line-height: 100%; font-size: 34px; text-align: center; } .ReadyToGoBar ul p { display: none; } } .ReviewRatingBadge { visibility: hidden; margin-top: 32px; margin-left: 1px; } .ReviewRatingBadge.loaded { visibility: visible; } .ReviewRatingBadge .ratingStars { position: relative; display: inline-block; } .ReviewRatingBadge .ratingStarsLink { text-decoration: none; } .ReviewRatingBadge .ratingStarsList { display: inline-block; height: 17px; white-space: nowrap; vertical-align: top; } .ReviewRatingBadge .ratingStarsItem { margin: 0 4px 0 0; font-size: 17px; height: 17px; color: #ffffff; display: inline-block; overflow: hidden; } .ReviewRatingBadge .ratingStarsItem:after { content: '\e030'; margin: 0; vertical-align: top; position: relative; top: -1px; } .ReviewRatingBadge .ratingStarsItem:last-child { margin-right: 0; } .ReviewRatingBadge .ratingStarsBackground .ratingStarsItem { color: #777b7e; } .ReviewRatingBadge .ratingStarsForeground { position: absolute; top: 0; left: 0; overflow: hidden; } .ReviewRatingBadge .ratingLink { margin: 0 0 0 20px; vertical-align: middle; } #landrover .ReviewRatingBadge a.ratingLink { color: #e4e8e8; } #landrover .ReviewRatingBadge a.ratingLink:hover { color: #ffffff; } @media screen and (min-width: 1px) and (max-width: 740px) { .ReviewRatingBadge .ratingLink { display: block; margin: 10px 0 0 0; } } .light .ReviewRatingBadge .ratingStarsItem, .grey .ReviewRatingBadge .ratingStarsItem, .white .ReviewRatingBadge .ratingStarsItem { color: #005a2b; } .light .ReviewRatingBadge .ratingStarsBackground .ratingStarsItem, .grey .ReviewRatingBadge .ratingStarsBackground .ratingStarsItem, .white .ReviewRatingBadge .ratingStarsBackground .ratingStarsItem { color: #ccded4; } #landrover .light .ReviewRatingBadge a.ratingLink, #landrover .grey .ReviewRatingBadge a.ratingLink, #landrover .white .ReviewRatingBadge a.ratingLink { color: #4a4f54; } #landrover .light .ReviewRatingBadge a.ratingLink:hover, #landrover .grey .ReviewRatingBadge a.ratingLink:hover, #landrover .white .ReviewRatingBadge a.ratingLink:hover { color: #0c121c; } .Article table:not(.nonResponsive), .EngineSpecifications table:not(.nonResponsive), .VehicleSpecifications table:not(.nonResponsive) { width: 100%; font-size: 14px; background-color: #ffffff; border: 1px solid #a4a7a9; } .Article table:not(.nonResponsive) tbody tr, .EngineSpecifications table:not(.nonResponsive) tbody tr, .VehicleSpecifications table:not(.nonResponsive) tbody tr { border-bottom: 1px solid #a4a7a9; } .Article table:not(.nonResponsive) tbody tr th, .Article table:not(.nonResponsive) tbody tr td, .EngineSpecifications table:not(.nonResponsive) tbody tr th, .EngineSpecifications table:not(.nonResponsive) tbody tr td, .VehicleSpecifications table:not(.nonResponsive) tbody tr th, .VehicleSpecifications table:not(.nonResponsive) tbody tr td { padding: 20px; vertical-align: middle; text-align: left; background-clip: padding-box; color: #4a4f54; } .Article table:not(.nonResponsive) tbody tr td a, .EngineSpecifications table:not(.nonResponsive) tbody tr td a, .VehicleSpecifications table:not(.nonResponsive) tbody tr td a { color: #4a4f54; } .Article table:not(.nonResponsive) tbody tr th, .EngineSpecifications table:not(.nonResponsive) tbody tr th, .VehicleSpecifications table:not(.nonResponsive) tbody tr th { font-weight: bold; } .Article table:not(.nonResponsive) tbody tr th:first-child, .EngineSpecifications table:not(.nonResponsive) tbody tr th:first-child, .VehicleSpecifications table:not(.nonResponsive) tbody tr th:first-child { background-color: #e4e8e8; } .Article table:not(.nonResponsive) tbody tr:first-child th, .EngineSpecifications table:not(.nonResponsive) tbody tr:first-child th, .VehicleSpecifications table:not(.nonResponsive) tbody tr:first-child th { vertical-align: top; } .Article table:not(.nonResponsive) tbody tr:last-child, .EngineSpecifications table:not(.nonResponsive) tbody tr:last-child, .VehicleSpecifications table:not(.nonResponsive) tbody tr:last-child { border-bottom: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .Article table:not(.nonResponsive), .EngineSpecifications table:not(.nonResponsive), .VehicleSpecifications table:not(.nonResponsive) { font-size: 12px; } .Article table:not(.nonResponsive) tbody tr th, .Article table:not(.nonResponsive) tbody tr td, .EngineSpecifications table:not(.nonResponsive) tbody tr th, .EngineSpecifications table:not(.nonResponsive) tbody tr td, .VehicleSpecifications table:not(.nonResponsive) tbody tr th, .VehicleSpecifications table:not(.nonResponsive) tbody tr td { padding: 10px 5px; } } .ResponsiveTable { width: 100%; overflow: hidden; border: 1px solid #a4a7a9; } .ResponsiveTable table:not(.nonResponsive) { border-top: 0; border-bottom: 0; border-left: 20px solid #e4e8e8; border-right: 20px solid #ffffff; } .ResponsiveTable table:not(.nonResponsive) tr th:first-child, .ResponsiveTable table:not(.nonResponsive) tr td:first-child { padding-left: 0; } .ResponsiveTable table:not(.nonResponsive) tr th:last-child, .ResponsiveTable table:not(.nonResponsive) tr td:last-child { padding-right: 0; } .ResponsiveTable .tableWrapper { position: relative; } .ResponsiveTable .tableWrapper .pinned { position: absolute; top: 0; width: 35%; } .ResponsiveTable .tableWrapper .pinned:after { content: ""; display: block; width: 4px; height: 100%; position: absolute; top: 0; right: -3px; background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); } .ResponsiveTable .tableWrapper .pinned table:not(.nonResponsive) { border-right-width: 0; } .ResponsiveTable .tableWrapper .pinned table:not(.nonResponsive) tbody tr th:first-child { word-break: break-all; word-break: break-word; } .ResponsiveTable .tableWrapper .scrollable { margin-left: 35%; overflow: scroll; overflow-y: hidden; } .ResponsiveTable .tableWrapper .scrollable table:not(.nonResponsive) { position: relative; border-left-width: 0; } .ResponsiveTable .tableWrapper .scrollable table:not(.nonResponsive) tbody tr th:first-child { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .ResponsiveTable.stickToRight { position: relative; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ResponsiveTable table:not(.nonResponsive) { border-right-width: 15px; border-left-width: 15px; } } .responsiveTableArrow { width: 65%; height: 20px; position: relative; margin-bottom: 5px; margin-left: 35%; } .responsiveTableArrow .leftArrow, .responsiveTableArrow .rightArrow { width: 20px; height: 20px; line-height: 0; text-align: center; position: absolute; top: 0; font-size: 20px; color: #e4e8e8; } .responsiveTableArrow .leftArrow:before, .responsiveTableArrow .rightArrow:before { margin: 0; } .responsiveTableArrow .leftArrow { left: 0; } .responsiveTableArrow .leftArrow:before { content: '\e02c'; } .responsiveTableArrow .rightArrow { right: 0; } .responsiveTableArrow .rightArrow:before { content: '\e042'; } .responsiveTableArrow .bar { height: 2px; margin: 9px 8px; background-color: #e4e8e8; } .grey .responsiveTableArrow .leftArrow, .grey .responsiveTableArrow .rightArrow { color: #a4a7a9; } .grey .responsiveTableArrow .bar { background-color: #a4a7a9; } .SameSizeCarousel { padding-left: 70px; padding-right: 70px; } .SameSizeCarousel .carouselWrapper .el { float: none; } .SameSizeCarousel .carouselWrapper .mediaCarousel { overflow: hidden; } .SameSizeCarousel .carouselWrapper .mediaCarousel .rsSlide { overflow: hidden; } .SameSizeCarousel .carouselWrapper .mediaCarousel .slide { width: 100%; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li { display: block; float: left; width: 33.333%; padding: 0 20px; } .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel>li, .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li { border: none; display: inline-block; float: none; vertical-align: top; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li img, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img { display: block; width: 100%; margin-bottom: 33px; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li ul, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li ul { padding-left: 1em; margin-left: 0; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li ul li, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li ul li { list-style: none; position: relative; line-height: 1.286em; margin-bottom: 1.286em; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li ul li:before, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li ul li:before { content: "\2013"; position: absolute; left: -1em; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink { display: block; margin-bottom: 33px; position: relative; overflow: hidden; background: none; font-size: 0; z-index: 3; text-decoration: none; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink img, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink img { margin-bottom: 0; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li .heading, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .heading { margin-bottom: 22px; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li .linkContainer, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .linkContainer { margin-top: 22px; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li .linkContainer>span, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .linkContainer>span { display: block; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li .linkContainer>span:first-child a, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .linkContainer>span:first-child a { margin-top: 0; } .SameSizeCarousel .carouselWrapper .mediaCarousel .ctaButtons { white-space: pre-line; } .SameSizeCarousel .carouselWrapper .carouselNavigation { display: table; opacity: 0; margin-top: 55px; padding-left: 20px; padding-right: 20px; transition: opacity 0.4s; } .SameSizeCarousel .carouselWrapper .carouselNavigationActive { opacity: 1; } .SameSizeCarousel .carouselWrapper .carouselNavigationDisabled { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .SameSizeCarousel { padding-left: 20px; padding-right: 20px; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li { width: 50%; } .SameSizeCarousel .carouselNavigation { text-align: center; } } @media screen and (min-width: 1px) and (max-width: 740px) { .SameSizeCarousel { padding-left: 10px; padding-right: 10px; } .SameSizeCarousel .headerBlock { padding-left: 20px; padding-right: 20px; } .SameSizeCarousel .carouselWrapper { position: relative; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li { width: 100%; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li img, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img { margin-bottom: 80px; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink { margin-bottom: 80px; } .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink img, .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink img { margin-bottom: 0; } .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel>li img, .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img { margin-bottom: 32px; } .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink, .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink { margin-bottom: 32px; } .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink img, .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink img { margin-bottom: 0; } .SameSizeCarousel .carouselWrapper .carouselNavigation { position: absolute; left: 0; height: 80px; margin-top: 0; } } .ScrollDown { display: inline-block; width: 50px; line-height: 50px; background-color: #0c121c; color: #ffffff; 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; -webkit-transition-delay: 0s, 0s; -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; } .ScrollUp { display: inline-block; width: 50px; line-height: 50px; background-color: #0c121c; color: #ffffff; 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; -webkit-transition-delay: 0s, 0s; -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; } .ScrollDown:after { content: '\e003'; font-size: 25px; position: relative; top: -1px; } .ScrollDown:after { content: '\e003'; font-size: 25px; position: relative; top: -1px; } .ScrollDown:hover { background-color: #ffffff; color: #0c121c; } .HeroCarousel .ScrollDown { -webkit-transform: translate3d(0, 0, 0); } @media screen and (min-width: 1px) and (max-width: 900px) { .ScrollDown { display: none; } } .SearchResults .searchHeader { background-color: #4a4f54; padding: 80px 90px; } .SearchResults .formContainer { width: 500px; margin: 0 auto; position: relative; } .SearchResults .textfield { width: 350px; margin: 0 20px 0 0; } .SearchResults .searchButton { vertical-align: top; } .SearchResults .searchResultsContent { background: #f8f9f9; padding: 80px 90px; } .SearchResults .searchList { float: left; width: 60%; padding-right: 40px; } .SearchResults .searchList h3 { margin-bottom: 0; } .SearchResults .summary { font-size: 14px; padding-top: 16px; color: #4a4f54; } .SearchResults .results li { padding-top: 40px; } .SearchResults .results li .heading { color: #4a4f54; margin-bottom: 12px; } .SearchResults .results li .heading a { text-decoration: none; color: #0c121c; } .SearchResults .results li .heading a:hover, .SearchResults .results li .heading a:focus { color: #4a4f54; } .SearchResults .results li p { padding: 12px 0; color: #4a4f54; } .SearchResults .results li p a { color: #4a4f54; border-bottom-color: rgba(74, 79, 84, 0.25) !important; text-decoration: none; } .SearchResults .results li p a:hover, .SearchResults .results li p a:focus { color: #4a4f54; text-decoration: none; } .SearchResults .promoted { letter-spacing: 0.12em; font-size: 10px; margin-right: 10px; padding: 2px 6px; display: inline-block; color: #4a4f54; background: #e4e8e8; font-weight: bold; } .SearchResults .pagination { padding-top: 40px; text-align: center; } .SearchResults .suggestions { padding-top: 40px; } .SearchResults .suggestions h3 { color: #4a4f54; } .SearchResults .suggestions p { padding-top: 12px; color: #4a4f54; } .SearchResults .suggestions p a { margin-right: 8px; color: #4a4f54; text-decoration: none; border-bottom: 1px solid #e4e8e8; line-height: 26px; } .SearchResults .suggestions p a:hover, .SearchResults .suggestions p a:focus { color: #4a4f54; } .SearchResults .searchSidebar { float: right; width: 40%; } #landrover .searchButton { margin-top: 0; min-width: 0 !important; width: 130px; } #landrover .SearchResults .pagination a { margin: 0; } #landrover .SearchResults .pagination a.previous, #landrover .SearchResults .pagination a.next { display: none; } .no-js #landrover .SearchResults .pagination a.previous, .no-js #landrover .SearchResults .pagination a.next { display: inline-block; } .no-js #landrover .SearchResults .pagination a.loadMore { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .SearchResults .searchHeader { padding: 40px 40px; } .SearchResults .textfield { margin-bottom: 20px; } .SearchResults .searchResultsContent { padding: 40px 40px; } .SearchResults .searchList { float: none; width: auto; padding-right: 0; } .SearchResults .searchSidebar { display: none; } } @media screen and (min-width: 1px) and (max-width: 740px) { .SearchResults .searchHeader { padding: 30px 30px; } .SearchResults .searchResultsContent { padding: 30px 30px; } .SearchResults .formContainer { width: auto; max-width: 350px; } .SearchResults .textfield { width: 100%; margin: 0 0 20px; } #landrover .SearchResults .searchButton { width: 100%; float: none; } } .InteractiveSlider { position: relative; overflow: hidden; width: 100%; } .InteractiveSlider.old .sliderContainer { position: absolute; bottom: 40px; left: 400px; right: 30px; background: transparent; } .InteractiveSlider.old .sliderContainer .handleInner { background: #000000; } .InteractiveSlider.old .sliderContainer .handleInner:before, .InteractiveSlider.old .sliderContainer .handleInner:after { color: #ffffff; } .InteractiveSlider.old .sliderContainer .sliderControls { max-width: 950px; } .InteractiveSlider.old .sliderContainer .sliderControls .sliderTrackBackground { height: 2px; margin-top: 1px; background: #000000; opacity: 0.9; } .InteractiveSlider.old .sliderContainer .sliderControls .sliderProgress { background-color: #000000; } .InteractiveSlider.old .spriteContainer { margin-top: -40px; } @media screen and (min-width: 1px) and (max-width: 1150px) { .InteractiveSlider.old .frameSliderBg, .InteractiveSlider.old .frameSliderItem { height: 600px; } .InteractiveSlider.old .spriteContainer { top: 150px; } .InteractiveSlider.old .sliderContainer { bottom: 40px; } } @media screen and (min-width: 1px) and (max-width: 1000px) { .InteractiveSlider.old .spriteContainer { top: 200px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider.old .sliderContainer { left: 40px; right: 40px; top: auto; bottom: 275px; } .InteractiveSlider.old .spriteContainer { top: -70px; } .InteractiveSlider.old .frameSliderBg, .InteractiveSlider.old .frameSliderItem { height: 600px; } .InteractiveSlider.old .infoContainer { top: auto; bottom: 0; height: 300px; background: #ffffff; text-align: center; } } .InteractiveSlider:not(.old) .sliderContainerUpper { max-width: 1560px; } .InteractiveSlider:not(.old) .frames-loaded .spriteContainer { opacity: 1; } .InteractiveSlider:not(.old) .infoContainer .content { text-align: left; } .InteractiveSlider:not(.old) .infoContainer .content.noOdo .copy { display: block; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider:not(.old) .infoContainer .title, .InteractiveSlider:not(.old) .infoContainer img, .InteractiveSlider:not(.old) .infoContainer .copy { display: none; } } .InteractiveSlider:not(.old) .sliderControls { width: 100%; margin-top: 25px; padding-top: 31px; cursor: pointer; } .InteractiveSlider:not(.old) .sliderControls .sliderHandle { top: 0; } .InteractiveSlider:not(.old) .sliderControls .sliderHandle .handleInner { padding-top: 60px; margin-bottom: 80px; border-bottom: 5px solid #005a2b; background: transparent; height: 0; width: 70px; left: -35px; transition: border 0.2s; } .InteractiveSlider:not(.old) .sliderControls .sliderHandle .handleInner:before, .InteractiveSlider:not(.old) .sliderControls .sliderHandle .handleInner:after { display: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider:not(.old) .sliderControls .sliderHandle .handleInner { width: 44px; left: -22px; } } .InteractiveSlider:not(.old) .sliderControls .sliderTrack { height: 0; margin-left: -33px; margin-right: -33px; border-bottom: 1px solid #898c8f; margin-top: -1px; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider:not(.old) .sliderControls .sliderTrack { margin-left: -22px; margin-right: -22px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider:not(.old) .largeTitle { width: 90%; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center; } .InteractiveSlider:not(.old) .infoContainer { left: 0; } .InteractiveSlider:not(.old) .literage { text-align: center; width: auto; position: relative; } .InteractiveSlider:not(.old) .literage>span { width: auto !important; display: inline-block !important; padding-right: 0 !important; } } .InteractiveSlider .hideOnDesktop img { height: 100%; width: 100%; } .InteractiveSlider .frameSliderItem { width: 100%; float: left; position: relative; overflow: hidden; height: 800px; } .InteractiveSlider .frameSliderBg, .InteractiveSlider .frameSliderBgNoScript, .InteractiveSlider .vehicleNoScript { position: absolute; top: 0; left: 0; right: 0; height: 730px; width: 100%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .frameSliderBg, .InteractiveSlider .frameSliderBgNoScript, .InteractiveSlider .vehicleNoScript { height: 450px; } } .InteractiveSlider .frameSliderBgNoScript, .InteractiveSlider .vehicleNoScript { background-position: 0 0; background-repeat: no-repeat; } .InteractiveSlider .headings { position: relative; z-index: 1; padding-bottom: 375px; margin-bottom: 0; } .InteractiveSlider .secondaryHeading { font-weight: 500; } .InteractiveSlider .subHeading { max-width: 680px; min-height: 36px; margin-bottom: 25px; } .InteractiveSlider .spriteContainerContext, .InteractiveSlider .spriteContainer .vehicle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .InteractiveSlider .spriteContainerContext { z-index: 1; } .InteractiveSlider .spriteContainer .vehicle { -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } .InteractiveSlider .frames-loaded .spriteContainer { opacity: 1; } .InteractiveSlider .backgroundOverlay .backgroundOverlayElement { background-color: #0c121c; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -webkit-transition-delay: 0s; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .InteractiveSlider .backgroundOverlay.backgroundOverlayActive .backgroundOverlayElement { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .InteractiveSlider .backgroundOverlay.vehicleForeground .vehicle { z-index: 1; } .InteractiveSlider .royalSlider { min-height: 400px; } .InteractiveSlider .royalSlider.rsAutoHeight .rsArrowIcn:before { zoom: 1; } .InteractiveSlider .sliderContainer { background: #ffffff; position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .sliderContainer { top: 375px; bottom: auto; height: 100px; padding-left: 30px; padding-right: 30px; } } .InteractiveSlider .sliderContainer .sliderContainerUpper { width: 100%; margin-bottom: 20px; } .InteractiveSlider .sliderContainer .sliderContainerUpper div { font-family: "lr_ot4", "arial", "helvetica", sans-serif; text-transform: uppercase; float: left; background: #ffffff; color: #898c8f; height: 45px; line-height: 45px; margin-top: 7px; font-weight: 900; -webkit-transition: color 0.4s; -webkit-transition-delay: 0s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .InteractiveSlider .sliderContainer .sliderContainerUpper div.active { color: #000000; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .sliderContainer .sliderContainerUpper div { font-size: 16px; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .InteractiveSlider .sliderContainer .sliderContainerUpper div span { display: none; } } .InteractiveSlider .sliderContainer .sliderContainerUpper div .mobile { display: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .sliderContainer .sliderContainerUpper div .mobile { display: block; } } .InteractiveSlider .sliderContainer .sliderContainerUpper div .desktop { display: block; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .sliderContainer .sliderContainerUpper div .desktop { display: none; } } .InteractiveSlider .frames-loaded .sliderContainer { opacity: 1; } .InteractiveSlider .sliderContainerLower { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .InteractiveSlider .infoContainerTemplates { display: none; } .InteractiveSlider .infoContainer { position: absolute; top: 20px; left: 70px; width: 320px; z-index: 2; -webkit-transition: top 0.3s; -webkit-transition-delay: 0s; -moz-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .infoContainer { top: 450px; left: 0; right: 0; width: auto; opacity: 1; padding-top: 0; } } .InteractiveSlider .infoContainer .content { background: #ffffff; opacity: 0.97; z-index: 3; -webkit-transition: height 0.3s; -webkit-transition-delay: 0s; -moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; overflow: hidden; } .InteractiveSlider .infoContainer .content.hidden .tabData .largeTitle, .InteractiveSlider .infoContainer .content.hidden .tabData .dimensions, .InteractiveSlider .infoContainer .content.hidden .tabData .copy, .InteractiveSlider .infoContainer .content.hidden .tabData img { opacity: 0; -webkit-transition: opacity 0.2s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .infoContainer .content { -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } .InteractiveSlider .infoContainer .content.noImages .tabData { padding-bottom: 25px; } .InteractiveSlider .infoContainer .tabData { color: #4a4f54; letter-spacing: 1.5px; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 10px; font-weight: normal; opacity: 0.97; background: #ffffff; width: 100%; padding: 25px; padding-bottom: 5px; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .infoContainer .tabData { opacity: 1; } } .InteractiveSlider .infoContainer .tabData .largeTitle, .InteractiveSlider .infoContainer .tabData .dimensions, .InteractiveSlider .infoContainer .tabData .copy { opacity: 1; -webkit-transition: opacity 0.1s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; } .InteractiveSlider .infoContainer .tabData img { height: 155px; width: 270px; opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .InteractiveSlider .infoContainer .tabData .title { font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 16px; font-weight: bold; color: #a4a7a9; text-transform: uppercase; margin-bottom: 26px; letter-spacing: 0.8px; } .InteractiveSlider .infoContainer .tabData .largeTitle { font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 24px; line-height: 27px; letter-spacing: 0.5px; color: #000000; text-transform: uppercase; margin-bottom: 13px; font-weight: 900; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .infoContainer .tabData .largeTitle { font-size: 18px; line-height: 20px; } } .InteractiveSlider .infoContainer .tabData .dimensions { font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 16px; color: #4a4f54; margin-bottom: 15px; font-weight: 900; letter-spacing: 0.8px; } .InteractiveSlider .infoContainer .tabData .literage { font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 40px; color: #000000; font-weight: 900; margin-bottom: 17px; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .infoContainer .tabData .literage { margin-bottom: 25px; } } .InteractiveSlider .infoContainer .tabData .literage>span { position: relative; padding-left: 0; padding-right: 10px; width: 100%; display: block; text-align: left; line-height: 70px; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .infoContainer .tabData .literage>span { text-align: center; } } .InteractiveSlider .infoContainer .tabData .literage>span .odo { transition: width 1s; font-size: 70px; direction: ltr; padding-top: 2px; padding-bottom: 2px; } .InteractiveSlider .infoContainer .tabData .literage>span:before, .InteractiveSlider .infoContainer .tabData .literage>span:after { content: ""; display: block; position: absolute; left: 0; right: 0; height: 2px; background: #4a4f54; } .InteractiveSlider .infoContainer .tabData .literage>span:before { top: 2px; } .InteractiveSlider .infoContainer .tabData .literage .litres { font-size: 24px; font-family: "lr_ot4", "arial", "helvetica", sans-serif; display: inline-block; margin-left: 5px; position: relative; top: 14px; } .InteractiveSlider .infoContainer .tabData .copy { font-family: "avenir", "arial", "helvetica", sans-serif; line-height: 18px; font-size: 14px; letter-spacing: 0.28px; } .InteractiveSlider .infoContainer .tabData img { margin: 10px auto 0 auto; width: 100%; } .InteractiveSlider sup { position: relative; top: 12px; font-size: 8px; } .InteractiveSlider.old { height: 700px; } .InteractiveSlider.old .frameSliderItem { height: 700px; } .InteractiveSlider.old .spriteContainer { position: absolute; width: 1600px; height: 900px; opacity: 0.2; top: -100px; -webkit-transition: opacity 400ms; -webkit-transition-delay: 0s; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; left: -20px; } .InteractiveSlider.old .frames-loaded .spriteContainer { opacity: 1; } .InteractiveSlider.old .tabData { padding-bottom: 25px; } .InteractiveSlider:not(.old) .spriteContainer { position: absolute; width: 1600px; height: 900px; opacity: 0.2; left: -20px; top: -100px; -webkit-transition: opacity 400ms; -webkit-transition-delay: 0s; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } @media screen and (min-width: 1px) and (max-width: 1100px), screen and (max-height: 620px) { .InteractiveSlider .headings { padding-bottom: 25px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .InteractiveSlider .subHeading { margin-bottom: 20px; } .InteractiveSlider .headings { padding-bottom: 20px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider { height: auto; } .InteractiveSlider .shelfComponent { padding-left: 16px; padding-right: 16px; } .InteractiveSlider .headings { padding-bottom: 10px; max-width: none; margin-bottom: 0; } .InteractiveSlider .subHeading { display: none; } .InteractiveSlider .sliderContainer { margin-top: 10px; top: 270px; } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .sliderContainer { margin-top: 0; } } .InteractiveSlider .sliderControls { width: 220px; } .InteractiveSlider .royalSlider { min-height: 0; } .InteractiveSlider .frameSliderBg { height: 270px; } .InteractiveSlider .infoContainer { top: 340px; } .InteractiveSlider .sliderTitle { -webkit-transition: opacity 150ms; -webkit-transition-delay: ease-out; -moz-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out 0; } .InteractiveSlider .sliderTitle.headingH6 { font-size: 11px; } .InteractiveSlider .sliderTitle.current { -webkit-transition: opacity 150ms; -webkit-transition-delay: ease-out; -moz-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out 50ms; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: portrait) { .InteractiveSlider .rsArrow { display: none !important; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: landscape) { .InteractiveSlider .shelfComponent { padding-left: 60px; padding-right: 60px; } .InteractiveSlider .outerContainer { margin: 0 30px; } } @media screen and (min-width: 1601px) { .InteractiveSlider { background-repeat: no-repeat; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } } .no-js .InteractiveSlider .frameSliderItem { display: none; } .no-js .InteractiveSlider .frameSliderItem:first-child { display: block; } .no-js .InteractiveSlider .sliderSpriteNoScript, .no-js .InteractiveSlider .vehicleNoScript { max-width: 100%; } .no-js .InteractiveSlider .spriteContainer, .no-js .InteractiveSlider .sliderContainer { opacity: 1; } @media (max-height: 850px) and (min-width: 740px) { .InteractiveSlider:not(.old) { height: 700px; } .InteractiveSlider:not(.old) .frameSliderBg { height: 600px; } .InteractiveSlider:not(.old) .spriteContainer { margin-top: -40px; } .InteractiveSlider:not(.old) .sliderContainer { top: 600px; } } @media (max-height: 750px) and (min-width: 740px) { .InteractiveSlider:not(.old) { height: 600px; } .InteractiveSlider:not(.old) .frameSliderBg { height: 520px; } .InteractiveSlider:not(.old) .spriteContainer { margin-top: -100px; } .InteractiveSlider:not(.old) .sliderContainer { top: 520px; } .InteractiveSlider:not(.old) .infoContainer .copy { display: none; } } @media screen and (min-width: 1px) and (max-width: 1600px) { .InteractiveSlider:not(.old) .spriteContainer, .InteractiveSlider.old .spriteContainer { width: 1520px; height: 855px; left: 4px; top: -77.5px; } .no-js .InteractiveSlider:not(.old) .sliderContainer { display: none; } .InteractiveSlider.old .spriteContainer { margin-top: -40px; } } @media screen and (min-width: 1px) and (max-width: 1500px) { .InteractiveSlider:not(.old) .spriteContainer, .InteractiveSlider.old .spriteContainer { width: 1440px; height: 810px; left: 28px; top: -55px; } } @media screen and (min-width: 1px) and (max-width: 1400px) { .InteractiveSlider:not(.old) .spriteContainer, .InteractiveSlider.old .spriteContainer { width: 1280px; height: 720px; left: 76px; top: -10px; } } @media screen and (min-width: 1px) and (max-width: 1300px) { .InteractiveSlider:not(.old) .spriteContainer, .InteractiveSlider.old .spriteContainer { width: 1280px; height: 720px; left: 76px; top: -10px; } } @media screen and (min-width: 1px) and (max-width: 1250px) { .InteractiveSlider.old, .InteractiveSlider.old .frameSliderItem, .InteractiveSlider.old .frameSliderBg { height: 600px; } .InteractiveSlider.old .spriteContainer { height: 585px; width: 1040px; left: 148px; top: 7.5px; } } @media screen and (min-width: 1px) and (max-width: 1150px) { .InteractiveSlider.old, .InteractiveSlider.old .frameSliderItem, .InteractiveSlider.old .frameSliderBg { height: 500px; } .InteractiveSlider.old .spriteContainer { height: 540px; width: 960px; border-radius: 20px; left: 172px; top: -20px; } } @media screen and (min-width: 1px) and (max-width: 1100px) { .InteractiveSlider.old .infoContainer { left: 25px; background: #ffffff; display: table; } .InteractiveSlider.old .infoContainer .content { display: table-cell; vertical-align: middle; } .InteractiveSlider.old .sliderContainer { bottom: 0; } .InteractiveSlider.old .spriteContainer { left: 102px; } } @media screen and (min-width: 1px) and (max-width: 1000px) { .InteractiveSlider:not(.old) .spriteContainer { -webkit-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .InteractiveSlider.old .spriteContainer { height: 495px; width: 880px; border-radius: -2.5px; left: 126px; top: 2.5px; } } @media screen and (min-width: 1px) and (max-width: 950px) { .InteractiveSlider:not(.old) .spriteContainer { margin-left: -40px; } .InteractiveSlider.old .spriteContainer { height: 450px; width: 800px; border-radius: -25px; left: 150px; top: 25px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .InteractiveSlider:not(.old) .spriteContainer { margin-left: -80px; } .InteractiveSlider.old .spriteContainer { height: 360px; width: 640px; border-radius: -70px; left: 228px; top: 70px; } } @media screen and (min-width: 1px) and (max-width: 850px) { .InteractiveSlider.old .spriteContainer { left: 198px; } .InteractiveSlider:not(.old) .infoContainer { left: 30px; } .InteractiveSlider:not(.old) .spriteContainer { margin-left: -120px; } } @media screen and (min-width: 1px) and (max-width: 800px) { .InteractiveSlider.old .infoContainer { max-width: 280px; } .InteractiveSlider.old, .InteractiveSlider.old .frameSliderItem, .InteractiveSlider.old .frameSliderBg { height: 400px; } .InteractiveSlider.old .spriteContainer { height: 360px; width: 640px; border-radius: -20px; left: 178px; top: 40px; } .InteractiveSlider:not(.old) .spriteContainer { margin-left: -155px; } } @media screen and (min-width: 1px) and (max-width: 750px) { .InteractiveSlider.old .spriteContainer { left: 138px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .InteractiveSlider .infoContainer .tabData .dimensions { text-align: center; } .InteractiveSlider:not(.old) .frameSliderItem, .InteractiveSlider:not(.old) .frameSliderBg { height: 250px; } .InteractiveSlider:not(.old) .spriteContainer { height: 450px; width: 800px; left: 50%; -webkit-transform-origin: 0 0; transform-origin: 0 0; top: 470px; margin-left: -225px; } .InteractiveSlider:not(.old) .sliderContainer { height: 60px; top: 250px; } .InteractiveSlider:not(.old) .infoContainer { left: 0; text-align: center; top: 309px; } .InteractiveSlider:not(.old) .infoContainer .content { height: auto; padding-top: 5px; } @media (orientation: landscape) { .InteractiveSlider:not(.old) .spriteContainer { -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); top: -100px; margin-left: -480px; } } .InteractiveSlider.old { height: auto; } .InteractiveSlider.old .frameSliderBg { height: 280px; } .InteractiveSlider.old .spriteContainer { height: 270px; width: 480px; left: 50%; margin-top: 0; margin-left: -295px; top: -26px; } .InteractiveSlider.old .sliderContainer { height: 32px; top: 186px; } .InteractiveSlider.old .infoContainer { top: 280px; height: auto; display: block; bottom: auto; left: 0; max-width: none; } .InteractiveSlider.old .infoContainer .content { display: block; } @media (orientation: landscape) { .InteractiveSlider.old .frameSliderBg { height: 300px; } .InteractiveSlider.old .spriteContainer { height: 450px; width: 800px; margin-left: -480px; top: -91px; } .InteractiveSlider.old .infoContainer { top: 300px; } .InteractiveSlider.old .sliderContainer { height: 32px; top: 236px; } } } .lt-ie10 .InteractiveSlider { height: 700px !important; } .lt-ie10 .InteractiveSlider:not(.old) { height: 800px !important; } .lt-ie10 .InteractiveSlider:not(.old) .frameSliderItem { height: 800px !important; } .lt-ie10 .InteractiveSlider:not(.old) .sliderContainer { height: 100px !important; bottom: 0 !important; top: auto !important; } .lt-ie10 .InteractiveSlider:not(.old) .frameSliderBg { height: 700px !important; } .lt-ie10 .InteractiveSlider:not(.old) .infoContainer { left: 50px !important; } .lt-ie10 .InteractiveSlider:not(.old) .sliderControls { background: white; filter: alpha(opacity=1); position: relative; display: block; } .lt-ie10 .InteractiveSlider.old .sliderContainer { top: 550px !important; } .lt-ie10 .InteractiveSlider.old .frameSliderBg, .lt-ie10 .InteractiveSlider.old .frameSliderItem { height: 700px !important; display: block !important; } .lt-ie10 .InteractiveSlider.old .infoContainer { left: 50px !important; } .lt-ie10 .InteractiveSlider .spriteContainer { top: 100px !important; height: 562.5px !important; width: 1000px !important; margin-top: -68.75px; } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; width: 40px; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; visibility: hidden; width: 40px; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: center; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; width: 40px; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; width: 40px; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); width: 40px; } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; width: 40px; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2000ms; -moz-transition: -moz-transform 2000ms; -ms-transition: -ms-transform 2000ms; -o-transition: -o-transform 2000ms; transition: transform 2000ms; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2000ms; -moz-transition: -moz-transform 2000ms; -ms-transition: -ms-transform 2000ms; -o-transition: -o-transform 2000ms; transition: transform 2000ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "lr_ot4", sans-serif; } .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; } .ShoppingToolsMenu { float: right; width: 100%; } .ShoppingToolsMenu ul { float: right; } .ShoppingToolsMenu li { float: left; position: relative; vertical-align: middle; height: 35px; line-height: 35px; } .ShoppingToolsMenu li.ShoppingToolsButton { line-height: 35px; } .ShoppingToolsMenu li.ShoppingToolsButton>a:after { content: '\e00b'; font-size: 9px; position: relative; padding-left: 4px; top: -2px; } .ShoppingToolsMenu li.active>a:after { content: '\e00c'; } .ShoppingToolsMenu li a { text-decoration: none; padding: 0 17px; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 14px; letter-spacing: 0.2em; display: block; -webkit-transform-style: preserve-3d; -webkit-transition: color 0.1s; -webkit-transition-delay: 0s; -moz-transition: color 0.1s; -o-transition: color 0.1s; transition: color 0.1s; } .ShoppingToolsMenu li a .icon-chevron-down { display: inline-block; } .ShoppingToolsMenu li a .icon-chevron-up { display: none; } .ShoppingToolsMenu li a .icon-right-open-big { position: relative; font-size: 9px; top: -1px; margin-right: 3px; } .ShoppingToolsMenu .ShoppingToolsDropdown { position: absolute; right: 0; z-index: 10; display: none; } .ShoppingToolsMenu .ShoppingToolsDropdown li { width: 100%; height: auto; line-height: 17px; } .ShoppingToolsMenu .ShoppingToolsDropdown li a { padding: 9px 20px; white-space: nowrap; -webkit-transition: background-color 0.1s, color 0.1s; -webkit-transition-delay: 0s, 0s; -moz-transition: background-color 0.1s, color 0.1s; -o-transition: background-color 0.1s, color 0.1s; transition: background-color 0.1s, color 0.1s; } @media screen and (min-width: 1px) and (max-width: 1050px) { .ShoppingToolsMenu li a { padding: 0 6px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .ShoppingToolsMenu { display: none; } } .ShoppingToolsMenu { background-color: #0c121c; } .ShoppingToolsMenu li.active { background-color: #4a4f54; } .ShoppingToolsMenu li.active>a { color: #ffffff; } .ShoppingToolsMenu li a { color: #a4a7a9; } .ShoppingToolsMenu .ShoppingToolsDropdown li a { background-color: #4a4f54; color: #e4e8e8; } .ShoppingToolsMenu .ShoppingToolsDropdown li a:hover, .ShoppingToolsMenu .ShoppingToolsDropdown li a:focus { background-color: #e4e8e8; color: #4a4f54; } .lightTheme .ShoppingToolsMenu { background-color: #ffffff; } .lightTheme .ShoppingToolsMenu li.ShoppingToolsButton { background-color: #005a2b; } .lightTheme .ShoppingToolsMenu li.ShoppingToolsButton>a { color: #ffffff; } .lightTheme .ShoppingToolsMenu li.ShoppingToolsButton>a:hover { color: #ffffff; } .lightTheme .ShoppingToolsMenu li.active { background-color: #f8f9f9; } .lightTheme .ShoppingToolsMenu li.active>a { color: #0c121c; } .lightTheme .ShoppingToolsMenu li.active>a:hover { color: #0c121c; } .lightTheme .ShoppingToolsMenu li a { font-weight: 600; color: #0c121c; } .lightTheme .ShoppingToolsMenu li a:hover { color: #0c121c; } .lightTheme .ShoppingToolsMenu .ShoppingToolsDropdown li a { background-color: #f8f9f9; color: #0c121c; } .lightTheme .ShoppingToolsMenu .ShoppingToolsDropdown li a:hover, .lightTheme .ShoppingToolsMenu .ShoppingToolsDropdown li a:focus { background-color: #005a2b; color: #ffffff; } .SidebarImage a:first-child { text-decoration: none; } .SidebarImage img, .SidebarImage span[data-picture] { width: 100%; height: auto; display: block; margin-bottom: 5.5px; } .SidebarImage .carouselImageLink { position: relative; display: block; } .SidebarImage .carouselImageLink img { margin-bottom: 0; vertical-align: top; } .SidebarImage .heading { margin-top: 33px; } @media screen and (min-width: 1px) and (max-width: 740px) { .SidebarImage .heading { margin-top: 22px; } } .SidebarText .text { margin-bottom: 22px; } .SidebarText p { margin-bottom: 0; } .SiteNavigation { background: #ffffff; } .SiteNavigation a { color: #4a4f54; text-decoration: none; } .SiteNavigation a:hover { color: #0c121c; } .SiteNavigation .SiteNavigationQuickLinks { padding-bottom: 40px; border-bottom: 1px solid #e4e8e8; } .SiteNavigation .SiteNavigationQuickLinks a { font-size: 16px; } .SiteNavigation .SiteNavigationFirst>li, .SiteNavigation .SiteNavigationSecond>li { border-bottom: 1px solid #e4e8e8; color: #4a4f54; padding: 80px 0 40px; } .SiteNavigation .SiteNavigationFirst>li a, .SiteNavigation .SiteNavigationSecond>li a { font-size: 14px; display: inline-block; line-height: 1.1em; } .SiteNavigation .SiteNavigationFirst>li>a, .SiteNavigation .SiteNavigationSecond>li>a { font-size: 14px; margin-left: 20px; margin-bottom: 40px; } .SiteNavigation .SiteNavigationSubNav { overflow: hidden; } .SiteNavigation .SiteNavigationSubNav>li:nth-child(4n+1) { clear: both; } .SiteNavigation .SiteNavigationSubNav li a { font-weight: bold; margin-bottom: 16px; } .SiteNavigation .SiteNavigationSubNav li a:hover { color: #0c121c; } .SiteNavigation .SiteNavigationTertiaryNav li { width: auto; } .SiteNavigation .SiteNavigationTertiaryNav li a { font-size: 12px; } .SiteNavigation .SiteNavigationTertiaryNav li ul { margin-left: 18px; } .SiteNavigation .SiteNavigationHeader { font-size: 16px; display: inline-block; margin: 80px 0 80px 20px; } @media screen and (min-width: 1px) and (max-width: 900px) { .SiteNavigation .SiteNavigationQuickLinks { padding-bottom: 40px; } .SiteNavigation .SiteNavigationFirst>li, .SiteNavigation .SiteNavigationSecond>li { padding: 40px 0; } } .SlideOutMenu { position: fixed; right: -1000px; top: 0; bottom: 0; z-index: 12; } .SlideOutMenu .MoreButton { float: left; width: 50px; } .SlideOutMenu .MoreButton a { display: block; height: 50px; line-height: 50px; text-align: center; font-size: 13px; text-decoration: none; } .SlideOutMenu .links { width: 270px; float: left; height: 100%; } .SlideOutMenu .search { float: left; width: 100%; height: 50px; position: relative; } .SlideOutMenu .search>span { display: block; height: 50px; position: relative; overflow: hidden; padding: 15px; -webkit-backface-visibility: hidden; } .SlideOutMenu .search>span:before { content: '\e043'; width: 20px; height: 20px; position: absolute; top: 15px; left: 15px; line-height: 20px; font-family: "icons"; font-size: 12px; text-align: center; } .SlideOutMenu .search input { border: medium none; -webkit-backface-visibility: hidden; display: block; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 11px; height: 20px; line-height: 20px; outline: medium none; padding: 0 10px 0 20px; letter-spacing: 0.1em; width: 100%; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .SlideOutMenu .search input::-webkit-input-placeholder { color: #e4e8e8; } .SlideOutMenu .search input:-moz-placeholder { color: #e4e8e8; } .SlideOutMenu .search input::-moz-placeholder { color: #e4e8e8; } .SlideOutMenu .search input:-ms-input-placeholder { color: #e4e8e8; } .SlideOutMenu .search input::-webkit-search-cancel-button { -webkit-appearance: none; } .SlideOutMenu .search input::-ms-clear { display: none; } .SlideOutMenu .search .btn { display: inline-block; height: 21px; position: absolute; right: 15px; display: none; opacity: 1; top: 20px; width: 60px; margin: 0; padding: 0; border: none; font-size: 10px; cursor: hand; cursor: pointer; letter-spacing: 0.15em; text-align: right; } .SlideOutMenu .navigation, .SlideOutMenu .cover { position: absolute; top: 50px; bottom: 0; right: 0; overflow-y: auto; z-index: 4; -webkit-overflow-scrolling: touch; } .SlideOutMenu .cover { z-index: 5; height: 0; } .SlideOutMenu ul { width: 100%; float: left; } .SlideOutMenu ul.first { display: none; } .SlideOutMenu ul.first>li { clear: both; width: 100%; position: relative; border-top: 1px solid; overflow: hidden; *zoom: 1; } .SlideOutMenu ul.first>li>a:after { content: '\e038'; position: absolute; right: 17px; top: 16px; font-size: 15px; margin: 0; } .SlideOutMenu ul.first>li a { line-height: 1.3em; padding: 18px 47px 18px 17px; display: block; text-decoration: none; font-size: 10px; font-weight: bold; letter-spacing: 0.3em; } .SlideOutMenu ul.first>li a:hover, .SlideOutMenu ul.first>li a:focus { background-image: none; } .SlideOutMenu ul.first>li.active>a:after { content: '\e02f'; } .SlideOutMenu ul.first>li ul { float: none; } .SlideOutMenu ul.first>li ul li { border-top: 1px solid; } .SlideOutMenu ul.first>li ul li a { line-height: 15px; padding: 13px 17px; position: relative; font-weight: bold; } .SlideOutMenu ul.first>li ul li a:before { content: '\e800'; content: '\e042'; float: none; font-size: 10px; margin-right: 5px; position: absolute; top: 17px; } .SlideOutMenu ul.first>li ul li a span { display: inline-block; width: 89%; margin-left: 20px; } .SlideOutMenu ul.second li { width: 100%; height: auto; border-top: 1px solid; } .SlideOutMenu ul.second li:first-child { border-top: none; } .SlideOutMenu ul.second li a { padding: 12px 17px; line-height: 28px; display: block; text-decoration: none; font-size: 10px; font-weight: bold; letter-spacing: 0.3em; } .SlideOutMenu ul.second li a [class^="icon-"], .SlideOutMenu ul.second li a [class*="icon-"] { margin-right: 10px; text-align: center; height: 1em; font-size: 28px; display: inline-block; position: relative; vertical-align: top; } .SlideOutMenu ul.second li a [class^="icon-"]:before, .SlideOutMenu ul.second li a [class*="icon-"]:before { margin-left: 0; vertical-align: top; } .SlideOutMenu ul.second li a:hover, .SlideOutMenu ul.second li a:focus { background-image: none; } .SlideOutMenu ul.third { padding: 13px 0; border-top: 1px solid; } .SlideOutMenu ul.third li a { padding: 13px 17px 13px 35px; display: block; } .SlideOutMenu ul.third li a:before { top: 14px; left: 13px; } .SlideOutMenu .autoCompleteMenu { z-index: 6; top: 50px; max-height: none; } .SlideOutMenu.measureLinks { display: block; position: fixed; left: 50px; right: 0; } .SlideOutMenu.measureLinks .navigation { left: 0; } .SlideOutMenu.measureLinks .third li, .SlideOutMenu.measureLinks .third li a { display: inline-block; width: auto; } #landrover .SlideOutMenu .secondaryLinkWithStyle { margin-top: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .links ul { width: 100%; float: left; } .links ul.first { display: block; } } .SlideOutMenu .MoreButton a { background-color: #4a4f54; } .SlideOutMenu .links { background-color: #4a4f54; } .SlideOutMenu .search { background-color: #0c121c; } .SlideOutMenu .search>span:before { color: #e4e8e8; } .SlideOutMenu .search input { background-color: #4a4f54; color: #ffffff; } .SlideOutMenu .search .btn { background-color: #0c121c; color: #ffffff; } .SlideOutMenu .cover { background-color: #f8f9f9; } .SlideOutMenu ul.first>li { border-top-color: #30353e; background: #0c121c; } .SlideOutMenu ul.first>li a:hover, .SlideOutMenu ul.first>li a:focus { background-color: #4a4f54; } .SlideOutMenu ul.first>li.active>a { background-color: #4a4f54; } .SlideOutMenu ul.first>li ul { background-color: #4a4f54; } .SlideOutMenu ul.first>li ul li { border-top-color: #5c6065; } .SlideOutMenu ul.first>li ul li.active a { background-color: #4a4f54; } .SlideOutMenu ul.first>li ul li a { color: #e4e8e8; } .SlideOutMenu ul.first>li ul li a:hover, .SlideOutMenu ul.first>li ul li a:focus { background-color: #4a4f54; color: #ffffff; } .SlideOutMenu ul.second li { border-top-color: #5c6065; } .SlideOutMenu ul.second li a { color: #e4e8e8; background-color: #4a4f54; } .SlideOutMenu ul.second li a:hover, .SlideOutMenu ul.second li a:focus { background-color: #4a4f54; color: #ffffff; } .SlideOutMenu ul.third { border-top-color: #5c6065; background-color: #4a4f54; } .SlideOutMenu ul.third li a { color: #e4e8e8; } .SlideOutMenu ul.third li a:before { color: #e4e8e8; } .SlideOutMenu ul.third li a:hover, .SlideOutMenu ul.third li a:focus { color: #ffffff; } .lightTheme .SlideOutMenu .MoreButton a { background-color: #e4e8e8; color: #4a4f54; } .lightTheme .SlideOutMenu .links { background-color: #ffffff; } .lightTheme .SlideOutMenu .search { background-color: #ffffff; } .lightTheme .SlideOutMenu .search>span:before { color: #777b7e; } .lightTheme .SlideOutMenu .search input { background-color: #ffffff; color: #4a4f54; } .lightTheme .SlideOutMenu .search input:-moz-placeholder { color: #65696d; } .lightTheme .SlideOutMenu .search input::-moz-placeholder { color: #65696d; } .lightTheme .SlideOutMenu .search input::-webkit-input-placeholder { color: #65696d; } .lightTheme .SlideOutMenu .search input:-ms-input-placeholder { color: #65696d; } .lightTheme .SlideOutMenu .search .btn { background-color: #ffffff; color: #65696d; } .lightTheme .SlideOutMenu .cover { background-color: #f8f9f9; } .lightTheme .SlideOutMenu ul.first>li { background: #ffffff; border-top-color: #eef1f1; } .lightTheme .SlideOutMenu ul.first>li a { color: #4a4f54; } .lightTheme .SlideOutMenu ul.first>li a:hover, .lightTheme .SlideOutMenu ul.first>li a:focus { background-color: #f8f9f9; color: #0c121c; } .lightTheme .SlideOutMenu ul.first>li.active>a { background-color: #e4e8e8; } .lightTheme .SlideOutMenu ul.first>li ul { background-color: #e4e8e8; } .lightTheme .SlideOutMenu ul.first>li ul li { border-top-color: #d8dcdc; } .lightTheme .SlideOutMenu ul.first>li ul li.active a { background-color: #f8f9f9; } .lightTheme .SlideOutMenu ul.first>li ul li a { color: #4a4f54; } .lightTheme .SlideOutMenu ul.first>li ul li a:hover, .lightTheme .SlideOutMenu ul.first>li ul li a:focus { background-color: #ffffff; color: #0c121c; } .lightTheme .SlideOutMenu ul.second li { border-top-color: #d8dcdc; } .lightTheme .SlideOutMenu ul.second li a { color: #4a4f54; background-color: #e4e8e8; } .lightTheme .SlideOutMenu ul.second li a:hover, .lightTheme .SlideOutMenu ul.second li a:focus { background-color: #e4e8e8; color: #0c121c; } .lightTheme .SlideOutMenu ul.third { border-top-color: #d8dcdc; background-color: #e4e8e8; } .lightTheme .SlideOutMenu ul.third li a { color: #4a4f54; } .lightTheme .SlideOutMenu ul.third li a:before { color: #65696d; } .lightTheme .SlideOutMenu ul.third li a:hover, .lightTheme .SlideOutMenu ul.third li a:focus { color: #0c121c; } .lightTheme #landrover .SlideOutMenu ul.third li a { color: #4a4f54; } .lightTheme #landrover .SlideOutMenu ul.third li a:before { color: #65696d; } .lightTheme #landrover .SlideOutMenu ul.third li a:hover, .lightTheme #landrover .SlideOutMenu ul.third li a:focus { color: #0c121c; } .Snippet { text-align: center; } .Snippet h2 { margin-bottom: 0; } .Snippet p { margin-top: 26px; } .Snippet .copy { font-size: 18px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Snippet .copy { font-size: 16px; } .Snippet p { margin-top: 23px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Snippet .copy { font-size: 14px; } .Snippet p { margin-top: 18px; } } .SocialFeed { padding-bottom: 40px; } .SocialFeed .gridHolder { margin: 0 -20px; } .SocialFeed .gridHolder .grid { display: block; height: 426px; margin: 0 auto 0; overflow: hidden; } .SocialFeed .gridHolder .grid .gridItem { float: left; width: 33.333%; padding: 0 20px; } @media screen and (min-width: 1px) and (max-width: 1300px) { .SocialFeed .gridHolder .grid .gridItem { width: 50%; } } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialFeed .gridHolder .grid .gridItem { width: 100%; } } .SocialFeed .gridHolder .carouselNavigation { margin-top: 40px; margin-left: 20px; margin-right: 20px; } .SocialFeed .feedItem { display: block; text-decoration: none; position: relative; -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .SocialFeed .feedItem .content, .SocialFeed .feedItem .media { position: relative; height: 213px; } .SocialFeed .feedItem .media>span { display: block; height: 213px; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .SocialFeed .feedItem:hover .media>span { background: #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .SocialFeed .feedItem .content .header { display: block; padding: 30px 30px 0; } .SocialFeed .feedItem .content .header .avatar { display: block; width: 50px; height: 50px; margin-right: 10px; float: left; } .SocialFeed .feedItem .content .header .postDetails { height: 50px; overflow: hidden; } .SocialFeed .feedItem .content .header .postDetails .name, .SocialFeed .feedItem .content .header .postDetails .username, .SocialFeed .feedItem .content .header .postDetails .date { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .SocialFeed .feedItem .content .header .postDetails .name { line-height: 16px; margin-bottom: 4px; } .SocialFeed .feedItem .content .header .postDetails .username { margin-bottom: 4px; font-size: 12px; line-height: 14px; } .SocialFeed .feedItem .content .header .postDetails .date { text-transform: uppercase; font-size: 11px; font-weight: bold; letter-spacing: 0.1em; line-height: 11px; } .SocialFeed .feedItem .content .header .postDetails .retweet:before { content: '\e04e'; margin: 0 4px 0 0; font-size: 14px; } .SocialFeed .feedItem .content .message { display: table; table-layout: fixed; width: 100%; } .SocialFeed .feedItem .content .message .messageWrapper { display: table-cell; table-layout: fixed; vertical-align: middle; } .SocialFeed .feedItem .content .message .messageWrapper .messageContent { padding-right: 30px; padding-left: 30px; font-size: 14px; line-height: 18px; overflow: hidden; } .SocialFeed .feedItem .content .meta { position: absolute; left: 30px; bottom: 25px; font-size: 10px; } .SocialFeed .feedItem .content .meta:before { margin-right: 10px !important; margin-left: 0 !important; font-size: 20px; position: relative; } .SocialFeed .feedItem .content .meta li { display: inline-block; margin-right: 10px; } .SocialFeed .feedItem .content .meta li:before { position: relative; top: -2px; margin: 0 5px 0 0 !important; font-size: 14px; } .lt-ie10 .SocialFeed .feedItem .content .meta li:before { top: 0; } .SocialFeed .feedItem.facebook .content .meta:before { top: -3px; content: '\e051'; } .SocialFeed .feedItem.facebook .content .meta .comments:before { top: -1px; content: '\e046'; } .SocialFeed .feedItem.facebook .content .meta .likes:before { font-size: 15px; content: '\e047'; } .SocialFeed .feedItem.facebook .content .meta .shares:before { font-size: 13px; content: '\e048'; } .SocialFeed .feedItem.instagram .content .meta:before { top: -2px; margin-right: 14px !important; content: '\e053'; } .SocialFeed .feedItem.instagram .content .meta .comments:before { content: '\e049'; } .SocialFeed .feedItem.instagram .content .meta .likes:before { margin-right: 6px; content: '\e04a'; } .SocialFeed .feedItem.pinterest .content .meta:before { content: '\e055'; } .SocialFeed .feedItem.pinterest .content .meta .likes:before { content: '\e04b'; } .SocialFeed .feedItem.pinterest .content .meta .shares:before { content: '\e04c'; } .SocialFeed .feedItem.twitter .content .meta:before { content: '\e059'; } .SocialFeed .feedItem.twitter .content .meta .likes:before { content: '\e04d'; } .SocialFeed .feedItem.twitter .content .meta .shares:before { font-size: 16px; content: '\e04e'; } .SocialFeed .feedItem.tumblr .content .meta:before { font-size: 19px; margin-top: -6px; content: '\e058'; } .SocialFeed .feedItem.tumblr .content .meta .likes:before { content: '\e04b'; } .SocialFeed .feedItem.tumblr .content .meta .shares:before { font-size: 16px; content: '\e04e'; } .SocialFeed .feedItem.youtube .content .meta:before { content: '\e05d'; } .SocialFeed .feedItem.feedItemText .content { height: 426px; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper { height: 301px; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent { position: relative; max-height: 210px; padding-left: 60px; padding-right: 60px; padding-top: 10px; padding-bottom: 10px; font-family: "tinos", "arial", "helvetica", sans-serif; font-size: 30px; line-height: 38px; word-break: break-word; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:before, .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:after { content: ""; display: block; position: absolute; left: 60px; width: 1.34em; height: 2px; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:before { top: 0; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:after { bottom: 0; } .SocialFeed .feedItem.feedItemImage .content, .SocialFeed .feedItem.feedItemVideo .content { width: auto; position: static; } .SocialFeed .feedItem.feedItemImage .content .message .messageWrapper, .SocialFeed .feedItem.feedItemVideo .content .message .messageWrapper { height: 88px; } .SocialFeed .feedItem.feedItemImage .content .message .messageWrapper .messageContent, .SocialFeed .feedItem.feedItemVideo .content .message .messageWrapper .messageContent { max-height: 54px; } .SocialFeed .feedItem.feedItemImage .media, .SocialFeed .feedItem.feedItemVideo .media { margin-left: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; -ms-behavior: url(#); opacity: 1; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; -khtml-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } @media screen and (min-width: 1px) and (max-width: 900px) { .SocialFeed { padding-bottom: 0px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialFeed { padding-bottom: 0px; } .SocialFeed .gridHolder .carouselNavigation { margin-left: auto; margin-right: auto; text-align: center; } } .SocialFeed.dark .feedItem { background-color: #e4e8e8; color: #4a4f54; } .SocialFeed.dark .feedItem:hover { background-color: #ffffff; } .SocialFeed.dark .feedItem .content .header .name { color: #0c121c; } .SocialFeed.dark .feedItem.feedItemText .content .message .messageWrapper .messageContent { color: #005a2b; } .SocialFeed.dark .feedItem.feedItemText .content .message .messageWrapper .messageContent:before, .SocialFeed.dark .feedItem.feedItemText .content .message .messageWrapper .messageContent:after { background-color: #005a2b; } .SocialFeed.grey .feedItem { background-color: #f8f9f9; color: #4a4f54; } .SocialFeed.grey .feedItem:hover { background-color: #ffffff; } .SocialFeed.grey .feedItem .content .header .name { color: #0c121c; } .SocialFeed.grey .feedItem.feedItemText .content .message .messageWrapper .messageContent { color: #005a2b; } .SocialFeed.grey .feedItem.feedItemText .content .message .messageWrapper .messageContent:before, .SocialFeed.grey .feedItem.feedItemText .content .message .messageWrapper .messageContent:after { background-color: #005a2b; } .SocialFeed.light .feedItem { background-color: #ffffff; color: #4a4f54; } .SocialFeed.light .feedItem:hover { background-color: #e4e8e8; } .SocialFeed.light .feedItem .content .header .name { color: #0c121c; } .SocialFeed.light .feedItem.feedItemText .content .message .messageWrapper .messageContent { color: #005a2b; } .SocialFeed.light .feedItem.feedItemText .content .message .messageWrapper .messageContent:before, .SocialFeed.light .feedItem.feedItemText .content .message .messageWrapper .messageContent:after { background-color: #005a2b; } .SocialStoryStreamHub .headerBlock { margin: 0 auto 40px; } .SocialStoryStreamHub .stry-hub { background: none; margin: 0 -20px; } .SocialStoryStreamHub .stry-hub p a { color: #4a4f54; text-decoration: none; border-bottom: 1px solid; color: #4a4f54; border-bottom-color: rgba(74, 79, 84, 0.25) !important; } .SocialStoryStreamHub .stry-hub p a:hover { text-decoration: none; } .SocialStoryStreamHub .stry-hub p, .SocialStoryStreamHub .stry-hub .stry-date { color: #4a4f54; margin: 0; font-size: 12px; line-height: 1.3em; font-style: normal; position: static; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-content .stry-body, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-copy, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-content .stry-body, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-title, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-title { font-family: "avenir", "arial", "helvetica", sans-serif; color: #4a4f54; font-weight: normal; font-size: 14px; line-height: 1.3em; overflow: hidden; padding-bottom: 0px; margin: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-avatar, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-hub-meta .stry-avatar { width: 60px; height: 50px; padding: 0 10px 0 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-avatar img, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-hub-meta .stry-avatar img { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 1px solid #dee2e2; width: 100%; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span { letter-spacing: 0.05em; color: #0c121c; -webkit-font-smoothing: subpixel-antialiased; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; text-transform: uppercase; border: none; margin: 0px 0px 9px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper { display: inline-block; position: relative; padding: 0.188em 0 0.25em; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper:after { content: ""; display: block; position: absolute; left: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper:before { top: -1px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper:after { bottom: -1px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper>span, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper>span { display: block; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper .headingTextSub { margin-top: 0.175em; padding-bottom: 0.15em; font-size: 50%; margin-left: auto; margin-right: auto; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title a, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title a, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a a, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span a, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a a, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span a { color: inherit; text-decoration: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper .headingTextSub { margin-top: 5px; } } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span .headingWrapper:after { background-color: #0c121c; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a .headingWrapper:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span .headingWrapper:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span .headingWrapper:after { width: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a, .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin: -1px 0 0; padding: 0 0 3px; } .SocialStoryStreamHub .stry-hub .stry-read-more-link { display: none; } .SocialStoryStreamHub .stry-hub .stry-load-more { margin: 0; padding: 0; } .SocialStoryStreamHub .stry-hub .stry-load-more a { position: relative; display: inline-table; min-width: 125px; height: 45px; line-height: 12px; margin-top: 30px; padding: 1px 24px 0; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: bold; text-align: center; text-decoration: none; font-size: 10px; letter-spacing: 0.3em; cursor: pointer; border: 0; -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: color 0.4s, background-color 0.4s; -webkit-transition-delay: 0s, 0s; -moz-transition: color 0.4s, background-color 0.4s; -o-transition: color 0.4s, background-color 0.4s; transition: color 0.4s, background-color 0.4s; overflow: hidden; *zoom: 1; padding: 16px 0; width: auto; margin: 60px auto 0; text-transform: uppercase; } .SocialStoryStreamHub .stry-hub .stry-load-more a>span { display: table-cell; vertical-align: middle; } .SocialStoryStreamHub .stry-hub .stry-load-more a.disabled { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; cursor: default; } .SocialStoryStreamHub .stry-hub .stry-content { margin: 0; padding: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item { position: relative; padding: 20px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-hover:hover .stry-media, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-hover:hover .stry-text { cursor: pointer; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta { display: block; -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: relative; opacity: 1; z-index: 2; border: none; background: none; padding: 25px 25px 18px; white-space: nowrap; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-details { padding: 0; display: inline-block; width: calc(100% - 60px); } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-avatar { display: inline-block; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-follow { display: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-social-icon { display: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner { border: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text { background: none; margin: 0; padding: 0 25px 70px; position: static; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text .stry-hub-meta { padding: 25px 0 18px; margin: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text .stry-hub-title { padding: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media { position: static; overflow: hidden; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image { background: none; position: relative; overflow: visible; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-video-icon { z-index: 3; margin-top: -46.5px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-video-icon:before { content: '\e037'; font-size: 42px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); color: #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-video-icon .stry-icon { display: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-image-scale { -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: -webkit-transform 20s; -webkit-transition-delay: ease-out; -moz-transition: -moz-transform 20s ease-out; -o-transition: -o-transform 20s ease-out; transition: transform 20s ease-out; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item:hover .stry-media .stry-image .stry-image-scale { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-footer { padding: 0px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-text { position: relative; padding-bottom: 68px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-details p:nth-child(2) { display: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-date { position: absolute; top: 41px; left: 85px; z-index: 2; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.youtube .stry-text { padding-bottom: 74px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title { padding: 13px 0 15px; position: relative; margin: 10px 25px 25px; font-family: "tinos", "arial", "helvetica", sans-serif; font-size: 24px; line-height: 1.222em; word-break: break-word; width: auto; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title:before, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title:after { content: ""; display: block; position: absolute; left: 0px; width: 1.34em; height: 2px; background-color: #005a2b; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title:before { top: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title:after { bottom: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title, .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title a { border: none; color: #005a2b; } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title { margin: 10px 0 25px; font-size: 18px; } } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item:before { content: ""; display: block; position: absolute; bottom: 25px; left: 25px; z-index: 2; color: #a4a7a9; vertical-align: top; font-size: 20px; margin: 0 !important; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item:before { bottom: 45px; left: 45px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter:before { content: '\e059'; bottom: 42px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.instagram:before { content: '\e053'; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.youtube:before { content: '\e05d'; font-size: 27px; bottom: 46px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.facebook:before { content: '\e051'; left: 40px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.googleplus:before { content: '\e052'; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share { display: block; position: absolute; bottom: 25px; left: 59px; bottom: 23px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share .stry-tweet-action { display: block; float: left; margin: 0px; -webkit-transition: background-color 0.4s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share .stry-tweet-action a { display: block; height: 20px; float: left; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share .stry-tweet-action .stry-icon { display: block; height: 20px; color: #0c121c; line-height: 20px; font-size: 30px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share .stry-tweet-action:hover .stry-icon { color: #0c121c; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share { -webkit-transition: background-color 0.4s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; display: block; position: absolute; bottom: 25px; left: 59px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share:before { content: '\e045'; font-size: 18px; color: #0c121c; vertical-align: bottom; margin-bottom: 2px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share:hover:before { color: #0c121c; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share .stry-icon { display: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.youtube .stry-share { left: 66px; bottom: 27px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.facebook .stry-share { left: 49px; bottom: 24px; } .SocialStoryStreamHub .stry-hub .stry-menu { margin: 0 auto 40px; padding: 0 20px; height: 45px; max-width: 350px; font-size: 10px; font-weight: bold; letter-spacing: 0.2em; text-transform: uppercase; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button { -webkit-transition: background-color 400ms; -webkit-transition-delay: ease-out; -moz-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out; background-color: #0c121c; width: 100%; position: relative; height: 45px; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button:hover { background-color: #4a4f54; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .stry-menu-link { background: none; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .stry-menu-link span { display: none; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .stry-menu-link:before { color: #ffffff; content: '\e00b'; position: absolute; top: 16px; right: 15px; font-size: 10px; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu { background: none; box-shadow: none; overflow: visible; position: relative; top: 0; opacity: 1; height: auto; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear { display: none; height: auto; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a { display: block; height: 45px; padding: 17px 23px; line-height: 12px; background-color: #ffffff; text-align: left; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a:link, .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a:visited, .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a:hover, .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a:active { color: #0c121c; background-color: #e4e8e8; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-nav { top: -45px; position: absolute; height: 45px; background: none; pointer-events: none; width: auto; border: none; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-nav .stry-nav-types { pointer-events: none; background: none; color: #ffffff; text-align: left; height: 45px; padding: 17px 23px; line-height: 12px; border-left: none; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-nav .stry-icon { display: none; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list { -webkit-transition: max-height 400ms, opacity 400ms; -webkit-transition-delay: ease, ease; -moz-transition: max-height 400ms ease, opacity 400ms ease; -o-transition: max-height 400ms ease, opacity 400ms ease; transition: max-height 400ms ease, opacity 400ms ease; display: block; max-height: 0; overflow: hidden; opacity: 0; background: #ffffff; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item { border: none; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link { border-bottom: 1px solid #eef1f1 !important; position: relative; height: 45px; padding: 17px 23px; line-height: 12px; -webkit-transition: none 1s; -webkit-transition-delay: 0s; -moz-transition: none 1s; -o-transition: none 1s; transition: none 1s; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link:hover, .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link.selected, .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link:active { color: #0c121c; background: #e4e8e8; padding: 17px 23px; border-bottom-color: #dee2e2 !important; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link.selected { padding-left: 43px; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link.selected:before { content: '\e02f'; position: absolute; top: 18px; left: 21px; font-size: 10px; } .SocialStoryStreamHub .stry-hub .stry-menu .stry-powered-by { display: none; } .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-menu-button .stry-menu-link:before { font-size: 12px; right: 14px; content: '\e00d'; top: 18px; right: 14px; } .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-filters-menu .stry-filters-clear, .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-filters-menu .stry-filters-list { display: block; } .SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-filters-menu .stry-filters-list { opacity: 1; max-height: 225px; } .SocialStoryStreamHub .stry-hub .stry-nav-item.stry-nav-categories, .SocialStoryStreamHub .stry-hub .stry-filters-clear, .SocialStoryStreamHub .stry-hub .stry-categories.stry-filters-list { display: none !important; } .SocialStoryStreamHub .stry-hub .stry-popup { background-color: rgba(0, 0, 0, 0.7); } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item { max-width: 100%; width: 100%; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content { background-color: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content:before { content: ""; display: block; position: absolute; bottom: 25px; left: 25px; z-index: 2; color: #a4a7a9; vertical-align: top; font-size: 20px; margin: 0 !important; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .stry-popup-content:before { content: '\e059'; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .stry-popup-content:before { content: '\e053'; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .stry-popup-content:before { content: '\e05d'; font-size: 27px; bottom: 24px; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .stry-popup-content:before { content: '\e051'; left: 20px; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.googleplus .stry-popup-content:before { content: '\e052'; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content { position: relative; max-width: 560px; margin: 0 auto 80px; top: 80px; background-color: none; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; width: auto; border-left: 15px solid transparent; border-right: 15px solid transparent; background-clip: padding-box; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text { border: none; background-color: #ffffff; padding: 25px 25px 70px; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-hub-meta { margin: 0 0 18px 0; padding: 0; border-bottom: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-hub-meta .stry-social-icon { display: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .stry-text { padding-bottom: 77px; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls { height: auto; border: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close { top: 0; right: 0; position: absolute; background-color: #0c121c; z-index: 3; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; position: fixed; display: block; top: 0; bottom: auto; right: 0; left: auto; z-index: 1; height: 50px; width: 50px; font-size: 18px; color: #e4e8e8; background-color: transparent; padding: 0; outline: none; text-decoration: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button .stry-icon { display: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button:hover { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #4a4f54; text-decoration: none !important; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button:before { content: '\e00d'; line-height: 50px; width: 50px; margin: 0; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button:after { display: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button .stry-col { display: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share { position: absolute; bottom: 25px; left: 59px; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .stry-share-open { padding: 0; height: auto; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .stry-share-open:before { content: '\e045'; font-size: 18px; color: #0c121c; vertical-align: bottom; margin-bottom: 2px; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .stry-share-open span { display: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .stry-share { left: 66px; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .stry-share { left: 49px; bottom: 24px; } .SocialStoryStreamHub .stry-hub .stry-popup-item { -webkit-transition: opacity 400ms; -webkit-transition-delay: ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; overflow: visible; overflow-y: auto; } .SocialStoryStreamHub .stry-hub .stry-popup-item .stry-media, .SocialStoryStreamHub .stry-hub .stry-popup-item .stry-text, .SocialStoryStreamHub .stry-hub .stry-popup-item .stry-popup-body, .SocialStoryStreamHub .stry-hub .stry-popup-item .stry-blog-footer { -webkit-transition: opacity 400ms; -webkit-transition-delay: ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .SocialStoryStreamHub .stry-hub .stry-popup-item .share-text-wrapper, .SocialStoryStreamHub .stry-hub .stry-popup-item .stry-popup-content { -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; } .SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-media, .SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-text, .SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-popup-body, .SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-blog-footer { opacity: 0; } .SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .share-text-wrapper, .SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-popup-content { background-color: transparent; } .SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-popup-content:before { display: none !important; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay { -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; -webkit-transform: translate3d(0, 0, 0); background: rgba(0, 0, 0, 0.7); position: fixed; z-index: 1000; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; position: fixed; display: block; top: 0; bottom: auto; right: 0; left: auto; z-index: 1; height: 50px; width: 50px; font-size: 18px; color: #e4e8e8; background-color: transparent; padding: 0; outline: none; text-decoration: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close .stry-icon, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close .stry-icon, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close .stry-icon { display: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close:hover, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close:hover, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:hover { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #4a4f54; text-decoration: none !important; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close:before, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:before { content: '\e00d'; line-height: 50px; width: 50px; margin: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close:after, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close:after, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:after { display: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close .stry-icon, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close .stry-icon, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close .stry-icon { display: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close .stry-share-triangle, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close .stry-share-triangle, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close .stry-share-triangle { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container { padding: 0 25px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container br, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container br, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container br { display: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n), .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n), .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) { margin: 1px 5px 0px 5px; height: 50px; overflow: hidden; padding: 0; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a { text-decoration: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #0c121c; border: 0; color: #ffffff; width: 50px; height: 50px; border: none; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon { font-size: 36px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon.linkedin, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon.linkedin, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon.linkedin { font-size: 20px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a:hover .stry-icon-circle { background-color: #4a4f54; color: #ffffff; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Twitter"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Twitter"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Twitter"]:hover .stry-icon-circle { background-color: #2ca8d2; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Facebook"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Facebook"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Facebook"]:hover .stry-icon-circle { background-color: #305891; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Linkedin"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Linkedin"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Linkedin"]:hover .stry-icon-circle { background-color: #007bb6; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Google+"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Google+"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Google+"]:hover .stry-icon-circle { background-color: #dd4b39; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Pinterest"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Pinterest"]:hover .stry-icon-circle, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Pinterest"]:hover .stry-icon-circle { background-color: #c82828; } .SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-list, .SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-list, .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-list { padding: 0; vertical-align: middle; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay { -webkit-transition: opacity 400ms; -webkit-transition-delay: ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; opacity: 1; background-color: transparent; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; position: fixed; display: block; top: 0; bottom: auto; right: 0; left: auto; z-index: 1; height: 50px; width: 50px; font-size: 18px; color: #e4e8e8; background-color: transparent; padding: 0; outline: none; text-decoration: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close .stry-icon { display: none; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:hover { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #4a4f54; text-decoration: none !important; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:before { content: '\e00d'; line-height: 50px; width: 50px; margin: 0; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:after { display: none; } .SocialStoryStreamHub .stry-hub .stry-loading-message-wrapper, .SocialStoryStreamHub .stry-hub .stry-hub .stry-loading-message-wrapper { display: none !important; } .SocialStoryStreamHub.light .stry-hub .stry-menu .stry-menu-button:hover, .SocialStoryStreamHub.light .stry-hub.stry-menu-is-open .stry-menu-button, .SocialStoryStreamHub.grey .stry-hub .stry-menu .stry-menu-button:hover, .SocialStoryStreamHub.grey .stry-hub.stry-menu-is-open .stry-menu-button { background-color: #4a4f54; } #landrover .SocialStoryStreamHub.dark .stry-hub .stry-load-more a { background-color: #ffffff; color: #0c121c; } #landrover .SocialStoryStreamHub.dark .stry-hub .stry-load-more a:hover { background-color: #0c121c; color: #ffffff; } #landrover .SocialStoryStreamHub.dark .stry-hub .stry-load-more a.disabled:hover { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .SocialStoryStreamHub.dark .stry-hub .stry-load-more a:focus { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .SocialStoryStreamHub.dark .stry-hub .stry-load-more a.disabled:focus { background-color: #ffffff; color: #0c121c; } .SocialStoryStreamHub.dark .stry-hub .stry-menu .stry-menu-button:hover, .SocialStoryStreamHub.dark .stry-hub.stry-menu-is-open .stry-menu-button { background-color: #373b3f; } #landrover .SocialStoryStreamHub.light .stry-hub .stry-load-more a, #landrover .SocialStoryStreamHub.grey .stry-hub .stry-load-more a { background-color: #0c121c; color: #ffffff; } #landrover .SocialStoryStreamHub.light .stry-hub .stry-load-more a:hover, #landrover .SocialStoryStreamHub.grey .stry-hub .stry-load-more a:hover { background-color: #ffffff; color: #0c121c; } #landrover .SocialStoryStreamHub.light .stry-hub .stry-load-more a.disabled:hover, #landrover .SocialStoryStreamHub.grey .stry-hub .stry-load-more a.disabled:hover { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .SocialStoryStreamHub.light .stry-hub .stry-load-more a:focus, #landrover.focusStylesOn .SocialStoryStreamHub.grey .stry-hub .stry-load-more a:focus { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .SocialStoryStreamHub.light .stry-hub .stry-load-more a.disabled:focus, #landrover.focusStylesOn .SocialStoryStreamHub.grey .stry-hub .stry-load-more a.disabled:focus { background-color: #0c121c; color: #ffffff; } .SocialStoryStreamHub.light .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner, .SocialStoryStreamHub.light .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta, .SocialStoryStreamHub.grey .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner, .SocialStoryStreamHub.grey .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta { background-color: #ffffff; } @media screen and (min-width: 1px) and (max-width: 900px) { .SocialStoryStreamHub .stry-hub .stry-menu { margin: 30px auto; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list { padding-top: 20px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item { padding: 20px 20px 20px; } .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share { bottom: 25px; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content { margin: 0 auto 40px; top: 40px; } .SocialStoryStreamHub .stry-hub .stry-load-more a { margin-top: 20px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item { padding: 0px 20px 20px; } .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content { margin: 0 auto 30px; top: 30px; } .SocialStoryStreamHub .stry-hub .stry-load-more a { margin-top: 10px; } } .SocialStoryStreamWidget .stry-powered-by { display: none; } .SocialStoryStreamWidget .stry-widget { position: relative; margin: 0 -20px 0 -20px; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .column .viewport { border: none; padding: 0 20px; } .SocialStoryStreamWidget .stry-widget:before { content: ''; display: block; padding-top: 25.006%; padding-top: calc((33.33333% - 40px) / 1.333); } .SocialStoryStreamWidget .stry-widget .stry-widget-inner { position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-top: 0; background: none; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .column .viewport ul li a { text-decoration: none; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .main-image { height: 100%; } .object-fit .SocialStoryStreamWidget .stry-widget .stry-widget-inner .main-image { object-fit: cover; object-position: 50% 100%; width: 100%; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .portrait-pane .kenburns.square .main-image, .SocialStoryStreamWidget .stry-widget .stry-widget-inner .portrait-pane .no-burns.landscape .main-image, .SocialStoryStreamWidget .stry-widget .stry-widget-inner .portrait-pane .no-burns.square .main-image { width: 100%; } .object-fit .SocialStoryStreamWidget .stry-widget .landscape-pane .no-burns.square .main-image { height: 100%; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .stry-icon { display: none; } .SocialStoryStreamWidget .stry-widget .list-item .front:before { content: ""; display: block; position: absolute; bottom: 25px; left: 25px; z-index: 2; color: #a4a7a9; vertical-align: top; font-size: 20px; margin: 0 !important; } .SocialStoryStreamWidget .stry-widget .list-item .front:before { font-size: 23px; bottom: 20px; left: auto; right: 20px; z-index: 4; color: #ffffff; } .SocialStoryStreamWidget .stry-widget .list-item.twitter .front:before { content: '\e059'; } .SocialStoryStreamWidget .stry-widget .list-item.instagram .front:before { content: '\e053'; } .SocialStoryStreamWidget .stry-widget .list-item.youtube .front:before { content: '\e05d'; font-size: 30px; } .SocialStoryStreamWidget .stry-widget .list-item.facebook .front:before { content: '\e051'; } .SocialStoryStreamWidget .stry-widget .list-item.googleplus .front:before { content: '\e052'; } .SocialStoryStreamWidget .stry-widget .list-item.video .front:after { content: '\e037'; font-size: 42px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); color: #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; } .SocialStoryStreamWidget .stry-widget .column:nth-child(n) .viewport:nth-child(n) li .back.text-only { background-color: #ffffff; } .SocialStoryStreamWidget .stry-widget .column:nth-child(n) .viewport:nth-child(n) li .content-item-footer { background-color: transparent; } .SocialStoryStreamWidget .stry-widget .content-item.text-only { padding: 20px; } .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text { padding: 13px 0 15px; position: relative; margin: 10px 25px 25px; font-family: "tinos", "arial", "helvetica", sans-serif; font-size: 24px; line-height: 1.222em; word-break: break-word; width: auto; margin: 0; } .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text:before, .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text:after { content: ""; display: block; position: absolute; left: 0px; width: 1.34em; height: 2px; background-color: #005a2b; } .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text:before { top: 0; } .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text:after { bottom: 0; } .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text, .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text a { border: none; color: #005a2b; } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text { margin: 10px 0 25px; font-size: 18px; } } .SocialStoryStreamWidget .stry-widget .content-item.text-only .content-item-footer { display: none; } .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-icon { color: #4a4f54; background: none; } .SocialStoryStreamWidget .stry-widget div.stry-widget-inner .column .viewport ul>li { border: none; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .list-item, .SocialStoryStreamWidget .stry-widget .stry-widget-inner .flipper, .SocialStoryStreamWidget .stry-widget .stry-widget-inner .column ul.grid-pane>li { overflow: visible; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .flipper .back { -webkit-transition: opacity 400ms; -webkit-transition-delay: ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; display: block; opacity: 0; } .SocialStoryStreamWidget .stry-widget .column:nth-child(n) .viewport:nth-child(n) li .back { background-color: #ffffff; z-index: 3; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .stry-text { font-size: 14px; color: #4a4f54; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .stry-text a { border-bottom: 1px solid; color: #4a4f54; border-bottom-color: rgba(74, 79, 84, 0.25) !important; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .stry-text, .SocialStoryStreamWidget .stry-widget .stry-source { padding: 20px; } .SocialStoryStreamWidget .stry-widget .stry-source { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0; } .SocialStoryStreamWidget .stry-widget .stry-avatar, .SocialStoryStreamWidget .stry-widget .stry-detail { display: inline-block; vertical-align: top; } .SocialStoryStreamWidget .stry-widget .stry-avatar, .SocialStoryStreamWidget .stry-widget .content-item-footer .stry-source .stry-avatar { -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; height: 50px; width: 50px; position: static; } .SocialStoryStreamWidget .stry-widget img.stry-avatar { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 1px solid #dee2e2; } .SocialStoryStreamWidget .stry-widget .stry-detail { margin-top: -3px; margin-left: 10px; font-size: 14px; } .SocialStoryStreamWidget .stry-widget .stry-detail h3 { letter-spacing: 0.05em; color: #0c121c; -webkit-font-smoothing: subpixel-antialiased; text-transform: uppercase; margin-bottom: 3px; font-weight: bold; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 14px; line-height: 1.3em; font-weight: bold; color: #0c121c; } .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper, .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper { display: inline-block; position: relative; padding: 0.188em 0 0.25em; } .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper:after { content: ""; display: block; position: absolute; left: 0; } .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper:before { top: -1px; } .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper:after { bottom: -1px; } .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper>span, .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper>span { display: block; } .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper .headingTextSub { margin-top: 0.175em; padding-bottom: 0.15em; font-size: 50%; margin-left: auto; margin-right: auto; } .SocialStoryStreamWidget .stry-widget .stry-detail h3 a { color: inherit; text-decoration: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper .headingTextSub { margin-top: 5px; } } .SocialStoryStreamWidget .stry-widget .stry-detail h3 .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-detail h3 .headingWrapper:after { background-color: #0c121c; } .SocialStoryStreamWidget .stry-widget .stry-detail h3 .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-detail h3 .headingWrapper:after { width: 0; } .SocialStoryStreamWidget .stry-widget .back:not(.text-only) .stry-detail h3 { color: #0c121c; } .SocialStoryStreamWidget .stry-widget .back:not(.text-only) .stry-detail p { color: #4a4f54; font-size: 12px; } .SocialStoryStreamWidget .stry-widget .stry-widget-inner .list-item:hover .flipper .back { opacity: 1; } .SocialStoryStreamWidget .stry-widget .viewport>ul { transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; -ms-transition: none !important; } .no-touch:not(.ie) .SocialStoryStreamWidget .stry-row:hover .column .viewport>ul li:nth-child(n) { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .no-touch:not(.ie) .SocialStoryStreamWidget .column .viewport>ul { background-color: #0c121c; } .no-touch:not(.ie) .SocialStoryStreamWidget .column .viewport>ul li { animation-duration: 27s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; -webkit-animation-duration: 27s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(1) .viewport>ul li:nth-child(1) { animation-name: fadeInOutLarge1; -webkit-animation-name: fadeInOutLarge1; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(1) .viewport>ul li:nth-child(2) { animation-name: fadeInOutLarge4; -webkit-animation-name: fadeInOutLarge4; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:nth-child(1) { animation-name: fadeInOutLarge2; -webkit-animation-name: fadeInOutLarge2; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:nth-child(2) { animation-name: fadeInOutLarge5; -webkit-animation-name: fadeInOutLarge5; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(3) .viewport>ul li:nth-child(1) { animation-name: fadeInOutLarge3; -webkit-animation-name: fadeInOutLarge3; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(3) .viewport>ul li:nth-child(2) { animation-name: fadeInOutLarge6; -webkit-animation-name: fadeInOutLarge6; } .SocialStoryStreamWidget .stry-popup-controls { position: absolute; top: 0; left: auto; right: 0; width: auto; height: auto; } .SocialStoryStreamWidget .stry-widget.stry-is-popup:after { content: ''; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close { top: 0; left: auto; right: 0; width: auto; z-index: 1; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; position: fixed; display: block; top: 0; bottom: auto; right: 0; left: auto; z-index: 1; height: 50px; width: 50px; font-size: 18px; color: #e4e8e8; background-color: transparent; padding: 0; outline: none; text-decoration: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button .stry-icon { display: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button:hover { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #4a4f54; text-decoration: none !important; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button:before { content: '\e00d'; line-height: 50px; width: 50px; margin: 0; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button:after { display: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item { -webkit-transition: opacity 400ms; -webkit-transition-delay: ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; overflow: visible; overflow-y: auto; background-color: transparent; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-media, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-text, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-body, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-blog-footer { -webkit-transition: opacity 400ms; -webkit-transition-delay: ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .share-text-wrapper, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content { -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content { top: 80px; margin-bottom: 80px; background-color: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .share-text-wrapper { background-color: #ffffff; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta { display: block; white-space: nowrap; overflow: hidden; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-avatar, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details { display: inline-block; float: none; vertical-align: top; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-avatar { -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; width: 50px; height: 50px; padding-right: 10px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-avatar img { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 1px solid #dee2e2; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details { width: calc(100% - 60px); margin-top: -3px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-author { text-overflow: ellipsis; overflow: hidden; display: block; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-original-src { display: none; } .SocialStoryStreamWidget .stry-widget .share-text-wrapper { padding-top: 25px; padding-bottom: 67px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-blog-meta .stry-details p:nth-child(2):not(.stry-date) { display: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author { letter-spacing: 0.05em; color: #0c121c; -webkit-font-smoothing: subpixel-antialiased; text-transform: uppercase; margin-bottom: 3px; font-weight: bold; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 14px; line-height: 1.3em; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper { display: inline-block; position: relative; padding: 0.188em 0 0.25em; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper:after { content: ""; display: block; position: absolute; left: 0; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper:before { top: -1px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper:after { bottom: -1px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper>span, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper>span { display: block; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper .headingTextSub { margin-top: 0.175em; padding-bottom: 0.15em; font-size: 50%; margin-left: auto; margin-right: auto; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author a { color: inherit; text-decoration: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper .headingTextSub { margin-top: 5px; } } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author .headingWrapper:after { background-color: #0c121c; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author .headingWrapper:after { width: 0; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author a { border-bottom: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-date { font-size: 12px; line-height: 14px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-date { position: absolute; left: 85px; top: 39px; font-size: 12px; margin: 0; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .stry-author { padding-bottom: 12px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-body { padding: 0 25px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-body { padding-top: 18px; font-size: 14px; line-height: 1.3em; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title { letter-spacing: 0.05em; color: #0c121c; -webkit-font-smoothing: subpixel-antialiased; text-transform: uppercase; line-height: 1.3em; margin-bottom: 9px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper { display: inline-block; position: relative; padding: 0.188em 0 0.25em; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper:after { content: ""; display: block; position: absolute; left: 0; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper:before { top: -1px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper:after { bottom: -1px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper>span, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper>span, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper>span, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper>span { display: block; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper .headingTextSub { margin-top: 0.175em; padding-bottom: 0.15em; font-size: 50%; margin-left: auto; margin-right: auto; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title a, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title a { color: inherit; text-decoration: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper .headingTextSub, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper .headingTextSub { margin-top: 5px; } } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title .headingWrapper:after { background-color: #0c121c; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title .headingWrapper:after, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title .headingWrapper:before, .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title .headingWrapper:after { width: 0; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .stry-popup-content:before { content: '\e059'; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .stry-popup-content:before { content: '\e053'; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-popup-content:before { content: '\e05d'; font-size: 27px; bottom: 24px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-popup-content:before { content: '\e051'; left: 20px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.googleplus .stry-popup-content:before { content: '\e052'; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content { color: #4a4f54; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content:before { content: ""; display: block; position: absolute; bottom: 25px; left: 25px; z-index: 2; color: #a4a7a9; vertical-align: top; font-size: 20px; margin: 0 !important; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content a { color: #4a4f54; border-bottom-color: rgba(74, 79, 84, 0.25) !important; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-blog-footer { display: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share { position: absolute; bottom: 25px; left: 59px; top: auto; right: auto; float: none; z-index: 1; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share:before { content: '\e045'; font-size: 18px; color: #0c121c; vertical-align: bottom; margin-bottom: 2px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share .stry-icon, .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share .share-text { display: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-social-icon { display: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper { z-index: 1; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share { display: block; position: absolute; bottom: 25px; left: 59px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share .stry-tweet-action { display: block; float: left; margin: 0px; -webkit-transition: background-color 0.4s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share .stry-tweet-action a { display: block; height: 20px; float: left; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share .stry-tweet-action .stry-icon { display: block; height: 20px; color: #0c121c; line-height: 20px; font-size: 30px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share .stry-tweet-action:hover .stry-icon { color: #0c121c; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-content-share-item .stry-icon { -webkit-transition: color 0.4s; -webkit-transition-delay: 0s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; color: #4a4f54; font-size: 34px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-content-share-item .stry-icon:hover { color: #0c121c; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-blog-footer .stry-follow { display: none; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-share { left: 66px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-share { left: 49px; bottom: 24px; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-media, .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-text, .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-popup-body, .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-blog-footer { opacity: 0; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .share-text-wrapper, .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-popup-content { background-color: transparent; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-popup-content:before { display: none !important; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .share-text-wrapper { position: static; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay { -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; -webkit-transform: translate3d(0, 0, 0); background: rgba(0, 0, 0, 0.7); position: fixed; z-index: 1000; -webkit-transition: opacity 400ms; -webkit-transition-delay: ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; opacity: 1; background-color: transparent; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; position: fixed; display: block; top: 0; bottom: auto; right: 0; left: auto; z-index: 1; height: 50px; width: 50px; font-size: 18px; color: #e4e8e8; background-color: transparent; padding: 0; outline: none; text-decoration: none; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close .stry-icon { display: none; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close:hover { -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #4a4f54; text-decoration: none !important; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close:before { content: '\e00d'; line-height: 50px; width: 50px; margin: 0; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close:after { display: none; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container { padding: 0 25px; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container br { display: none; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) { margin: 1px 5px 0px 5px; height: 50px; overflow: hidden; padding: 0; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a { text-decoration: none; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #0c121c; border: 0; color: #ffffff; width: 50px; height: 50px; border: none; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon { font-size: 36px; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon.linkedin { font-size: 20px; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a:hover .stry-icon-circle { background-color: #4a4f54; color: #ffffff; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title="Twitter"]:hover .stry-icon-circle { background-color: #2ca8d2; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title="Facebook"]:hover .stry-icon-circle { background-color: #305891; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title="Linkedin"]:hover .stry-icon-circle { background-color: #007bb6; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title="Google+"]:hover .stry-icon-circle { background-color: #dd4b39; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title="Pinterest"]:hover .stry-icon-circle { background-color: #c82828; } .SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) { margin-bottom: -5px; } .SocialStoryStreamWidget.grey .column:nth-child(n) .viewport:nth-child(n) li .back.text-only { background-color: #f8f9f9; } html.touch .SocialStoryStreamWidget .back:not(.text-only) { display: none; } @media screen and (min-width: 741px) { .no-touch:not(.ie) .SocialStoryStreamWidget .stry-widget .viewport>ul { transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; -ms-transform: none !important; } .lt-ie10 .SocialStoryStreamWidget .stry-widget .viewport>ul { top: 0 !important; } } @media screen and (min-width: 1px) and (max-width: 1200px) { .SocialStoryStreamWidget .stry-widget .stry-source { display: none; } } @media screen and (min-width: 1px) and (max-width: 1023px) { .SocialStoryStreamWidget .stry-widget:before { padding-top: 37.509%; padding-top: calc((50% - 40px) / 1.333); } .SocialStoryStreamWidget .stry-widget .stry-source { display: block; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(1) .viewport>ul li:nth-child(1) { animation-name: fadeInOutMedium1; -webkit-animation-name: fadeInOutMedium1; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(1) .viewport>ul li:nth-child(2) { animation-name: fadeInOutMedium3; -webkit-animation-name: fadeInOutMedium3; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(1) .viewport>ul li:nth-child(3) { animation-name: fadeInOutMedium5; -webkit-animation-name: fadeInOutMedium5; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:nth-child(1) { animation-name: fadeInOutMedium2; -webkit-animation-name: fadeInOutMedium2; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:nth-child(2) { animation-name: fadeInOutMedium4; -webkit-animation-name: fadeInOutMedium4; } .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:nth-child(3) { animation-name: fadeInOutMedium6; -webkit-animation-name: fadeInOutMedium6; } } @media screen and (min-width: 1px) and (max-width: 900px) { .SocialStoryStreamWidget .stry-widget .text-only.content-item .stry-text { font-size: 18px; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content { top: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content { -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; width: auto; border-left: 15px solid transparent; border-right: 15px solid transparent; background-clip: padding-box; } .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content { top: 30px; } .SocialStoryStreamWidget .stry-widget:before { padding-top: 75.019%; padding-top: calc((100% - 40px) / 1.333); } .SocialStoryStreamWidget .stry-widget .back .stry-source { display: none; } .SocialStoryStreamWidget .stry-widget .column:nth-child(1) .viewport>ul li:nth-child(n) { animation-name: none; -webkit-animation-name: none; } } .no-js .SocialStoryStreamWidget .stry-widget { display: none; } @-webkit-keyframes fadeInOutLarge1 { 0% { opacity: 1; } 14.81481% { opacity: 1; } 15.74074% { opacity: 0; } 65.74074% { opacity: 0; } 66.66667% { opacity: 1; } 100% { opacity: 1; } } @keyframes fadeInOutLarge1 { 0% { opacity: 1; } 14.81481% { opacity: 1; } 15.74074% { opacity: 0; } 65.74074% { opacity: 0; } 66.66667% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes fadeInOutLarge2 { 0% { opacity: 1; } 31.48148% { opacity: 1; } 32.40741% { opacity: 0; } 82.40741% { opacity: 0; } 83.33333% { opacity: 1; } 100% { opacity: 1; } } @keyframes fadeInOutLarge2 { 0% { opacity: 1; } 31.48148% { opacity: 1; } 32.40741% { opacity: 0; } 82.40741% { opacity: 0; } 83.33333% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes fadeInOutLarge3 { 0% { opacity: 1; } 48.14815% { opacity: 1; } 49.07407% { opacity: 0; } 99.07407% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInOutLarge3 { 0% { opacity: 1; } 48.14815% { opacity: 1; } 49.07407% { opacity: 0; } 99.07407% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInOutLarge4 { 0% { opacity: 0; } 15.7037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 15.74074% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 16.66667% { opacity: 1; } 64.81481% { opacity: 1; } 65.7037% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 65.74074% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @keyframes fadeInOutLarge4 { 0% { opacity: 0; } 15.7037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 15.74074% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 16.66667% { opacity: 1; } 64.81481% { opacity: 1; } 65.7037% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 65.74074% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @-webkit-keyframes fadeInOutLarge5 { 0% { opacity: 0; } 32.37037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 32.40741% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 33.33333% { opacity: 1; } 81.48148% { opacity: 1; } 82.37037% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 82.40741% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @keyframes fadeInOutLarge5 { 0% { opacity: 0; } 32.37037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 32.40741% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 33.33333% { opacity: 1; } 81.48148% { opacity: 1; } 82.37037% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 82.40741% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @-webkit-keyframes fadeInOutLarge6 { 0% { opacity: 0; } 49.03704% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 49.07407% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 1; } 98.14815% { opacity: 1; } 99.03704% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 99.07407% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @keyframes fadeInOutLarge6 { 0% { opacity: 0; } 49.03704% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 49.07407% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 1; } 98.14815% { opacity: 1; } 99.03704% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 99.07407% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @-webkit-keyframes fadeInOutMedium1 { 0% { opacity: 1; } 14.81481% { opacity: 1; } 15.74074% { opacity: 0; } 82.40741% { opacity: 0; } 83.33333% { opacity: 1; } 100% { opacity: 1; } } @keyframes fadeInOutMedium1 { 0% { opacity: 1; } 14.81481% { opacity: 1; } 15.74074% { opacity: 0; } 82.40741% { opacity: 0; } 83.33333% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes fadeInOutMedium2 { 0% { opacity: 1; } 31.48148% { opacity: 1; } 32.40741% { opacity: 0; } 99.07407% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInOutMedium2 { 0% { opacity: 1; } 31.48148% { opacity: 1; } 32.40741% { opacity: 0; } 99.07407% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInOutMedium3 { 0% { opacity: 0; } 15.7037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 15.74074% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 16.66667% { opacity: 1; } 48.14815% { opacity: 1; } 49.03704% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 49.07407% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @keyframes fadeInOutMedium3 { 0% { opacity: 0; } 15.7037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 15.74074% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 16.66667% { opacity: 1; } 48.14815% { opacity: 1; } 49.03704% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 49.07407% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @-webkit-keyframes fadeInOutMedium4 { 0% { opacity: 0; } 32.37037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 32.40741% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 33.33333% { opacity: 1; } 64.81481% { opacity: 1; } 65.7037% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 65.74074% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @keyframes fadeInOutMedium4 { 0% { opacity: 0; } 32.37037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 32.40741% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 33.33333% { opacity: 1; } 64.81481% { opacity: 1; } 65.7037% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 65.74074% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @-webkit-keyframes fadeInOutMedium5 { 0% { opacity: 0; } 48.11111% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 49.07407% { opacity: 0; -webkit-transform: translateY(-200%); -khtml-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 50% { opacity: 1; } 81.48148% { opacity: 1; } 82.37037% { -webkit-transform: translateY(-200%); -khtml-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 82.40741% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @keyframes fadeInOutMedium5 { 0% { opacity: 0; } 48.11111% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 49.07407% { opacity: 0; -webkit-transform: translateY(-200%); -khtml-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 50% { opacity: 1; } 81.48148% { opacity: 1; } 82.37037% { -webkit-transform: translateY(-200%); -khtml-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 82.40741% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @-webkit-keyframes fadeInOutMedium6 { 0% { opacity: 0; } 65.7037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 65.74074% { opacity: 0; -webkit-transform: translateY(-200%); -khtml-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 66.66667% { opacity: 1; } 98.14815% { opacity: 1; } 99.03704% { -webkit-transform: translateY(-200%); -khtml-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 99.07407% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } @keyframes fadeInOutMedium6 { 0% { opacity: 0; } 65.7037% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 65.74074% { opacity: 0; -webkit-transform: translateY(-200%); -khtml-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 66.66667% { opacity: 1; } 98.14815% { opacity: 1; } 99.03704% { -webkit-transform: translateY(-200%); -khtml-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); } 99.07407% { opacity: 0; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; } } .addThisMenu { width: 70px; float: right; position: relative; display: block; } .addThisMenu>a { display: block; text-decoration: none; position: relative; z-index: 20; visibility: hidden; background-color: #0c121c; } .addThisMenu>a>span { width: 70px; background-color: #0c121c; border-left: 1px solid #30353e; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: 70px; text-align: center; line-height: 69px; display: block; } .addThisMenu>a>span:before { content: '\e045'; font-size: 17px; } .addThisMenu>a:hover>span { background-color: #4a4f54; -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .addThisMenu.open>a>span { background-color: #4a4f54; } .addThisMenu.smallMenu { width: 50px; } .addThisMenu.smallMenu>a>span { width: 50px; height: 50px; line-height: 49px; } .addThisMenu.light>a { background-color: #ffffff; color: #0c121c; } .addThisMenu.light>a span { background-color: #ffffff; color: #000000; } #at15s { margin-left: -3000px; } .SocialSharing { -webkit-transition: all 1s; -webkit-transition-delay: 0s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; visibility: hidden; width: 70px; position: absolute; z-index: 19; top: 0; } .SocialSharing a { text-decoration: none; display: block; background-color: rgba(12, 18, 28, 0.9); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bf000000', endColorstr='#bf000000'); -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; border-top: 1px solid #4a4f54; margin-bottom: 0 !important; } .SocialSharing a>span { display: block; width: 100%; height: 70px; line-height: 70px; text-align: center; margin-top: 0; font-size: 22px; } .SocialSharing a>span:before { margin-top: -3px; } .SocialSharing a>span:first-child { border-top: none; } .SocialSharing a.addthis_button_twitter>span:before { margin-top: 1px; content: '\e059'; } .SocialSharing a.addthis_button_twitter:hover, .SocialSharing a.addthis_button_twitter:focus { background-color: #2ca8d2; } .SocialSharing a.addthis_button_facebook>span:before { content: '\e051'; } .SocialSharing a.addthis_button_facebook:hover, .SocialSharing a.addthis_button_facebook:focus { background-color: #305891; } .SocialSharing a.addthis_button_linkedin>span:before { content: '\e054'; } .SocialSharing a.addthis_button_linkedin:hover, .SocialSharing a.addthis_button_linkedin:focus { background-color: #007bb6; } .SocialSharing a.addthis_button_google_plusone_share>span:before { font-size: 23px; margin-top: 4px; content: '\e052'; } .SocialSharing a.addthis_button_google_plusone_share:hover, .SocialSharing a.addthis_button_google_plusone_share:focus { background-color: #dd4b39; } .SocialSharing a.addthis_button_tumblr>span:before { content: '\e058'; } .SocialSharing a.addthis_button_tumblr:hover, .SocialSharing a.addthis_button_tumblr:focus { background-color: #2f5070; } .SocialSharing a.addthis_button_sinaweibo>span:before { content: '\e057'; } .SocialSharing a.addthis_button_sinaweibo:hover, .SocialSharing a.addthis_button_sinaweibo:focus { background-color: #df2029; } .SocialSharing a.addthis_button_pinterest_share>span:before { content: '\e055'; } .SocialSharing a.addthis_button_pinterest_share:hover, .SocialSharing a.addthis_button_pinterest_share:focus { background-color: #c82828; } .SocialSharing a.addthis_button_douban>span:before { content: '\e050'; } .SocialSharing a.addthis_button_douban:hover, .SocialSharing a.addthis_button_douban:focus { background-color: #0e7512; } .SocialSharing a.addthis_button_vkontakt>span:before { margin-top: 3px; content: '\e05a'; } .SocialSharing a.addthis_button_vkontakt:hover, .SocialSharing a.addthis_button_vkontakt:focus { background-color: #2f5070; } .SocialSharing a.addthis_button_renren>span:before { margin-top: -1px; content: '\e056'; } .SocialSharing a.addthis_button_renren:hover, .SocialSharing a.addthis_button_renren:focus { background-color: #0259a0; } .SocialSharing a.addthis_button_email>span:before { margin-top: 2px; content: '\e028'; } .SocialSharing a.addthis_button_email:hover, .SocialSharing a.addthis_button_email:focus { background-color: #4a4f54; } .SocialSharing span.icon-social_wechat:before { margin-top: 2px; font-size: 23px; content: '\e05b'; } .SocialSharing span.icon-social_wechat:hover, .SocialSharing span.icon-social_wechat:focus { background-color: #93d034; } .SocialSharing a.addthis_button_whatsapp>span:before { content: '\e05c'; } .SocialSharing a.addthis_button_whatsapp:hover, .SocialSharing a.addthis_button_whatsapp:focus { background-color: #25d366; } .SocialSharing a.addthis_button_expanded>span { padding-top: 1px; } .SocialSharing a.addthis_button_expanded>span:before { content: '\e038'; } .SocialSharing a.addthis_button_expanded:hover, .SocialSharing a.addthis_button_expanded:focus { background-color: #4a4f54; } .SocialSharing .at_a11y { display: none; } .SocialSharing.orientation_horizontal { background-color: #4a4f54; transition: background-color 0.4s; margin-top: 0; margin-left: 0; width: auto; left: 0; } .SocialSharing.orientation_horizontal a { float: left; width: 50px !important; border-top: 0; } .SocialSharing.orientation_horizontal a span { font-size: 17px; height: 50px; line-height: 50px; } .hover .SocialSharing.orientation_horizontal, .active .SocialSharing.orientation_horizontal { visibility: visible; } .smallMenu .SocialSharing a { width: 50px !important; } .smallMenu .SocialSharing a span { font-size: 17px; height: 50px; line-height: 50px; } .VideoThumbnails .addThisMenu.open .addthis_button_twitter { background-color: #2ca8d2; } .VideoThumbnails .addThisMenu.open .addthis_button_facebook { background-color: #305891; } .VideoThumbnails .addThisMenu.open .addthis_button_linkedin { background-color: #007bb6; } .VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share { background-color: #dd4b39; } .VideoThumbnails .addThisMenu.open .addthis_button_tumblr { background-color: #2f5070; } .VideoThumbnails .addThisMenu.open .addthis_button_sinaweibo { background-color: #df2029; } .VideoThumbnails .addThisMenu.open .addthis_button_pinterest_share { background-color: #c82828; } .VideoThumbnails .addThisMenu.open .addthis_button_douban { background-color: #0e7512; } .VideoThumbnails .addThisMenu.open .addthis_button_vkontakt { background-color: #2f5070; } .VideoThumbnails .addThisMenu.open .addthis_button_renren { background-color: #0259a0; } .VideoThumbnails .addThisMenu.open .addthis_button_email { background-color: #4a4f54; } .VideoThumbnails .addThisMenu.open .addthis_button_expanded { background-color: #4a4f54; } #at3win { position: fixed; top: 100px; left: 50%; width: 300px; margin-left: -150px; background: #ffffff; border: none; -webkit-transition: width 1s; -webkit-transition-delay: 0s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; -webkit-transition: margin-left 1s; -webkit-transition-delay: 0s; -moz-transition: margin-left 1s; -o-transition: margin-left 1s; transition: margin-left 1s; z-index: 99999; display: none; } @media screen and (min-width: 741px) { #at3win { top: 15%; width: 640px; margin-left: -320px; } } @media screen and (min-width: 1px) and (max-width: 740px) { #at3win { left: 0 !important; right: 0 !important; margin: auto !important; } } #at3win #at3winheader { position: relative; border-bottom: 1px solid #e4e8e8; background-color: #0c121c; height: 49px; } #at3win #at3winheader h3 { margin: 0 50px 0 22px; padding: 10px 0; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 16px; color: #e4e8e8; font-weight: 200; letter-spacing: 2px; } #at3win #at3winheader .at3winheadersvc { display: inline-block; position: absolute; top: 15px; left: 20px; } #at3win #at3winheader #at3winssi { position: absolute; right: 50px; top: 0; height: 50px; display: none; } #at3win #at3winheader #at3winheaderclose { display: block; position: absolute; top: 0; right: 0; border-left: 1px solid #4a4f54; width: 48px; height: 48px; overflow: hidden; line-height: 48px; cursor: pointer; text-decoration: none; text-align: center; } #at3win #at3winheader #at3winheaderclose:before { content: '\e00d'; -webkit-transition: background-color 0.6s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.6s; -o-transition: background-color 0.6s; transition: background-color 0.6s; font-size: 16px; width: 48px; height: 48px; line-height: 48px; padding: 0; margin: -2px 0 0 0; } #at3win #at3winheader #at3winheaderclose:hover:before, #at3win #at3winheader #at3winheaderclose:focus:before { background-color: #4a4f54; -webkit-transition: background-color 0.2s; -webkit-transition-delay: 0s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } #at3win #at3wincontent #at3winshare, #at3win #at3wincontent #at3winemail { height: 440px; } #at3win #at3winfooter { display: none; } .StackedBlocks.GridListWrapper.twoCol .items .el { width: 50%; } .StackedBlocks .el a:first-child { display: inline-block; position: relative; } .StackedBlocks .ctaContainer a { vertical-align: top; } .StackedBlocks .ctaContainer .secondaryLinkContainer { margin-top: 17px; } .StackedBlocks .finalCTAContainer { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .StackedBlocks.GridListWrapper .items .el { width: 50%; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StackedBlocks.GridListWrapper .items .el, .StackedBlocks.GridListWrapper.twoCol .items .el { width: 100%; } .StackedBlocks.singleMobileItem .subHeading.totals { display: none; } .StackedBlocks.singleMobileItem .el { display: none !important; } .StackedBlocks.singleMobileItem .el.visibleMobileItem { display: block !important; } .StackedBlocks.singleMobileItem .ctaContainer .moreResults { display: none; } .StackedBlocks.singleMobileItem .ctaContainer .finalCTAContainer { display: block; } } .StoryArticle { overflow: hidden; } .StoryArticle .shelfComponent { max-width: 1400px; margin: 0 auto; } .StoryArticle .articleColumns { visibility: hidden; } .StoryArticle .articleColumns .ctaContainer { text-align: left; margin-top: 40px; } .StoryArticle.layoutReady .articleColumns { visibility: visible; } .StoryArticle.light { background-color: #ffffff; } .StoryArticle .imageHolder img { width: 100%; display: block; } .StoryArticle .mediaHolder { position: relative; z-index: 1; } .StoryArticle .imageMedia { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: -webkit-transform 0.3s; -webkit-transition-delay: ease; -moz-transition: -moz-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; } .StoryArticle.showScrollTriggers .scrollTrigger { position: relative; } .StoryArticle.showScrollTriggers .scrollTrigger.scrollTriggerbottom { position: absolute; width: 100%; } .StoryArticle.showScrollTriggers .scrollTrigger:before, .StoryArticle.showScrollTriggers .scrollTrigger:after { content: ''; width: 100%; height: 1px; left: 0; } .StoryArticle.showScrollTriggers .scrollTrigger:before { position: fixed; top: 50%; background-color: rgba(0, 0, 0, 0.1); } .StoryArticle.showScrollTriggers .scrollTrigger:after { position: absolute; top: 0; background-color: red; } .StoryArticle .columnLayout { margin-left: -20px; margin-right: -20px; } .StoryArticle .columnLayout .column { float: left; padding-left: 20px; padding-right: 20px; } .StoryArticle .columnLayout .columnText { position: relative; z-index: 3; width: 33.333%; } .StoryArticle .columnLayout .columnAssets { position: relative; z-index: 0; position: relative; width: 66.667%; width: calc( 66.66667% - 50px); float: right; } .InteractiveStory.fullscreen .StoryArticle { overflow: visible; } .StoryArticle .singleColumn .StoryArticleVideo, .StoryArticle .singleColumn .StoryArticleImage, .StoryArticle .singleColumn .StoryArticleEnhancedImageBlock, .StoryArticle .singleColumn .StoryArticleImage.imageWithAudio, .StoryArticle .singleColumn .StoryArticleMap { margin-left: 100px; margin-right: 100px; } .StoryArticle .singleColumn .StoryArticleQuote, .StoryArticle .singleColumn .contentText { margin-left: 150px; margin-right: 150px; } .StoryArticle .singleColumn .ctaContainer { margin-left: 150px; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryArticle .singleColumn .StoryArticleVideo, .StoryArticle .singleColumn .StoryArticleImage, .StoryArticle .singleColumn .StoryArticleEnhancedImageBlock, .StoryArticle .singleColumn .StoryArticleImage.imageWithAudio, .StoryArticle .singleColumn .StoryArticleMap { margin-left: 60px; margin-right: 60px; } .StoryArticle .singleColumn .StoryArticleQuote, .StoryArticle .singleColumn .contentText { margin-left: 100px; margin-right: 100px; } .StoryArticle .singleColumn .ctaContainer { margin-left: 100px; } } .StoryArticle .contentText p, .StoryArticle .contentText blockquote { font-size: 18px; line-height: 1.5em; color: #4a4f54; } .StoryArticle .contentText p { margin-bottom: 40px; } .StoryArticle .contentText p strong { font-weight: 600; } .StoryArticle .contentText p em { font-size: 14px; display: block; line-height: 18px; } .StoryArticle .contentText p em a { text-decoration: none; } .StoryArticle .contentText blockquote { margin-bottom: 2em; } .StoryArticle .contentText h2, .StoryArticle .contentText h3, .StoryArticle .contentText h4, .StoryArticle .contentText h5, .StoryArticle .contentText h6 { font-family: "avenir", "arial", "helvetica", sans-serif; letter-spacing: 0.5px; } .StoryArticle .contentText h3 { font-weight: bold; font-size: 24px; line-height: 1.3; margin: 48px 0 16px; } .StoryArticle .contentText h3:first-child { margin-top: 0; } .StoryArticle .contentText ul { padding-left: 1em; margin-left: 0; } .StoryArticle .contentText ul li { list-style: none; position: relative; line-height: 1.286em; margin-bottom: 1.286em; } .StoryArticle .contentText ul li:before { content: "\2013"; position: absolute; left: -1em; } .StoryArticle .contentText ol { padding-left: 1.5em; margin-left: 0; } .StoryArticle .contentText ol li { line-height: 1.286em; margin-bottom: 1.286em; list-style-type: decimal; } .StoryArticle .contentText ul, .StoryArticle .contentText ol { margin: 2em 0; font-size: 16px; } .StoryArticle .contentText ul:first-child, .StoryArticle .contentText ol:first-child { margin-top: 0; } .StoryArticle .contentText ul li, .StoryArticle .contentText ol li { margin-bottom: 1em; font-weight: bold; } .StoryArticle .StoryArticleParagraph:last-child p:last-child { margin-bottom: 0; } .StoryArticle .scrollTriggerbeforeTop, .StoryArticle .scrollTriggerafterBottom { position: relative; } .StoryArticle .scrollTriggerbottom { position: absolute; bottom: 0; width: 100%; } .StoryArticle .StoryArticleImage .assetDescription, .StoryArticle .StoryArticleEnhancedImageBlock .assetDescription, .StoryArticle .StoryArticleQuote .assetDescription, .StoryArticle .StoryArticleVideo .assetDescription, .StoryArticle .StoryArticleMap .assetDescription { font-size: 13px; margin-top: 6px; } .StoryArticle .StoryArticleImage, .StoryArticle .StoryArticleQuote, .StoryArticle .StoryArticleEnhancedImageBlock, .StoryArticle .StoryArticleVideo, .StoryArticle .StoryArticleMap { margin-top: 40px; margin-bottom: 40px; } .StoryArticle .columnAssets .StoryArticleImage, .StoryArticle .columnAssets .StoryArticleEnhancedImageBlock, .StoryArticle .columnAssets .StoryArticleQuote, .StoryArticle .columnAssets .StoryArticleVideo, .StoryArticle .columnAssets .StoryArticleMap { margin-top: 0; margin-bottom: 0; } .StoryArticle .columnAssets .StoryArticleImage.assetFixed, .StoryArticle .columnAssets .StoryArticleEnhancedImageBlock.assetFixed, .StoryArticle .columnAssets .StoryArticleQuote.assetFixed, .StoryArticle .columnAssets .StoryArticleVideo.assetFixed, .StoryArticle .columnAssets .StoryArticleMap.assetFixed { position: fixed; top: 80px; z-index: 1; } .StoryArticle .columnAssets .StoryArticleImage.assetAbsolute, .StoryArticle .columnAssets .StoryArticleEnhancedImageBlock.assetAbsolute, .StoryArticle .columnAssets .StoryArticleQuote.assetAbsolute, .StoryArticle .columnAssets .StoryArticleVideo.assetAbsolute, .StoryArticle .columnAssets .StoryArticleMap.assetAbsolute { position: absolute; left: 20px; top: 0; } .StoryArticle .playerOriginal { display: none; } .StoryArticle .playerContainer { display: table; width: 100%; max-height: 100vh; } .StoryArticle .playerOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .StoryArticle .playerOverlay[data-visibility="hidden"] { display: none; } .StoryArticle .playerOverlay[data-visibility="showBehind"] { display: block; opacity: 0; } .StoryArticle .playerOverlay[data-visibility="showInFront"] { background-color: #000000; display: block; opacity: 1; } .StoryArticle .masks .mask { z-index: 2; background-color: #ffffff; position: fixed; } .StoryArticle .masks .maskV1 { width: 100%; top: 0; left: 0; } .StoryArticle .masks .maskV2 { width: 100%; bottom: 0; left: 0; } .StoryArticle .masks .maskH1 { height: 100%; top: 0; left: 0; } .StoryArticle .masks .maskH2 { height: 100%; bottom: 0; right: 0; } .StoryArticle .closeBtn { display: block; position: fixed; top: 0; right: 0; z-index: 1; color: #ffffff; } @media screen and (min-width: 1px) and (max-width: 1200px) { .StoryArticle .columnLayout .columnText { width: 50%; padding-right: 45px; } .StoryArticle .columnLayout .columnAssets { width: 50%; padding-left: 45px; } .StoryArticle .contentText p { font-size: 14px; } .StoryArticle .contentText h3 { font-size: 18px; line-height: 1.4; margin: 36px 0 6px; } .StoryArticle .columnAssets .StoryArticleImage.assetAbsolute, .StoryArticle .columnAssets .StoryArticleQuote.assetAbsolute, .StoryArticle .columnAssets .StoryArticleEnhancedImageBlock.assetAbsolute, .StoryArticle .columnAssets .StoryArticleVideo.assetAbsolute, .StoryArticle .columnAssets .StoryArticleMap.assetAbsolute { left: 45px; } .StoryArticle[data-alignment="right"] .columnAssets .StoryArticleImage.assetAbsolute, .StoryArticle[data-alignment="right"] .columnAssets .StoryArticleQuote.assetAbsolute, .StoryArticle[data-alignment="right"] .columnAssets .StoryArticleEnhancedImageBlock.assetAbsolute, .StoryArticle[data-alignment="right"] .columnAssets .StoryArticleVideo.assetAbsolute, .StoryArticle[data-alignment="right"] .columnAssets .StoryArticleMap.assetAbsolute { left: 20px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryArticle .contentText, .StoryArticle .StoryArticleQuote, .StoryArticle .StoryArticleImage.imageWithAudio, .StoryArticle .StoryArticleMap { margin-left: 70px; margin-right: 70px; } .StoryArticle .StoryArticleImage, .StoryArticle .StoryArticleEnhancedImageBlock, .StoryArticle .StoryArticleQuote, .StoryArticle .StoryArticleVideo, .StoryArticle .StoryArticleMap { margin-top: 40px; margin-bottom: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: landscape) { .StoryArticle .contentText, .StoryArticle .StoryArticleQuote, .StoryArticle .StoryArticleImage.imageWithAudio, .StoryArticle .StoryArticleMap { margin-left: 30px; margin-right: 30px; } .StoryArticle .StoryArticleImage, .StoryArticle .StoryArticleQuote, .StoryArticle .StoryArticleEnhancedImageBlock, .StoryArticle .StoryArticleVideo, .StoryArticle .StoryArticleMap { margin-top: 30px; margin-bottom: 30px; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: portrait) { .StoryArticle .singleColumn .StoryArticleVideo, .StoryArticle .singleColumn .StoryArticleImage, .StoryArticle .singleColumn .StoryArticleQuote, .StoryArticle .singleColumn .contentText, .StoryArticle .singleColumn .StoryArticleEnhancedImageBlock, .StoryArticle .singleColumn .StoryArticleImage.imageWithAudio, .StoryArticle .singleColumn .StoryArticleMap { margin-left: 0; margin-right: 0; } .StoryArticle .singleColumn .ctaContainer { margin-left: 0; } .StoryArticle .contentText, .StoryArticle .StoryArticleQuote, .StoryArticle .StoryArticleImage.imageWithAudio, .StoryArticle .StoryArticleMap { margin-left: 0; margin-right: 0; } .StoryArticle .StoryArticleImage, .StoryArticle .StoryArticleQuote, .StoryArticle .StoryArticleVideo, .StoryArticle .StoryArticleMap { margin-top: 21px; margin-bottom: 42px; } .StoryArticle .StoryArticleEnhancedImageBlock { margin-top: 21px; margin-bottom: 21px; } .StoryArticle .StoryArticleEnhancedImageBlock.imageWithAudio { margin-bottom: 42px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryArticle .contentText p, .StoryArticle .contentText ul, .StoryArticle .contentText ol { font-size: 14px; } .StoryArticle .contentText p em { font-size: 12px; } .StoryArticle .contentText h3 { font-size: 16px; margin: 33px 0 5.5px; } .StoryArticle .StoryArticleImage .assetDescription, .StoryArticle .StoryArticleQuote .assetDescription, .StoryArticle .StoryArticleEnhancedImageBlock .assetDescription, .StoryArticle .StoryArticleVideo .assetDescription, .StoryArticle .StoryArticleMap .assetDescription { font-size: 12px; } } .no-js .StoryArticle .articleColumns, .StoryArticle.xpmMode .articleColumns { visibility: visible; } @media screen and (min-width: 901px) { .no-js .StoryArticle .contentText, .StoryArticle.xpmMode .contentText { max-width: 600px; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 901px) { .StoryArticle[data-alignment="centre"] .shelfComponent { max-width: 1280px; } .StoryArticle[data-alignment="centre"] .shelfComponent .singleColumn .StoryArticleQuote { margin-left: 100px; margin-right: 100px; text-align: center; } .StoryArticle[data-alignment="centre"] .shelfComponent .singleColumn .StoryArticleQuote .quoteContent p:before, .StoryArticle[data-alignment="centre"] .shelfComponent .singleColumn .StoryArticleQuote .quoteContent p:after { margin-left: auto; margin-right: auto; } .StoryArticle[data-alignment="right"] .columnLayout .columnText { float: right; padding-left: 20px; padding-right: 20px; } .StoryArticle[data-alignment="right"] .columnLayout .columnAssets { float: left; padding-left: 20px; padding-right: 20px; } .StoryArticle[data-alignment="right"] .columnLayout .columnAssets .StoryArticleVideo.assetAbsolute { left: 20px; } } .StoryArticleEnhancedImageBlock .multiImageGrid { background: #ffffff; margin-left: -20px; position: relative; z-index: 2; } .StoryArticleEnhancedImageBlock .multiImageGrid .multiImageItem { padding: 0 0 0 20px; float: left; } .StoryArticleEnhancedImageBlock .multiImageItem { overflow: hidden; width: 50%; } .StoryArticleEnhancedImageBlock .multiImageItemFull { width: 100%; clear: both; } .StoryArticleEnhancedImageBlock .threeImageTopLayout .multiImageItemFull { padding-bottom: 20px; } .StoryArticleEnhancedImageBlock .threeImageBottomLayout .multiImageItemFull { padding-top: 20px; } .StoryArticleEnhancedImageBlock .fourImageLayout .multiImageItem:nth-of-type(1), .StoryArticleEnhancedImageBlock .fourImageLayout .multiImageItem:nth-of-type(2) { padding-bottom: 20px; } .StoryArticleEnhancedImageBlock .assetDescription { position: relative; z-index: 1; } .StoryArticleEnhancedImageBlock .assetCreditItem { line-height: 20px; padding: 0; display: inline; } .StoryArticleEnhancedImageBlock .assetCreditLabel { font-weight: 700; padding-right: 2px; } .StoryArticleEnhancedImageBlock .assetCreditDescription { padding-right: 2px; } .StoryArticleEnhancedImageBlock .mejs-audio { z-index: 2; } .touch .StoryArticleEnhancedImageBlock .TargetLinks { pointer-events: none; } .touch .StoryArticleEnhancedImageBlock .mediaOverlay { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryArticleEnhancedImageBlock { margin-left: 60px; margin-right: 60px; } .StoryArticleEnhancedImageBlock.slider { width: calc(100% + 40px); transition: margin 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); margin-left: 0; margin-right: 0; } .StoryArticleEnhancedImageBlock.slider.sliderActive { margin-left: -40px !important; } .StoryArticleEnhancedImageBlock.slider .multiImageGrid { margin-left: 0; transition: transform 0.1s; } .StoryArticleEnhancedImageBlock.slider .multiImageGrid .multiImageItem { padding: 0; } .StoryArticleEnhancedImageBlock.slider .multiImageGrid.royalSlider .rsOverflow { overflow: visible; } .StoryArticleEnhancedImageBlock .multiImageItem { width: 100%; float: none; padding: 0; } .StoryArticleEnhancedImageBlock .multiImageItemFull { width: 100%; } .StoryArticleEnhancedImageBlock .royalSlider .assetDescription { padding-top: 6px; padding-left: 100px; opacity: 0; transition: opacity 0.4s; } .StoryArticleEnhancedImageBlock .royalSlider .multiImageItemActive .assetDescription { opacity: 1; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryArticleEnhancedImageBlock { margin-left: 0; margin-right: 0; } .StoryArticleEnhancedImageBlock.slider { width: calc(100% + 30px); } .StoryArticleEnhancedImageBlock.slider.slideraActive { margin-left: -30px !important; } .StoryArticleEnhancedImageBlock.slider .royalSlider .assetDescription { padding-left: 30px; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: landscape) { .StoryArticleEnhancedImageBlock.slider .royalSlider .assetDescription { padding-left: 100px; } } .StoryArticleImage.imageWithAudio {} .StoryArticleImage.imageWithAudio .imageMedia { border-bottom: solid 1px #e4e8e8; height: 43px; min-height: 43px; margin: 12px 0 0; padding: 0 0 11px 0; display: table; width: 100%; position: relative; z-index: 0; direction: ltr; } .StoryArticleImage.imageWithAudio .imageMedia p { display: table-cell; vertical-align: middle; padding: 0 0 0 66px; margin: 0; } .StoryArticleImage.imageWithAudio audio { display: none; } .StoryArticleImage.imageWithAudio .mejs-container { position: absolute; left: 0; } .StoryArticleImage.imageWithAudio .mejs-inner { height: 30px; width: 48px; border-right: solid 1px #e4e8e8; overflow: hidden; background-color: #ffffff; -webkit-transition: width 1s; -webkit-transition-delay: ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease; } .StoryArticleImage.imageWithAudio.playing .mejs-inner, .StoryArticleImage.imageWithAudio.paused:not(.finished) .mejs-inner { width: 100%; } .StoryArticleImage.imageWithAudio .mejs-controls { height: 30px; top: 50%; margin-top: -15px; position: relative; white-space: nowrap; } .StoryArticleImage.imageWithAudio .mejs-button { display: inline-block; vertical-align: middle; } .StoryArticleImage.imageWithAudio .mejs-button button { color: #0c121c; border: 0; vertical-align: middle; padding: 0; } .StoryArticleImage.imageWithAudio .mejs-button button:before { font-size: 30px; position: relative; margin: 0 !important; text-align: center; } .StoryArticleImage.imageWithAudio .mejs-button.mejs-play button:before { content: '\e05f'; } .StoryArticleImage.imageWithAudio .mejs-button.mejs-pause button:before { top: 2px; content: '\e035'; } .StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play button:before { content: '\e037'; left: 2px; } .StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play button:before { content: '\e05f'; } .StoryArticleImage.imageWithAudio .mejs-time { font-size: 12px; margin-left: 15px; margin-right: 15px; display: inline-block; color: #4a4f54; vertical-align: middle; } .StoryArticleImage.imageWithAudio .mejs-time span:nth-child(2n), .StoryArticleImage.imageWithAudio .mejs-time span:nth-of-type(2n) { display: none; } .StoryArticleImage.imageWithAudio .mejs-duration { margin-left: 3px; opacity: 0.5; } .StoryArticleImage.imageWithAudio .mejs-duration:before { content: "/"; margin-right: 3px; } .StoryArticleImage.imageWithAudio.finished .mejs-play button:before { content: '\e05f'; text-align: left; line-height: 40px; position: relative; top: -1px; left: 0; } .StoryArticleImage.imageWithAudio .mejs-time-rail { display: inline-block; vertical-align: middle; overflow: hidden; position: relative; margin-left: 18px; height: 20px; } .StoryArticleImage.imageWithAudio .mejs-time-rail span { display: block; position: absolute; width: 0px; height: 20px; cursor: pointer; margin-top: -10px; top: 50%; } .StoryArticleImage.imageWithAudio .mejs-time-buffering { width: 100%; } .StoryArticleImage.imageWithAudio .mejs-time-loaded { width: 0; } .StoryArticleImage.imageWithAudio .mejs-time-current { width: 0; } .StoryArticleImage.imageWithAudio .mejs-time-total, .StoryArticleImage.imageWithAudio .mejs-time-buffering, .StoryArticleImage.imageWithAudio .mejs-time-loaded, .StoryArticleImage.imageWithAudio .mejs-time-current { background-repeat: repeat-x; background-position: 0 8px; } .StoryArticleImage.imageWithAudio .mejs-controls .mejs-time-float { display: none !important; } .StoryArticleImage.imageWithAudio .mejs-time-total { background-image: url(#); } .StoryArticleImage.imageWithAudio .mejs-time-loaded { background-image: url(#); } .StoryArticleImage.imageWithAudio .mejs-time-current { background-image: url(#); } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryArticleImage.imageWithAudio { border-top: solid 1px #e4e8e8; padding-top: 12px; } .StoryArticleImage.imageWithAudio .imageHolder { display: none; } .StoryArticleImage.imageWithAudio .imageMedia { margin-top: 0; } } .no-js .StoryArticleImage.imageWithAudio .assetDescription { padding-left: 0; } .columnLayout .collapsed.StoryArticleImage .imageMedia { transform: matrix(1, 0, 0, 1, 0, -65); -webkit-transition: -webkit-transform 0s; -webkit-transition-delay: ease; -moz-transition: -moz-transform 0s ease; -o-transition: -o-transform 0s ease; transition: transform 0s ease; } .StoryArticleMap .mediaHolder { width: 100%; height: 100%; } .StoryArticleMap .mediaHolder .iframeContainer { width: 100%; height: 100%; } .StoryArticleMap .mediaHolder .iframeContainer .iframeOverlay { position: absolute; width: 100%; height: calc(100% - 46px); display: block; top: 46px; } .StoryArticleMap .mediaHolder .iframeContainer iframe { width: 100%; height: 100%; pointer-events: none; } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryArticleMap .mediaHolder .iframeContainer { overflow: hidden; -webkit-overflow-scrolling: touch; } } .columnLayout .collapsed.StoryArticleMap .imageMedia { -webkit-transform: matrix(1, 0, 0, 1, 0, -65); -khtml-transform: matrix(1, 0, 0, 1, 0, -65); -moz-transform: matrix(1, 0, 0, 1, 0, -65); -ms-transform: matrix(1, 0, 0, 1, 0, -65); -o-transform: matrix(1, 0, 0, 1, 0, -65); transform: matrix(1, 0, 0, 1, 0, -65); -webkit-transition: -webkit-transform 0s; -webkit-transition-delay: ease; -moz-transition: -moz-transform 0s ease; -o-transition: -o-transform 0s ease; transition: transform 0s ease; } .StoryArticleQuote { margin-bottom: 80px; } .StoryArticleQuote .quoteContent p { font-family: "tinos", "arial", "helvetica", sans-serif; font-weight: 100; font-size: 38px; line-height: 1.2; } .StoryArticleQuote .quoteContent p:before, .StoryArticleQuote .quoteContent p:after { content: ''; display: block; height: 2px; width: 50px; } .StoryArticleQuote .quoteContent p:before { margin-bottom: 10.5px; } .StoryArticleQuote .quoteContent p:after { margin-top: 12.5px; } .StoryArticleQuote .name, .StoryArticleQuote .info { font-family: "lr_ot4", "arial", "helvetica", sans-serif; display: block; opacity: 1; -webkit-transition: opacity 0.3s; -webkit-transition-delay: ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryArticleQuote .name, .StoryArticleQuote .info { font-size: 13px; } } .StoryArticleQuote .name { margin-top: 18.75px; font-weight: bold; padding-top: 1px; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryArticleQuote .name { margin-top: 11.875px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryArticleQuote .name { margin-top: 12.5px; } } .StoryArticleQuote .info { font-size: 11px; letter-spacing: 1.5px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: normal; padding-top: 3px; letter-spacing: 1px; } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryArticleQuote .info { padding-top: 1px; } } .StoryArticleQuote.light { background-color: #ffffff; } .StoryArticleQuote.light .quoteContent p:before, .StoryArticleQuote.light .quoteContent p:after { background-color: #4a4f54; } .StoryArticleQuote.light .quoteContent p { color: #005a2b; } .StoryArticleQuote.light .quoteContent p:before, .StoryArticleQuote.light .quoteContent p:after { background-color: #005a2b; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryArticleQuote { margin-bottom: 40px; } .StoryArticleQuote .quoteContent p { font-size: 28.5px; line-height: 1.2; } .StoryArticleQuote .quoteContent p:before, .StoryArticleQuote .quoteContent p:after { width: 38px; } .StoryArticleQuote .quoteContent p:before { margin-bottom: 9.5px; } .StoryArticleQuote .quoteContent p:after { margin-top: 9.5px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryArticleQuote { margin-bottom: 30px; } .StoryArticleQuote .quoteContent p { font-size: 30px; } .StoryArticleQuote .quoteContent p:before, .StoryArticleQuote .quoteContent p:after { width: 40px; } .StoryArticleQuote .quoteContent p:before { margin-bottom: 10px; } .StoryArticleQuote .quoteContent p:after { margin-top: 10px; } } .columnLayout .StoryArticleQuote.collapsed .name, .columnLayout .StoryArticleQuote.collapsed .info { opacity: 0; } .StoryArticleVideo .videoContainerYoutube { display: table; width: 100%; position: relative; z-index: 1; } .StoryArticleVideo .videoContainerLoop { display: none; } .StoryArticleVideo.withLoop .videoContainerYoutube .YouTubePlayer { display: none; } .StoryArticleVideo.withLoop .videoContainerLoop { position: relative; z-index: 1; display: block; width: 100%; height: 100%; } .StoryArticleVideo.withLoop .videoContainerLoop .mediaHolder { width: 100%; height: 100%; } .StoryArticleVideo.withLoop .videoContainerLoop .mediaOverlay { z-index: 5; } .StoryArticleVideo.withLoop .videoContainerLoop .VideoPlayer .mediaOverlay { display: none; } .StoryArticleVideo.withLoop .videoContainerLoop .VideoPlayer .posterImage { display: block !important; position: absolute; } .StoryArticleVideo .assetDescription { display: block; position: relative; z-index: 0; transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: -webkit-transform 0.3s; -webkit-transition-delay: ease; -moz-transition: -moz-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; } .no-js .StoryArticleVideo .YouTubePlayer .playerCover { position: relative; } .no-js .StoryArticleVideo noscript img { max-width: 100%; } .fullscreen .StoryArticleVideo.withLoop { position: fixed; } .fullscreen .StoryArticleVideo.withLoop .VideoPlayer.paused { margin: 0; padding: 0; } .fullscreen .StoryArticleVideo.withLoop .VideoPlayer .posterImage { display: none !important; } .fullscreen .StoryArticleVideo.withLoop .VideoPlayer .playerWrapper { text-align: center; } .fullscreen .StoryArticleVideo.withLoop .VideoPlayer .playerWrapper.letterbox { background-color: #000; } .fullscreen .StoryArticleVideo.withLoop .videoContainerLoop .mediaOverlay { display: none; } .columnLayout .StoryArticleVideo.collapsed .assetDescription { transform: matrix(1, 0, 0, 1, 0, -60); -webkit-transition: -webkit-transform 0s; -webkit-transition-delay: ease; -moz-transition: -moz-transform 0s ease; -o-transition: -o-transform 0s ease; transition: transform 0s ease; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryCallsToAction .items[data-total="3"] .ctaBlock { margin-bottom: 22px; } .StoryCallsToAction .items[data-total="3"] .ctaBlock:last-child { margin-bottom: 0; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryCallsToAction .items[data-total] .ctaBlock { margin-bottom: 11px; } .StoryCallsToAction .items[data-total] .ctaBlock:last-child { margin-bottom: 0; } } .StoryCredit { background: #ffffff; padding: 40px 0; margin-bottom: -80px; z-index: 5; position: relative; } .StoryCredit.StoryCreditTagWrap { margin-bottom: 0; padding-top: 0; padding-bottom: 25px; } .StoryCredit.endCredit { margin: 0; padding-top: 0; } .StoryCredit .storyCreditList, .StoryCredit .interactiveStoryTags { max-width: 1400px; margin: 0 auto; padding: 0 90px; } .StoryCredit .storyCreditItem { padding: 0; float: left; font-size: 13px; line-height: 100%; } .StoryCredit .storyCreditLabel { font-weight: 700; padding: 0 5px 0 15px; position: relative; color: #0c121c; } .StoryCredit .storyCreditLabel:before { content: ""; display: block; position: absolute; height: 85%; width: 1px; background: #4a4f54; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .StoryCredit .storyCreditLabel:first-child { padding-left: 0; } .StoryCredit .storyCreditLabel:first-child:before { display: none; } .StoryCredit .storyCreditDescription { padding-right: 15px; } @media screen and (min-width: 901px) { .centre .StoryCredit .interactiveStoryTags, .centre .StoryCredit .storyCreditList { max-width: 1280px; padding-left: 240px; } .touch .StoryCredit .interactiveStoryTags, .touch .StoryCredit .storyCreditList { max-width: 1280px; padding-left: 240px; } } @media screen and (min-width: 1401px) { .touch .StoryCredit .storyCreditList, .touch .StoryCredit .interactiveStoryTags { margin-left: auto; margin-right: auto; padding: 0 240px; } } @media screen and (min-width: 900px) and (max-width: 1279px) { .touch .StoryCredit .storyCreditLabel:last-of-type { clear: left; padding-left: 0; } .touch .StoryCredit .storyCreditLabel:last-of-type:before { display: none; } .touch .StoryCredit .storyCreditItem:last-of-type { padding-top: 8.658px; } } @media screen and (min-width: 1px) and (max-width: 1024px) { .StoryCredit .storyCreditItem:last-of-type { padding-top: 8.658px; } .StoryCredit .storyCreditLabel:last-of-type { clear: left; padding-left: 0; } .StoryCredit .storyCreditLabel:last-of-type:before { display: none; } } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryCredit { margin-bottom: 0; padding-bottom: 1px; backface-visibility: hidden; } .StoryCredit.endCredit { padding-bottom: 40px; } .StoryCredit .storyCreditList, .StoryCredit .interactiveStoryTags { margin: 0 100px; padding: 0 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryCredit .storyCreditList, .StoryCredit .interactiveStoryTags { margin: 0; padding: 0 30px; } .StoryCredit.endCredit .storyCreditList { padding-top: 50px; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: landscape) { .StoryCredit .storyCreditList, .StoryCredit .interactiveStoryTags { margin: 0 100px; } } @media screen and (min-width: 1px) and (max-width: 740px) and (orientation: portrait) { .StoryCredit .storyCreditItem { float: none; padding-left: 0; margin: 0; } .StoryCredit .storyCreditItem:last-of-type { padding-top: 0; } .StoryCredit .storyCreditDescription { padding-bottom: 25px; clear: left; } .StoryCredit .storyCreditDescription:last-of-type { padding-bottom: 0; } .StoryCredit .storyCreditLabel { clear: left; padding-left: 0; padding-bottom: 6px; } .StoryCredit .storyCreditLabel:before { display: none; } } @media screen and (min-width: 1px) and (max-width: 600px) { .StoryCredit .storyCreditItem { float: none; padding-left: 0; margin: 0; } .StoryCredit .storyCreditItem:last-of-type { padding-top: 0; } .StoryCredit .storyCreditDescription { padding-bottom: 25px; clear: left; } .StoryCredit .storyCreditDescription:last-of-type { padding-bottom: 0; } .StoryCredit .storyCreditLabel { clear: left; padding-left: 0; padding-bottom: 6px; } .StoryCredit .storyCreditLabel:before { display: none; } } .StoryExtract { padding-top: 150px; padding-bottom: 150px; position: relative; height: 100vh; } .StoryExtract .extractVideo { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .StoryExtract .VideoPlayer, .StoryExtract .VideoPlayer .playerWrapper, .StoryExtract .VideoPlayer .mejs-video, .StoryExtract .VideoPlayer .mejs-inner, .StoryExtract .VideoPlayer .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .StoryExtract .VideoPlayer .playerWrapper { overflow: visible; } .StoryExtract .VideoPlayer .mejs-controls, .StoryExtract .VideoPlayer .mejs-overlay-play, .StoryExtract .VideoPlayer .mejs-layers, .StoryExtract .VideoPlayer .posterImage { display: none !important; } .StoryExtract .mejs-video { width: 100% !important; height: 100% !important; position: static; } .StoryExtract .mejs-video video { display: inline-block; vertical-align: baseline; } .StoryExtract .mejs-mediaelement { overflow: visible !important; } .StoryExtract .extractImage { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: right center; } .StoryExtract.videoPlayerReady .extractImage { display: none; } .StoryExtract .extractQuoteSource { transition: opacity 0.4s 0.8s; padding-top: 40px; } .StoryExtract.withMedia .extractQuoteSource { opacity: 0; } .StoryExtract.withMedia .sourceDetail { color: #ffffff; } .touch .StoryExtract.withMedia .extractQuoteSource, .StoryExtract.withMedia.showText .extractQuoteSource { opacity: 1; } .StoryExtract .sourceDetail { display: block; } .StoryExtract .sourceName { font-weight: 700; font-family: "lr_ot4", "arial", "helvetica", sans-serif; padding-bottom: 2px; color: #0c121c; } .StoryExtract .sourceInfo { color: #4a4f54; } .StoryExtract .extractContent { position: relative; z-index: 2; } .StoryExtract .extractContent .extractContainer .text { font-family: "tinos", "arial", "helvetica", sans-serif; font-size: 100px; font-size: 7vw; line-height: 1.25; color: #005a2b; } .StoryExtract .extractContent .extractContainer .text:before, .StoryExtract .extractContent .extractContainer .text:after { content: ""; display: block; height: 2px; width: 1.4em; background-color: #005a2b; } .StoryExtract .extractContent .extractContainer .text:before { margin-bottom: 0.09em; } .StoryExtract .extractContent .extractContainer .text:after { margin-top: 0.26em; } .StoryExtract .extractContent .extractContainer .prop { visibility: hidden; } .StoryExtract .extractContent .extractContainer .half { display: none; } .StoryExtract.withMedia .extractMedia:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.1); } .StoryExtract.withMedia .extractContent .extractContainer .text { color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .StoryExtract.withMedia .extractContent .extractContainer .text:before, .StoryExtract.withMedia .extractContent .extractContainer .text:after { background-color: #ffffff; } .StoryExtract.touch, .no-js .StoryExtract { height: auto; } .StoryExtract.touch .extractContent .extractContainer .prop, .no-js .StoryExtract .extractContent .extractContainer .prop { visibility: visible; } .StoryExtract.desktop { display: table; width: 100%; } .StoryExtract.desktop .extractContent { display: table-cell; vertical-align: middle; } .StoryExtract.desktop .extractContent .extractContainer .prop { visibility: visible; } .StoryExtract.desktop.withMedia .extractContent .extractContainer { position: relative; } .StoryExtract.desktop.withMedia .extractContent .extractContainer .prop { visibility: hidden; } .StoryExtract.desktop.withMedia .extractContent .extractContainer .half { display: block; width: 100%; height: 50%; position: absolute; left: 0; overflow: hidden; } .StoryExtract.desktop.withMedia .extractContent .extractContainer .half .text { position: relative; -webkit-transition: top 0.8s; -webkit-transition-delay: 0s; -moz-transition: top 0.8s; -o-transition: top 0.8s; transition: top 0.8s; } .StoryExtract.desktop.withMedia .extractContent .extractContainer .half.top { top: 0; } .StoryExtract.desktop.withMedia .extractContent .extractContainer .half.top .text { top: 100%; } .StoryExtract.desktop.withMedia .extractContent .extractContainer .half.bottom { top: 50%; } .StoryExtract.desktop.withMedia .extractContent .extractContainer .half.bottom .text { top: -200%; } .StoryExtract.desktop.withMedia.showText .extractContent .extractContainer .half.top .text, .lt-ie10 .StoryExtract.desktop.withMedia .extractContent .extractContainer .half.top .text { top: 0; } .StoryExtract.desktop.withMedia.showText .extractContent .extractContainer .half.bottom .text, .lt-ie10 .StoryExtract.desktop.withMedia .extractContent .extractContainer .half.bottom .text { top: -100%; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryExtract { padding-top: 40px; padding-bottom: 40px; } .StoryExtract .extractContent { padding-top: 55px; padding-right: 50px; padding-bottom: 55px; } .StoryExtract .extractContent .extractContainer .text { font-size: 70px; font-size: 7vw; line-height: 1.2; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryExtract { padding-top: 40px; padding-bottom: 40px; } .StoryExtract .extractContent { padding-top: 0; padding-right: 0; padding-bottom: 0; } .StoryExtract .extractContent .extractContainer .text { font-size: 34px; font-size: 7vw; } } @media screen and (min-width: 1429.571px) { .StoryExtract .extractContent .extractContainer .text { font-size: 100px !important; } } @media screen and (min-width: 1px) and (max-width: 485.714px) { .StoryExtract .extractContent .extractContainer .text { font-size: 34px !important; } } .StoryGallery { position: relative; } .StoryGallery .storyGalleryCarousel { overflow: visible; } .StoryGallery .carouselPagination, .StoryGallery .rsNav { z-index: 4; position: absolute; left: 50px; bottom: 18px; height: 42px; text-align: left; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .StoryGallery .carouselPagination .swiper-pagination-bullet, .StoryGallery .carouselPagination .rsNavItem, .StoryGallery .rsNav .swiper-pagination-bullet, .StoryGallery .rsNav .rsNavItem { cursor: pointer; font-family: "lr_ot4", "arial", "helvetica", sans-serif; color: #ffffff; font-size: 24px; padding-top: 18px; font-weight: 700; line-height: 1em; height: auto; width: 27px; border-radius: none; display: inline-block; text-align: center; -webkit-transition: all 0.5s; -webkit-transition-delay: ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: none; } .StoryGallery .carouselPagination .swiper-pagination-bullet-active, .StoryGallery .carouselPagination .rsNavSelected, .StoryGallery .rsNav .swiper-pagination-bullet-active, .StoryGallery .rsNav .rsNavSelected { font-size: 42px; padding-top: 0; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .StoryGallery .carouselPagination .paginationHidden, .StoryGallery .rsNav .paginationHidden { display: none; } .StoryGallery.StoryGalleryFilmstrip { margin-left: -1px; width: 140%; } .StoryGallery.StoryGalleryFilmstrip .storyGalleryFrame { overflow: visible; } .StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameSingleImage .galleryLayout, .StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameDualPanorama .galleryLayout { width: 200%; } .StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameDualPortrait .verticalGalleryLayout, .StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameTripletLeft .verticalGalleryLayout, .StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameTripletRight .verticalGalleryLayout { width: 100%; float: none; position: absolute; top: 0; left: 0; } .StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameDualPortrait .verticalGalleryLayout:last-child, .StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameTripletLeft .verticalGalleryLayout:last-child, .StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameTripletRight .verticalGalleryLayout:last-child { left: 100%; } .storyGalleryFrame { overflow: hidden; position: relative; } .viewportheight .storyGalleryFrame { height: 100vh; } .storyGalleryFrame.StoryGalleryFrameSingleImage .galleryLayout { position: absolute; width: 100%; } .galleryLayout { height: 100%; position: relative; overflow: hidden; } .galleryLayout.verticalGalleryLayout { position: absolute; width: 50%; } .galleryLayout.verticalGalleryLayout:first-child { left: 0; } .galleryLayout.verticalGalleryLayout:last-child { right: 0; } .galleryLayout.horizontalGalleryLayout { position: absolute; height: 50%; width: 100%; } .galleryLayout.horizontalGalleryLayout:first-child { top: 0; } .galleryLayout.horizontalGalleryLayout:last-child { bottom: 0; } .galleryLayout .galleryItem { width: 100%; height: 100%; } .galleryLayout span { overflow: hidden; display: block; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .StoryGalleryFullscreen .galleryLayout .gallerySVGWrapper svg image, .StoryGalleryFullscreen .galleryLayout .backgroundImage { -webkit-transition: opacity 0.4s; -webkit-transition-delay: ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout .gallerySVGWrapper svg image, .StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout .backgroundImage { opacity: 0.6; } .StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover svg image, .StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover .backgroundImage { opacity: 1; } .StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover svg svg image, .StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover .horizontalGalleryLayout .backgroundImage { opacity: 0.6; } .StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover svg svg:hover image, .StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover .horizontalGalleryLayout:hover .backgroundImage { opacity: 1; } .StoryGalleryFullscreen .storyGalleryFrame:hover .horizontalGalleryLayout .gallerySVGWrapper svg image, .StoryGalleryFullscreen .storyGalleryFrame:hover .horizontalGalleryLayout .backgroundImage { opacity: 0.6; } .StoryGalleryFullscreen .storyGalleryFrame:hover .horizontalGalleryLayout:hover .gallerySVGWrapper svg image, .StoryGalleryFullscreen .storyGalleryFrame:hover .horizontalGalleryLayout:hover .backgroundImage { opacity: 1; } .StoryGalleryTransitionsOff .galleryItem { background-color: #000000; } @media only screen and (orientation: landscape) { .StoryGallery.StoryGalleryFilmstrip { width: 180%; } } @media only screen and (orientation: portrait) { .StoryGallery.StoryGalleryFilmstrip .storyGallerySlides .storyGalleryFrame { height: 60vh; } } @media screen and (min-width: 1px) and (max-width: 1025px) { .StoryGallery.StoryGalleryFilmstrip { overflow-x: hidden; width: 100%; } } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryGallery .carouselPagination { left: 40px; } .StoryGallery.StoryGalleryFilmstrip .storyGalleryFrame { height: calc(100vh - 50px); } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryGallery .carouselPagination { left: 30px; } .StoryGallery.StoryGalleryFilmstrip .storyGalleryFrame { height: calc(100vh - 50px); } } .no-js .galleryLayout span>span { height: auto; } .no-js .galleryLayout span div { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; } .no-js .storyGalleryFrame { height: 800px; } @media screen and (min-width: 1px) and (max-width: 900px) { .no-js .storyGalleryFrame { height: 500px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .no-js .storyGalleryFrame { height: 300px; } } .StoryHero { position: relative; } .StoryHero .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.3); opacity: 0; } .StoryHero .imageContainer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .StoryHero .imageContainer.layeredImage { display: none; } .StoryHero .imageContainer .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .StoryHero .imageContainer .layer .image, .StoryHero .imageContainer .layer .fallback { display: block; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; } .StoryHero.parallax .imageContainer { -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; overflow: hidden; } .StoryHero.parallax.touch .flatImage .layer { -webkit-transform: translateZ(100px); -khtml-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); } .StoryHero.parallax.desktop .flatImage { display: none; } .StoryHero.parallax.desktop.flatImageReady .flatImage { display: block; } .StoryHero.parallax.desktop.layersLoaded .layeredImage { display: block; } .StoryHero.parallax.desktop.layersLoaded .layeredImage .image { display: none; } .StoryHero.parallax.desktop.layersLoaded .layeredImage .canvas { position: absolute; } .StoryHero.imageLeft .imageContainer { -webkit-perspective-origin: 0 50%; perspective-origin: 0 50%; } .StoryHero.imageLeft .imageContainer .layer .image, .StoryHero.imageLeft .imageContainer .layer .image .fallback { background-position: 0 50%; } .StoryHero.imageRight .imageContainer { -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; } .StoryHero.imageRight .imageContainer .layer .image, .StoryHero.imageRight .imageContainer .layer .image .fallback { background-position: 100% 50%; } .StoryHero.imageTop .imageContainer { -webkit-perspective-origin: 50% 0; perspective-origin: 50% 0; } .StoryHero.imageTop .imageContainer .layer .image, .StoryHero.imageTop .imageContainer .layer .image .fallback { background-position: 50% 0; } .StoryHero.imageBottom .imageContainer { -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } .StoryHero.imageBottom .imageContainer .layer .image, .StoryHero.imageBottom .imageContainer .layer .image .fallback { background-position: 50% 100%; } .StoryHero.imageLeft.imageTop .imageContainer { -webkit-perspective-origin: 0 0; perspective-origin: 0 0; } .StoryHero.imageLeft.imageTop .imageContainer .layer .image, .StoryHero.imageLeft.imageTop .imageContainer .layer .image .fallback { background-position: 0 0; } .StoryHero.imageLeft.imageBottom .imageContainer { -webkit-perspective-origin: 0 100%; perspective-origin: 0 100%; } .StoryHero.imageLeft.imageBottom .imageContainer .layer .image, .StoryHero.imageLeft.imageBottom .imageContainer .layer .image .fallback { background-position: 0 100%; } .StoryHero.imageRight.imageTop .imageContainer { -webkit-perspective-origin: 100% 0; perspective-origin: 100% 0; } .StoryHero.imageRight.imageTop .imageContainer .layer .image, .StoryHero.imageRight.imageTop .imageContainer .layer .image .fallback { background-position: 100% 0; } .StoryHero.imageRight.imageBottom .imageContainer { -webkit-perspective-origin: 100% 100%; perspective-origin: 100% 100%; } .StoryHero.imageRight.imageBottom .imageContainer .layer .image, .StoryHero.imageRight.imageBottom .imageContainer .layer .image .fallback { background-position: 100% 100%; } .StoryHero .screen { display: table; width: 100%; height: 100vh; position: relative; z-index: 3; overflow: hidden; } .StoryHero.twoScreen .screenSpacer { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryHero .screenSpacer { display: none; } .no-js .StoryHero .screen { height: auto; min-height: 300px; } } .StoryHero .text { display: table-cell; vertical-align: middle; position: relative; } .StoryHero .headingLayer { text-align: center; } .StoryHero .heading { text-align: center; margin: 0; } .StoryHero .copy { padding-right: 25%; padding-left: 25%; padding-top: 100px; padding-bottom: 100px; font-size: 34px; color: #ffffff; opacity: 0; } .StoryHero.touch .copy, .no-js .StoryHero .copy { opacity: 1; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryHero .copy { font-size: 24px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryHero .copy { font-size: 18px; } } .StoryHero .scrollButtonContainer { display: none; width: 50px; height: 50px; position: absolute; bottom: 0; left: 50%; margin-left: -25px; opacity: 1; -webkit-transition: height 0s, opacity 400ms; -webkit-transition-delay: 0s, 0s; -moz-transition: height 0s 0s, opacity 400ms; -o-transition: height 0s 0s, opacity 400ms; transition: height 0s 0s, opacity 400ms; } .StoryHero .scrollButtonContainer.hidden { height: 0; opacity: 0; -webkit-transition: opacity 400ms, height 0s; -webkit-transition-delay: 0s, 400ms; -moz-transition: opacity 400ms, height 0s 400ms; -o-transition: opacity 400ms, height 0s 400ms; transition: opacity 400ms, height 0s 400ms; } .StoryHero.desktop .scrollButtonContainer { display: block; } .StoryHero.hijackScroll .overlay.visible, .StoryHero.hijackScroll .copy.visible { opacity: 1; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 800ms; -khtml-transition-duration: 800ms; -moz-transition-duration: 800ms; -ms-transition-duration: 800ms; -o-transition-duration: 800ms; transition-duration: 800ms; } .StoryHero .audio { display: none; } .StoryLinks .items .el .header { display: block; margin-bottom: 33px; position: relative; border: 0; } .StoryLinks .items .el .header .mediaOverlay { z-index: 1; } .StoryLinks .items .el .header .headerContent { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .StoryLinks .items .el .header .headerContent .headerContentOuter { display: table; width: 100%; height: 100%; } .StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner { display: table-cell; padding-right: 20px; padding-left: 20px; vertical-align: middle; } .StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner .heading { margin-bottom: 0; color: #ffffff; -webkit-font-smoothing: antialiased; } .StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner .heading .headingWrapper:before, .StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner .heading .headingWrapper:after { background-color: #ffffff; } .StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner .itemCategory { margin-bottom: 5px; font-size: 12px; } @media screen and (min-width: 1px) and (max-width: 1100px) { .StoryLinks .items .el .header .itemCategory { display: none; } } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryLinks .items .el .header .itemCategory { display: block; } } .StoryLinks .storyCount.hidden { display: none; } .StoryLinks .storyCountBottom { margin-top: -20px; margin-bottom: 40px; text-align: center; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryLinks .storyCountBottom { margin-top: 20px; margin-bottom: 0; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryLinks .storyCountBottom { margin-top: -10px; margin-bottom: 30px; } } .StoryLinks .contentBlock.contentBlockNew { display: none; } .no-js .StoryLinks .items .el:nth-child(n+4) { display: none; } .no-js .StoryLinks .storyCount { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .no-js .StoryLinks .items .el:nth-child(n+3) { display: none; } } @media screen and (min-width: 1px) and (max-width: 740px) { .no-js .StoryLinks .items .el { padding-bottom: 30px; } .no-js .StoryLinks .items .el:nth-child(n+2) { display: none; } } .StoryScroller { position: relative; background: #000000; z-index: 1; } .StoryScroller.active .intro, .StoryScroller.active .storySection { top: 0; } .StoryScroller.videoActive { z-index: 10; } .StoryScroller .intro { position: relative; width: 100%; top: 0; height: 100vh; z-index: 10; background: rgba(0, 0, 0, 0.65); opacity: 1; } .StoryScroller .intro.storySection { z-index: 10; } .StoryScroller .intro.loaded { z-index: 60; } .StoryScroller .intro .ScrollDown { display: block; opacity: 1; } .StoryScroller .intro .overlay { opacity: 0.5; } .no-cssvhunit.touchCapability .StoryScroller .intro { height: 100%; } .StoryScroller .introWrapper { position: absolute; top: 50%; width: 100%; z-index: 3; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .StoryScroller .introWrapper .atmospheric { display: none; } .StoryScroller .ScrollDown { font-size: 12px; text-align: center; display: block; opacity: 0; position: absolute; bottom: 0; left: 50%; top: auto; -webkit-transition: none; -webkit-transition-delay: 0s; -moz-transition: none; -o-transition: none; transition: none; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; display: none; } .StoryScroller .scrollWrapper { width: 100%; height: 100vh; overflow: hidden; top: 0; z-index: 5; } .touchCapability .StoryScroller .scrollWrapper { height: auto; overflow: visible; } .StoryScroller .storySection { height: 100vh; width: 100%; overflow: hidden; position: absolute; top: 0; z-index: 5; } .touchCapability .StoryScroller .storySection { top: auto; position: relative; } .StoryScroller .storySection.storySectionOne { z-index: 8; } .StoryScroller .storySection.storySectionTwo { z-index: 7; } .StoryScroller .storySection.storySectionThree { z-index: 6; } .StoryScroller .storySection.textActive, .StoryScroller .storySection.videoActive { z-index: 10; } .StoryScroller .storySectionZero .image { position: absolute; } .StoryScroller .clipFix { -webkit-perspective: 1000; backface-visibility: hidden; position: absolute; top: 0; z-index: 40; width: 100%; overflow: hidden; height: 100%; } .StoryScroller .clipFixLeft { left: -50%; } .StoryScroller .clipFixLeft .imageContainer { right: -50%; } .StoryScroller .clipFixRight { right: -50%; } .StoryScroller .clipFixRight .imageContainer { right: 50%; } .StoryScroller .imageContainer { position: absolute; right: 0; top: 0; width: 100%; backface-visibility: hidden; transform-origin: 50% 50%; z-index: 4; height: 2823px; pointer-events: none; display: none; } .StoryScroller .stateEnabled { display: block; } .StoryScroller .storySectionZero .introWrapper { opacity: 0; } .StoryScroller .zoomImage { position: absolute; width: 850px; height: 941px; display: inline-block; vertical-align: baseline; border-color: transparent; pointer-events: none; -webkit-transform: translate3d(0, 0, 1) scale(1); -ms-transform: translate3d(0, 0, 1) scale(1); transform: translate3d(0, 0, 1) scale(1); } .StoryScroller .fallBackImage.disabled { background: none !important; } .StoryScroller .fallBackImage, .StoryScroller .fallBackImageNoJs { display: block; background-size: cover; width: 100%; height: 100%; } .StoryScroller .storyVideo { height: 1000px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; background-color: #000000; } .touchCapability .StoryScroller .videoActive { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 40; } .StoryScroller .videoActive .storyVideo { opacity: 1; z-index: 20; } .StoryScroller .videoActive video:focus { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .StoryScroller .storyContent { height: 100vh; width: 100%; position: absolute; top: 0; left: 0; z-index: 40; } .touchCapability .StoryScroller .storyContent { height: 100%; } .StoryScroller .storyContent.curtainOpen { z-index: 10; } .StoryScroller .storyContent.curtain { position: relative; } .StoryScroller .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: 0; z-index: 1; } .StoryScroller .storyQuote { height: 100%; } .StoryScroller .storyQuote .storyQuoteInner { width: 100%; height: 100%; position: relative; -webkit-transition: -webkit-transform 1.9s; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.9s; -o-transition: -o-transform 1.9s; transition: transform 1.9s; background-size: cover; z-index: 3; } .StoryScroller .storyQuote .storyQuoteInner.left { transform: translateX(0%); -ms-transform: translateX(0%); transform: rotate(0%); } .StoryScroller .storyQuote .storyQuoteInner.right { transform: translateX(0%); -ms-transform: translateX(0%); } .StoryScroller .storyQuote .storyQuoteInner.right, .StoryScroller .storyQuote .storyQuoteInner.left { top: 0; } .StoryScroller .storyQuote .overlay { position: absolute; opacity: 0; } .StoryScroller .storyQuote .overlay.init { opacity: 0.3; transition-delay: 0.6s; } .StoryScroller .storyQuote .quote { position: absolute; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0 90px; } .StoryScroller .storyQuote .quote.showText .half.top .text { top: 70%; } .StoryScroller .storyQuote .quote.showText .half.bottom .text { top: -30%; } .StoryScroller .storyQuote .quote .text { font-family: "tinos", "arial", "helvetica", sans-serif; font-size: 90px; font-size: 10.8vh; line-height: 1.25; color: #ffffff; position: relative; z-index: 1; width: 100%; } .StoryScroller .storyQuote .quote .text:before, .StoryScroller .storyQuote .quote .text:after { content: ""; display: block; height: 2px; width: 1.4em; background-color: #ffffff; } .StoryScroller .storyQuote .quote .text:before { margin-bottom: 0.09em; } .StoryScroller .storyQuote .quote .text:after { margin-top: 0.26em; } .StoryScroller .storyQuote .quote .prop { visibility: hidden; } .StoryScroller .storyQuote .quote .half { display: block; width: 100%; height: 50%; position: absolute; left: 0; overflow: hidden; } .StoryScroller .storyQuote .quote .half.top { top: 0; } .StoryScroller .storyQuote .quote .half.top .text { top: 110%; } .StoryScroller .storyQuote .quote .half.bottom { top: 50%; } .StoryScroller .storyQuote .quote .half.bottom .text { top: -201%; } .StoryScroller .storyQuote .quote .half.open { overflow: visible; } .StoryScroller .storyQuote .source { padding: 24px 0 0; color: #ffffff; opacity: 0; } .StoryScroller .storyQuote .source .name, .StoryScroller .storyQuote .source .info { font-family: "lr_ot4", "arial", "helvetica", sans-serif; display: block; } .StoryScroller .storyQuote .source .name { font-weight: bold; padding-top: 1px; } .StoryScroller .storyQuote .source .info { font-size: 11px; letter-spacing: 1.5px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: normal; padding-top: 3px; letter-spacing: 1px; } .StoryScroller .storyQuote .quoteCTA { position: absolute; overflow: visible; bottom: -90px; z-index: 1; opacity: 0; padding-left: 26px; cursor: pointer; } #landrover .StoryScroller .storyQuote .quoteCTA { background-color: #ffffff; color: #0c121c; } #landrover .StoryScroller .storyQuote .quoteCTA:hover { background-color: #0c121c; color: #ffffff; } #landrover .StoryScroller .storyQuote .quoteCTA.disabled:hover { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .StoryScroller .storyQuote .quoteCTA:focus { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .StoryScroller .storyQuote .quoteCTA.disabled:focus { background-color: #ffffff; color: #0c121c; } .StoryScroller .storyVideo { height: 100%; } .StoryScroller .storyVideo .header { display: block; position: absolute; top: 0; right: 0; width: 100%; z-index: 5; } .StoryScroller .video .ytClose { display: block; } .StoryScroller.youtube .VideoPlayer { display: none; } .StoryScroller.youtube .youtubeWrapper { display: table; height: 100%; width: 100%; position: relative; z-index: 4; } .StoryScroller.youtube .youtubeWrapper>h4, .StoryScroller.youtube .youtubeWrapper>p, .StoryScroller.youtube .youtubeWrapper>img { display: none; } .StoryScroller.youtube .youtubeWrapper .playerWrapper { max-height: 100vh; } .StoryScroller.mediamanager .VideoPlayer { max-height: 100vh; position: relative; z-index: 4; } .StoryScroller.mediamanager .VideoPlayer .mejs-video, .StoryScroller.mediamanager .VideoPlayer video { max-height: 100vh; } .StoryScroller.mediamanager .VideoPlayer .playerWrapper { max-height: 100vh; } .StoryScroller.mediamanager .YouTubeGalleryAsset { display: none; } .StoryScroller .light .storyQuote .quote .text, .StoryScroller .grey .storyQuote .quote .text { color: #0c121c; } .StoryScroller .light .storyQuote .quote .text:before, .StoryScroller .light .storyQuote .quote .text:after, .StoryScroller .grey .storyQuote .quote .text:before, .StoryScroller .grey .storyQuote .quote .text:after { background-color: #0c121c; } @media screen and (min-width: 1px) and (max-width: 900px) { .StoryScroller .imageContainer { height: 1700px; } .StoryScroller .storyQuote .quote { margin: 0 40px; } .StoryScroller .storyQuote .quote .text { font-size: 60px; } .StoryScroller .storyVideo { transition: opacity 0.4s; } .StoryScroller .storyVideo .video { position: relative; } .videoActive .StoryScroller .storyVideo { background-color: #000000; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StoryScroller .storyQuote .quoteCTA { bottom: -75px; } .StoryScroller .storyQuote .quote { margin: 0 30px; } .StoryScroller .storyQuote .quote .text { font-size: 34px; font-size: 6vh; } .StoryScroller .storyQuote .quote .source { padding: 15px 0 0; } .StoryScroller .storyQuote .quote .source .name, .StoryScroller .storyQuote .quote .source .info { font-size: 13px; } } @media screen and (orientation: landscape) and (max-width: 900px) { .StoryScroller .storyQuote .quoteCTA { bottom: -75px; } .StoryScroller .storyQuote .quote .text { font-size: 9vh; } } .no-js .StoryScroller .intro, .StoryScroller.degraded .intro { height: 100vh; } .no-js .StoryScroller .intro .fallBackImage, .no-js .StoryScroller .intro .fallBackImageNoJs, .StoryScroller.degraded .intro .fallBackImage, .StoryScroller.degraded .intro .fallBackImageNoJs { background-size: 300%; background-position: bottom center; opacity: 0.7; transition: opacity 0.4s; } .no-js .StoryScroller .intro .fallBackImage:hover, .no-js .StoryScroller .intro .fallBackImageNoJs:hover, .StoryScroller.degraded .intro .fallBackImage:hover, .StoryScroller.degraded .intro .fallBackImageNoJs:hover { opacity: 1; } .no-js .StoryScroller .introWrapper, .StoryScroller.degraded .introWrapper { z-index: 100; } .no-js .StoryScroller .storyVideo, .no-js .StoryScroller .imageContainer, .StoryScroller.degraded .storyVideo, .StoryScroller.degraded .imageContainer { display: none; } .no-js .StoryScroller .storySection, .StoryScroller.degraded .storySection { position: static; height: auto; } .no-js .StoryScroller .scrollWrapper, .StoryScroller.degraded .scrollWrapper { height: auto; } .no-js .StoryScroller .storyContent, .StoryScroller.degraded .storyContent { position: relative; } .no-js .StoryScroller .fallBackImageNoJs, .StoryScroller.degraded .fallBackImageNoJs { display: block; } .no-js .StoryScroller .storyQuote, .StoryScroller.degraded .storyQuote { height: 100%; } .no-js .StoryScroller .storyQuote:hover .overlay, .StoryScroller.degraded .storyQuote:hover .overlay { opacity: 0; } .no-js .StoryScroller .storyQuote .storyQuoteInner, .StoryScroller.degraded .storyQuote .storyQuoteInner { height: 100%; } .no-js .StoryScroller .storyQuote .quote .text.prop, .StoryScroller.degraded .storyQuote .quote .text.prop { visibility: visible; } .no-js .StoryScroller .storyQuote .quoteCTA, .StoryScroller.degraded .storyQuote .quoteCTA { opacity: 1; } .no-js .StoryScroller .storyQuote .overlay, .StoryScroller.degraded .storyQuote .overlay { opacity: 0.7; transition: opacity 0.4s; } .StorySocialLinks { padding-bottom: 40px; } .StorySocialLinks .links { text-align: center; } .StorySocialLinks .links li { display: inline-block; width: 90px; margin-bottom: 40px; vertical-align: top; } .StorySocialLinks .links li a { display: block; text-decoration: none; overflow: hidden; } .StorySocialLinks .links li a .ico { width: 50px; height: 50px; line-height: 50px; margin: 0 auto 18px; font-size: 23px; -webkit-transition: background 400ms; -webkit-transition-delay: ease; -moz-transition: background 400ms ease; -o-transition: background 400ms ease; transition: background 400ms ease; } .StorySocialLinks .links li a .ico:before { vertical-align: top; -webkit-transition: color 400ms; -webkit-transition-delay: ease; -moz-transition: color 400ms ease; -o-transition: color 400ms ease; transition: color 400ms ease; } .StorySocialLinks .links li a .text { font-size: 9px; line-height: 12px; letter-spacing: 0.2em; font-weight: bold; -webkit-font-smoothing: auto; -webkit-transition: color 400ms; -webkit-transition-delay: ease; -moz-transition: color 400ms ease; -o-transition: color 400ms ease; transition: color 400ms ease; } .StorySocialLinks .links li.facebook a .ico { line-height: 52px; } .StorySocialLinks .links li.facebook a .ico:before { content: '\e051'; margin-top: -8px; } .StorySocialLinks .links li.instagram a .ico:before { content: '\e053'; margin-top: -6px; margin-right: 2px; } .StorySocialLinks .links li.pinterest a .ico:before { content: '\e055'; margin-top: -4px; } .StorySocialLinks .links li.share a .ico:before { content: '\e045'; margin-top: -6px; margin-left: 1px; } .StorySocialLinks .links li.tumblr a .ico:before { content: '\e058'; margin-top: -6px; } .StorySocialLinks .links li.twitter a .ico:before { content: '\e059'; } .StorySocialLinks .links li.youtube a .ico { font-size: 29px; } .StorySocialLinks .links li.youtube a .ico:before { content: '\e05d'; margin-top: -8px; } .no-js .StorySocialLinks .links li.share { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .StorySocialLinks { padding-bottom: 0px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .StorySocialLinks { padding-bottom: 0px; } .StorySocialLinks .links li { margin-bottom: 30px; } } @media screen and (min-width: 1px) and (max-width: 360px) { .StorySocialLinks .links[data-total="3"] li { width: 70px; } } .StorySocialLinks .links li a .ico { background-color: #0c121c; } .StorySocialLinks .links li a .ico:before { color: #e4e8e8; } .StorySocialLinks .links li a .text { color: #a4a7a9; } .StorySocialLinks .links li a:hover .text { color: #0c121c; } .StorySocialLinks .links li a:hover .ico:before { color: #ffffff; } .StorySocialLinks .links li.facebook a:hover .ico { background-color: #305891; } .StorySocialLinks .links li.instagram a:hover .ico { background-color: #406e95; } .StorySocialLinks .links li.pinterest a:hover .ico { background-color: #c82828; } .StorySocialLinks .links li.share a:hover .ico { background-color: #4a4f54; } .StorySocialLinks .links li.tumblr a:hover .ico { background-color: #2f5070; } .StorySocialLinks .links li.twitter a:hover .ico { background-color: #2ca8d2; } .StorySocialLinks .links li.youtube a:hover .ico { background-color: #e62d27; } .StorySocialLinks.light .links li a:hover .text { color: #4a4f54; } .StorySocialLinks.dark .links li a:hover .text { color: #ffffff; } .StorySocialLinks.dark .links li.share a:hover .ico { background-color: #ffffff; } .StorySocialLinks.dark .links li.share a:hover .ico:before { color: #0c121c; } .SubFooter { padding: 20px 90px; font-size: 11px; border-top: 1px solid; } .SubFooter p { padding-bottom: 20px; } .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: #30353e; color: #a4a7a9; } .lightTheme .SubFooter { background-color: #ffffff; border-top-color: #e4e8e8; color: #4a4f54; } .lightTheme .SubFooter a { color: #4a4f54; } .lightTheme .SubFooter a:hover { color: #a4a7a9; } .SubNavigation { width: 100%; position: relative; z-index: 8; } .withVehicleSelector .SubNavigation { display: none; } .SubNavigation .SubNavigationContainer { position: relative; height: 45px; overflow: hidden; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer { float: left; height: 45px; overflow: hidden; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div { font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: bold; font-size: 9px; letter-spacing: 0.2em; white-space: nowrap; line-height: 45px; display: block; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a { display: block; -webkit-transition: color 0.4s; -webkit-transition-delay: 0s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a, .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div span { text-decoration: none; padding: 0 50px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div i { position: relative; top: -2px; font-size: 10px; line-height: 1; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer.active { position: relative; top: -45px; height: 90px; } .SubNavigation .SubNavigationContainer .SubNavigationDivider { display: none; margin: 0; padding: 0; border: 0; opacity: 0; height: 1px; position: absolute; top: 45px; left: 0; width: 100%; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li { font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: bold; font-size: 9px; letter-spacing: 0.2em; float: left; white-space: nowrap; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li a { text-decoration: none; display: block; padding: 0 25px; line-height: 45px; -webkit-transition: color 400ms; -webkit-transition-delay: ease-out; -moz-transition: color 400ms ease-out; -o-transition: color 400ms ease-out; transition: color 400ms ease-out; position: relative; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li:first-child a { padding-left: 50px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer+.SubNavigationMainList li a:first-child { padding-left: 25px; } .SubNavigation .SubNavigationContainer .SubNavigationModels { float: left; display: block; } .SubNavigation .SubNavigationContainer .SubNavigationModels li a:after { content: '\e800'; content: '\e00b'; font-size: 6px; line-height: 1em; position: relative; top: -2px; padding-left: 5px; } .SubNavigation .SubNavigationContainer .SubNavigationButtons { font-size: 9px; line-height: 1em; letter-spacing: 0.15em; position: absolute; top: 13px; right: 20px; padding: 5px 4px 3px 10px; cursor: pointer; font-weight: bold; } .SubNavigation .SubNavigationContainer .SubNavigationButtons:after { content: '\e800'; font-size: 10px; padding-left: 2px; } .SubNavigation .SubNavigationContainer .SubNavigationButtons:before { content: ""; width: 1px; height: 100%; position: absolute; right: 29px; top: 0; } .SubNavigation .SubNavigationContainer .MoreButton { display: none; } .SubNavigation .SubNavigationContainer .MoreButton:after { content: '\e038'; } .SubNavigation .SubNavigationContainer .LessButton { display: none; } .SubNavigation .SubNavigationContainer .LessButton:after { content: '\e02f'; } #header.reducedStickyNavigation .SubNavigation .SubNavigationContainer { height: 40px; } #header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer { height: 40px; } #header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div { line-height: 40px; } #header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer.active { top: -40px; height: 80px; } #header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationDivider { top: 40px; } #header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationMainList li a { line-height: 40px; } #header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationButtons { top: 10px; } .no-js .SubNavigationContainer { height: auto; overflow: hidden; } @media screen and (min-width: 1px) and (max-width: 1024px) { .SubNavigation .SubNavigationContainer li { letter-spacing: 0.15em; } } @media screen and (min-width: 1px) and (max-width: 900px) { body.hasSubNavigation { padding-top: 132px; } .SubNavigation { padding-left: 0; z-index: 5; } .SubNavigation .SubNavigationContainer { height: 40px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer { height: 40px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div { line-height: 40px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer.active { top: -40px; height: 80px; } .SubNavigation .SubNavigationContainer .SubNavigationDivider { top: 40px; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li { letter-spacing: 0.15em; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li a { line-height: 40px; } .SubNavigation .SubNavigationContainer .SubNavigationButtons { top: 10px; } } .no-js .SubNavigationContainer { height: auto; overflow: hidden; } @media screen and (min-width: 1px) and (max-width: 1024px) { .SubNavigation .SubNavigationContainer li { letter-spacing: 0.15em; } } @media screen and (min-width: 1px) and (max-width: 900px) { body.hasSubNavigation { padding-top: 132px; } .SubNavigation { padding-left: 0; z-index: 5; } .SubNavigation .SubNavigationContainer { height: 40px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer { height: 40px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div { line-height: 40px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer.active { top: -40px; height: 80px; } .SubNavigation .SubNavigationContainer .SubNavigationDivider { top: 40px; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li { letter-spacing: 0.15em; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li a { line-height: 40px; } .SubNavigation .SubNavigationContainer .SubNavigationButtons { top: 10px; } } .SubNavigation { background: #4a4f54; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a { color: #ffffff; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a:hover, .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a:focus { color: #ffffff; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a.active { color: #ffffff; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a, .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div span { color: #e4e8e8; } .SubNavigation .SubNavigationContainer .SubNavigationDivider { background-color: #3e4347; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li a { color: #e4e8e8; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li a:hover, .SubNavigation .SubNavigationContainer .SubNavigationMainList li a:focus { color: #ffffff; } .SubNavigation .SubNavigationContainer .SubNavigationMainList li.active a { color: #4a4f54; background-color: #e4e8e8; } .SubNavigation .SubNavigationContainer .SubNavigationModels li.active { background-color: #000000; } .SubNavigation .SubNavigationContainer .SubNavigationButtons { color: #4e4e4e; color: #e4e8e8; } .SubNavigation .SubNavigationContainer .SubNavigationButtons:hover, .SubNavigation .SubNavigationContainer .SubNavigationButtons:focus { color: #ffffff; } .lightTheme .SubNavigation { background: #e4e8e8; } .lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a { color: #0c121c; } .lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a:hover, .lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a:focus { color: #0c121c; } .lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a.active { color: #0c121c; } .lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a, .lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div span { color: #0c121c; } .lightTheme .SubNavigation .SubNavigationContainer .SubNavigationDivider { background-color: #dee2e2; } .lightTheme .SubNavigation .SubNavigationContainer .SubNavigationMainList li a { color: #0c121c; } .lightTheme .SubNavigation .SubNavigationContainer .SubNavigationMainList li a:hover, .lightTheme .SubNavigation .SubNavigationContainer .SubNavigationMainList li a:focus { color: #0c121c; } .lightTheme .SubNavigation .SubNavigationContainer .SubNavigationMainList li.active a { color: #0c121c; background-color: #f8f9f9; } .lightTheme .SubNavigation .SubNavigationContainer .SubNavigationModels li.active { background-color: #f8f9f9; } .lightTheme .SubNavigation .SubNavigationContainer .SubNavigationButtons { color: #0c121c; } .lightTheme .SubNavigation .SubNavigationContainer .SubNavigationButtons:hover, .lightTheme .SubNavigation .SubNavigationContainer .SubNavigationButtons:focus { color: #0c121c; } .TabbedContainer { height: 100%; position: relative; -webkit-transform-style: preserve-3d; background: #fff; } .TabbedContainer .tab { opacity: 0; } .no-js .TabbedContainer .tab { opacity: 1; } .TabbedContainer .tab-navigation { background: #f8f9f9; bottom: 0; color: #0c121c; cursor: pointer; display: table; height: 70px; position: absolute; width: 100%; z-index: 3; } .TabbedContainer .tab-navigation .tab-link { border-right: 1px solid #c0c0c0; cursor: pointer; display: table-cell; font-size: 10px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: bold; height: 70px; letter-spacing: 1.8px; line-height: 1.5; overflow: hidden; padding: 5px; text-align: center; text-transform: uppercase; vertical-align: middle; } .TabbedContainer .tab-navigation .tab-link:first-child { border-left: 1px solid #c0c0c0; } .TabbedContainer .tab-navigation .tab-link.active, .TabbedContainer .tab-navigation .tab-link:hover { background: #e4e8e8; } .no-js .TabbedContainer .tab-navigation { display: none; } .TabbedContainer[data-total='1'] .tab-navigation { display: none; } .TabbedContainer[data-total='2'] .tab-link { width: 50%; } .TabbedContainer[data-total='3'] .tab-link { width: 33.3%; } .TabbedContainer[data-total='4'] .tab-link { width: 25%; } .TabbedContainer[data-total='5'] .tab-link { width: 20%; } .TabbedContainer[data-total='6'] .tab-link { width: 16.66%; } .TabbedContainer[data-total='7'] .tab-link { width: 14.28%; } .TabbedContainer[data-total='8'] .tab-link { width: 12.5%; } @media screen and (min-width: 1px) and (max-width: 740px) { .TabbedContainer .tab-navigation { display: block; height: 50px; overflow: hidden; top: 0; } .TabbedContainer .tab-navigation .tabbed-slider-wrapper { display: table; } .TabbedContainer .tab-navigation .tabbed-slider-wrapper .tab-link { border-bottom: 1px solid #c0c0c0; height: 50px; } .TabbedContainer .tab-navigation .tabbed-slider-wrapper .tab-link.active { border-bottom: 0; } .TabbedContainer[data-total='4'] .tab-link, .TabbedContainer[data-total='5'] .tab-link, .TabbedContainer[data-total='6'] .tab-link, .TabbedContainer[data-total='7'] .tab-link, .TabbedContainer[data-total='8'] .tab-link { width: 33.3%; max-width: 33.3%; } } .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, border-color 400ms, color 400ms; -webkit-transition-delay: ease, ease, 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: #ffffff; } .light .TabFilter li a:hover, .light .TabFilter li a:focus { background-color: #4a4f54; } .light .TabFilter li.active a { background-color: #ffffff; color: #0c121c; } .light .TabFilter li.active:hover, .light .TabFilter li.active:focus { background-color: #ffffff; } .grey .TabFilter li a { background-color: #0c121c; color: #ffffff; } .grey .TabFilter li a:hover, .grey .TabFilter li a:focus { background-color: #4a4f54; } .grey .TabFilter li.active a { background-color: #ffffff; color: #0c121c; } .grey .TabFilter li.active:hover, .grey .TabFilter li.active:focus { background-color: #ffffff; } .dark .TabFilter li a { background-color: #0c121c; color: #ffffff; } .dark .TabFilter li a:hover, .dark .TabFilter li a:focus { background-color: #4a4f54; } .dark .TabFilter li.active a { background-color: #ffffff; color: #0c121c; } .dark .TabFilter li.active:hover, .dark .TabFilter li.active:focus { background-color: #ffffff; } .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: #ffffff; } @media screen and (min-width: 1px) and (max-width: 740px) { .TabFilter li a { padding-left: 10px; padding-right: 10px; } } .TwoColumnContainer>div { display: block; margin: 0 auto; padding: 80px 90px 40px; } .TwoColumnContainer>div>div { display: inline-block; margin-left: -20px; margin-right: -20px; display: block; } .TwoColumnContainer>div>div:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .TwoColumnContainer .leftColumn, .TwoColumnContainer .rightColumn { float: left; vertical-align: top; width: 50%; padding-left: 20px; padding-right: 20px; } .TwoColumnContainer.sixtyForty .leftColumn { width: 66.667%; } .TwoColumnContainer.sixtyForty .rightColumn { width: 33.333%; } .TwoColumnContainer.fortySixty .leftColumn { width: 33.333%; } .TwoColumnContainer.fortySixty .rightColumn { width: 66.667%; } @media screen and (min-width: 1px) and (max-width: 1000px) { .TwoColumnContainer.TwoColumnContainer .leftColumn, .TwoColumnContainer.TwoColumnContainer .rightColumn { width: 100%; float: none; padding-left: 0; padding-right: 0; } .TwoColumnContainer.TwoColumnContainer .leftColumn { margin-bottom: 80px; } .TwoColumnContainer.TwoColumnContainer>div>div { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1px) and (max-width: 900px) { .TwoColumnContainer.TwoColumnContainer>div { padding: 40px 40px 0; } .TwoColumnContainer.TwoColumnContainer .leftColumn { margin-bottom: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .TwoColumnContainer.TwoColumnContainer>div { padding: 30px 30px 0; } .TwoColumnContainer.TwoColumnContainer .leftColumn { margin-bottom: 30px; } } .UsedCarValuator { position: relative; background: white; min-height: 350px; } .UsedCarValuator .loadingText, .UsedCarValuator noscript { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 20px; text-align: center; font-size: 18px; } html.no-js .UsedCarValuator .loadingText { display: none; } .UsedCarValuator { background-color: #e4e8e8; } .UsedCarValuator .nd-valuation { padding: 50px 0 80px; } .UsedCarValuator .row-h1c17 { background: #ededed; } .UsedCarValuator #valuations-widget { max-width: 890px; margin: 0 auto; font-size: 14px; font-family: "avenir", "arial", "helvetica", sans-serif; color: #4a4f54; } .UsedCarValuator #valuations-widget .overlay-loading-message { height: 75px; } .UsedCarValuator #valuations-widget .aw-pane-info { padding: 36px; font-size: 12px; background: #ffffff; color: #777b7e; } .UsedCarValuator #valuations-widget a { font-weight: bold; color: #4a4f54; } .UsedCarValuator #valuations-widget input { padding-top: 2px; padding-bottom: 2px; } .UsedCarValuator #valuations-widget input, .UsedCarValuator #valuations-widget select { margin-bottom: 0; border-radius: 5px; font-family: "avenir", "arial", "helvetica", sans-serif; } .UsedCarValuator #valuations-widget .registration-link { text-decoration: none; } .UsedCarValuator #valuations-widget #aw-step-2-pane input, .UsedCarValuator #valuations-widget #aw-step-2-pane textarea { width: 100% !important; } .UsedCarValuator #valuations-widget .aw-action { width: 100%; } .UsedCarValuator #valuations-widget .aw-action a { line-height: 42px; padding: 0; width: 100%; color: #ffffff; background: #0c121c; text-transform: uppercase; font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 10px; letter-spacing: 0.3em; font-weight: 500; } .UsedCarValuator #valuations-widget .aw-action a:hover, .UsedCarValuator #valuations-widget .aw-action a .hover { background-color: #000000; } .UsedCarValuator #valuations-widget .aw-action.current-step a { background: #3f3f3f; color: #ffffff; } .UsedCarValuator #valuations-widget .overlay { z-index: 9999; } .UsedCarValuator #valuations-widget .aw-tickbox label i { background-color: #4a4f54 !important; } .UsedCarValuator #valuations-widget .aw-title { font-family: "lr_ot4", "arial", "helvetica", sans-serif; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #0c121c; } .UsedCarValuator #valuations-widget .aw-tabs-nav li { padding: 0; overflow: visible; text-align: left; } .UsedCarValuator #valuations-widget .aw-tabs-nav li a { padding: 17px 20px; line-height: normal; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; background-color: #ffffff; border-color: #f8f9f9; font-weight: normal; } .UsedCarValuator #valuations-widget .aw-tabs-nav li a:hover { background-color: #ffffff; } .UsedCarValuator #valuations-widget .aw-tabs-nav li a .aw-step { font-weight: bold; font-size: 14px; color: #0c121c; } .UsedCarValuator #valuations-widget .aw-tabs-nav li a:hover { cursor: default; background: #ffffff; color: #000000; } .UsedCarValuator #valuations-widget .aw-tabs-nav li.aw-step-active a { color: #ffffff; background-color: #4a4f54; } .UsedCarValuator #valuations-widget .aw-tabs-nav li.aw-step-active a span, .UsedCarValuator #valuations-widget .aw-tabs-nav li.aw-step-active a .aw-step { color: #ffffff; } .UsedCarValuator #valuations-widget .aw-tabs-nav li.aw-step-active a:hover { background-color: #4a4f54; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup, .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup, .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details, .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect { background: #ffffff; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-incorrect { min-height: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-controls { float: right; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-label { padding-right: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-controls input { font-size: 14px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-reg-number .aw-controls input { font-size: 38px; width: 240px; font-family: "arial", "helvetica", sans-serif; line-height: normal; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p { padding-bottom: 36px; width: 100%; font-weight: normal; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p:before { font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 18px; text-transform: uppercase; color: #0c121c; display: block; content: "For an accurate valuation, please provide the correct details."; text-align: left; font-weight: normal; padding: 5px 0 10px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number { margin-bottom: 20px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-controls { float: none; text-align: center; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-label.registration-field { text-align: left; float: none; font-size: 15px; width: auto; margin-bottom: 18px; padding-right: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action { float: none; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action a { font-weight: normal; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action a:before { content: "Continue"; font-weight: normal; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action a span { display: none; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup { position: relative; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info.error-message { position: absolute; top: 120px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info.error-message span { font-size: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info.error-message span:before { display: block; font-size: 14px; content: "Vehicle not found? Don’t worry, you can still get a valuation. Just provide your vehicle details and we’ll send you a free market valuation."; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-label { text-align: left; width: auto; float: none; margin-bottom: 3px; font-size: 14px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-control-group { margin-bottom: 18px !important; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-controls { float: none; margin-left: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-controls input, .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-controls select { width: 100%; height: 35px; line-height: 35px; padding: 0 2%; min-height: 35px; box-shadow: none; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .required-key { padding-left: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-action { float: none; margin: 0 auto; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details { position: relative; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-inset { padding: 10px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-title { position: absolute; top: 17px; left: 20px; margin-bottom: 18px; display: none; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb { width: 100%; height: auto; margin-top: 30px; background: none; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb .vehicle-image img { display: block; margin: 0 auto; width: auto; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form { width: 100%; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-vehicle-details { margin-bottom: 15px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail .aw-heading { width: 50%; text-align: left; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail .aw-value { display: inline; margin-left: 0; float: right; width: 50%; text-align: left; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage { border-top: 1px solid #eef1f1; padding-top: 18px; padding-bottom: 36px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group { float: none; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-label { display: none; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls { width: 100%; text-align: center; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-controls, .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-label { float: none; width: 100%; padding: 0; margin: 0; display: inline-block; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-label { margin-right: 20px; font-weight: normal; text-align: left; font-size: 14px; margin-bottom: 20px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-controls { text-align: left; font-weight: normal; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-controls input { width: 100%; height: 35px; min-height: 35px; line-height: 35px; padding: 10px; text-align: left; font-size: 14px; box-shadow: none; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect { margin-left: 0; font-size: 14px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset { text-align: center; font-size: inherit; padding: 10px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset .aw-action { float: none; width: auto; width: 100%; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset .aw-action p { padding: 0; } .UsedCarValuator #valuations-widget .aw-valuation-details, .UsedCarValuator #valuations-widget .aw-valuation-price .aw-valuation-price-overview { background: #ffffff; padding: 36px; } .UsedCarValuator #valuations-widget .aw-valuation-details .aw-details-form { margin-bottom: 0; } .UsedCarValuator #valuations-widget .aw-valuation-details .aw-details-form .aw-control-group { margin-bottom: 0 !important; } .UsedCarValuator #valuations-widget .aw-valuation-details .aw-details-form .aw-control-group .aw-label { margin-bottom: 2px !important; } .UsedCarValuator #valuations-widget .aw-valuation-details .aw-details-form .field-customer-enquiry { display: none; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-title { font-size: 18px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb { width: 60%; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb img { display: block; width: auto; margin: 0 auto; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details { margin-left: 0; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table { float: none; width: 100%; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table td.aw-heading { width: 140px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions { padding-top: 18px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition { width: 100%; height: 139px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition.aw-showroom { background: #4a4f54; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition.aw-average { background: #e4e8e8; color: #4a4f54; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition.aw-below-average { background: #f8f9f9; color: #4a4f54; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-heading { font-size: 16px; font-family: "lr_ot4", "arial", "helvetica", sans-serif; text-transform: uppercase; text-align: left; padding: 20px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price { font-size: 36px; font-weight: normal; padding: 0 20px; font-family: "lr_ot4", "arial", "helvetica", sans-serif; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price span { font-family: "avenir", "arial", "helvetica", sans-serif; font-size: 14px; font-weight: 100; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip { position: relative; top: 0; margin: 0; background: none; font-size: 20px; z-index: 1000; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip:before { content: '\e029'; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; line-height: 18px; display: inline-block; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip span { font-weight: normal; font-size: 14px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content { right: -16px; text-align: left; padding: 9px 9px 5px; font-size: 12px; color: #4a4f54; background: #f8f9f9; border: 1px solid #e4e8e8; width: 200px; line-height: 14px; border-radius: 5px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content .aw-tooltip-arrow { background: none; position: relative; left: -5px; right: 0; float: right; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content .aw-tooltip-arrow:before { content: ""; display: block; border: 10px solid transparent; border-top: 20px solid #e4e8e8; position: absolute; right: 0; top: 3px; z-index: -1; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content .aw-tooltip-arrow:after { content: ""; display: block; border: 10px solid transparent; border-top: 20px solid #f8f9f9; position: absolute; right: 0; } @media (min-width: 802px) { .UsedCarValuator #valuations-widget .aw-action a { width: 135px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup, .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup, .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details, .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect { padding: 36px 30px 36px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p { text-align: center; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p:before { text-align: center; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number { margin-bottom: 0; padding: 0 75px 36px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-controls { float: left; text-align: left; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-label.registration-field { text-align: left; float: left; width: 280px; margin-bottom: 0; padding-right: 20px; font-size: 14px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action { float: none; margin: 0 auto; width: 135px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-control-group { margin-bottom: 0; margin: 0 auto; width: 520px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup { padding: 36px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info .aw-title { margin-bottom: 10px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-label { text-align: right; width: 165px; float: left; margin-bottom: 3px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-controls { margin-left: 197px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-actions { margin-top: 27px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .required-key { padding-left: 197px; margin-bottom: 15px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .button-manual-continue { margin-left: 75px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details { position: relative; width: 49%; margin-right: 2%; padding: 0; float: left; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-inset { padding: 36px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-title { position: static; display: block; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb { width: 42%; margin-top: 0; margin-right: 2%; clear: both; display: block; float: none; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb .vehicle-image img { display: inline-block; margin: 0; width: 100%; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .button-overview-continue { margin: 0 auto; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail { padding-bottom: 9px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail.vehicle-title .aw-heading { display: inline-block; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail .aw-heading { display: inline-block; font-size: 14px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail .aw-value { display: block; font-size: 14px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-label { width: 45%; float: left; margin-right: 4%; margin-bottom: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-controls { width: 50%; float: right; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect { width: 49%; padding: 0; float: left; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset { text-align: left; padding: 36px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset .manual-lookup-link { margin: 0 auto; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb { width: 33%; height: 150px; float: left; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb .vehicle-image { height: 100%; position: relative; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb .vehicle-image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details { width: 66%; height: auto; float: right; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table { width: 48%; float: left; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table .aw-heading, .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table .aw-value { font-size: 14px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table+table { margin-left: 4%; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition { position: relative; float: left; width: 31.333%; margin-left: 3%; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition:first-child { margin-left: 0; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-heading { margin: 18px; margin-right: 36px; padding: 0; font-size: 14px; max-height: 18px; font-size: 14px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price { padding: 0 18px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip { position: absolute; top: 18px; right: 18px; } .UsedCarValuator #valuations-widget .aw-valuation-price.failure .aw-valuation-price-overview { margin-bottom: 0; } .UsedCarValuator #valuations-widget .aw-valuation-price.failure .aw-valuation-price-overview .aw-pane-info { font-size: 14px; color: #4a4f54; padding: 0; } } @media (max-width: 801px) { .UsedCarValuator #valuations-widget .aw-actions, .UsedCarValuator #valuations-widget .manual-lookup-link { max-width: 135px !important; margin: 0 auto; } .UsedCarValuator #valuations-widget .aw-tabs { margin: 0; } .UsedCarValuator #valuations-widget .aw-tabs .aw-tabs-pane { padding: 0; } .UsedCarValuator #valuations-widget .aw-manual-lookup, .UsedCarValuator #valuations-widget .aw-automatic-lookup, .UsedCarValuator #valuations-widget .aw-lookup-results .aw-lookup-details { background: none !important; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup { margin: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup { padding: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p { padding-bottom: 18px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p:before { padding-bottom: 18px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-label.registration-field { margin-bottom: 36px; font-size: 14px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect { background: #e4e8e8; padding: 36px 30px; margin: 0 -30px -30px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset { padding: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details { margin: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-inset { padding: 6px 0 36px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form { margin: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-vehicle-details { margin-bottom: 8px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb { position: relative; margin-top: 0; margin-bottom: 55px; width: auto; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb .vehicle-image img { margin: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb:after { content: "Car Valuation"; display: block; font-family: "lr_ot4", "arial", "helvetica", sans-serif; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #0c121c; position: absolute; margin-top: 20px; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup { padding: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form { margin: 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-control-group { margin-bottom: 18px !important; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-control-group .aw-label { width: 100%; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-control-group .aw-controls { width: 100%; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-actions { margin: 36px auto 0; } .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info.error-message { position: static; top: 0; margin: 0; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-valuation-price-overview { padding: 0 0 18px; margin: 0; background: none; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details { margin-top: 20px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table td.aw-heading { width: 50%; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb { width: 100%; background: none; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb .vehicle-image img { margin: 0; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition { position: relative; height: 135px; margin-bottom: 18px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-heading { padding: 18px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price { padding: 0 18px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip { position: absolute; top: 18px; right: 18px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content { width: 320px; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition.aw-below-average { background: #ffffff; } .UsedCarValuator #valuations-widget .aw-valuation-price .aw-pane-info { padding: 36px 30px; margin: 0 -30px -30px; background: #e4e8e8; } } @media (max-width: 801px) { .UsedCarValuator { background-color: #f8f9f9; } .UsedCarValuator .nd-valuation { padding: 30px; } } .Vee24 { display: none; } html.withVehicleSelector[style] { overflow-y: hidden; } html.withVehicleSelector[style] #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; } /*html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles span:after { content: '\e00c'; 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:300px; } .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: "avenir", "arial", "helvetica", sans-serif; display: block; text-align: center; font-weight: normal; font-size: 11px; letter-spacing: 2px; } .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%; } #timeline .c200{width: 118px;} } @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 !important; } .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; } .primaryNav{display: none;} .sidenav1{height: 500px !important;} } @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; -webkit-transition-delay: 0s; -moz-transition: 400ms opacity; -o-transition: 400ms opacity; transition: 400ms opacity; } .overlay .selectorSlider>.vehicleList .el:nth-child(1) { -webkit-transition-delay: 0ms; -khtml-transition-delay: 0ms; -moz-transition-delay: 0ms; -ms-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(2) { -webkit-transition-delay: 200ms; -khtml-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(3) { -webkit-transition-delay: 400ms; -khtml-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(4) { -webkit-transition-delay: 600ms; -khtml-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(5) { -webkit-transition-delay: 800ms; -khtml-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(6) { -webkit-transition-delay: 1000ms; -khtml-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(7) { -webkit-transition-delay: 1200ms; -khtml-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(8) { -webkit-transition-delay: 1400ms; -khtml-transition-delay: 1400ms; -moz-transition-delay: 1400ms; -ms-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(9) { -webkit-transition-delay: 1600ms; -khtml-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -ms-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(10) { -webkit-transition-delay: 1800ms; -khtml-transition-delay: 1800ms; -moz-transition-delay: 1800ms; -ms-transition-delay: 1800ms; -o-transition-delay: 1800ms; transition-delay: 1800ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(11) { -webkit-transition-delay: 2000ms; -khtml-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(12) { -webkit-transition-delay: 2200ms; -khtml-transition-delay: 2200ms; -moz-transition-delay: 2200ms; -ms-transition-delay: 2200ms; -o-transition-delay: 2200ms; transition-delay: 2200ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(13) { -webkit-transition-delay: 2400ms; -khtml-transition-delay: 2400ms; -moz-transition-delay: 2400ms; -ms-transition-delay: 2400ms; -o-transition-delay: 2400ms; transition-delay: 2400ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(14) { -webkit-transition-delay: 2600ms; -khtml-transition-delay: 2600ms; -moz-transition-delay: 2600ms; -ms-transition-delay: 2600ms; -o-transition-delay: 2600ms; transition-delay: 2600ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(15) { -webkit-transition-delay: 2800ms; -khtml-transition-delay: 2800ms; -moz-transition-delay: 2800ms; -ms-transition-delay: 2800ms; -o-transition-delay: 2800ms; transition-delay: 2800ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(16) { -webkit-transition-delay: 3000ms; -khtml-transition-delay: 3000ms; -moz-transition-delay: 3000ms; -ms-transition-delay: 3000ms; -o-transition-delay: 3000ms; transition-delay: 3000ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(17) { -webkit-transition-delay: 3200ms; -khtml-transition-delay: 3200ms; -moz-transition-delay: 3200ms; -ms-transition-delay: 3200ms; -o-transition-delay: 3200ms; transition-delay: 3200ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(18) { -webkit-transition-delay: 3400ms; -khtml-transition-delay: 3400ms; -moz-transition-delay: 3400ms; -ms-transition-delay: 3400ms; -o-transition-delay: 3400ms; transition-delay: 3400ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(19) { -webkit-transition-delay: 3600ms; -khtml-transition-delay: 3600ms; -moz-transition-delay: 3600ms; -ms-transition-delay: 3600ms; -o-transition-delay: 3600ms; transition-delay: 3600ms; } .overlay .selectorSlider>.vehicleList .el:nth-child(20) { -webkit-transition-delay: 3800ms; -khtml-transition-delay: 3800ms; -moz-transition-delay: 3800ms; -ms-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: #5c6065; } .VehicleSelectorWrapper .el { border-right-color: #5c6065; background-color: #4a4f54; } .VehicleSelectorWrapper .el .price { color: #ffffff; } .VehicleSelectorWrapper .el p { color: #e4e8e8; } .VehicleSelectorWrapper .el .vehicleName { color: #ffffff; -webkit-font-smoothing: antialiased; } .VehicleSelectorWrapper .el .vehicleName .headingWrapper:before, .VehicleSelectorWrapper .el .vehicleName .headingWrapper:after { background-color: #ffffff; } .VehicleSelectorWrapper .el .vehicleSelectorButtons, .VehicleSelectorWrapper .el .modelSelectorButtons { border-top-color: #5c6065; border-bottom-color: #5c6065; } .VehicleSelectorWrapper .el .selectorButton { border-left-color: #5c6065; } .VehicleSelectorWrapper .el .placeholder { background-color: #4a4f54; } .VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons .placeholder, .VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons a { border-top-color: #5c6065; } @media screen and (min-width: 1px) and (max-width: 740px) { .VehicleSelector .el .selectorContent { border-bottom-color: #5c6065; } } .lightTheme.withVehicleSelector[style] #header .MainNavigation ul li.active a { background-color: #ffffff; } .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: #5c6065; } .lightTheme .VehicleSelectorWrapper .el { border-right-color: #eef1f1; background-color: #ffffff; } .lightTheme .VehicleSelectorWrapper .el .price { color: #4a4f54; } .lightTheme .VehicleSelectorWrapper .el p { color: #4a4f54; } .lightTheme .VehicleSelectorWrapper .el .vehicleName { color: #0c121c; -webkit-font-smoothing: subpixel-antialiased; } .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: #eef1f1; border-bottom-color: #eef1f1; } .lightTheme .VehicleSelectorWrapper .el .selectorButton { border-left-color: #eef1f1; } .lightTheme .VehicleSelectorWrapper .el .placeholder { background-color: #ffffff; } .lightTheme .VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons .placeholder, .lightTheme .VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons a { border-top-color: #eef1f1; } @media screen and (min-width: 1px) and (max-width: 740px) { .lightTheme .VehicleSelector .el .selectorContent { border-bottom-color: #eef1f1; } } #landrover .VehicleSelectorWrapper .el .selectorButton .secondaryLinkWithStyle { color: #898c8f; } #landrover .VehicleSelectorWrapper .el .price { -webkit-font-smoothing: subpixel-antialiased; } .VehicleSpecifications { width: 100%; margin: 0 auto; color: #4a4f54; text-align: center; background-color: #e4e8e8; } .VehicleSpecifications .price { margin-top: 12px; } .VehicleSpecifications .openAll, .VehicleSpecifications .backToTop { position: absolute; top: -25px; right: 0; font-size: 10px; font-weight: bold; letter-spacing: 1px; margin-bottom: 15px; text-decoration: none; color: #4a4f54; } .no-js .VehicleSpecifications .openAll, .no-js .VehicleSpecifications .backToTop { display: none; } .VehicleSpecifications .openAll:hover, .VehicleSpecifications .backToTop:hover { color: #0c121c; } .VehicleSpecifications .openAll .open:before, .VehicleSpecifications .backToTop .open:before { content: '\e038'; vertical-align: baseline; font-size: 10px; } .VehicleSpecifications .openAll .close, .VehicleSpecifications .backToTop .close { display: none; } .VehicleSpecifications .openAll .close:before, .VehicleSpecifications .backToTop .close:before { content: '\e02f'; vertical-align: baseline; font-size: 10px; } .VehicleSpecifications .backToTop { top: auto; bottom: -50px; } .VehicleSpecifications .backToTop:before { content: '\e00c'; vertical-align: baseline; font-size: 5px; position: relative; top: -1px; left: -2px; } .VehicleSpecifications ul { clear: both; } .VehicleSpecifications .GridListWrapper { background-image: none; background-color: transparent; padding: 40px 40px 40px; } @media screen and (min-width: 1px) and (max-width: 740px) { .VehicleSpecifications .GridListWrapper { padding: 30px 30px 30px; } } .VehicleSpecifications .primaryHeading { padding-bottom: 0; } .VehicleSpecifications .yourModel { width: 100%; text-align: center; color: #ffffff; background-color: #4a4f54; position: relative; } .VehicleSpecifications .yourModel .mobileWrapper .shelfComponent { padding-bottom: 0; } .VehicleSpecifications .yourModel .modelBodyStyleWrapper { padding-top: 0; } .VehicleSpecifications .yourModel .imageWrap { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .VehicleSpecifications .yourModel .primaryHeading { position: relative; } .VehicleSpecifications .yourModel .contentWrapper h2 { margin-bottom: 27px; } .VehicleSpecifications .yourModel .contentWrapper p { font-size: 16px; margin-top: 15px; color: #ffffff; } .VehicleSpecifications .yourModel .vehicleNameHeaderMobile { padding-top: 26px; } .VehicleSpecifications .yourModel .vehicleTagline { margin-top: 18px; } .VehicleSpecifications .yourModel .modelWrapper, .VehicleSpecifications .yourModel .bodyStyleWrapper { float: left; width: 50%; font-weight: bold; } .VehicleSpecifications .yourModel .modelWrapper { padding-left: 0; } .VehicleSpecifications .yourModel .inner { width: 330px; float: right; margin-right: 10px; position: relative; padding-bottom: 53px; } .VehicleSpecifications .yourModel .modelWrapper .inner { margin-left: 10px; margin-right: 0; float: left; } .VehicleSpecifications .yourModel .selectBodyStyle, .VehicleSpecifications .yourModel .selectModel { text-align: center; font-size: 10px; letter-spacing: 3.5px; line-height: 1em; } .VehicleSpecifications .yourModel .DropdownNav { margin-top: 10px; width: 100%; z-index: 1; } .VehicleSpecifications .yourModel .DropdownNav>span { display: none; } .VehicleSpecifications .yourModel.onlyModel .modelWrapper { float: none; width: auto; } .VehicleSpecifications .yourModel.onlyModel .modelWrapper .inner { text-align: center; float: none; margin-left: auto; margin-right: auto; } .VehicleSpecifications.withModelIcons .openAll { top: 70px; } .VehicleSpecifications .modelIcons { width: 100%; text-align: center; margin: 0 auto; margin: -60px 0 50px; } .VehicleSpecifications .modelIcon { display: inline-block; opacity: 0.15; width: 85px; height: 39px; margin: 0 5px; } .VehicleSpecifications .modelIcon .image { width: 100%; height: 100%; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; display: block; } .VehicleSpecifications .modelIconActive { opacity: 1; } .VehicleSpecifications .specDetails { position: relative; margin: auto; } .VehicleSpecifications .specDetails>ul>li { width: 100%; font-size: 16px; text-align: left; } .VehicleSpecifications .specDetails>ul>li>a { padding: 15px 40px; display: block; color: #e4e8e8; position: relative; text-decoration: none; border-bottom: 1px solid #5c6065; letter-spacing: 0.1em; font-weight: 500; background-color: #4a4f54; cursor: pointer; } .VehicleSpecifications .specDetails>ul>li>a:hover { background-color: #4a4f54; background-image: none; } .VehicleSpecifications .specDetails>ul>li>a:after { content: '\e038'; position: absolute; right: 10px; top: 15px; color: #e4e8e8; font-size: 18px; } .VehicleSpecifications .specDetails>ul>li>div { padding: 0; background: #ffffff; font-size: 14px; overflow-x: hidden; opacity: 0; } .VehicleSpecifications .specDetails>ul>li>div a { border-bottom: 1px solid; text-decoration: none; color: inherit; color: #4a4f54; border-bottom-color: rgba(74, 79, 84, 0.25) !important; } .VehicleSpecifications .specDetails>ul>li>div br { display: none; } .VehicleSpecifications .specDetails>ul>li>div h2 { color: #4a4f54; font-size: 18px; margin: 40px 0; padding: 0; text-align: left; } .VehicleSpecifications .specDetails>ul>li>div h2:first-child { margin-top: 0; } .VehicleSpecifications .specDetails>ul>li>div h2+.bulletedColumns .bulletedList li:first-child { margin-top: 0; } .VehicleSpecifications .specDetails>ul>li>div p { color: #4a4f54; text-align: left; } .VehicleSpecifications .specDetails>ul>li>div .bulletedList { font-weight: 300; width: 33.333%; vertical-align: top; display: inline-block; max-width: 800px; text-align: left; margin: 0; } .VehicleSpecifications .specDetails>ul>li>div .bulletedList>li { list-style-type: none; margin: 18px 20px 0; line-height: 18px; font-size: 14px; padding: 0; } .VehicleSpecifications .specDetails>ul>li>div .bulletedList>li strong { display: block; font-weight: bold; } .VehicleSpecifications .specDetails>ul>li>div .bulletedList>li ul { margin-left: 14px; padding-left: 1em; margin-left: 0; } .VehicleSpecifications .specDetails>ul>li>div .bulletedList>li ul li { list-style: none; position: relative; line-height: 1.286em; margin-bottom: 1.286em; } .VehicleSpecifications .specDetails>ul>li>div .bulletedList>li ul li:before { content: "\2013"; position: absolute; left: -1em; } .VehicleSpecifications .specDetails>ul>li>div .bulletedList>li li { margin-top: 6px; } .VehicleSpecifications .specDetails>ul>li>div .ResponsiveTableContainer { margin-top: 40px; } .VehicleSpecifications .specDetails>ul>li>div .ResponsiveTableContainer:first-child { margin-top: 0; } .VehicleSpecifications .specDetails>ul>li.active>a { background-color: #4a4f54; background-image: none; } .VehicleSpecifications .specDetails>ul>li.active>a:after { content: '\e02f'; } .VehicleSpecifications .specDetails>ul>li.active>div { opacity: 1; } .VehicleSpecifications .bulletedColumns:last-child { border: none; margin-bottom: -40px; } .VehicleSpecifications .bulletedColumns>div { margin: 0 -20px; clear: both; overflow: hidden; padding-bottom: 40px; } .VehicleSpecifications .imageListKey ul { width: 100%; overflow: auto; margin-top: -6px; } .VehicleSpecifications .imageListKey ul li { float: left; margin-right: 20px; position: relative; padding-left: 0; line-height: 22px; } .VehicleSpecifications .imageListKey ul li:before { color: #e4e8e8; font-size: 13px; position: relative; top: -1px; left: 0; } .VehicleSpecifications .imageListKey ul li.standard:before { content: '\e060'; } .VehicleSpecifications .imageListKey ul li.optional:before { content: '\e033'; } .VehicleSpecifications .imageListKey ul li.nocostoption:before { content: '\e031'; } .VehicleSpecifications .imageListKey ul li.standard:before, .VehicleSpecifications .imageListKey ul li.optional:before, .VehicleSpecifications .imageListKey ul li.nocostoption:before { position: relative; top: 0; vertical-align: baseline; } .VehicleSpecifications .imageList { clear: both; overflow: hidden; margin: 20px -10px 0 -10px; } .VehicleSpecifications .imageList:last-child { border-bottom: 0; margin-bottom: -40px; } .VehicleSpecifications .imageList>li { padding: 0 10px 40px; width: 25%; float: left; font-size: 14px; line-height: 1.5em; font-weight: bold; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .VehicleSpecifications .imageList>li div:nth-child(4n) { margin: 0; } .VehicleSpecifications .imageList>li div img { margin: 0 0 18px 0; display: block; width: 100% !important; height: auto !important; } .VehicleSpecifications .imageList>li span { font-weight: normal; color: #4a4f54; display: block; position: relative; } .VehicleSpecifications .imageList>li span:after { color: #e4e8e8; font-size: 14px; position: relative; top: -1px; } .VehicleSpecifications .imageList>li span.standard:after { content: '\e060'; } .VehicleSpecifications .imageList>li span.optional:after { content: '\e033'; } .VehicleSpecifications .imageList>li span.nocostoption:after { content: '\e031'; } .VehicleSpecifications .imageList>li span.standard:after, .VehicleSpecifications .imageList>li span.optional:after, .VehicleSpecifications .imageList>li span.nocostoption:after { position: relative; top: 0; vertical-align: baseline; } .VehicleSpecifications .imageList>li ul { width: 100%; } .VehicleSpecifications .imageList>li ul li { font-weight: bold; width: 100%; display: block; margin-bottom: 4px; line-height: 18px; } .VehicleSpecifications .imageList>li ul li:nth-child(1), .VehicleSpecifications .imageList>li ul li:nth-child(2) { margin: 0; } .VehicleSpecifications .imageList>li ul li:nth-child(2) { font-weight: normal; margin-bottom: 15px; } .VehicleSpecifications .imageList>li ul li:nth-child(3) { margin-bottom: 12px; font-weight: normal; } .VehicleSpecifications .imageList>li:nth-child(4n+1) { clear: both; } .VehicleSpecifications .imageList+.bulletedColumns div { border-top: 0; } .VehicleSpecifications h2+.ResponsiveTableContainer .responsiveTableArrow, .VehicleSpecifications h3+.ResponsiveTableContainer .responsiveTableArrow, .VehicleSpecifications h4+.ResponsiveTableContainer .responsiveTableArrow { margin-top: -21px; } .VehicleSpecifications h2+.ResponsiveTableContainer .responsiveTableArrow.bottom, .VehicleSpecifications h3+.ResponsiveTableContainer .responsiveTableArrow.bottom, .VehicleSpecifications h4+.ResponsiveTableContainer .responsiveTableArrow.bottom { margin-top: 5px; } #landrover .VehicleSpecifications .primaryLinkWithStyle { background-color: #0c121c; color: #ffffff; } #landrover .VehicleSpecifications .primaryLinkWithStyle:hover { background-color: #ffffff; color: #0c121c; } #landrover .VehicleSpecifications .primaryLinkWithStyle.disabled:hover { background-color: #0c121c; color: #ffffff; } #landrover.focusStylesOn .VehicleSpecifications .primaryLinkWithStyle:focus { background-color: #ffffff; color: #0c121c; } #landrover.focusStylesOn .VehicleSpecifications .primaryLinkWithStyle.disabled:focus { background-color: #0c121c; color: #ffffff; } @media screen and (min-width: 1px) and (max-width: 900px) { .VehicleSpecifications .modelIcons { margin: -20px 0 50px; } .VehicleSpecifications .modelIcon { width: 80px; height: 36px; } .no-js .VehicleSpecifications .specDetails { padding-top: 20px; } .VehicleSpecifications .specDetails .bulletedColumns .bulletedList { display: block; width: 100%; } .VehicleSpecifications .specDetails .bulletedColumns .bulletedList>li ul li { margin-bottom: 6px; } .VehicleSpecifications .specDetails .bulletedColumns .bulletedList>li ul li:first-child { margin-top: 0; } .VehicleSpecifications .specDetails>ul>li { font-size: 16px; } .VehicleSpecifications .specDetails>ul>li>div h2+.bulletedColumns .bulletedList li:first-child { margin-top: 18px; } .VehicleSpecifications .specDetails>ul>li>div h2+.bulletedColumns .bulletedList:first-child li:first-child { margin-top: 0; } .VehicleSpecifications .imageList>li { width: 50%; } .VehicleSpecifications .imageList>li:nth-child(2n+1) { clear: both; } } @media screen and (min-width: 1px) and (max-width: 740px) { .VehicleSpecifications .DropdownNav { max-width: none; } .VehicleSpecifications .openAll, .VehicleSpecifications .backToTop { display: none; } .VehicleSpecifications .modelIcons { display: none; } .VehicleSpecifications .yourModel { min-height: 0; } .VehicleSpecifications .yourModel .headerBlock { margin: 20px 0 50px; } .VehicleSpecifications .yourModel .modelBodyStyleWrapper { padding-top: 24px; } .VehicleSpecifications .yourModel .vehicleSpecificationsHeader { display: none; } .VehicleSpecifications .yourModel .mobileWrapper { position: relative; } .VehicleSpecifications .yourModel .primaryHeading { margin: 0; } .VehicleSpecifications .yourModel .vehicleNameHeaderMobile { position: relative; padding: 50px 0; z-index: 1; } .VehicleSpecifications .yourModel .DropdownNav[style] { position: static !important; } .VehicleSpecifications .yourModel .DropdownNav[style] .selected:hover, .VehicleSpecifications .yourModel .DropdownNav[style] .selected:focus { background-color: #373b3f; } .VehicleSpecifications .yourModel .modelWrapper, .VehicleSpecifications .yourModel .bodyStyleWrapper { width: 100%; float: none; } .VehicleSpecifications .yourModel .modelWrapper .inner, .VehicleSpecifications .yourModel .bodyStyleWrapper .inner { margin-left: 0; margin-right: 0; padding-bottom: 0; } .VehicleSpecifications .yourModel .bodyStyleWrapper { margin-bottom: 20px; } .VehicleSpecifications .yourModel.onlyModel .contentWrapper { position: relative; } .VehicleSpecifications .yourModel.onlyModel .DropdownNav { width: 100%; max-width: 100%; } .VehicleSpecifications .yourModel .inner, .VehicleSpecifications .yourModel .modelWrapper .inner { display: block; width: auto; float: none; } .VehicleSpecifications .price { margin-top: 12px; } .VehicleSpecifications .specDetails { margin-left: -30px; margin-right: -30px; } .VehicleSpecifications .specDetails>ul>li { font-size: 12px; } .VehicleSpecifications .specDetails>ul>li>a { padding: 16px 30px; } .VehicleSpecifications .specDetails>ul>li>a:after { right: 10px; top: 15px; font-size: 15px; } .VehicleSpecifications .specDetails>ul>li>div { padding: 0; } .VehicleSpecifications .specDetails>ul>li>div h2 { margin: 30px 0; } .VehicleSpecifications .specDetails>ul>li>div .ResponsiveTableContainer { margin-top: 30px; } .VehicleSpecifications .imageList>li { width: 100%; } .VehicleSpecifications .imageList>li div img { max-width: 245px; } .VehicleSpecifications .price { margin-bottom: 20px; } } #landrover .VehicleSpecifications .primaryLinkWithStyle { margin-top: 80px; } @media screen and (min-width: 1px) and (max-width: 900px) { #landrover .VehicleSpecifications .primaryLinkWithStyle { margin-top: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { #landrover .VehicleSpecifications .primaryLinkWithStyle { margin-top: 30px; } } .vehicleSpecificationsOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #e4e8e8; z-index: 3; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .no-js .VehicleSpecifications .specDetails>ul>li>div { overflow-y: hidden; opacity: 1; } .no-js .VehicleSpecifications .specDetails>ul>li>a:after { display: none; } .no-js .VehicleSpecifications .GridListWrapper { overflow-x: scroll; } .InPageVehicleSpecifications { background-color: #e4e8e8; } .InPageVehicleSpecifications .yourModel { min-height: 0; background-color: transparent; } .InPageVehicleSpecifications .yourModel .headerBlock { margin-bottom: 0; } .InPageVehicleSpecifications .yourModel .imageWrap, .InPageVehicleSpecifications .yourModel .imageWrapMobile { display: none; } .InPageVehicleSpecifications .yourModel .bodyStyleWrapper { float: none; width: 100%; } .InPageVehicleSpecifications .yourModel .bodyStyleWrapper .inner { float: none; margin: 0 auto; min-height: 115px; } .InPageVehicleSpecifications .modelBodyStyleWrapper, .InPageVehicleSpecifications .specHeaderPriceHeaderBlock { display: none; } .InPageVehicleSpecifications .primaryHeading { color: #0c121c; -webkit-font-smoothing: subpixel-antialiased; } .InPageVehicleSpecifications .primaryHeading .headingWrapper:before, .InPageVehicleSpecifications .primaryHeading .headingWrapper:after { background-color: #0c121c; } .InPageVehicleSpecifications+.InPageVehicleSpecifications .yourModel .mobileWrapper .shelfComponent { padding-top: 0; } .VehicleSummary { position: relative; width: 100%; display: block; padding: 0 70px; } .VehicleSummary .summaryItemImage { position: absolute; height: 100%; left: 33.33%; right: -70px; padding-left: 20px; } .VehicleSummary .summaryItemImage>span { position: relative; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; z-index: 1; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .VehicleSummary .summaryItemImage div { position: absolute; top: 0; left: 0; background-position: center center; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .VehicleSummary .summaryItemContent { padding: 60px 20px; width: 33.33%; position: relative; } .VehicleSummary .summaryItemContent .summaryItemHeader { margin-bottom: 6px; } .VehicleSummary .summaryItemContent .price { margin-bottom: 18px; font-size: 11px; letter-spacing: 1.5px; font-family: "avenir", "arial", "helvetica", sans-serif; font-weight: normal; } .VehicleSummary .summaryItemContent p { margin-top: 3px; } .VehicleSummary .summaryItemContent .summaryItemList { margin-top: 36px; margin-bottom: 24px; } .VehicleSummary .summaryItemContent .summaryItemList li { margin-bottom: 6px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance { overflow: hidden; *zoom: 1; text-align: left; margin-top: 24px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .items { margin-right: -12px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .el { float: left; width: 33.333%; padding: 0 12px 0 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance p { margin-top: 0; margin-bottom: 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .feature { font-size: 10px; color: #e4e8e8; margin-bottom: 12px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement { margin-bottom: 0; border-top: 1px solid #a4a7a9; border-bottom: 1px solid #a4a7a9; padding: 12px 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement .valueSmall { font-size: 30px; padding: 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement .unitSmall { font-size: 16px; } .VehicleSummary .BazaarVoiceRating { margin: 39px 0 24px; } .VehicleSummary .summaryItemList+.BazaarVoiceRating { padding-top: 15px; margin-top: 0; } @media screen and (min-width: 1px) and (max-width: 1240px) { .VehicleSummary .summaryItemImage { left: 40%; } .VehicleSummary .summaryItemContent { width: 40%; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance { margin-top: 21px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement { padding: 6px 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement .valueSmall { font-size: 24px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement .unitSmall { font-size: 14px; } .VehicleSummary .summaryItemContent .summaryItemList { margin-top: 24px; margin-bottom: 12px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .feature { margin-bottom: 9px; } } @media screen and (min-width: 1px) and (max-width: 1025px) { .VehicleSummary .gridContext { min-height: 426px; } .VehicleSummary .summaryItemImage { width: auto; height: 306px; right: 20px; left: 50%; top: 60px; } .VehicleSummary .summaryItemContent { width: 50%; } } @media screen and (min-width: 1px) and (max-width: 960px) { .VehicleSummary .summaryItemImage { height: 260px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .VehicleSummary { padding: 40px 40px; } .VehicleSummary .gridContext { min-height: inherit; } .VehicleSummary .summaryItemImage { top: auto; height: 200px; right: 0; } .VehicleSummary .summaryItemContent { width: 50%; padding: 0 20px 0 0; } } @media screen and (min-width: 1px) and (max-width: 800px) { .VehicleSummary .summaryItemImage { width: auto; height: 215px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .VehicleSummary { padding: 30px; } .VehicleSummary .summaryItemImage { width: 100%; position: relative; height: 330px; left: 0; right: auto; overflow: hidden; padding-left: 0; } .VehicleSummary .summaryItemContent { width: 100%; margin-top: 30px; padding: 0; } .sidenav1{height: 189px !important;width: 375px !important;} } @media screen and (min-width: 1px) and (max-width: 500px) { .VehicleSummary .summaryItemImage { height: 182px; } } @media screen and (min-width: 1px) and (max-width: 400px) { .VehicleSummary .summaryItemContent { width: 100%; margin-top: 30px; padding: 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance { margin-top: 36px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .el { float: none; width: auto; margin-bottom: 24px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .feature { margin-bottom: 12px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement { padding: 12px 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement .valueSmall { font-size: 38px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement .unitSmall { font-size: 14px; } .VehicleSummary .summaryItemContent .summaryItemList { margin-top: 0; } } .VehicleSummary.grey { color: #4a4f54; } .VehicleSummary.grey .SpecificationsAtAGlance .feature, .VehicleSummary.grey .SpecificationsAtAGlance .items .el .measurement { color: #4a4f54; border-color: #a4a7a9; } .VehicleSummary.light { color: #4a4f54; } .VehicleSummary.light .SpecificationsAtAGlance .feature, .VehicleSummary.light .SpecificationsAtAGlance .items .el .measurement { color: #4a4f54; border-color: #a4a7a9; } #landrover .VehicleSummary .primaryLinkWithStyle { margin-top: 15px; } #landrover .VehicleSummary .secondaryLinkWithStyle { margin-right: 10px; } .VideoPlayer { width: 100%; position: relative; color: #ffffff; } .VideoPlayer .playerWrapper { height: 100%; overflow: hidden; } .VideoPlayer .mejs-poster { display: none; } .VideoPlayer .posterImage { display: block; width: 100%; position: relative; } .VideoPlayer .posterImage>span { display: block; position: relative; height: 0; padding-bottom: 56.25%; background-position: 50% 50%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(#); } .VideoPlayer .posterImage>span>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: default; } .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; background-color: #0c121c; } .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; color: #4a4f54; -webkit-transition: color 0.4s; -webkit-transition-delay: 0s; -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: #ffffff; } .VideoPlayer .mejs-controls .mejs-playpause-button button { border-right: 1px solid #30353e; } .VideoPlayer .mejs-controls .mejs-playpause-button button:before { content: '\e037'; } .VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause button:before { content: '\e035'; } .VideoPlayer .mejs-controls .mejs-captions-button button { border-left: 1px solid #30353e; font-size: 19px; padding-top: 1px; } .VideoPlayer .mejs-controls .mejs-captions-button button:before { content: '\e062'; } .VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled button { color: #ffffff; } .VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled button:before { content: '\e061'; } .VideoPlayer .mejs-controls .mejs-volume-button { position: relative; } .VideoPlayer .mejs-controls .mejs-volume-button button { border-left: 1px solid #30353e; font-size: 19px; padding-bottom: 5px; } .VideoPlayer .mejs-controls .mejs-volume-button button:before { content: '\e05f'; } .VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute button:before { content: '\e05e'; } .VideoPlayer .mejs-controls .mejs-fullscreen-button button { border-left: 1px solid #30353e; padding-bottom: 2px; } .VideoPlayer .mejs-controls .mejs-fullscreen-button button:before { content: '\e023'; } .VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:before { content: '\e022'; } .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: #ffffff; } .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: #ffffff; 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; background-color: #4a4f54; box-sizing: content-box; border-top: 23px solid #0c121c; border-bottom: 23px solid #0c121c; } .VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-loaded { height: 4px; position: absolute; background-color: #a4a7a9; } .VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-current { height: 4px; position: absolute; background-color: #005a2b; } .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: #ffffff; 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: #ffffff 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 { color: #5c6065; } .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%; } .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: '\e05e'; } .VideoPlayer[data-audio="false"] .mejs-controls .mejs-volume-button button:hover { color: #4a4f54; } .VideoPlayer[data-audio="false"] .mejs-volume-slider { display: none !important; } .lt-ie9 .VideoPlayer .mejs-controls .mejs-button button { background: transparent; } .lt-ie9 .VideoPlayer .mejs-controls .mejs-button button:before { display: inline; position: static; } @media screen and (min-width: 1px) and (max-width: 900px) { .VideoPlayer .mejs-video { width: 100% !important; } } @media screen and (min-width: 1px) and (max-width: 740px) { .VideoPlayer .mejs-controls .mejs-button button { width: 40px; height: 40px; } .VideoPlayer .mejs-captions-layer .mejs-captions-position.mejs-captions-position-hover { bottom: 55px; } .VideoPlayer .mejs-volume-slider { width: 40px; } .VideoPlayer .mejs-volume-slider .mejs-volume-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; } .VideoPlayerGalleryAsset .VideoPlayer { padding: 80px 90px; } .VideoPlayerGalleryAsset .VideoPlayer .playerWrapper { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1px) and (max-width: 900px) { .VideoPlayerGalleryAsset .VideoPlayer { padding: 0; } } .VideoThumbnails .videoThumbnail { position: relative; width: 33.333%; float: left; padding: 0 20px 40px 20px; } .VideoThumbnails .videoThumbnail .videoThumbnailFooter { padding-top: 32px; position: relative; } .VideoThumbnails .videoThumbnail .videoThumbnailFooter .videoThumbnailTime { letter-spacing: 0.02em; font-family: "avenir", "arial", "helvetica", sans-serif; padding-bottom: 11px; font-size: 12px; } .VideoThumbnails .imageLink { position: relative; display: block; text-decoration: none; } .VideoThumbnails .videoThumbnailImage { width: 100%; height: auto; vertical-align: top; } .VideoThumbnails .videoThumbnailHeading { font-weight: bold; font-size: 16px; line-height: 1; margin-bottom: 21.333px; font-family: "lr_ot4", "arial", "helvetica", sans-serif; } .VideoThumbnails .addThisMenu { display: none; height: 40px; position: relative; overflow: hidden; margin-top: 5px; border-top: solid 1px #5c6065; width: 100%; float: none; } .VideoThumbnails .addThisMenu>a { display: table; z-index: 2; background-color: transparent; } .VideoThumbnails .addThisMenu>a>span { height: 40px; width: 40px; line-height: 36px; border-right: solid 1px #5c6065; border-left: none; background-color: #4a4f54; } .VideoThumbnails .addThisMenu .SocialSharing { top: 0px !important; left: -100px; width: auto; max-width: 200px; float: left; z-index: 1; } .VideoThumbnails .addThisMenu .SocialSharing a { border: none; width: 40px; height: 40px; display: block; float: left; } .VideoThumbnails .addThisMenu .SocialSharing a span { width: 40px; height: 40px; font-size: 16px; } .VideoThumbnails .addThisMenu .SocialSharing a span:before { margin-top: -37px; } .VideoThumbnails .addThisMenu.open>a>span { background-image: none; background-color: #000000; } .VideoThumbnails .addThisMenu.open .addthis_button_tumblr, .VideoThumbnails .addThisMenu.open .addthis_button_facebook, .VideoThumbnails .addThisMenu.open .addthis_button_twitter, .VideoThumbnails .addThisMenu.open .addthis_button_linkedin, .VideoThumbnails .addThisMenu.open .addthis_button_pinterest, .VideoThumbnails .addThisMenu.open .addthis_button_instagram, .VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share { background-color: #000000; } .VideoThumbnails .addThisMenu.open .addthis_button_tumblr:before, .VideoThumbnails .addThisMenu.open .addthis_button_facebook:before, .VideoThumbnails .addThisMenu.open .addthis_button_twitter:before, .VideoThumbnails .addThisMenu.open .addthis_button_linkedin:before, .VideoThumbnails .addThisMenu.open .addthis_button_pinterest:before, .VideoThumbnails .addThisMenu.open .addthis_button_instagram:before, .VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share:before { font-size: 16px; } .VideoThumbnails .addThisMenu.open .addthis_button_tumblr:hover { background-color: #2f5070; } .VideoThumbnails .addThisMenu.open .addthis_button_tumblr:before { margin-top: -36px; } .VideoThumbnails .addThisMenu.open .addthis_button_facebook:hover { background-color: #305891; } .VideoThumbnails .addThisMenu.open .addthis_button_facebook:before { margin-top: -38px; } .VideoThumbnails .addThisMenu.open .addthis_button_twitter:hover { background-color: #2ca8d2; } .VideoThumbnails .addThisMenu.open .addthis_button_twitter:before { margin-top: -40px; padding-top: 5px; } .VideoThumbnails .addThisMenu.open .addthis_button_linkedin:hover { background-color: #007bb6; } .VideoThumbnails .addThisMenu.open .addthis_button_linkedin:before { margin-top: -37px; } .VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share:hover { background-color: #dd4b39; } .VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share:before { margin-top: -36px; } .VideoThumbnails .addThisMenu.open .addthis_button_pinterest:hover { background-color: #c82828; } .VideoThumbnails .addThisMenu.open .addthis_button_instagram:hover { background-color: #406e95; } .VideoThumbnails .addThisMenu.open .SocialSharing { left: 40px !important; } html.lt-ie9 .VideoThumbnails .videoThumbnailImage { position: relative; z-index: -1; } @media screen and (min-width: 1051px) { .VideoThumbnails .videoThumbnail:nth-child(3n+1) { clear: both; } } @media screen and (min-width: 1px) and (max-width: 1050px) { .VideoThumbnails .videoThumbnail { width: 50%; } .VideoThumbnails .videoThumbnail:nth-child(2n+1) { clear: both; } .VideoThumbnails .imageLink:before { font-size: 30px; line-height: 60px; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; padding-top: 0; } } @media screen and (min-width: 1px) and (max-width: 900px) { .VideoThumbnails .addThisMenu { display: block; } } @media screen and (min-width: 1px) and (max-width: 740px) { .VideoThumbnails .videoThumbnail { width: 100%; padding-left: 0; padding-right: 0; } .VideoThumbnails .videoThumbnail .videoThumbnailFooter { padding-top: 21.333px; } } .VideoWithText { position: relative; } .VideoWithText .videoCover { z-index: 1; width: 100%; } .VideoWithText .videoContainer .VideoPlayer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .VideoWithText .videoContainer .VideoPlayer video { visibility: visible; object-fit: cover; vertical-align: middle; position: absolute; top: -25%; height: auto; } .VideoWithText .videoContainer .VideoPlayer video::-webkit-media-controls, .VideoWithText .videoContainer .VideoPlayer video::-webkit-media-controls-start-playback-button { display: none; } .VideoWithText .videoContainer .VideoPlayer .playerWrapper .mejs-video .mejs-overlay-play, .VideoWithText .videoContainer .VideoPlayer .playerWrapper .mejs-video .mejs-controls { display: none !important; } .VideoWithText .videoContainer .VideoPlayer .playerWrapper .posterImage { display: none; position: absolute; top: 0; } .VideoWithText .videoContainer>span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-position: center center; background-repeat: no-repeat; z-index: 0; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .VideoWithText .videoContainer .VideoPlayer+span { z-index: -1; } .ie .VideoWithText .videoContainer .VideoPlayer+span, .ms-edge .VideoWithText .videoContainer .VideoPlayer+span { z-index: 0; } .VideoWithText .videoContainer .videoOverlay { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .VideoWithText .ctaContainer { visibility: visible; opacity: 1; -webkit-transition: opacity 500ms, visibility 500ms; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 500ms, visibility 500ms; -o-transition: opacity 500ms, visibility 500ms; transition: opacity 500ms, visibility 500ms; width: 100%; position: absolute; z-index: 2; top: calc(50% - 22.5px); margin-top: 0px; } .VideoWithText .ctaContainer.videoPlaying { visibility: hidden; opacity: 0; -webkit-transition: opacity 500ms, visibility 500ms; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 500ms, visibility 500ms; -o-transition: opacity 500ms, visibility 500ms; transition: opacity 500ms, visibility 500ms; } .no-js .VideoWithText { height: 768px; background: #fff; } .no-js .VideoWithText .noJsText { padding-top: 200px; } .no-js .VideoWithText .videoCover { display: none; } .VinRecall { background: #f8f9f9; } .VinRecall .outerContainer { padding: 80px 90px; width: 75%; } .VinRecall .responseInvalid, .VinRecall .responseProblem, .VinRecall .responseNoResults, .VinRecall .resultsTemplate, .VinRecall .results, .VinRecall .responses, .VinRecall .vinError, .VinRecall .vinInfo { display: none; } .VinRecall .search .vinInputs { padding: 40px 0 0; position: relative; } .VinRecall .search .textfield { max-width: 350px; float: left; margin-right: 20px; } .VinRecall .search .searchButton { float: left; } .VinRecall .search .vinInfo { max-width: 495px; padding: 0 0; } .VinRecall .search .vinInfo p { padding: 0 0 16px; } .VinRecall .search .vinInfo p:last-of-type { padding-bottom: 0; } .VinRecall .search .vinInfo p:first-of-type { padding-top: 40px; } .VinRecall .search .vinLink { display: block; margin-top: 28px; } .VinRecall .search .vinLink { padding-left: 0; } .VinRecall .search .vinLink:before { display: none; } .VinRecall .search .vinLink:after { content: '\e00b'; color: #4a4f54; font-size: 9px; position: relative; padding-left: 4px; top: -2px; } .VinRecall .search .vinLink.active:after { content: '\e00c'; } .VinRecall .search .responseInvalid { padding: 20px 0 0; } .VinRecall .search .responseInvalid .heading { padding-top: 20px; } .VinRecall .search .responseInvalid h3, .VinRecall .search .responseInvalid p { color: #f2681d; } .VinRecall .headerBlock { margin-bottom: 0; } .VinRecall .results { padding: 20px 0; } .VinRecall .results dl { padding: 20px 0; margin: 0; } .VinRecall .results dl .heading { line-height: 1; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-weight: 700; color: #0c121c; padding-bottom: 16px; } .VinRecall .headings { padding: 0 0 20px; } .VinRecall .headings p { padding-bottom: 16px; } .VinRecall .responses, .VinRecall .results { padding: 20px 0; } .VinRecall .leftAlign { text-align: left; } .VinRecall .paddingTop { padding-top: 40px; } .VinRecall .paddingBottom { padding-bottom: 40px; } .VinRecall strong { font-weight: 800; } .VinRecall .footer, .VinRecall .jsFooter { padding-bottom: 20px; } .VinRecall .footer p, .VinRecall .jsFooter p { margin-bottom: 16px; } .VinRecall .footer p:last-of-type, .VinRecall .jsFooter p:last-of-type { margin-bottom: 0; } .VinRecall .footer .phonenumber, .VinRecall .jsFooter .phonenumber { color: #000000; text-decoration: none; cursor: default; } .no-js .VinRecall {} .no-js .VinRecall .results { border-top: none; margin-top: 0; } .no-js .VinRecall .search { display: table-cell; width: 49%; } .no-js .VinRecall .borderContainer { display: table; } .no-js .VinRecall .yearSelect { display: none; } .no-js .VinRecall .yearSelect.show { display: inline !important; } .no-js .vinInfo { display: inherit; } @media screen and (min-width: 1px) and (max-width: 900px) { .VinRecall .outerContainer { width: 100%; padding: 40px 40px; } .VinRecall .footer .phonenumber, .VinRecall .jsFooter .phonenumber { cursor: pointer; text-decoration: underline; } } @media screen and (min-width: 1px) and (max-width: 740px) { .VinRecall {} .VinRecall .outerContainer { padding: 30px 30px; } .VinRecall .search .textfield { max-width: none; margin: 0; width: 100%; } .VinRecall .results dl { width: 80%; } #landrover .VinRecall .search .primaryLinkWithStyle { width: 100%; margin-top: 20px; } } .YouTubeGalleryAsset .YouTubePlayer { padding: 80px 90px; } .YouTubeGalleryAsset .YouTubePlayer .playerWrapper { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1px) and (max-width: 900px) { .YouTubeGalleryAsset .YouTubePlayer { padding: 0; } } .YouTubePlayer { 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: #000000; z-index: 3; cursor: pointer; cursor: hand; text-align: center; -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; } .YouTubePlayer .playButton:before { content: '\e037'; 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; } } .el.cntr{text-align:center} .cntr{text-align:center} .bluee{color:#47b4e6!important} .blnk { animation-duration: 900ms; animation-name: blink; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes blink { from { color:#000; border: 1px solid #000; } to { color:#FFF ; border: 1px solid #FFF; } } .slidesjs-pagination{display:none} .sdl img.image {display:none!important} #slides1, #slides2, #slides3, #slides4{margin-bottom:25px} /*.headerBoxContent.bgcl{ }*/ .innerimage1{width: 100%;} .blk{color:#000;} .prd-tit{ font-size: 19px; font-weight: 900; } .parag {font-size:16px; line-height:20px;margin-bottom:18px;text-align:justify;color:#000} h2.hh2{font-size: 20px; background: #5f5f5f none repeat scroll 0 0; border-left: 5px solid #212121; color: #ffffff; padding: 13px 20px;} ul.featuress li{font-size:16px; line-height:20px; list-style-type: initial;color:#000} ul.featuress{padding-left:20px} table.tableizer-table { font-size: 12px; border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; width:100%; } .tableizer-table td { padding: 4px; margin: 3px; border: 1px solid #CCC;font-size:14px; line-height:16px;color:#000 } .tableizer-table th { background-color: #104E8B; color: #FFF; font-weight: bold; } a{text-decoration:none} @media (min-width: 1921px) and (max-width: 2800px) { .iconLink{padding-top: 425px;}} img.uf{border: 1px solid #CCC;} .bx-wrapper { position: relative; left: 50%; transform: translateX(-50%); padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; margin-bottom: 20px; } /** THEME ===================================*/ .bxslider { top: -12px; } .bx-wrapper .bx-viewport { background: #fff; } .bx-wrapper .bx-pager{ display: none; } .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(http://bxslider.com/lib/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: -50px; border-radius: 15px; } .bx-wrapper .bx-prev:before{ content:''; background: url(../images/flch-izq.gif) no-repeat center; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .bx-wrapper .bx-next { right: -50px; border-radius: 15px; } .bx-wrapper .bx-next:before{ content:''; background: url(../images/flch-der.gif) no-repeat center; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; transform: translateY(-50%); outline: 0; width: 32px; height: 39px; text-indent: -9999px; z-index: 9999; border: 1px solid #606060; background: rgb(217, 217, 217); border-radius:0px!important; } .bx-wrapper .bx-controls-direction a:hover{ background: #ebebeb; } .bx-wrapper .bx-controls-direction a:hover:before{ left:45%; } .bx-wrapper .bx-controls-direction a.bx-next:hover:before{ left:55%; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(http://bxslider.com/lib/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(http://bxslider.com/lib/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } button.btn-default{ border: 1px solid #CCC; width: 80%; text-align: left; height: 60px; margin-bottom: 1px; background: #dbdbdb; -moz-border-radius: 0; border-radius: 0px; font-family: Arial; color: #131313; font-size: 18px; padding: 6px 20px 6px 20px; text-decoration: none; } .contactleft{margin-left: 260px;} .contactimage{margin-left: 20px;} button.btn-default.classOne{ background: #000; color: #FFF;} img.image.catpg{width:100%} img.image.mnu{margin: 0px auto; width: 80%; padding: 10px 0px;} img.smic{ width: 20px!important; margin: 0px!important; display: inline!important; vertical-align: middle!important;} img.slidesjs-slide{z-index:1!important} a.goog-te-menu-value{ display: inline!important;letter-spacing: 0px!important; padding: 0px!important;} .desk-hide{display:none} td.tdred{color:#ff2828!important} @media screen and (max-width:1900px){ .blk{font-size: 11px;} h5.heading, .heading.headingH5{font-size: 12px;} } @media screen and (max-width:1600px){ .blk{font-size: 11px;} h5.heading, .heading.headingH5{font-size: 12px;} } @media screen and (max-width:1440px){ ul.sbm { width: 100em!important; } .GridListWrapper .items .el .heading{ margin-top:3px; margin-bottom:4px; text-align:center } p.blk{ text-align:center; font-size: 9px; } #landrover .secondaryLinkWithStyle{ margin:5px auto 10px; display:table } .mybottom{padding-bottom: 18px;} } @media screen and (max-width:768px){ .bx-wrapper .bx-next{ right:0; border-radius:15px } .bx-wrapper .bx-prev{ left:0; border-radius:15px } img.image.mnu{margin: 0px auto; padding: 10px 0px;} .GridListWrapper .items .el{ padding:0 15px 2px!important } .FooterNav .navWrapper ul{ padding-left:20px; width:100%!important } .MainNavigation ul li a,.MainNavigation ul li button{ padding:0 14px } .el h3{ margin-top:15px } button.btn-default{ margin-bottom:10px } .StackedBlocks.GridListWrapper .items .el,img.image{ width:100% } .mycontacttop{margin-top: 500px;} .lightTheme #header #logo{ border:0 } #landrover .MainNavigation .MoreButton a,#landrover .MainNavigation .MoreButton button{ height:60px } .lightTheme #landrover .MainNavigation .MoreButton{ line-height:65px } } .MainNavigation{width: 87%;} .myslide img{float: left;} * {box-sizing: border-box} /* Style the tab */ .tab { float: left; background-color: #f1f1f1; width: 20%; height: 500px; overflow-y:scroll; } /* Style the buttons inside the tab */ .tab button { display: block; background-color: inherit; color: black; padding: 22px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 16px; font-weight: 600; font-family: "lr_ot4", "arial", "helvetica", sans-serif; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current "tab button" class */ .tab button { border-bottom: 1px solid #ccc; } /* Style the tab content */ .tabcontent { float: left; padding: 20px 12px; border: 1px solid #ccc; width: 80%; border-left: none; } .video h3{font-size: 15px;background-color: #000;color: #fff;padding: 15px;} .downloadbutton{width: 100% !important;height: 50px;text-align: center;background: #b2b1b1;color:#000;font-weight:600;margin:-5px 0px 10px 0px !important;text-align: center !important;} .modal-dialog{ max-width: 810px; width: 95%;} .four{margin-top: -33px;} .height{height: 245px !important;} .slidesjs-container{height: 255px !important;} .pics { padding: 0; margin: 0; } .pics img { padding: 15px; top: 0; left: 0 } .mypos{position: absolute;} .myheight{height: 1000px !important;} .capping{background:url('../../../Page-Image/Capping-outer.png');background-size:cover;border-bottom:2px solid #CCC;padding: 109px 0px;background-repeat:no-repeat;} .cappinginner{background:url('../../../Page-Image/Capping-outer.png');background-size:cover;border-bottom:2px solid #CCC;background-repeat: no-repeat;padding: 78px 90px;} .washing{background:url('../../../Page-Image/Washing-outer.png');background-size:cover;border-bottom:2px solid #CCC;padding: 108px 0px;background-repeat: no-repeat;} .washinginner{background:url('../../../Page-Image/Washing-outer.png');background-size:cover;border-bottom:2px solid #CCC;background-repeat: no-repeat;padding: 109px 0px;} .filling{background:url('../../../Page-Image/Filling-outer.png');background-size:cover;border-bottom:2px solid #CCC;padding: 109px 0px;background-repeat: no-repeat;} .fillinginner{background:url('../../../Page-Image/Filling-outer.png');background-size:cover;border-bottom:2px solid #CCC;background-repeat: no-repeat;padding: 103px 0px;} .labelling{background:url('../../../Page-Image/labelling-outer.png');background-size:cover;border-bottom:2px solid #CCC;padding: 109px 0px;background-repeat: no-repeat;} .labellinginner{background:url('../../../Page-Image/labelling-outer.png');background-size:cover;border-bottom:2px solid #CCC;background-repeat: no-repeat;padding: 122px 0px;} .other{background:url('../../../Page-Image/Otthers-outer.png');background-size:cover;border-bottom:2px solid #CCC;padding: 107px 0px;background-repeat: no-repeat;} .otherinner{background:url('../../../images/Otthers.png');background-size:cover;border-bottom:2px solid #CCC;background-repeat: no-repeat;padding: 102px 0px;} .otherinner1{padding:122px 0px;} .other1{padding: 75px 0px;} body.focusStylesOn *:focus{box-shadow: none;} .realtives{ position:relative; } #owl-demo .item{ margin: 3px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } #owl-demo .item img{ width:99%; height:100px; } .customNavigation{ text-align: right; margin-top:10px; margin-bottom:3px; padding-bottom:3px; border-bottom:2px solid #333; } .customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-carousel .owl-item img { display: block; width: 99%!important; -webkit-transform-style: preserve-3d; } .owl-nav .owl-prev{ position: absolute; left: 5%; top: 50%; } .owl-nav .owl-next{ position: absolute; right: 5%; top: 50%; } .pop-img{display: block; max-width: 100%; margin-top: 30%; margin-left: 0px;} .headerh3{background-color: rgba(0,0,0,0) !important;color: #000 !important;line-height: 40px;} .owl-theme .owl-nav [class*=owl-]{background: #000 !important;} @media screen and (max-width:1600px) { .height{height: 184px !important;} .popup1{padding-top: 70px;} .popup2{top: 150px;} .washing{padding: 88px 0px !important;} .filling{padding: 91px 0px !important;} .washinginner{padding: 89px 0px;} .capping{padding: 89px 0px;} .labelling{padding: 90px 0px;} .other{padding: 89px 0px;} } @media screen and (max-width:1440px) { .MainNavigation{width: 83%;} .height{height: 167px !important;} .washinginner{padding: 76px 0px} .capping{padding: 78px 0px;} .filling{padding: 75px 0px !important;} .cappinginner{padding: 48px 90px;} .labelling{padding: 76px 0px;} .fillinginner{padding: 62px 0px;} .filling1{padding: 48px 0px;} .fillinginner1{padding: 81px 0px !important;} .popup1{padding-top: 70px !important;} .popup2{top: 150px;} .other{padding: 79px 0px;} .filling, .washing, .other{padding: 75px 0px !important;} } @media screen and (max-width:1366px) { .height{height: 156px !important;} .GridListWrapper .items .el .mytop{margin-top: -99px;} .washinginner, {padding: 57px 0px;} .filling, .washing, .other{padding: 75px 0px !important;} .labelling{padding: 76px 0px !important;} .cappinginner{padding: 45px 90px;} .fillinginner{padding: 57px 0px;} .filling1{padding: 45px 0px;} .fillinginner1{padding: 76px 0px !important;} .capping{padding: 76px 0px;} .otherinner1{padding:75px 0px;} .other1{padding: 43px 0px; } .popup1{padding-top: 70px;} .popup2{top: 150px;} } @media screen and (max-width:1280px) { .height{height: 143px !important;} .GridListWrapper .items .el .heading{font-size: 15px !important;} p.blk{font-size: 12px !important;} .popup1{padding-top: 70px;} .popup2{top: 150px;} } @media screen and (max-width:1024px) { p.blk{font-size: 9px !important} .GridListWrapper .items .el .heading{font-size: 10px !important;} .bluee{font-size: 8px !important;} .MainNavigation{width: 75%;} .height{height: 102px !important;} .popup1{padding-top: 150px;} .popup2{top: 150px;} } @media screen and (max-width:667px) { img.image{width: 100%;margin-top: 10px;} .MainNavigation{width: 73% !important;} .GridListWrapper .items .el .mytop{margin-top: -66px !important;} .height{height: 246px !important;} .popup1{top: 5px !important;} .content1{min-width: 302px !important; width: 302px !important; min-height: 743px !important;} .pop-img{margin-top: 0px !important;} span.myfont{font-size:19px;} .tab{width: 100% !important;} .popup1{position: relative !important;} .popup2{position: relative !important;} } @media screen and (max-width:320px) { #landrover #header #logo{width: 250px;} .MainNavigation{width: 68% !important;} .sidenav1{height: 170px !important;width: 375px !important;} }