@charset "UTF-8";
/**
 * Site dependencies
 */
/* -----------------------------------
 * Slidebars
 * Version 0.10.3
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */
html, body, #sb-site, .sb-site-container, .sb-slidebar {
  /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  width: 100%;
  overflow-x: hidden;
  /* Stops horizontal scrolling. */ }

html {
  height: 100%;
  /* Site is as tall as device. */ }

body {
  min-height: 100%;
  height: auto;
  position: relative;
  /* Required for static Slidebars to function properly. */ }

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden; }

/* ----------
 * 002 - Site
 */
#sb-site, .sb-site-container {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 1;
  /* Site sits above Slidebars */
  background-color: #ffffff;
  /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */ }

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
  content: ' ';
  display: table; }

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
  clear: both; }

/* ---------------
 * 003 - Slidebars
 */
.sb-slidebar {
  height: 100%;
  overflow-y: auto;
  /* Enable vertical scrolling on Slidebars when needed. */
  position: fixed;
  top: 0;
  z-index: 0;
  /* Slidebars sit behind sb-site. */
  display: none;
  /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background-color: #222222;
  /* Default Slidebars background colour, overwrite this with your own css. */ }

.sb-slidebar, .sb-slidebar * {
  -webkit-transform: translateZ(0px);
  /* Fixes issues with translated and z-indexed elements on iOS 7. */ }

.sb-left {
  left: 0;
  /* Set Slidebar to the left. */ }

.sb-right {
  right: 0;
  /* Set Slidebar to the right. */ }

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
  position: absolute;
  /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ }

.sb-slidebar.sb-active {
  display: block;
  /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ }

.sb-style-overlay {
  z-index: 9999;
  /* Set z-index high to ensure it overlays any other site elements. */ }

.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch;
  /* Adds native momentum scrolling for iOS & Android devices. */ }

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
  width: 30%; }

.sb-width-thin {
  width: 15%; }

.sb-width-wide {
  width: 45%; }

@media (max-width: 480px) {
  /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 70%; }
  .sb-width-thin {
    width: 55%; }
  .sb-width-wide {
    width: 85%; } }

@media (min-width: 481px) {
  /* Slidebar widths on small screens. */
  .sb-slidebar {
    width: 55%; }
  .sb-width-thin {
    width: 40%; }
  .sb-width-wide {
    width: 70%; } }

@media (min-width: 768px) {
  /* Slidebar widths on medium screens. */
  .sb-slidebar {
    width: 40%; }
  .sb-width-thin {
    width: 25%; }
  .sb-width-wide {
    width: 55%; } }

@media (min-width: 992px) {
  /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 30%; }
  .sb-width-thin {
    width: 15%; }
  .sb-width-wide {
    width: 45%; } }

@media (min-width: 1200px) {
  /* Slidebar widths on extra large screens. */
  .sb-slidebar {
    width: 20%; }
  .sb-width-thin {
    width: 5%; }
  .sb-width-wide {
    width: 35%; } }

/* ---------------
 * 004 - Animation
 */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
  transform: translate(0px);
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden;
  /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ }

/* --------------------
 * 005 - Helper Classes
 */
.sb-hide {
  display: none;
  /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ }

/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

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

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  display: none; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }

/*
 * Mixins, helpers and functions
 * =================================
 * Most CSS3 vendor prefixed items have a mixin,
 * but we should not need them if autoprefixer is being used
 * See mixins/css3.scss for the full list
 */
/**
 * Convert pixels to ems
 * For a relational value of 12px write em(12) when the parent is 16px
 * If the parent is another value say 24px write em(12, 24)
 *
 * Usage:
 * font-size : em(12);
 * font-size : em(12, 24);
 */
/**
 * Convert pixels to rems
 * For a relational value of 12px write rem(12) when the parent is 16px
 * If the parent is another value say 24px write rem(12, 24)
 *
 * Usage:
 * font-size : rem(12);
 * font-size : rem(12, 24);
 */
/**
 * Strips the units from a value. e.g. 12px -> 12
 * Usage: strip-units(400px)
 */
/* ==========================================================================
   Sass Mixins
   * Vendor Prefixer
   * Responsive
   * CSS3
   * Utility Mixins
   * hiDpi
   * Forms
   ========================================================================== */
/* Vendor prefixer */
/* Responsive mixins */
/* ==========================================================================
   Responsive media query mixins
   * These are used so that we can define separate media-query content
     for <IE9 and browsers with support for media queries
   * These are directly related to the global $fix-mqs var defined in
     kickoff-old-ie.scss
   * kickoff-old-ie.scss ignores any content in media-queries with values less
     than the $fix-mqs var value
   ========================================================================== */
/**
 * $mq-base var:
 * This is needed because browsers do not calculate em-based
 * media queries correctly. It is set to 16 because we think
 * the majority of users will have their browser set to 100%
 * zoom level.
 *
 * See below for an explanation:
 * http://www.filamentgroup.com/lab/how-we-learned-to-leave-body-font-size-alone.html
 *
 */
/*
   Min-width media query:
   * Equivalent to: @media screen and (min-width: 20em) { ... }
   * Usage: @include respond-min(500) { ... };
   * Argument is a pixel value WITHOUT a unit of measurement
   ========================================================================== */
/*
   Max-width media query:
   * Equivalent to: @media screen and (max-width: 20em) { ... }
   * Usage: @include respond-max(500) { ... };
   * Argument is a pixel value WITHOUT a unit of measurement
   ========================================================================== */
/*
   Min-max-width media query:
   * Equivalent to: @media screen and (min-width: 10em) and (max-width: 20em) { ... }
   * Usage: @include respond-min-max(500, 600) { ... };
   * Arguments are pixel values WITHOUT a unit of measurement
   ========================================================================== */
/*
   Old IE specific mixin
   * Only use this content if we're dealing with old IE
   * Usage: @include oldie() { ... }
   ========================================================================== */
/* CSS3 */
/**
 * Linear Gradient
 * Usage: @include linear-gradient(#000, #BADA55, horizontal, true);
 */
/* ==========================================================================
   Radial Gradient
   Usage: @include radial-gradient(#000, #BADA55, true);
   ========================================================================== */
/**
 * vertical-center
 * Vertically center any element. Needs support for CSS tranforms.
 * Usage:
 * @include vertical-center;
 */
/**
 * Utility mixins
 * Clearfix, REM + fallbacks, @font-face, sizing shortcuts, other helpers
 */
/* ==========================================================================
   Utility Mixins
   ========================================================================== */
/* ==========================================================================
   Typography mixins
   ========================================================================== */
/* HiDPI */
/**
 * HiDPI mixin.
 * @include hidpi-min() { ... };
 * Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/)
 */
/**
 * Hidpi with a minimum width media query
 * @include hidpi-min($bp-mid, 1.5) { ... };
 */
/**
 * Hidpi with a max width media query
 * @include hidpi-max($bp-mid, 1.3) { ... };
 */
/* FORMS */
/**
 * Core variables
 * =================================
 * Edit your color palette and app vars before your begin
 */
/**
 * Colour palette (yeah we're British!)
 */
/*$btn-default-bg-to            : #f5b11b;
$btn-default-bg-from          : #faca4c;*/
/**
 * Forms
 */
/**
 * Variables
 * =================================
 * Typography
 * Breakpoints
 * Paths
 * Grid setup
 * Colour palette
 * Components
 */
/**
 * Typography
 * =================================
 * Base sizes:
 * Set this in pixels (but do not add px),
 * the font-size mixin will convert to REMS
 */
/* Font stacks */
/**
 *  Breakpoints
 * =================================
 *  Be careful changing these - they're in use on the Renault site
 */
/**
 * Path vars
 */
/**
 * Layout setup
 * Settings here override & affect the output in scss/partials/components/grid.scss
 */
/**
 * Tables
 * Customizes the `.table` component with basic values, each used across all table variations.
 */
/**
 * App-specific variables
 * =================================
 * Add common vars below here
 */
/* CSS Reset  */
/**
 * Kickoff reset
 */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/**
 * Normalize - CSS reset
 * http://github.com/necolas/normalize.css
 * Kickoff uses an amended version of this file.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, main {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

/* ============ */
/* === BASE === */
/* ============ */
body {
  margin: 0; }

a {
  background: transparent; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

figure {
  margin: 0; }

button,
input {
  line-height: normal; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

/* Global typography styles */
/**
 * Typography
 * =================================
 * Base
 * Paragraphs
 * Headings
 * Links
 * Lists
 * Definition lists
 * Blockquotes
 * Misc
 * Utilities
 *
 * Body font size, leadings etc have been set in _variables.scss
 * Resources:
 * http://www.gridlover.net/
 * http://modularscale.com/
 * http://lamb.cc/typograph/
 *
 */
@font-face {
  font-family: "Renault Life";
  font-weight: 300;
  src: url("../fonts/RenaultLife-Light.eot");
  src: url("../fonts/RenaultLife-Light.eot#iefix") format("embedded-opentype"), url("../fonts/RenaultLife-Light.woff") format("woff"), url("../fonts/RenaultLife-Light.ttf") format("truetype"), url("../fonts/RenaultLife-Light.svg") format("svg"); }

@font-face {
  font-family: "Renault Life";
  font-weight: 400;
  src: url("../fonts/RenaultLife-Regular.eot");
  src: url("../fonts/RenaultLife-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/RenaultLife-Regular.woff") format("woff"), url("../fonts/RenaultLife-Regular.ttf") format("truetype"), url("../fonts/RenaultLife-Regular.svg") format("svg"); }

@font-face {
  font-family: "Renault Life";
  font-weight: 700;
  src: url("../fonts/RenaultLife-Bold.eot");
  src: url("../fonts/RenaultLife-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/RenaultLife-Bold.woff") format("woff"), url("../fonts/RenaultLife-Bold.ttf") format("truetype"), url("../fonts/RenaultLife-Bold.svg") format("svg"); }

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%; }
  @media screen and (min-width: 47.875em) {
    html {
      font-size: 16px; } }

body {
  font-family: "Renault Life", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  color: #666766;
  -webkit-font-feature-settings: "liga","dlig";
          font-feature-settings: "liga","dlig";
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smooth: always; }

/**
 * Paragraphs
 */
p, .tooltip__messaging {
  font-family: "Renault Life", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.5625rem;
  margin-top: 0;
  margin-bottom: 24px; }
  p strong, .tooltip__messaging strong {
    color: #333; }
  @media screen and (max-width: 47.875em) {
    p, .tooltip__messaging {
      line-height: 16px;
      line-height: 1rem;
      font-size: 13px;
      font-size: 0.8125rem;
      margin-bottom: 18px; } }

/**
 * Headings
 */
h1, h2, .tooltip__heading, h3, h4, h5, h6 {
  margin: 0;
  font-family: "Renault Life", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.1;
  text-rendering: optimizelegibility; }
  h1 small, h2 small, .tooltip__heading small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal; }

h1, .h1, .alpha {
  font-size: 47px;
  font-size: 2.9375rem;
  line-height: 49px;
  line-height: 3.0625rem;
  margin-top: 0;
  margin-bottom: 38px;
  position: relative;
  text-transform: none;
  color: #333; }
  h1:not(.minimal):before, .h1:not(.minimal):before, .alpha:not(.minimal):before {
    content: " ";
    background-color: #fcb216;
    height: 1px;
    width: 60px;
    position: absolute;
    bottom: -19px; }
  @media screen and (max-width: 47.875em) {
    h1, .h1, .alpha {
      font-size: 31px;
      font-size: 1.9375rem;
      line-height: 32px;
      line-height: 2rem;
      margin-bottom: 27px; }
      h1:before, .h1:before, .alpha:before {
        width: 40px;
        bottom: -15px; } }

h1.minimal {
  margin: 66px 0 44px 0; }
  @media screen and (max-width: 47.875em) {
    h1.minimal {
      margin: 11px 0 22px 0; } }

h2, .tooltip__heading, .h2, .beta {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  margin-top: 0;
  margin-bottom: 18px; }
  @media screen and (max-width: 47.875em) {
    h2, .tooltip__heading, .h2, .beta {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 1.75rem; } }

h3, .h3, .gamma {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 22px; }

h4, .h4, .delta,
h5, .h5, .epsilon,
h6, .h6, .zeta {
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.5625rem;
  font-family: "Renault Life", Arial, sans-serif;
  font-weight: bold; }
  @media screen and (max-width: 47.875em) {
    h4, .h4, .delta,
    h5, .h5, .epsilon,
    h6, .h6, .zeta {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 16px;
      line-height: 1rem; } }

h4, .h4, .delta {
  font-size: 16px;
  font-size: 1rem; }

h6, .h6, .zeta {
  text-transform: uppercase; }

* + h1, * + .h1, * + .alpha,
* + h2,
* + .tooltip__heading, * + .h2, * + .beta,
* + h3, * + .h3, * + .gamma,
* + h4, * + .h4, * + .delta {
  margin-top: 22px; }

small {
  font-size: 80%; }

/**
 * Links
 */
a, a:link {
  color: #fcb216;
  text-decoration: none; }

a:visited {
  color: #fcb216;
  text-decoration: none; }

a:hover, a:focus {
  color: #ff9921; }

a:active {
  color: #ff9921; }

a.link--secondary, a.link--secondary:link {
  color: #ddd;
  text-decoration: none; }

a.link--secondary:visited {
  color: #ddd;
  text-decoration: none; }

a.link--secondary:hover, a.link--secondary:focus {
  color: #aaaaaa; }

a.link--secondary:active {
  color: #aaaaaa; }

/**
 * Lists
 */
ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

ul, ol {
  padding: 0;
  margin: 0 0 22px 22px; }
  ul ul,
  ul ol, ol ul,
  ol ol {
    margin-left: 44px; }
  ul ul, ol ul {
    list-style-type: circle; }
    ul ul ul, ol ul ul {
      list-style-type: square; }
  ul ol, ol ol {
    list-style-type: upper-roman; }
    ul ol ol, ol ol ol {
      list-style-type: lower-roman; }
  ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0; }

.content-block ul {
  list-style: none;
  margin-left: 16px; }

.content-block li {
  line-height: 24px;
  line-height: 1.5rem; }
  .content-block li:before {
    content: ">";
    display: inline-block;
    position: absolute;
    left: 0; }
  @media screen and (max-width: 47.875em) {
    .content-block li {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 17px;
      line-height: 1.0625rem; }
      .content-block li:before {
        left: 10px; } }

.content-block p + ul, .content-block .tooltip__messaging + ul {
  margin-top: -20px; }
  @media screen and (max-width: 47.875em) {
    .content-block p + ul, .content-block .tooltip__messaging + ul {
      margin-top: -5px; } }

li {
  line-height: 22px;
  line-height: 1.375rem; }
  li p, li .tooltip__messaging {
    line-height: 22px;
    line-height: 1.375rem; }

/**
 * Unstyled lists
 */
.unstyled, .tabs, .l-tabsContent, .hero-carousel .slick-dots,
nav ul, nav ol {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none; }

/**
 * Definition lists
 */
dl {
  margin-bottom: 22px; }

dt {
  font-weight: 700; }

dd {
  margin-left: 22px; }

.dl-horizontal:after {
  content: "";
  display: table;
  clear: both; }

.dl-horizontal dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  clear: left;
  width: 220px;
  text-align: right; }

.dl-horizontal dd {
  margin-left: 240px; }

/**
 * Miscellaneous
 */
hr {
  margin: 22px 0;
  border: 0;
  border-top: 1px solid #b3b2b2;
  border-bottom: 1px solid #fff; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

abbr[title] {
  border-bottom: 1px dotted #ddd;
  cursor: help; }

/**
 * Blockquotes
 */
blockquote {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  margin: 0;
  padding: 50px 96px;
  position: relative; }
  blockquote:before {
    background: transparent url("/resources/img/ui/sprite.png") no-repeat 0 0;
    background-position: -125px -540px;
    content: "";
    display: inline-block;
    width: 49px;
    height: 37px;
    position: absolute;
    left: 0;
    top: 56px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-resolution: 240dpi) {
      blockquote:before {
        background: transparent url("/resources/img/ui/sprite-2x.png") no-repeat 0 0;
        background-size: 300px 700px; } }
  blockquote:after {
    content: "";
    background: transparent url("/resources/img/ui/sprite.png") no-repeat 0 0;
    display: inline-block;
    background-position: -200px -540px;
    width: 49px;
    height: 37px;
    position: absolute;
    right: 23px;
    bottom: 50px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-resolution: 240dpi) {
      blockquote:after {
        background: transparent url("/resources/img/ui/sprite-2x.png") no-repeat 0 0;
        background-size: 300px 700px; } }
  @media screen and (max-width: 47.875em) {
    blockquote {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 1.75rem;
      text-align: center;
      background-color: #f3f3f3;
      padding: 25px 50px;
      margin: 25px -10px; }
      blockquote:before, blockquote:after {
        transform: scale(0.7); }
      blockquote:before {
        top: 15px; }
      blockquote:after {
        right: 10px;
        bottom: 15px; } }

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

address {
  display: block;
  margin-bottom: 22px;
  font-style: normal; }

cite {
  font-style: normal; }

dfn {
  font-style: italic; }

mark {
  background: #f1c40f;
  padding: 2px 4px;
  border-radius: 3px; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

samp {
  font-family: Menlo, Monaco, "Courier New", monospace; }

figcaption {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 42px;
  line-height: 2.625rem;
  text-transform: uppercase; }
  @media screen and (max-width: 47.875em) {
    figcaption {
      font-size: 16px;
      font-size: 1rem;
      line-height: 30px;
      line-height: 1.875rem; } }

/**
 * Utilities
 */
.text--large {
  font-size: 47px;
  font-size: 2.9375rem;
  line-height: 49px;
  line-height: 3.0625rem;
  font-weight: 300;
  color: #333;
  text-transform: none; }
  @media screen and (max-width: 47.875em) {
    .text--large {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 1.75rem; } }

.text-centre,
.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-caps {
  text-transform: uppercase; }

::-moz-selection {
  color: #fff;
  background: #fcb216;
  text-shadow: none; }

::selection {
  color: #fff;
  background: #fcb216;
  text-shadow: none; }

/* Tooltip library */
.tooltipster-fall, .tooltipster-grow.tooltipster-show {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-base {
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  position: absolute; }

.tooltipster-box {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.tooltipster-content {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto; }

.tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }

.tooltipster-fade {
  opacity: 0;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }

.tooltipster-grow {
  transform: scale(0, 0);
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  transform: rotateZ(4deg);
  transition-property: transform; }

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  transform: rotateZ(0);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
  top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0 !important;
  opacity: 0; }

.tooltipster-slide {
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
  left: -40px !important; }

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0 !important;
  opacity: 0; }

@keyframes tooltipster-fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.tooltipster-update-fade {
  animation: tooltipster-fading .4s; }

@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg); }
  75% {
    transform: rotate(2deg); }
  100% {
    transform: rotate(0); } }

.tooltipster-update-rotate {
  animation: tooltipster-rotating .6s; }

@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.tooltipster-update-scale {
  animation: tooltipster-scaling .6s; }

.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid #000;
  border-radius: 4px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }

.tooltipster-sidetip .tooltipster-content {
  color: #fff;
  line-height: 18px;
  padding: 6px 14px; }

.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px; }

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0; }

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px; }

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #000; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #000; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #000; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #000; }

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px; }

.tooltip_templates {
  display: none; }

.tooltipster-renault {
  pointer-events: all; }
  .tooltipster-renault:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.5;
    z-index: -1; }
  .tooltipster-renault .tooltipster-box {
    background: white;
    border: none;
    border-radius: 0;
    color: #666766; }
  .tooltipster-renault .tooltipster-content {
    color: #666766;
    padding: 44px 50px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: white; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: white; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: white; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: white; }

/**
 * Components:
 * =================================
 * Buttons
 * Grid
 * Lists
 * Forms
 * Embedded content
 * Media Object
 * Block grids
 * Fluid video
 * Tabs
 * Tables
 * Code
 * Skip navigation
 * Scrollbars
 */
/**
 * Buttons
 * Based on csswizardry.com/beautons
 *
 * Base button styles:
 * 1. Allow us to better style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Stop buttons wrapping and looking broken.
 * 4. Make buttons inherit font styles.
 * 5. Force all elements using beautons to appear clickable.
 * 6. Normalise box model styles.
 * 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
 *    there is 1em of space above and below that text. We therefore apply 1em
 *    of space to the left and right, as padding, to keep consistent spacing.
 * 8. Fixes odd inner spacing in IE7.
 * 9. Don’t allow buttons to have underlines; it kinda ruins the illusion.
 *10. Prevents from inheriting default anchor styles.
 */
.btn {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  white-space: nowrap;
  /* [3] */
  font-family: inherit;
  /* [4] */
  font-size: 100%;
  /* [4] */
  cursor: pointer;
  /* [5] */
  border: 0;
  /* [6] */
  margin: 0;
  /* [6] */
  padding-top: 0;
  /* [6] */
  padding-bottom: 0;
  /* [6] */
  line-height: 2.7;
  /* [7] */
  height: 2.7em;
  /* [7] */
  padding-left: 0.55em;
  padding-right: 0.55em;
  overflow: visible;
  /* [8] */
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-family: "Renault Life", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #333;
  border: none; }
  .btn, .btn:link, .btn:hover, .btn:active, .btn:focus, .btn:visited {
    color: #fff;
    text-decoration: none; }
  .btn:hover, .btn:active, .btn:focus {
    background: #4d4c4c; }
  .btn:active, .btn:focus {
    outline: none; }
  .btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .65; }
  @media screen and (max-width: 64.0625em) {
    .btn {
      padding-left: 10px;
      padding-right: 10px; } }
  .btn.btn--with-border {
    border: 1px solid #989898; }
  .btn.btn--form-inline {
    height: 2.9em;
    padding: .18em .5em; }

.btn--primary, .btn--hollow, .btn--danger {
  background-color: #fcb216;
  border: 1px solid transparent; }
  .btn--primary, .btn--hollow, .btn--danger, .btn--primary:link, .btn--hollow:link, .btn--danger:link, .btn--primary:visited, .btn--hollow:visited, .btn--danger:visited {
    color: #121212; }
  .btn--primary:hover, .btn--hollow:hover, .btn--danger:hover, .btn--primary:active, .btn--hollow:active, .btn--danger:active, .btn--primary:focus, .btn--hollow:focus, .btn--danger:focus {
    color: #121212;
    background-color: #DD9803;
    background: #fdc348; }
  .btn--primary.btn--with-border, .btn--with-border.btn--hollow, .btn--with-border.btn--danger {
    border: 1px solid #fcb216; }

.btn--hollow {
  background-color: transparent;
  border: solid 1px #121212; }
  .btn--hollow:hover, .btn--hollow:active, .btn--hollow:focus {
    color: #121212;
    background-color: #ddd; }

.btn--danger {
  background-color: #aa1422;
  color: white; }
  .btn--danger, .btn--danger:link, .btn--danger:visited {
    color: white; }
  .btn--danger:hover, .btn--danger:active, .btn--danger:focus {
    background-color: #770000; }

.btn--purple {
  background: #80246f; }

.btn--large {
  line-height: 3;
  height: 3em;
  padding-right: 1em;
  padding-left: 1em;
  font-size: 12px;
  font-size: 0.75rem; }
  @media screen and (min-width: 48.0625em) {
    .btn--large {
      font-size: 20px;
      font-size: 1.25rem;
      padding-right: 2em;
      padding-left: 2em; } }
  @media screen and (max-width: 47.875em) {
    .btn--large {
      font-size: 20px;
      font-size: 1.25rem;
      padding-right: 1em;
      padding-left: 1em; } }

.btn--small {
  font-size: 12.8px;
  font-size: 0.8rem;
  line-height: 1.5;
  height: 1.5em;
  padding-right: .75em;
  padding-left: .75em;
  border-radius: 3px; }

.btn--pill {
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 100em; }

.btn--block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center; }
  .btn--block + .btn--block {
    margin-top: 10px; }

input[type="submit"].btn--block,
input[type="reset"].btn--block,
input[type="button"].btn--block {
  width: 100%; }

.btn--natural {
  vertical-align: baseline;
  font-size: inherit;
  line-height: inherit;
  height: auto;
  padding-right: .5em;
  padding-left: .5em; }

.btn--link {
  border: none;
  color: #fcb216;
  font-weight: bold; }

.btn--link--latestnews {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-weight: 700;
  display: block;
  text-transform: uppercase; }

.btn--medium {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 50px;
  line-height: 3.125rem;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px; }
  .btn--medium, .btn--medium:link, .btn--medium:hover, .btn--medium:active, .btn--medium:focus, .btn--medium:visited {
    text-decoration: none; }
  @media screen and (max-width: 47.875em) {
    .btn--medium {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 38px;
      line-height: 2.375rem;
      height: 40px; } }

.btn--light {
  font-weight: 300; }
  .btn--light .icon {
    float: left; }

/**
 * Close Button: for lightboxes etc
 */
.btnPlay:before {
  transition: opacity 0.4s ease;
  content: "";
  background: #000;
  opacity: 0.5;
  width: 52px;
  height: 52px;
  position: absolute;
  display: block;
  top: -13px;
  left: -13px; }

.btnPlay button {
  transition: all 0.4s ease;
  background: transparent;
  border: 1px solid #fcb216;
  height: 26px;
  width: 26px;
  position: relative; }
  .btnPlay button:before {
    transition: all 0.4s ease;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #fcb216;
    position: absolute;
    top: 6px;
    left: 8px;
    display: block; }

.btnPlay:hover:before {
  opacity: 0.8; }

.btnPlay:hover button {
  border: 1px solid #fee4ad; }
  .btnPlay:hover button:before {
    border-color: transparent transparent transparent #fee4ad; }

.btnCircular {
  background-color: #fcb216;
  border: 1px solid transparent;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  position: relative;
  display: inline-block; }
  .btnCircular .icon {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -10px; }

.btnClose {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  border: 1px solid #ddd;
  color: #ddd;
  display: inline-block;
  font-weight: bold;
  padding: 3px 4px; }
  .btnClose:hover {
    cursor: pointer;
    border: 1px solid #aaaaaa;
    color: #aaaaaa; }

.btnMore {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 62px;
  line-height: 3.875rem;
  font-family: "Renault Life", Arial, sans-serif;
  font-weight: 700;
  background: #333;
  color: #ddd;
  text-transform: uppercase;
  border: none;
  display: block;
  width: 100%; }
  .btnMore:hover {
    background-color: #4d4d4d; }
  @media screen and (max-width: 47.875em) {
    .btnMore {
      font-size: 16px;
      font-size: 1rem; } }

.btnMore__container {
  height: 62px;
  position: relative; }
  @media screen and (max-width: 47.875em) {
    .btnMore__container {
      height: 40px; } }

.btnMore__content {
  transition: visibility 0s, opacity 1s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%); }
  .btnMore__content .icon {
    position: relative;
    left: 4px; }
  @media screen and (max-width: 47.875em) {
    .btnMore__content .icon {
      transform: scale(0.8);
      top: 2px; } }

.btnMore__content--is-active {
  visibility: hidden;
  opacity: 0; }

.btnMore.is-active .btnMore__content--is-active {
  opacity: 1;
  visibility: visible; }

.btnMore.is-active .btnMore__content--is-default {
  visibility: hidden;
  opacity: 0; }

.btn--size-medium {
  width: 192px; }

.btn-chevRight {
  display: inline-block;
  margin: 0 2px 2px 2px; }
  .btn-chevRight:after {
    display: block;
    content: ' ';
    border: 1px solid #fff;
    border-bottom: 0;
    border-left: 0;
    width: 16.4758064516px;
    height: 16.4758064516px;
    transform: rotate(45deg); }
  .btn--large .btn-chevRight:after {
    display: block;
    content: ' ';
    border: 1px solid #fff;
    border-bottom: 0;
    border-left: 0;
    width: 29.4868421053px;
    height: 29.4868421053px;
    transform: rotate(45deg); }
  .btn--xlarge .btn-chevRight:after {
    display: block;
    content: ' ';
    border: 1px solid #fff;
    border-bottom: 0;
    border-left: 0;
    width: 33.4846153846px;
    height: 33.4846153846px;
    transform: rotate(45deg); }
  .btn--primary .btn-chevRight:after, .btn--hollow .btn-chevRight:after, .btn--danger .btn-chevRight:after {
    display: block;
    content: ' ';
    border: 1px solid #fcb216;
    border-bottom: 0;
    border-left: 0;
    width: 16.4758064516px;
    height: 16.4758064516px;
    transform: rotate(45deg); }
  .btn--link .btn-chevRight:after {
    display: block;
    content: ' ';
    border: 1px solid #fcb216;
    border-bottom: 0;
    border-left: 0;
    width: 29.4868421053px;
    height: 29.4868421053px;
    transform: rotate(45deg); }
  .btn--link.btn--small .btn-chevRight:after {
    display: block;
    content: ' ';
    border: 1px solid #fcb216;
    border-bottom: 0;
    border-left: 0;
    width: 16.4758064516px;
    height: 16.4758064516px;
    transform: rotate(45deg); }

.btn-chevDown {
  display: inline-block; }
  .btn--large .btn-chevDown:after {
    display: block;
    content: ' ';
    border: 1px solid #fff;
    border-bottom: 0;
    border-left: 0;
    width: 29.4868421053px;
    height: 29.4868421053px;
    transform: rotate(135deg); }

.btn .icon {
  position: relative;
  margin-left: 6px;
  vertical-align: middle; }

.btn .icon--chev-right-white,
.btn .icon--chev-right-grey,
.btn .icon--chev-right-orange {
  margin-top: -4px;
  margin-left: 9px; }

.btn .icon--chev-up-grey {
  top: -2px; }

.btn .icon--download-dark {
  top: -2px; }

.btn--light .icon {
  float: left;
  margin-left: 4px;
  margin-right: 10px;
  position: relative;
  top: 16px; }

.btn-totop {
  width: 160px;
  text-align: left; }
  .btn-totop .icon {
    position: absolute;
    top: 10px;
    right: 12px; }

@media screen and (max-width: 47.875em) {
  .btn--block--narrow {
    width: 100%;
    display: block; }
    .btn--block--narrow .icon {
      position: static;
      margin-left: 5px;
      float: none; }
  .btn--light .icon {
    margin-left: 0px;
    margin-right: 10px;
    top: 10px; } }

.btnSearch {
  padding: 0;
  width: 60px; }
  .btnSearch .icon {
    margin-left: 0; }

/**
 * The Kickoff Grid
 * =================================
 * Default grid styles
 * Media queries
 * Centred columns
 */
/* Import Grid helpers and mixins */
/* ==========================================================================
   Kickoff Grid helpers
   ========================================================================== */
/*
   Grid columns width calcs
   ========================================================================== */
/**
 * Column width mixin
 * Usage:
 * @include column(2);
 */
/*
   Gutter calcs
   * Default: percent
   * Usage: gutterCalc() or gutterCalc(false)
   ========================================================================== */
/*
   Column padding (gutter)
   * Default: percent (can be pixels though)
   * Usage: paddingCalc() or paddingCalc(px)
   ========================================================================== */
/*
   Shunts, offset columns, column source order calculations
   ========================================================================== */
/**
 * Basic Usage:
 * =================================
	<div class="g-row">
		<div class="g-col g-span4"></div>
		<div class="g-col g-span8"></div>
	</div>
 */
.g-row {
  width: 100%;
  margin: 0 auto; }
  .g-row:after {
    content: "";
    display: table;
    clear: both; }
  .g-row .g-row {
    min-width: 0; }

@media screen and (min-width: 47.875em) {
  .g-col {
    float: left;
    min-height: 1px;
    position: relative;
    clear: none;
    box-sizing: border-box;
    margin-left: 2.2321428571%;
    /* Dropping these - I'm not sure why you'd ever want this behaviour but I'm leaving
		   these rules here for clues in case this breaks something I didn't expect 

		& + &:last-child { float: right; }
		& + &.end { float: left; }
		*/ }
    .g-col:first-child {
      margin-left: 0; } }

@media screen and (max-width: 47.875em) {
  .g-col .g-col + .g-col {
    margin-top: 30px; } }

@media screen and (min-width: 47.875em) {
  .g-span1 {
    width: 6.287202381%; }
  .g-span2 {
    width: 14.806547619%; }
  .g-span3 {
    width: 23.3258928571%; }
  .g-span4 {
    width: 31.8452380952%; }
  .g-span5 {
    width: 40.3645833333%; }
  .g-span6 {
    width: 48.8839285714%; }
  .g-span7 {
    width: 57.4032738095%; }
  .g-span8 {
    width: 65.9226190476%; }
  .g-span9 {
    width: 74.4419642857%; }
  .g-span10 {
    width: 82.9613095238%; }
  .g-span11 {
    width: 91.4806547619%; }
  .g-span12 {
    width: 100%; }
  /**
	 * Offset columns
	 * http://tmwagency.github.io/kickoff/demos/grids.html#offset
	 */
  .g-row > .g-offset1 {
    margin-left: 10.7514880952%; }
    .g-row > .g-offset1:first-child {
      margin-left: 8.5193452381%; }
  .g-row > .g-offset2 {
    margin-left: 19.2708333333%; }
    .g-row > .g-offset2:first-child {
      margin-left: 17.0386904762%; }
  .g-row > .g-offset3 {
    margin-left: 27.7901785714%; }
    .g-row > .g-offset3:first-child {
      margin-left: 25.5580357143%; }
  .g-row > .g-offset4 {
    margin-left: 36.3095238095%; }
    .g-row > .g-offset4:first-child {
      margin-left: 34.0773809524%; }
  .g-row > .g-offset5 {
    margin-left: 44.8288690476%; }
    .g-row > .g-offset5:first-child {
      margin-left: 42.5967261905%; }
  .g-row > .g-offset6 {
    margin-left: 53.3482142857%; }
    .g-row > .g-offset6:first-child {
      margin-left: 51.1160714286%; }
  .g-row > .g-offset7 {
    margin-left: 61.8675595238%; }
    .g-row > .g-offset7:first-child {
      margin-left: 59.6354166667%; }
  .g-row > .g-offset8 {
    margin-left: 70.3869047619%; }
    .g-row > .g-offset8:first-child {
      margin-left: 68.1547619048%; }
  .g-row > .g-offset9 {
    margin-left: 78.90625%; }
    .g-row > .g-offset9:first-child {
      margin-left: 76.6741071429%; }
  .g-row > .g-offset10 {
    margin-left: 87.4255952381%; }
    .g-row > .g-offset10:first-child {
      margin-left: 85.193452381%; }
  .g-row > .g-offset11 {
    margin-left: 95.9449404762%; }
    .g-row > .g-offset11:first-child {
      margin-left: 93.712797619%; }
  /**
	 * Source ordering (push & pull)
	 * http://tmwagency.github.io/kickoff/demos/grids.html#source-ordering
	 */
  .g-row > .g-push1 {
    left: 8.5193452381%;
    position: relative; }
  .g-row > .g-push2 {
    left: 17.0386904762%;
    position: relative; }
  .g-row > .g-push3 {
    left: 25.5580357143%;
    position: relative; }
  .g-row > .g-push4 {
    left: 34.0773809524%;
    position: relative; }
  .g-row > .g-push5 {
    left: 42.5967261905%;
    position: relative; }
  .g-row > .g-push6 {
    left: 51.1160714286%;
    position: relative; }
  .g-row > .g-push7 {
    left: 59.6354166667%;
    position: relative; }
  .g-row > .g-push8 {
    left: 68.1547619048%;
    position: relative; }
  .g-row > .g-push9 {
    left: 76.6741071429%;
    position: relative; }
  .g-row > .g-push10 {
    left: 85.193452381%;
    position: relative; }
  .g-row > .g-push11 {
    left: 93.712797619%;
    position: relative; }
  .g-row > .g-pull1 {
    right: 8.5193452381%;
    position: relative; }
  .g-row > .g-pull2 {
    right: 17.0386904762%;
    position: relative; }
  .g-row > .g-pull3 {
    right: 25.5580357143%;
    position: relative; }
  .g-row > .g-pull4 {
    right: 34.0773809524%;
    position: relative; }
  .g-row > .g-pull5 {
    right: 42.5967261905%;
    position: relative; }
  .g-row > .g-pull6 {
    right: 51.1160714286%;
    position: relative; }
  .g-row > .g-pull7 {
    right: 59.6354166667%;
    position: relative; }
  .g-row > .g-pull8 {
    right: 68.1547619048%;
    position: relative; }
  .g-row > .g-pull9 {
    right: 76.6741071429%;
    position: relative; }
  .g-row > .g-pull10 {
    right: 85.193452381%;
    position: relative; }
  .g-row > .g-pull11 {
    right: 93.712797619%;
    position: relative; } }

/**
 * Centred columns
 */
.g-col.g-col--centered,
.g-col.g-col--centred {
  float: none;
  margin: 0 auto; }

/*
	Centred lists

	<ul class="l-list--centred">
		<li></li>
	</ul>
	========================================================================== */
.l-list--centred, .l-list--centered {
  text-align: center; }
  .l-list--centred li, .l-list--centered li {
    display: inline; }

/*
	Floated lists

	<ul class="l-list--floated">
		<li></li>
	</ul>
	========================================================================== */
.l-list--floated:after {
  content: "";
  display: table;
  clear: both; }

.l-list--floated li {
  float: left;
  display: inline-block; }

/**
 * Forms
 * =================================
 * Generic form styles
 * Form inputs and groups
 * Form field feedback states
 * Horizontal & vertical forms
 * Horizontal-specific styles
 */
/**
 * Generic form styles
 * =================================
 * Demo: http://tmwagency.github.io/kickoff/demos/forms.html#layout-example-labels-above
 * Code: https://gist.github.com/mrmartineau/6712577#file-labels-above-inputs-html
 * Usage:
  	<div class="form-controlGroup">
  		<label for="name" class="form-label">Name</label>
  		<div class="form-controlGroup-inputWrapper">
  			<input type="text" id="name" placeholder="Zander Martineau" class="form-input"/>
  		</div>
  	</div>
 */
.form {
  margin: 0 0 22px; }

.form-fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

.form-legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #666766;
  border: 0;
  border-bottom: 1px solid #eee;
  white-space: normal; }
  .form-legend small {
    font-size: 12.8px;
    font-size: 0.8rem;
    color: #b3b2b2; }

.form-row {
  margin-top: 1em; }

/**
 * Form inputs and groups
 */
.form-controlGroup {
  margin-bottom: 1.5em;
  list-style-type: none; }

.form-controlGroup--button {
  position: relative;
  padding-right: 60px; }
  .form-controlGroup--button .btn {
    position: absolute;
    right: 0;
    top: 0; }

.form-legend + .form-controlGroup {
  margin-top: 22px;
  -webkit-margin-top-collapse: separate; }

.form-label {
  display: block;
  color: #666766;
  font-weight: normal;
  text-transform: none;
  margin-bottom: 0.5em;
  font-size: 17px;
  font-size: 1.0625rem; }
  .form-label small {
    font-weight: normal;
    color: #b3b3b3; }

.form-label--light {
  color: white; }

.form-label--inline {
  display: inline; }

.form-input {
  display: block;
  width: 100%;
  height: 2.5em;
  padding: .5em;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Renault Life", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  color: #666766;
  vertical-align: baseline;
  background-color: #fff;
  border: 1px solid #989898;
  transition: border 200ms ease-in-out; }
  .form-input:focus {
    border-color: #656565;
    outline: 0;
    outline: thin dotted \9; }
  .form-input[type="image"], .form-input[type="checkbox"], .form-input[type="radio"], .form-input[type="range"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    line-height: normal;
    cursor: pointer;
    border-radius: 0;
    box-sizing: border-box; }
  .form-input[type="image"] {
    border: 0; }
  .form-input[type="file"] {
    width: auto;
    height: 28px;
    padding: initial;
    line-height: initial;
    border: initial;
    background-color: #fff;
    background-color: initial; }
  .form-input[type="hidden"] {
    display: none; }
  .form-input[type="color"] {
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding: 2px; }
  .form-input[type="password"] {
    font-family: sans-serif; }
  .form-input[type="range"] {
    width: 100%; }
  .form-input > .radio:first-child,
  .form-input > .checkbox:first-child {
    padding-top: 5px; }
  .form-input[disabled], .form-input[readonly] {
    background-color: #e6e5e5;
    border-color: #989898;
    cursor: not-allowed; }

.form-input--large {
  border-color: #cdcccb;
  height: 60px;
  padding: 1em; }

.form-input--textarea {
  height: auto;
  resize: vertical; }

.form-input--textarea--uneditable {
  width: auto;
  height: auto; }

.form-input--select {
  background-color: #fff; }
  .form-input--select[multiple], .form-input--select[size] {
    height: auto; }

.form-input-file {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
  vertical-align: middle;
  line-height: 1em; }
  .form-input-file:focus {
    outline: none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  cursor: pointer;
  -webkit-appearance: button; }

/**
 * Checkboxes:
 * =================================
	<label class="control">
		<input type="checkbox" value="check1">
		This is a checkbox
	</label>
	<label class="control control--inline">
		<input type="checkbox" value="check1">
		This is a checkbox
	</label>

 * Radios:
 * =================================
	<label class="control">
		<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
		This is a radio
	</label>
	<label class="control control--inline">
		<input type="radio" name="optionsRadios" id="optionsRadios1" value="option2" checked>
		This is a radio
	</label>
 */
.control {
  display: block; }
  .control input[type="radio"],
  .control input[type="checkbox"] {
    vertical-align: middle;
    margin-right: .5em;
    margin-top: -.1em;
    display: inline;
    line-height: normal; }

.control--inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.5em; }

/**
 * Search input
 */
.form-input--search {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  border-radius: 100px; }

/**
 * Form actions
 */
.form-actions {
  padding: 22px 0; }
  .form-actions .btn {
    margin-right: 10px; }
    .form-actions .btn:last-child {
      margin-right: 0; }

/**
 * Form field feedback states
 */
.form-controlGroup--warning .form-label {
  color: #dab10d; }

.form-controlGroup--warning .form-input {
  color: #dab10d;
  border-color: #dab10d;
  background-color: #fcf1c6; }
  .form-controlGroup--warning .form-input:focus {
    border-color: #aa8a0a; }

.form-controlGroup--error .form-label {
  color: #e43725; }

.form-controlGroup--error .form-input {
  color: #e43725;
  border-color: #e43725;
  background-color: #fceae9; }
  .form-controlGroup--error .form-input:focus {
    border-color: #bf2718; }

.form-controlGroup--success .form-label {
  color: #2ecc71; }

.form-controlGroup--success .form-input {
  color: #2ecc71;
  border-color: #2ecc71;
  background-color: #def8e9; }
  .form-controlGroup--success .form-input:focus {
    border-color: #25a25a; }

.field-validation-error {
  display: block;
  margin-top: 0.4em;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #ef3b39; }

/**
 * Placeholder text
 * =================================
 * Gets special styles; can't be bundled together though for some reason
 */
:-ms-input-placeholder {
  color: #b3b2b2; }

:-moz-placeholder {
  color: #b3b2b2; }

::-webkit-input-placeholder {
  color: #b3b2b2; }

@media screen and (min-width: 47.875em) {
  /**
	 * Horizontal-specific styles
	 * =================================
	 * add .form--horizontal to the <form> element
	 * Demo: http://tmwagency.github.io/kickoff/demos/forms.html#layout-example-labels-inline
	 * Code: https://gist.github.com/mrmartineau/6712577#file-labels-inline-html
	 */
  .form--horizontal .form-controlGroup {
    margin-bottom: 22px; }
    .form--horizontal .form-controlGroup:after {
      content: "";
      display: table;
      clear: both; }
    .form--horizontal .form-controlGroup .form-input--fileWrapper {
      margin-left: 0; }
  .form--horizontal .form-label {
    float: left;
    width: 140px;
    padding-top: 5px;
    text-align: right; }
  .form--horizontal .form-controlGroup-inputWrapper {
    margin-left: 160px; }
    .form--horizontal .form-controlGroup-inputWrapper:first-child {
      padding-left: 160px; }
  .form--horizontal .form-helpBlock {
    margin-top: 11px;
    margin-bottom: 0; }
  .form--horizontal .form-actions {
    padding-left: 160px; } }

/**
 * Custom Checkboxes and radios - modified from WTF forms – http://wtfforms.com/
 *
 * --------------------------------
 *
 * Checkbox button example HTML
 *
 *	 <label class="control control--custom control--checkbox">
 *		<input type="checkbox" name="myCheckbox" />
 *		<span class="control-indicator"></span>
 *		My Checkbox Label Text
 *	</label>
 *
 * -------------------------------
 *
 * Radio button example HTML
 *
 *	<label class="control control--custom control--radio">
 *		<input type="radio" id="radio1" name="myRadioBtn" />
 *		<span class="control-indicator"></span>
 *		My Radio Button Label Text
 * 	</label>
 *
 * ================================= */
.control-indicator {
  position: absolute;
  top: .25em;
  left: 0;
  display: block;
  width: 19px;
  height: 19px;
  line-height: 1;
  color: #eee;
  text-align: center;
  background-color: #ddd;
  background-size: 50% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.control--custom {
  position: relative;
  display: block;
  padding-left: 2em;
  margin-left: 0;
  color: #555;
  cursor: pointer;
  /* Focus */
  /* Checked state */
  /* Active */ }
  .control--custom input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    /* Put the input behind the label so it doesn't overlay text */ }
  .control--custom input:focus ~ .control-indicator {
    box-shadow: 0 0 0 0.075em #fff, 0 0 0 0.2em #a3b1b2; }
  .control--custom input:checked ~ .control-indicator {
    color: #fff;
    background-color: #a3b1b2; }
  .control--custom input:active ~ .control-indicator {
    color: #fff;
    background-color: #ccd4d5; }

/* Checkbox modifiers */
.control--checkbox .control-indicator {
  border-radius: 25%; }

.control--checkbox input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }

/* Radio modifiers */
.control--radio .control-indicator {
  border-radius: 50%; }

.control--radio input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

/**
 * Custom file input
 */
.form-input--fileWrapper--styled {
  position: relative;
  overflow: hidden; }
  .form-input--fileWrapper--styled:before {
    content: 'Choose file...'; }
  .form-input--fileWrapper--styled:after {
    content: 'Browse';
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    padding: .44em 1em 0;
    background-color: #a5a5a5; }
  .form-input--fileWrapper--styled .form-input-file {
    opacity: 0;
    position: absolute; }

/**
 * Custom select element
 * http://jsbin.com/juvixufu/165/edit
 */
.form-input--selectWrapper {
  position: relative;
  display: block;
  padding: 0; }

/* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */
.form-input--selectWrapper select {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
  background: none;
  border: 0;
  outline: none;
  /* Remove select styling */
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  /* Magic font size number to prevent iOS text zoom */
  padding: .5em;
  height: 2.3em;
  line-height: 1; }

/* This hides native dropdown button arrow in IE 10/11+ so it will have the custom appearance, IE 9 and earlier get a native select */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .form-input--selectWrapper select::-ms-expand {
    display: none; } }

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select */
.form-input--selectWrapper:after {
  background: none;
  color: #bbb;
  content: "\25BC";
  font-size: .7em;
  padding: 0;
  position: absolute;
  right: 1.2em;
  top: 50%;
  margin-top: -9px;
  z-index: 2;
  /* These hacks make the select behind the arrow clickable in some browsers */
  pointer-events: none;
  background: url(#); }

/* This selector targets Firefox only with the trick of making the select 110% but clipped by the container at 100% to hide the arrow. We have to do this because getting rid of select appearance isn't supported consistently */
.form-input--selectWrapper,
x:-moz-any-link,
x:default {
  overflow: hidden;
  width: 100%; }

.form-input--selectWrapper select,
x:-moz-any-link,
x:default {
  width: 110%;
  max-width: 110%;
  min-width: 110%;
  /* A zero right padding is needed or the native arrow can show up. Downside is the text will run over the arrow */
  padding: .6em 0 .5em .8em;
  /* Window is a Firefox way of hiding the arrow, sometimes works */
  -moz-appearance: window;
  text-indent: .01px;
  text-overflow: ""; }

/* Focus style - TODO: Fix in FF */
/* Removes the odd blue bg color behind the text in IE 10/11 and sets the text to match the focus style text */
.form-input--selectWrapper:focus::-ms-value {
  background: transparent;
  color: #222; }

/* Firefox focus has odd artifacts around the text, this kills that */
.form-input--selectWrapper:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

option {
  font-weight: normal; }

/*
	Embedded content
	========================================================================== */
img {
  font-style: italic;
  color: #c00;
  border: 0;
  display: block;
  -ms-interpolation-mode: bicubic; }
  img.img--left {
    margin: 0 20px 0 0; }
  img.img--right {
    margin: 0 0 0 20px; }

svg:not(:root) {
  overflow: hidden; }

img, object, embed, video {
  max-width: 100%; }

/*
	Media Object

	* Place any image- and text-like content side-by-side, as per:
	* http://csswizardry.com/2013/05/the-flag-object/
	*
	* +---------+
  * |         | ~~~~ ~~~~~~~~~~~
  * |         | ~~~~~~~ ~~~~~ ~~
  * |         | ~~~~~~~~~~~~
  * +---------+
	*
	* Markup:
	<div class="media">
		<div class="media-img">
			<img src="http://placekitten.com/100/100">
		</div>
		<div class="media-body">
			<p>Lorem ipsum dolor sit amet.</p>
		</div>
	</div>
	========================================================================== */
.media {
  display: table; }

.media-img,
.media-body {
  display: table-cell;
  vertical-align: middle; }
  .media--top .media-img, .media--top
  .media-body {
    vertical-align: top; }
  .media--bottom .media-img, .media--bottom
  .media-body {
    vertical-align: bottom; }
  .media-img :last-child,
  .media-body :last-child {
    margin-bottom: 0; }

.media-body {
  width: 100%; }

.media-img {
  padding-right: 10px; }
  .media-img > img {
    display: block;
    max-width: none; }
  .media--rev .media-img {
    padding-right: 0;
    padding-left: 10px; }

.captioned-box img {
  width: 100%;
  display: block; }

.captioned-box__meta {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  text-align: center;
  color: #333;
  padding-top: 7px; }

.captioned-box__caption {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
  padding-bottom: 10px;
  display: block;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase; }

.media-box {
  background: #333;
  overflow: hidden;
  margin-bottom: 22px;
  position: relative; }
  .media-box .media-box__author {
    position: absolute;
    bottom: 10px; }
  .media-box .social-share {
    position: absolute;
    bottom: 10px;
    right: 20px; }

.media-box--vertical .media-box__media {
  float: none;
  width: 100%; }

.media-box--vertical .media-box__body {
  float: none;
  width: 100%; }

@media screen and (max-width: 47.875em) {
  .media-box--vertical--narrow .media-box__media {
    float: none;
    width: 100%; }
  .media-box--vertical--narrow .media-box__title {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 60px; }
    .media-box--vertical--narrow .media-box__title:before {
      content: none; }
  .media-box--vertical--narrow .media-box__body {
    float: none;
    width: 100%; } }

.media-box--black {
  background: black; }
  .media-box--black .media-box__author span {
    color: white; }

.media-box--small .media-box__body {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 10px; }

.media-box--small .media-box__title {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 32px;
  line-height: 2rem;
  min-height: 150px; }
  .media-box--small .media-box__title:before {
    content: none; }

@media screen and (max-width: 48.0625em) {
  .media-box--small .media-box__title {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 28px;
    line-height: 1.75rem; }
  .media-box--small .media-box__author {
    font-size: 12px;
    font-size: 0.75rem; } }

@media screen and (max-width: 47.875em) {
  .media-box--small .media-box__title {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 28px;
    line-height: 1.75rem; } }

.media-box--light {
  background: #f3f3f3; }
  .media-box--light .media-box__date {
    color: #333; }

.media-box__media {
  float: left;
  width: 47.619%;
  position: relative; }
  .media-box__media img {
    width: 100%; }
  @media screen and (max-width: 47.875em) {
    .media-box__media {
      width: 50%; } }

.media-box__body {
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 15px;
  float: right;
  width: 52.381%; }
  @media screen and (max-width: 47.875em) {
    .media-box__body {
      width: 50%;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px; } }

.media-box__title {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 35px;
  line-height: 2.1875rem;
  color: #fcb216;
  position: relative;
  margin-bottom: 30px; }
  .media-box__title:before {
    content: " ";
    background-color: #fcb216;
    height: 1px;
    width: 60px;
    position: absolute;
    bottom: -19px; }
  .media-box__title span {
    color: #ddd; }
  @media screen and (max-width: 64.0625em) {
    .media-box__title {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 24px;
      line-height: 1.5rem;
      margin-bottom: 23px; }
      .media-box__title:before {
        width: 40px;
        bottom: -13px; } }

.media-box__info {
  color: #ddd;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-bottom: 2px; }
  @media screen and (max-width: 47.875em) {
    .media-box__info {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 16px;
      line-height: 1rem; } }

.media-box__date {
  font-size: 16px;
  font-size: 1rem;
  line-height: 23px;
  line-height: 1.4375rem;
  font-weight: 700;
  margin-bottom: 0; }
  @media screen and (max-width: 47.875em) {
    .media-box__date {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 16px;
      line-height: 1rem; } }

.media-box__date--white {
  color: white; }

.media-box__date + .media-box__title {
  margin-top: 6px; }

.media-box__author {
  margin-bottom: 0; }
  .media-box__author a {
    text-decoration: underline; }

.image-box__content {
  background-color: black; }

/*
   Fluid width video
   * 16:9 aspect ratio by default
   * Usage:
   * <div class="fluidVideo"><iframe src="..."/></div>
   ========================================================================== */
.fluidVideo {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden; }
  .fluidVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .fluidVideo .player-360 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .fluidVideo [id^="krpanoSWFObject"] {
    width: 100% !important; }

.fluidVideo__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10; }

.fluidVideo__play {
  position: absolute;
  z-index: 11;
  left: 50%;
  top: 50%;
  margin-top: -13px;
  margin-left: -13px; }

/**
 * Block grids
 * These are suited for repeating blocks of content. See below for usage
 *
 * Usage:
 * <ul class="l-blockGrid l-blockGrid--3up">
 *     <li></li>
 * </ul>
 *
 * Mobile Usage:
 * <ul class="l-blockGrid l-blockGrid--4up l-blockGrid--2up--narrow">
 *     <li></li>
 * </ul>
 */
.l-blockGrid {
  display: block;
  list-style-type: none;
  margin: 0; }
  .l-blockGrid:after {
    content: "";
    display: table;
    clear: both; }
  .l-blockGrid > li {
    display: block;
    height: auto; }
    .l-blockGrid > li:before {
      content: none; }
  @media screen and (max-width: 47.875em) {
    .l-blockGrid[class*="up--narrow"] > li {
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--1up--narrow > li {
      width: 100%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--2up--narrow > li {
      width: 50%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--3up--narrow > li {
      width: 33.3333333333%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--4up--narrow > li {
      width: 25%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--5up--narrow > li {
      width: 20%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--6up--narrow > li {
      width: 16.6666666667%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--7up--narrow > li {
      width: 14.2857142857%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--8up--narrow > li {
      width: 12.5%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--9up--narrow > li {
      width: 11.1111111111%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--10up--narrow > li {
      width: 10%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--11up--narrow > li {
      width: 9.0909090909%;
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--12up--narrow > li {
      width: 8.3333333333%;
      display: block;
      height: auto;
      float: left; } }
  @media screen and (min-width: 47.875em) {
    .l-blockGrid > li {
      display: block;
      height: auto;
      float: left; }
    .l-blockGrid.l-blockGrid--1up > li {
      width: 100%; }
    .l-blockGrid.l-blockGrid--2up > li {
      width: 50%; }
    .l-blockGrid.l-blockGrid--3up > li {
      width: 33.3333333333%; }
    .l-blockGrid.l-blockGrid--4up > li {
      width: 25%; }
    .l-blockGrid.l-blockGrid--5up > li {
      width: 20%; }
    .l-blockGrid.l-blockGrid--6up > li {
      width: 16.6666666667%; }
    .l-blockGrid.l-blockGrid--7up > li {
      width: 14.2857142857%; }
    .l-blockGrid.l-blockGrid--8up > li {
      width: 12.5%; }
    .l-blockGrid.l-blockGrid--9up > li {
      width: 11.1111111111%; }
    .l-blockGrid.l-blockGrid--10up > li {
      width: 10%; }
    .l-blockGrid.l-blockGrid--11up > li {
      width: 9.0909090909%; }
    .l-blockGrid.l-blockGrid--12up > li {
      width: 8.3333333333%; } }

.l-blockGrid--guttered {
  margin-left: -25px; }
  .l-blockGrid--guttered > li {
    padding-left: 25px;
    margin-bottom: 25px; }
    .l-blockGrid--guttered > li.l-blockGrid-item--wide {
      width: 100%; }

.l-blockGrid--guttered--tight {
  margin-left: -12.5px; }
  .l-blockGrid--guttered--tight > li {
    padding-left: 12.5px;
    margin-bottom: 12.5px; }
    .l-blockGrid--guttered--tight > li.l-blockGrid-item--wide {
      width: 100%; }

@media screen and (max-width: 47.875em) {
  .l-blockGrid--guttered--supertight--narrow {
    margin-left: -5px; }
    .l-blockGrid--guttered--supertight--narrow > li {
      padding-left: 5px;
      margin-bottom: 5px; }
      .l-blockGrid--guttered--supertight--narrow > li.l-blockGrid-item--wide {
        width: 100%; } }

@media screen and (max-width: 47.875em) {
  .l-blockGrid--guttered.l-blockGrid--2up li {
    margin-top: 0; } }

@media screen and (max-width: 47.875em) {
  .l-blockGrid--4up > li:nth-child(1) {
    margin-bottom: 25px; }
  .l-blockGrid--4up > li:nth-child(2) {
    margin-bottom: 25px; } }

.l-blockGrid--1up {
  min-width: 100%; }
  .l-blockGrid--1up li {
    width: 100%; }

/*
	Tabs

	* Usage:
	<ul class="tabs">
		<li><a href="#tabs-example-1" class="is-active">Tab 1</a></li>
		<li><a href="#tabs-example-2">Tab 2</a></li>
	</ul>

	<!-- Tabs Content -->
	<ul class="l-tabsContent">
		<li id="tabs-example-1" class="is-active">
			Tab 1 content
		</li>

		<li id="tabs-example-2">
			Tab 2 content
		</li>
	</ul>
	========================================================================== */
.tabs:after {
  content: "";
  display: table;
  clear: both; }

.tabs.tabs--alignRight li {
  float: right; }

.tabs.tabs--alignCentre, .tabs.tabs--alignCenter {
  text-align: center; }
  .tabs.tabs--alignCentre > li, .tabs.tabs--alignCenter > li {
    display: inline;
    float: none; }

.tabs > li {
  float: left; }

.tabs a {
  text-align: center;
  font-size: 47px;
  font-size: 2.9375rem;
  line-height: 84px;
  line-height: 5.25rem;
  text-transform: none;
  font-weight: 300;
  background-color: #fcb216;
  height: auto;
  display: block;
  color: white; }
  .tabs a.is-active {
    background: #f3f3f3;
    color: black; }

.l-tabsContent > li {
  display: none; }
  .l-tabsContent > li.is-active {
    display: block; }

.specification-tabs {
  margin-top: 45px; }
  .specification-tabs li {
    display: table; }
  .specification-tabs a {
    text-align: center;
    text-transform: none;
    font-weight: 300;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    color: white;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 55px;
    line-height: 3.4375rem; }
    .specification-tabs a:focus {
      outline: 0; }
    .specification-tabs a.is-active {
      color: black;
      position: relative; }
      .specification-tabs a.is-active:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px 15.5px 0 15.5px;
        border-color: #f3f3f3 transparent transparent transparent;
        position: absolute;
        left: 50%;
        bottom: -15px;
        margin-left: -15px; }
    @media screen and (max-width: 47.875em) {
      .specification-tabs a {
        font-size: 16px;
        font-size: 1rem;
        line-height: 18px;
        line-height: 1.125rem; } }
    @media screen and (min-width: 64.0625em) {
      .specification-tabs a {
        font-size: 47px;
        font-size: 2.9375rem;
        line-height: 84px;
        line-height: 5.25rem; } }
  @media screen and (max-width: 47.875em) {
    .specification-tabs {
      margin-top: 0;
      margin-bottom: 0; }
      .specification-tabs > li {
        display: table !important;
        height: 50px !important; } }

/**
 * Tables
 */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
  border-spacing: 0;
  background-color: white; }
  .table > thead th,
  .table > thead td,
  .table > tbody th,
  .table > tbody td,
  .table > tfoot th,
  .table > tfoot td {
    padding: 25px;
    line-height: 22px;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead th,
  .table > thead td {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > tfoot td {
    border-top: 3px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: white; }

th {
  text-align: left; }

.table--condensed > thead th,
.table--condensed > thead td,
.table--condensed > tbody th,
.table--condensed > tbody td,
.table--condensed > tfoot th,
.table--condensed > tfoot td {
  padding: 5px; }

/**
 * Bordered version
 * Add borders all around the table and between all the columns.
 */
.table--bordered {
  border: 2px solid #ddd; }
  .table--bordered > thead th,
  .table--bordered > thead td,
  .table--bordered > tbody th,
  .table--bordered > tbody td,
  .table--bordered > tfoot th,
  .table--bordered > tfoot td {
    border: 1px solid #ddd; }
  .table--bordered > thead th:first-child,
  .table--bordered > thead td:first-child,
  .table--bordered > tbody th:first-child,
  .table--bordered > tbody td:first-child,
  .table--bordered > tfoot th:first-child,
  .table--bordered > tfoot td:first-child {
    border-left: 0; }
  .table--bordered > thead th:last-child,
  .table--bordered > thead td:last-child,
  .table--bordered > tbody th:last-child,
  .table--bordered > tbody td:last-child,
  .table--bordered > tfoot th:last-child,
  .table--bordered > tfoot td:last-child {
    border-right: 0; }
  .table--bordered > thead th,
  .table--bordered > thead td {
    border-bottom-width: 2px; }
  .table--bordered > tfoot th,
  .table--bordered > tfoot td {
    border-top-width: 2px;
    border-bottom: 0; }

/**
 * Rounded version
 */
.table--rounded {
  border-radius: 10px; }
  .table--rounded.table--bordered th:first-child,
  .table--rounded.table--bordered td:first-child {
    border-left: 0; }
  .table--rounded.table--bordered th:last-child,
  .table--rounded.table--bordered td:last-child {
    border-right: 0; }
  .table--rounded.table--bordered > tfoot th,
  .table--rounded.table--bordered > tfoot td {
    border-bottom: 0; }

/**
 * Zebra-striping
 * Default zebra-stripe styles (alternating gray and transparent backgrounds)
 */
.table--striped tbody :nth-child(odd) th,
.table--striped tbody :nth-child(odd) td {
  background-color: #f9f9f9 !important; }

/**
 * Hover effect
 */
.table--hover tr:hover td, .table--hover tr:hover th {
  background-color: #f5f5f5; }

/**
 * Responsive tables
 * Wrap your tables in `.tableResponsive` and we'll make them mobile friendly by enabling horizontal scrolling. Only applies <768px. Everything above that will display normally.
 *
 * If you need more responsive tables, consider Tablesaw by the Filament Group:
 * https://github.com/filamentgroup/tablesaw
 */
@media screen and (max-width: 47.875em) {
  .tableResponsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch; }
    .tableResponsive > .table {
      margin-bottom: 0; }
      .tableResponsive > .table > thead th,
      .tableResponsive > .table > thead td,
      .tableResponsive > .table > tbody th,
      .tableResponsive > .table > tbody td,
      .tableResponsive > .table > tfoot th,
      .tableResponsive > .table > tfoot td {
        white-space: nowrap; }
    .tableResponsive > .table-bordered {
      border: 0; }
      .tableResponsive > .table-bordered > thead th:first-child,
      .tableResponsive > .table-bordered > thead td:first-child,
      .tableResponsive > .table-bordered > tbody th:first-child,
      .tableResponsive > .table-bordered > tbody td:first-child,
      .tableResponsive > .table-bordered > tfoot th:first-child,
      .tableResponsive > .table-bordered > tfoot td:first-child {
        border-left: 0; }
      .tableResponsive > .table-bordered > thead th:last-child,
      .tableResponsive > .table-bordered > thead td:last-child,
      .tableResponsive > .table-bordered > tbody th:last-child,
      .tableResponsive > .table-bordered > tbody td:last-child,
      .tableResponsive > .table-bordered > tfoot th:last-child,
      .tableResponsive > .table-bordered > tfoot td:last-child {
        border-right: 0; }
      .tableResponsive > .table-bordered > tbody > th,
      .tableResponsive > .table-bordered > tbody > td,
      .tableResponsive > .table-bordered > tfoot tr:last-child > th,
      .tableResponsive > .table-bordered > tfoot tr:last-child > td {
        border-bottom: 0; } }

.headline-table table {
  border-collapse: collapse;
  width: 100%; }

.headline-table tr {
  border-bottom: 1px solid #cdcccb; }

.headline-table th {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 26px;
  line-height: 1.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #333;
  vertical-align: top;
  padding: 15px 23px 12px 23px; }
  @media screen and (max-width: 47.875em) {
    .headline-table th {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 20px;
      line-height: 1.25rem;
      padding-top: 10px;
      padding-bottom: 10px; } }

.headline-table td {
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.625rem;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 23px; }
  @media screen and (max-width: 47.875em) {
    .headline-table td {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 16px;
      line-height: 1rem;
      padding-top: 10px;
      padding-bottom: 10px; } }

.content-block table {
  background-color: #f3f3f3;
  border: none; }

.content-block td {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.125rem;
  border: none;
  border-bottom: 2px solid white;
  position: relative;
  text-align: center;
  padding: 15px 10px; }
  .content-block td:after {
    content: "";
    height: 32px;
    width: 1px;
    background-color: #e5e4e4;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px; }
  .content-block td a {
    position: relative;
    font-weight: 700; }
    .content-block td a:after {
      background: transparent url("/resources/img/ui/sprite.png") no-repeat 0 0;
      content: "";
      width: 13px;
      height: 13px;
      background-position: -30px 0;
      display: inline-block;
      position: relative;
      top: 2px;
      right: -5px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-resolution: 240dpi) {
        .content-block td a:after {
          background: transparent url("/resources/img/ui/sprite-2x.png") no-repeat 0 0;
          background-size: 300px 700px; } }
  @media screen and (max-width: 47.875em) {
    .content-block td {
      padding: 12px 10px; } }

.content-block td:last-child:after {
  content: none; }

.btn-ShowMore {
  font-family: "Renault Life", Arial, sans-serif;
  background: transparent;
  border: none;
  display: block;
  padding: 0; }
  .btn-ShowMore:before {
    content: "Show more \25bc";
    color: #fcb216;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem; }
    @media screen and (max-width: 47.875em) {
      .btn-ShowMore:before {
        font-size: 13px;
        font-size: 0.8125rem; } }
  .btn-ShowMore:focus {
    outline: none; }
  .btn-ShowMore:hover:before {
    color: #ff9921; }

.btn-ShowMore--centered {
  width: 100%; }

.btn-ShowMore.is-active:before {
  content: "Show less \25B2"; }

.btn-ShowLess:before {
  content: "Show less \25B2";
  border: none;
  color: #fcb216;
  font-weight: bold; }

.expander-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 89%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */ }

/**
 * Preformatted code
 * Code typography styles for the <code> and <pre> elements
 */
code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12.8px;
  font-size: 0.8rem;
  color: #444;
  border-radius: 3px;
  -moz-tab-size: 3;
    -o-tab-size: 3;
       tab-size: 3; }

code {
  padding: 2px 4px;
  color: #444;
  background-color: #ddd; }

pre {
  display: block;
  padding: 11px;
  margin: 0 0 22px;
  color: #444;
  background-color: #ddd;
  border-radius: 4px;
  white-space: pre; }
  pre code {
    padding: 0;
    color: #444;
    background-color: #ddd;
    border: 0; }

.pre--scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.image-zoom .image-zoom__image img {
  will-change: transform; }

.image-zoom:hover .image-zoom__image img {
  transform: scale(1.1); }

.image-zoom__image {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .image-zoom__image img {
    transition: transform 0.4s ease-in-out; }

.carousel {
  margin-top: 60px; }

/* --------------------------------------------------------------------------
   Carousel items
   -------------------------------------------------------------------------- */
.carousel-items {
  position: relative; }
  .carousel-items .owl-item li {
    width: 100%;
    height: 100%; }

.carousel-items__nav {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  margin-top: -40px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background 0.25s;
  z-index: 10; }
  .carousel-items__nav.carousel-items__nav--prev {
    left: 10px; }
  .carousel-items__nav.carousel-items__nav--next {
    right: 10px; }
  @media screen and (max-width: 47.875em) {
    .carousel-items__nav {
      transform: scale(0.5); }
      .carousel-items__nav.carousel-items__nav--prev {
        transform-origin: 0 50%;
        left: 5px; }
      .carousel-items__nav.carousel-items__nav--next {
        transform-origin: 100% 50%;
        right: 5px; } }
  .carousel-items__nav:hover {
    background: rgba(0, 0, 0, 0.5); }
  .carousel-items__nav .icon {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
    .carousel-items__nav .icon.icon--chev-large-left {
      margin-left: -5px; }
    .carousel-items__nav .icon.icon--chev-large-right {
      margin-left: 5px; }

/* --------------------------------------------------------------------------
   Carousel meta
   -------------------------------------------------------------------------- */
.carousel-meta {
  margin-top: 1em; }

.carousel-meta__text {
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  text-align: right; }

/* --------------------------------------------------------------------------
   Slider Thumbnails
   -------------------------------------------------------------------------- */
.carousel-thumbnails {
  margin-top: 1em; }
  @media screen and (max-width: 47.875em) {
    .carousel-thumbnails {
      display: none; } }

.carousel-thumbnails__list {
  margin-left: -0.5em; }

.carousel-thumbnails__item {
  padding-bottom: 0.5em;
  padding-left: 0.5em !important;
  height: 108px !important;
  overflow: hidden; }

.carousel-thumbnails__image {
  width: 100%;
  height: auto;
  border: 2px solid transparent;
  cursor: pointer; }
  .carousel-thumbnails__image.active, .carousel-thumbnails__image:hover {
    border: 2px solid #fcb216; }

/* --------------------------------------------------------------------------
   Full Screen Carousel
   -------------------------------------------------------------------------- */
.fullscreen-carousel {
  /* Fallback for web browsers that don't support RGBa */
  background-color: black;
  /* RGBa with 0.6 opacity */
  background-color: black;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0; }

.fullscreen-carousel-container {
  max-width: 1500px;
  width: 100%; }
  .fullscreen-carousel-container .carousel-items {
    clear: both; }

.fullscreen-carousel-inner-container {
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto; }

.fullscreen-carousel .carousel-items__nav {
  margin-top: -28px; }
  @media screen and (min-width: 93.75em) {
    .fullscreen-carousel .carousel-items__nav {
      background: transparent;
      border-radius: 0; } }

.fullscreen-carousel .carousel-items__nav.carousel-items__nav--prev {
  left: 0; }

.fullscreen-carousel .carousel-items__nav.carousel-items__nav--next {
  right: 0; }

.fullscreen-carousel-closebutton {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  float: right;
  margin-bottom: 10px;
  margin-right: 5px; }
  .fullscreen-carousel-closebutton:hover {
    cursor: pointer; }
  .fullscreen-carousel-closebutton .icon {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 1px; }

.showfullscreen {
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.25s; }
  .showfullscreen:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5); }
  .showfullscreen .icon {
    position: relative;
    top: 1px; }

.module {
  /* Default (when module is not in a grid - though they all really should be */
  margin-top: 25px; }

.module--larger {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media screen and (max-width: 47.875em) {
    .module--larger {
      margin-top: 33px !important;
      margin-bottom: 33px !important; } }

.g-col.g-span1 .module {
  margin-top: 35.5029585799%; }

.g-col.g-span2 .module {
  margin-top: 15.0753768844%; }

.g-col.g-span3 .module {
  margin-top: 9.5693779904%; }

.g-col.g-span4 .module {
  margin-top: 7.0093457944%; }

.g-col.g-span5 .module {
  margin-top: 5.5299539171%; }

.g-col.g-span6 .module {
  margin-top: 4.5662100457%; }

.g-col.g-span7 .module {
  margin-top: 3.8885288399%; }

.g-col.g-span8 .module {
  margin-top: 3.3860045147%; }

.g-col.g-span9 .module {
  margin-top: 2.9985007496%; }

.g-col.g-span10 .module {
  margin-top: 2.6905829596%; }

.g-col.g-span11 .module {
  margin-top: 2.4400162668%; }

.g-col.g-span12 .module {
  margin-top: 2.2321428571%; }

@media screen and (max-width: 47.875em) {
  .g-col .module {
    margin-top: 33px !important; } }

/**
 * Data-table: EPG style tables.
 *
 * Usage:
 * <div class="coolData"><table>...</table></div>
 *
 * .coolData {
 * 	 @include dataTable(130px, 430px);
 * }
 *
 * Arguments:
 * $mobile-col-width: width of columns on mobile.
 * $breakpoint: where EPG view kicks in.
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/**
 * Your app styles
 * =================================
 * Global styles
 * Example partial for masthead & footer
 * Icons - used in conjunction with grunticon
 */
/**
 * Global app/site styles
 */
body {
  background-color: white; }

/**
 * Default layout container
 */
.l-container {
  padding-left: 0px;
  padding-right: 0px;
  width: 95%;
  max-width: 1120px;
  margin: 0 auto; }
  .lt-ie9 .l-container {
    min-width: 1120px; }

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.header {
  font-family: "Renault Life", Arial, sans-serif;
  font-weight: 700;
  text-transform: none; }

.sidebar-control {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border: 1px solid grey; }

/* --------------------------------------------------------------------------
   Secondary header
   -------------------------------------------------------------------------- */
.header-secondary {
  width: 100%;
  overflow: hidden;
  padding: 0.5em 0;
  background: #f3f3f3;
  border-bottom: 1px solid #cdcccb; }
  .header-secondary ul, .header-secondary form {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase; }
  .header-secondary li {
    display: inline-block;
    margin-right: 16px; }
    .header-secondary li:last-child {
      margin-right: 0; }
  .header-secondary a {
    color: #333; }
    .header-secondary a:hover, .header-secondary a:active, .header-secondary a:focus {
      color: #999; }
  .header-secondary input {
    line-height: 1.5;
    background: transparent;
    border: 1px solid #cdcccb;
    padding-right: 20px; }

@media screen and (max-width: 47.875em) {
  .header-secondary__list-site {
    display: none !important; } }

.header-secondary__list-login {
  float: right; }

.header-secondary__search {
  margin-right: 1em;
  position: relative; }
  .header-secondary__search .icon {
    position: absolute;
    top: -5px;
    right: 1px; }
  @media screen and (min-width: 47.875em) {
    .header-secondary__search {
      float: right; } }

.header-secondary__list-login {
  line-height: 24px; }

.header-secondary__list__item--logout button {
  color: #999;
  border: none;
  font-style: italic;
  background: none; }
  .header-secondary__list__item--logout button:hover {
    text-decoration: underline; }

.header-secondary__list__item--user span {
  text-decoration: underline; }

/* --------------------------------------------------------------------------
   Primary header
   -------------------------------------------------------------------------- */
.header-primary {
  background: #fff;
  padding: 2em 0;
  border-bottom: 1px solid #cdcccb;
  margin-bottom: 1em; }
  .header-primary .l-container {
    position: relative; }
  .header-primary .icon {
    vertical-align: middle; }
  .header-primary .icon--renault-sport-logo {
    margin-right: 2em; }
    @media screen and (max-width: 47.875em) {
      .header-primary .icon--renault-sport-logo {
        transform: scale(0.75);
        transform-origin: 0; } }
  .header-primary .icon--renault-sport-badge {
    position: absolute;
    top: -7px;
    right: 0; }
    @media screen and (max-width: 47.875em) {
      .header-primary .icon--renault-sport-badge {
        transform: scale(0.75);
        transform-origin: 100%; } }
  .header-primary .icon--sidebar-control {
    cursor: pointer; }
    @media screen and (min-width: 47.875em) {
      .header-primary .icon--sidebar-control {
        /* Hide sidebar control for anything but single column */
        display: none; } }
  @media screen and (max-width: 47.875em) {
    .header-primary {
      /* Reduce padding for single column */
      padding: 1em 0; } }

.header__logo {
  float: right;
  position: relative;
  top: 3px; }
  .header__logo img {
    height: 50px; }
  @media screen and (max-width: 47.875em) {
    .header__logo {
      top: 9px;
      position: absolute;
      right: 0; }
      .header__logo img {
        height: 40px; } }

body.minimal-header .header-primary {
  border-bottom: none;
  margin-bottom: 0; }

.header-menu {
  display: inline-block;
  float: right;
  margin-top: 22px;
  margin-right: 26px;
  /* We need the links to collapse to a new line and become centered due to space constraints */ }
  @media screen and (max-width: 47.875em) {
    .header-menu {
      display: none; } }

.header-menu__item {
  display: inline-block;
  text-align: left;
  margin-right: -5px;
  font-size: 18px;
  font-size: 1.125rem;
  /* Increase menu item margins for larger screens */ }
  .header-menu__item .header-menu__name {
    color: #333;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .header-menu__item span.header-menu__name {
    cursor: default; }
  .header-menu__item:last-child {
    padding-right: 0; }
  .header-menu__item:hover .header-menu__name, .header-menu__item.is-active .header-menu__name {
    color: #fcb216; }
  @media screen and (min-width: 68.75em) {
    .header-menu__item {
      padding-right: 1em; } }

.header-menu__item--with-dropdown .header-menu__content {
  transition: opacity 0.25s ease-out; }

.header-menu__item--with-dropdown .header-menu__name:after {
  transition: opacity 0.25s ease-out; }

.header-menu__item--with-dropdown:hover {
  /* Show menu content */
  /* Show hover menu arrow */ }
  .header-menu__item--with-dropdown:hover .header-menu__content {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s ease-in-out; }
  .header-menu__item--with-dropdown:hover .header-menu__name:after {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s ease-in-out; }

.header-menu__name {
  position: relative;
  padding: 25px 5px;
  padding-right: 10px;
  z-index: 100; }

.header-menu__item--with-dropdown .header-menu__name:after {
  content: " ";
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  height: 0;
  width: 0;
  margin-left: -15px;
  bottom: -21px;
  border: solid transparent;
  border-color: transparent;
  border-bottom-color: #333;
  border-width: 15px;
  z-index: 500; }

/* For when menu collapses onto its own line */
@media screen and (max-width: 62.5em) {
  .header-menu__item--with-dropdown .header-menu__name:after {
    bottom: -9px; }
  .header-menu__item--with-dropdown .header-menu__content {
    padding-top: 32px; } }

/* --------------------------------------------------------------------------
   Hover menus
   -------------------------------------------------------------------------- */
.header-menu__content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 44px;
  z-index: 500; }

.header-menu__content-inner {
  background: #333;
  padding: 1em 0;
  /* Full width */
  margin-left: -50%;
  margin-right: -50%;
  padding-left: 50%;
  padding-right: 50%; }

.footer {
  margin-top: 60px;
  background: #333;
  padding: 2.5em 0;
  overflow-x: hidden;
  /* Required to prevent scrolling in mobile with the negative margin technique
                           used for the .footer__block-header borders */
  /* Custom footer font sizes */ }
  .footer p, .footer .tooltip__messaging {
    margin: 0; }
  .footer h5, .footer ul, .footer p, .footer .tooltip__messaging {
    font-size: 12px;
    font-size: 0.75rem; }
  @media screen and (max-width: 47.875em) {
    .footer {
      padding-top: 0; }
      .footer h5 {
        font-size: 16px;
        font-size: 1rem; } }

.footer__block-wrapper {
  position: relative; }

.footer__block-header {
  text-transform: uppercase;
  color: #999; }
  @media screen and (min-width: 47.875em) {
    .footer__block-header .btn {
      margin-top: 2em; } }
  @media screen and (max-width: 47.875em) {
    .footer__block-header {
      padding: 1em 0;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .footer__block-header:not(.is-active) {
        border-bottom: 1px solid #999; } }

@media screen and (max-width: 47.875em) {
  .footer__block-header--collapsible:hover {
    cursor: pointer; }
  .footer__block-header--collapsible:after {
    display: block;
    content: ' ';
    border: 1px solid #fff;
    border-bottom: 0;
    border-left: 0;
    width: 16.4758064516px;
    height: 16.4758064516px;
    transform: rotate(135deg);
    position: absolute;
    right: 3em;
    top: 1em; }
  .footer__block-header--collapsible.is-active:after {
    display: block;
    content: ' ';
    border: 1px solid #fff;
    border-bottom: 0;
    border-left: 0;
    width: 16.4758064516px;
    height: 16.4758064516px;
    transform: rotate(-45deg); } }

.footer__block-content li {
  margin-bottom: 0.5em; }

@media screen and (min-width: 47.875em) {
  .footer__block-content {
    margin-top: 1.5em; } }

@media screen and (max-width: 47.875em) {
  .footer__block-content--visible {
    border-bottom: 1px solid #999; } }

@media screen and (max-width: 47.875em) {
  .footer__block-header,
  .footer__block-content {
    position: relative;
    /* Allow for the border to span the entire container width */
    margin-left: -3em;
    margin-right: -3em;
    padding-left: 3em;
    padding-right: 3em; } }

.footer__socialitems ul {
  margin-top: 1.5em; }

.footer__socialitems li {
  display: inline-block;
  line-height: 0;
  margin: 0 0.5em 0.5em 0; }

@media screen and (max-width: 47.875em) {
  .footer__socialitems .footer__block-header {
    border: none; }
  .footer__socialitems ul {
    margin-top: 0;
    padding-bottom: 1em;
    border-bottom: 1px solid #999;
    /* Allow for the border to span the entire container width */
    margin-left: -3em;
    margin-right: -3em;
    padding-left: 3em;
    padding-right: 3em; } }

@media screen and (min-width: 47.875em) {
  .footer__primary-row .g-col:last-child {
    float: right; } }

@media screen and (min-width: 47.875em) {
  .footer__secondary-row {
    margin-top: 30px; } }

.footer__secondary-row .g-col,
.footer__secondary-row p,
.footer__secondary-row .tooltip__messaging {
  margin-top: 1em; }

.footer__links-list li {
  display: inline-block;
  margin-right: 2em; }

@media screen and (min-width: 47.875em) {
  .footer__links-list {
    text-align: right; }
    .footer__links-list ul, .footer__links-list p, .footer__links-list .tooltip__messaging {
      display: inline; } }

@media screen and (max-width: 47.875em) {
  .footer__links-list p, .footer__links-list .tooltip__messaging {
    display: block; } }

@media screen and (min-width: 47.875em) {
  .list--space-after {
    padding-bottom: 2em; } }

@media screen and (max-width: 47.875em) {
  .footer__block-content--collapsible {
    display: none; }
  .footer__block-content--visible {
    display: block; } }

.footer__banner {
  background-color: black;
  color: white;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-style: italic;
  font-size: 13px;
  line-height: 51px;
  text-transform: uppercase;
  margin-left: -1500px;
  margin-right: -1500px; }

/* --------------------------------------------------------------------------
   Main site content (sidebar slides over this)
   -------------------------------------------------------------------------- */
@media screen and (min-width: 47.875em) {
  /* Ensure the sidebar closes if it's open and the viewport is resized to the
       point at which the sidebar toggle icon disappears */
  #sb-site {
    transform: none !important; } }

/* --------------------------------------------------------------------------
   Sidebar
   -------------------------------------------------------------------------- */
.sidebar {
  font-weight: 700;
  text-transform: none;
  background: #fff;
  border-right: 1px solid #f3f3f3; }
  .sidebar a {
    color: #333; }
  .sidebar h5 {
    text-transform: none; }

/* --------------------------------------------------------------------------
   Sidebar Secondary
   -------------------------------------------------------------------------- */
.sidebar-secondary {
  clear: both;
  padding: 0.5em 0;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 1em; }
  .sidebar-secondary ul {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem; }
  .sidebar-secondary li {
    display: inline-block;
    margin-right: 1em; }
    .sidebar-secondary li:last-child {
      margin-right: 0; }

/* --------------------------------------------------------------------------
   Sidebar block header
   -------------------------------------------------------------------------- */
.sidebar__block-header {
  position: relative;
  text-transform: uppercase;
  color: #333;
  font-size: 16px;
  font-size: 1rem;
  padding: 1em 0 1em 1em;
  /* @TODO: Var */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .sidebar__block-header.is-active {
    color: #fcb216; }
  .sidebar__block-header:not(.is-active) {
    border-bottom: 1px solid #e5e5e5; }

.sidebar__block-header--collapsible:hover {
  cursor: pointer; }

.sidebar__block-header--collapsible:after {
  display: block;
  content: ' ';
  border: 1px solid #333;
  border-bottom: 0;
  border-left: 0;
  width: 16.4758064516px;
  height: 16.4758064516px;
  transform: rotate(135deg);
  /* @TODO: Var */
  position: absolute;
  right: 1em;
  /* @TODO: Var */
  top: 1em;
  /* @TODO: Var */ }

.sidebar__block-header--collapsible.is-active:after {
  display: block;
  content: ' ';
  border: 1px solid #333;
  border-bottom: 0;
  border-left: 0;
  width: 16.4758064516px;
  height: 16.4758064516px;
  transform: rotate(-45deg); }

/* --------------------------------------------------------------------------
   Sidebar block content
   -------------------------------------------------------------------------- */
.sidebar__block-content {
  display: none;
  margin-left: 0.1em; }
  .sidebar__block-content li {
    margin-bottom: 0.75em;
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 1rem; }
  .sidebar__block-content a {
    color: #666;
    padding: 0.5em 0; }
  .sidebar__block-content .sidebar__block-content__itemtype {
    font-size: 16px;
    font-size: 1rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 300;
    color: #b2b2b2;
    margin-bottom: 0px;
    text-transform: uppercase; }

.sidebar__block-content--visible {
  display: block;
  border-bottom: 1px solid #e5e5e5; }

/*
   Icons
   ========================================================================== */
.icon {
  background: transparent url("/resources/img/ui/sprite.png") no-repeat 0 0;
  display: inline-block;
  border: 1px solid transparent; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-resolution: 240dpi) {
    .icon {
      background: transparent url("/resources/img/ui/sprite-2x.png") no-repeat 0 0;
      background-size: 300px 700px; } }

[class^="icon-"], [class*=" icon-"] {
  speak: none; }

.icon--with-cta-light {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%; }
  .icon--with-cta-light:hover {
    opacity: 0.8; }

.icon--with-cta-transparent {
  border: 1px solid #fff;
  border-radius: 50%; }
  .icon--with-cta-transparent:hover {
    opacity: 0.8; }

.icon--with-cta-dark {
  background-color: #333;
  border: 1px solid #333;
  border-radius: 50%; }
  .icon--with-cta-dark:hover {
    background-color: #4d4c4c; }

.icon--with-cta-orange {
  background-color: #fcb216;
  border: 1px solid #fcb216;
  border-radius: 50%; }
  .icon--with-cta-orange:hover {
    background-color: #fdc348; }

/*
   Custom
   ========================================================================== */
.icon--renault-sport-logo {
  width: 187px;
  height: 38px;
  margin: 9px 0;
  background-position: -4px -88px; }

.icon--renault-sport-badge {
  width: 60px;
  height: 60px;
  background-position: -238px 0; }

.icon--sidebar-control {
  width: 60px;
  height: 60px;
  background-position: -175px 0px; }

.icon--pdf {
  width: 28px;
  height: 35px;
  background-position: -100px 0; }

.icon--twitter-large {
  width: 42px;
  height: 36px;
  background-position: -133px -23px; }

.icon--instagram-heart {
  width: 21px;
  height: 19px;
  background-position: -134px -1px; }

.icon--file {
  height: 31px;
  width: 23px;
  background-position: -100px -40px; }

/*
   Chevrons
   ========================================================================== */
.icon--chev-right-white {
  width: 13px;
  height: 13px;
  background-position: 0 0; }

.icon--chev-left-white {
  width: 13px;
  height: 13px;
  background-position: 0 -15px; }

.icon--chev-up-white {
  width: 13px;
  height: 13px;
  background-position: 0 -30px; }

.icon--chev-down-white {
  width: 13px;
  height: 13px;
  background-position: 0 -45px; }

.icon--chev-right-grey {
  width: 13px;
  height: 13px;
  background-position: -15px 0; }

.icon--chev-left-grey {
  width: 13px;
  height: 13px;
  background-position: -15px -15px; }

.icon--chev-up-grey {
  width: 13px;
  height: 13px;
  background-position: -15px -30px; }

.icon--chev-down-grey {
  width: 13px;
  height: 13px;
  background-position: -15px -45px; }

.icon--chev-right-orange {
  width: 13px;
  height: 13px;
  background-position: -30px 0; }

.icon--chev-left-orange {
  width: 13px;
  height: 13px;
  background-position: -30px -15px; }

.icon--chev-up-orange {
  width: 13px;
  height: 13px;
  background-position: -30px -30px; }

.icon--chev-down-orange {
  width: 13px;
  height: 13px;
  background-position: -30px -45px; }

/* ms - Medium Small */
.icon--chev-ms-right-white {
  background-position: -50px 0;
  width: 17px;
  height: 17px; }

.icon--chev-ms-left-white {
  background-position: -50px -20px;
  width: 17px;
  height: 17px; }

.icon--chev-ms-up-white {
  background-position: -50px -40px;
  width: 18px;
  height: 17px; }

.icon--chev-ms-down-white {
  background-position: -50px -60px;
  width: 18px;
  height: 17px; }

.icon--chev-ms-up-dark {
  background-position: -75px -40px;
  width: 18px;
  height: 17px; }

.icon--chev-ms-down-dark {
  background-position: -75px -60px;
  width: 18px;
  height: 17px; }

.icon--chev-medium-left,
.icon--chev-medium-right {
  width: 16px;
  height: 27px;
  background-position: -206px -105px; }

.icon--chev-medium-right {
  background-position: -222px -105px; }

.icon--chev-large-right,
.icon--chev-large-left {
  width: 31px;
  height: 53px;
  background-position: -239px -91px; }

.icon--chev-large-right {
  background-position: -270px -91px; }

.icon--chev-medium-orange-right,
.icon--chev-medium-orange-left {
  width: 15px;
  height: 22px;
  background-position: -207px -81px; }

.icon--chev-medium-orange-right {
  background-position: -222px -81px; }

.icon--chev-large-black-down {
  width: 25px;
  height: 14px;
  background-position: -209px -133px; }

/*
   Social
   ========================================================================== */
.icon--facebook-orange {
  background-position: -1px -148px;
  width: 32px;
  height: 32px; }

.icon--facebook-light {
  background-position: -33px -148px;
  width: 32px;
  height: 32px; }

.icon--facebook-dark {
  background-position: -65px -148px;
  width: 32px;
  height: 32px; }

.icon--twitter-orange {
  background-position: -1px -180px;
  width: 32px;
  height: 32px; }

.icon--twitter-light {
  background-position: -33px -180px;
  width: 32px;
  height: 32px; }

.icon--twitter-dark {
  background-position: -65px -180px;
  width: 32px;
  height: 32px; }

.icon--youtube-orange {
  background-position: -1px -212px;
  width: 32px;
  height: 32px; }

.icon--youtube-light {
  background-position: -33px -212px;
  width: 32px;
  height: 32px; }

.icon--youtube-dark {
  background-position: -65px -212px;
  width: 32px;
  height: 32px; }

.icon--googleplus-orange {
  background-position: -1px -244px;
  width: 32px;
  height: 32px; }

.icon--googleplus-light {
  background-position: -33px -244px;
  width: 32px;
  height: 32px; }

.icon--googleplus-dark {
  background-position: -65px -244px;
  width: 32px;
  height: 32px; }

.icon--instagram-orange {
  background-position: -1px -276px;
  width: 32px;
  height: 32px; }

.icon--instagram-light {
  background-position: -33px -276px;
  width: 32px;
  height: 32px; }

.icon--instagram-dark {
  background-position: -65px -276px;
  width: 32px;
  height: 32px; }

.icon--calendar-orange {
  background-position: -1px -308px;
  width: 32px;
  height: 32px; }

.icon--calendar-light {
  background-position: -33px -308px;
  width: 32px;
  height: 32px; }

.icon--calendar-dark {
  background-position: -65px -308px;
  width: 32px;
  height: 32px; }

.icon--clock-orange {
  background-position: -1px -340px;
  width: 32px;
  height: 32px; }

.icon--clock-light {
  background-position: -33px -340px;
  width: 32px;
  height: 32px; }

.icon--clock-dark {
  background-position: -65px -340px;
  width: 32px;
  height: 32px; }

.icon--pin-orange {
  background-position: -1px -372px;
  width: 32px;
  height: 32px; }

.icon--pin-light {
  background-position: -33px -372px;
  width: 32px;
  height: 32px; }

.icon--pin-dark {
  background-position: -65px -372px;
  width: 32px;
  height: 32px; }

.icon--download-orange {
  background-position: -1px -404px;
  width: 32px;
  height: 32px; }

.icon--download-light {
  background-position: -33px -404px;
  width: 32px;
  height: 32px; }

.icon--download-dark {
  background-position: -65px -404px;
  width: 32px;
  height: 32px; }

.icon--search-orange {
  background-position: -1px -436px;
  width: 32px;
  height: 32px; }

.icon--search-light {
  background-position: -33px -436px;
  width: 32px;
  height: 32px; }

.icon--search-dark {
  background-position: -65px -436px;
  width: 32px;
  height: 32px; }

.icon--steering-orange {
  background-position: -1px -468px;
  width: 32px;
  height: 32px; }

.icon--steering-light {
  background-position: -33px -468px;
  width: 32px;
  height: 32px; }

.icon--steering-dark {
  background-position: -65px -468px;
  width: 32px;
  height: 32px; }

.icon--weather-sunny-orange {
  background-position: -1px -500px;
  width: 32px;
  height: 32px; }

.icon--weather-sunny-light {
  background-position: -33px -500px;
  width: 32px;
  height: 32px; }

.icon--weather-sunny-dark {
  background-position: -65px -500px;
  width: 32px;
  height: 32px; }

.icon--weather-cloudy-orange {
  background-position: -1px -532px;
  width: 32px;
  height: 32px; }

.icon--weather-cloudy-light {
  background-position: -33px -532px;
  width: 32px;
  height: 32px; }

.icon--weather-cloudy-dark {
  background-position: -65px -532px;
  width: 32px;
  height: 32px; }

.icon--weather-rain-orange {
  background-position: -1px -564px;
  width: 32px;
  height: 32px; }

.icon--weather-rain-light {
  background-position: -33px -564px;
  width: 32px;
  height: 32px; }

.icon--weather-rain-dark {
  background-position: -65px -564px;
  width: 32px;
  height: 32px; }

.icon--weather-misty-orange {
  background-position: -1px -596px;
  width: 32px;
  height: 32px; }

.icon--weather-misty-light {
  background-position: -33px -596px;
  width: 32px;
  height: 32px; }

.icon--weather-misty-dark {
  background-position: -65px -596px;
  width: 32px;
  height: 32px; }

.icon--weather-cloudy-large {
  width: 40px;
  height: 40px;
  background-position: -117px -247px; }

.icon--weather-sunny-large {
  width: 40px;
  height: 40px;
  background-position: -117px -287px; }

.icon--weather-rain-large {
  width: 40px;
  height: 40px;
  background-position: -117px -327px; }

.icon--weather-misty-large {
  width: 40px;
  height: 40px;
  background-position: -117px -367px; }

.icon--pin-large {
  width: 40px;
  height: 40px;
  background-position: -117px -407px; }

.icon--clock-large {
  width: 40px;
  height: 40px;
  background-position: -117px -447px; }

.icon--search-large-orange {
  background-position: -125px -150px;
  width: 35px;
  height: 35px; }

.icon--search-large-light {
  background-position: -160px -150px;
  width: 35px;
  height: 35px; }

.icon--events-dark {
  background-position: -160px -185px;
  width: 35px;
  height: 35px; }

.icon--products-dark {
  background-position: -160px -185px;
  width: 35px;
  height: 35px; }

.icon--technical-dark {
  background-position: -125px -185px;
  width: 35px;
  height: 35px; }

.icon--events-dark {
  background-position: -195px  -185px;
  width: 35px;
  height: 35px; }

.icon--events-small-dark {
  background-position: -195px -220px;
  width: 25px;
  height: 25px; }

.icon--frame-light {
  background-position: -185px -245px;
  width: 73px;
  height: 63px; }

.icon--quote-light, .icon--interview-light {
  background-position: -185px -308px;
  width: 73px;
  height: 63px; }

.icon--document-light, .icon--article-light {
  background-position: -185px -371px;
  width: 73px;
  height: 63px; }

.icon--camera-light, .icon--video-light {
  background-position: -185px -434px;
  width: 73px;
  height: 48px; }

.icon--youtube-logo {
  background-position: -200px -150px;
  height: 35px;
  width: 83px; }

.icon--quote-left {
  background-position: -125px -540px;
  width: 49px;
  height: 37px; }

.icon--quote-right {
  background-position: -200px -540px;
  width: 49px;
  height: 37px; }

.icon--chev-heritage-right {
  background-position: -150px -580px;
  width: 25px;
  height: 32px; }

.icon--chev-heritage-left {
  background-position: -125px -580px;
  width: 25px;
  height: 32px; }

.icon--resize-orange {
  background-position: -200px -495px;
  width: 39px;
  height: 36px; }

.icon--close-orange {
  background-position: -160px -495px;
  width: 16px;
  height: 16px; }

.icon--events-dark {
  background-position: -195px  -185px;
  width: 35px;
  height: 35px; }

.icon--events-small-dark {
  background-position: -195px -220px;
  width: 25px;
  height: 25px; }

.icon--search-large {
  background-position: -125px -625px;
  width: 28px;
  height: 28px; }

.icon--callcenter {
  background-position: -198px -625px;
  width: 28px;
  height: 28px; }

.icon--outbound {
  background-position: -165px -625px;
  width: 28px;
  height: 28px; }

/**
 * Blockquote
 */
.block-quote {
  background-color: #cdcccb; }
  .block-quote blockquote:before {
    content: none; }
  .block-quote blockquote:after {
    content: none; }

.block-quote__content {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 27px;
  line-height: 1.6875rem;
  background-color: #cdcccb;
  color: #333;
  padding: 20px 25px;
  margin: 0;
  border: none;
  text-align: center;
  position: relative; }
  .block-quote__content:after {
    content: " ";
    position: absolute;
    margin-left: -15px;
    bottom: -14px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #cdcccb transparent transparent transparent; }

.block-quote__author {
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.5625rem;
  display: block;
  background-color: #f3f3f3;
  text-align: center;
  padding: 14px; }

@media screen and (max-width: 47.875em) {
  .block-quote__content {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    padding: 10px 25px; }
    .block-quote__content:after {
      border-width: 10px 10px 0 10px;
      border-color: #cdcccb transparent transparent transparent;
      bottom: -8px;
      margin-left: -10px; }
  .block-quote__author {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 15px;
    line-height: 0.9375rem;
    padding: 16px 10px; } }

.hero {
  position: relative;
  overflow: hidden; }
  .hero img {
    width: 100%; }
  @media screen and (max-width: 47.875em) {
    .hero {
      overflow: visible; } }

.hero--mask:before {
  content: "";
  height: 100%;
  width: 51%;
  background: #333;
  opacity: 0.5;
  position: absolute;
  top: 0; }

.hero--mask--left:before {
  left: 0; }

.hero--mask--right:before {
  width: 49.15%;
  right: 0;
  opacity: 0.65; }

@media screen and (max-width: 47.875em) {
  .hero--nomask--narrow:before {
    content: none; } }

.hero__content {
  width: 357px;
  position: absolute;
  right: 190px;
  top: 50%;
  transform: translateY(-50%); }
  .hero__content p, .hero__content .tooltip__messaging {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 300;
    color: #ddd; }

.hero__content--bottom-left {
  position: absolute;
  left: 190px;
  bottom: 35px;
  font-size: 40px;
  color: white; }

.hero-content--right-middle {
  position: absolute;
  left: 52%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 190px; }
  .hero-content--right-middle p, .hero-content--right-middle .tooltip__messaging {
    font-weight: 300;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 32px;
    line-height: 2rem;
    color: white; }
  @media screen and (max-width: 59.375em) {
    .hero-content--right-middle .hero__title--large {
      font-size: 38px;
      font-size: 2.375rem; }
    .hero-content--right-middle p, .hero-content--right-middle .tooltip__messaging {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 30px;
      line-height: 1.875rem; } }

.hero__title {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 56px;
  line-height: 3.5rem;
  color: white;
  text-transform: none;
  margin-bottom: 0;
  position: relative;
  font-weight: 700; }
  .hero__title:before {
    content: none !important; }
  @media screen and (max-width: 47.875em) {
    .hero__title {
      color: #333;
      line-height: 46px;
      line-height: 2.875rem; } }

.hero__title--large {
  font-size: 47px;
  font-size: 2.9375rem;
  margin-bottom: 4px; }
  .hero__title--large span {
    font-weight: 300;
    color: #cdcccb;
    position: relative;
    padding-right: 16px;
    margin-right: 16px; }
    .hero__title--large span:after {
      content: "";
      height: 35px;
      width: 2px;
      background: #ddd;
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -17px; }

.hero__link {
  font-weight: 700;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 40px;
  line-height: 2.5rem; }

.hero__description {
  font-size: 47px;
  font-size: 2.9375rem;
  line-height: 49px;
  line-height: 3.0625rem;
  color: #fcb216;
  font-weight: 300;
  text-transform: none; }

@media screen and (max-width: 47.875em) {
  .hero__title--narrow {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 16px;
    line-height: 1rem;
    font-weight: normal;
    color: #ddd;
    text-transform: uppercase;
    max-width: 110px;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%); } }

.hero__image {
  left: 0;
  right: 0; }
  @media screen and (max-width: 47.875em) {
    .hero__image {
      position: static; } }

.hero__panel {
  background: #000;
  padding: 17px 20px 5px 20px; }

.hero__panel__title {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 36px;
  line-height: 2.25rem;
  color: white;
  font-family: "Renault Life", Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  margin-bottom: 14px; }
  .hero__panel__title:before {
    content: none !important; }

.price {
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 300;
  color: #fcb216;
  position: relative; }
  .price span {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #95a5a6;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: -8px; }

.l-button-group .l-button-group--row {
  overflow: hidden;
  padding-top: 8px; }
  .l-button-group .l-button-group--row .btn {
    width: 49%;
    float: left;
    text-align: left;
    margin-right: 2%; }
  .l-button-group .l-button-group--row .btn:last-child {
    margin-right: 0; }

.l-button-group .btn {
  /* Custom media query for small layout to remove 
	       overlaying icons on the buttons */ }
  @media screen and (max-width: 23.125em) {
    .l-button-group .btn .icon {
      display: none; } }
  .l-button-group .btn .icon {
    position: absolute;
    top: 2px;
    right: 0; }
  .l-button-group .btn .icon--chev-right-white,
  .l-button-group .btn .icon--chev-right-grey {
    top: 50%;
    right: 9px;
    margin-top: -7px; }

/**
 * Panel - Simple container
 */
.panel {
  padding-top: 60px;
  padding-bottom: 60px; }

.panel:nth-of-type(1) {
  padding-top: 20px; }

.panel--compact {
  padding-top: 35px;
  padding-bottom: 35px; }

.panel--white {
  padding-top: 60px;
  padding-bottom: 60px; }

.panel h1, .panel h2, .panel .tooltip__heading, .panel p, .panel .tooltip__messaging {
  padding-right: 22px; }

.panel--grey {
  background: #f3f3f3;
  padding-top: 60px;
  padding-bottom: 60px; }

.panel--black {
  background-color: #333;
  padding-top: 60px;
  padding-bottom: 60px; }
  .panel--black h1 {
    color: white; }

.panel--cta {
  background-color: #f3f3f3; }

.panel--white + .panel--white {
  padding-top: 0; }

.panel--grey + .panel--grey {
  padding-top: 0; }

.panel--black + .panel--black {
  padding-top: 0; }

.panel:not(.panel--black):not(.panel--grey) + .panel:not(.panel--black):not(.panel--grey) {
  padding-top: 0; }

/* Custom fix just for car page */
.car-section .panel:first-child {
  padding-top: 60px; }

@media screen and (max-width: 47.875em) {
  .panel {
    padding-top: 30px;
    padding-bottom: 30px; }
  .panel:last-child {
    padding-bottom: 30px; }
  .panel--grey {
    padding-top: 30px;
    padding-bottom: 30px; }
  .panel--black {
    padding-top: 30px;
    padding-bottom: 30px; }
  .panel--cta .g-col {
    margin-bottom: 22px; }
    .panel--cta .g-col:last-child {
      margin-bottom: 0; }
  .car-section .panel:first-child {
    padding-top: 30px; } }

.pagination {
  width: 100%;
  overflow: hidden; }
  .pagination a {
    font-weight: 700;
    font-size: 15px;
    font-size: 0.9375rem; }

.pagination__list {
  display: inline-block; }

.pagination__nav--prev {
  margin-right: 1em; }
  @media screen and (max-width: 47.875em) {
    .pagination__nav--prev {
      float: left; } }

.pagination__nav--next {
  margin-left: 1em; }
  @media screen and (max-width: 47.875em) {
    .pagination__nav--next {
      float: right; } }

@media screen and (min-width: 47.875em) {
  .pagination__nav-copy {
    display: none; } }

.pagination__item {
  display: inline-block;
  margin-right: 0.5em; }
  .pagination__item a, .pagination__item span {
    display: block;
    padding: 0.1em 0.5em; }
  .pagination__item span {
    font-weight: 700;
    font-size: 15px;
    font-size: 0.9375rem;
    border: 1px solid #cdcccb; }
  .pagination__item:last-child {
    margin-right: 0; }

/**
 * Car page navigation
 */
.nav-page__item--fade-in {
  opacity: 0;
  height: 0;
  transition: opacity 1.6s ease, height 0 1.6s; }

.nav-page {
  background-color: #333; }

.nav-page.is-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100; }
  .nav-page.is-fixed .nav-page__item--fade-in {
    height: 100%;
    opacity: 1;
    position: static;
    /* Make links clickable because sticky nav is shown */ }
    .nav-page.is-fixed .nav-page__item--fade-in a {
      pointer-events: auto;
      cursor: pointer; }
  .nav-page.is-fixed .nav-page__scroll-action {
    opacity: 1;
    padding: 9px 12px;
    padding-right: 25px;
    width: auto; }

.nav-page__link {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 41px;
  line-height: 2.5625rem;
  color: white !important;
  text-transform: none;
  display: block; }
  .nav-page__link:hover {
    text-decoration: underline; }

.nav-page__link--orange {
  color: #fcb216 !important; }

.nav-page__list__item {
  float: left;
  margin-right: 35px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .nav-page__list__item.is-active .nav-page__link {
    color: #fcb216 !important; }

.nav-page__list--pullright {
  float: right; }
  .nav-page__list--pullright .nav-page__list__item {
    margin-right: 0;
    margin-left: 30px;
    /* Make links non clickable by default - when the items are hidden */
    /* Only make clickable when the sticknav is active */ }
    .nav-page__list--pullright .nav-page__list__item a {
      pointer-events: none;
      cursor: default; }
  .nav-page__list--pullright .nav-page__list__item:first-child {
    margin-left: 0; }
  @media screen and (max-width: 47.875em) {
    .nav-page__list--pullright {
      margin-bottom: 0 !important; } }

.nav-page__scroll-action {
  float: left;
  padding-top: 9px;
  padding-bottom: 9px;
  opacity: 0;
  width: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: opacity 0.6s ease, padding-left 0.6s ease, padding-right 0.6s ease; }
  .nav-page__scroll-action:hover {
    cursor: pointer;
    transform: scale(1.2); }
    .nav-page__scroll-action:hover .icon {
      background-position: 0 -30px; }

.accordion {
  position: relative; }
  .accordion > input[type="checkbox"] {
    display: none; }
  .accordion .accordion__content {
    display: none; }
  .accordion > input[type="checkbox"]:checked ~ .accordion__content {
    display: block; }

.accordion--narrow > input[type="checkbox"] {
  display: none; }

@media screen and (max-width: 47.875em) {
  .accordion--narrow {
    position: relative; }
    .accordion--narrow > input[type="checkbox"] {
      display: none; }
    .accordion--narrow .accordion__content {
      display: none; }
    .accordion--narrow > input[type="checkbox"]:checked ~ .accordion__content {
      display: block; } }

@media screen and (max-width: 47.875em) {
  .nav-page {
    background-color: transparent; }
  .nav-page__list {
    background-color: #333;
    margin-bottom: 17px; }
    .nav-page__list .nav-page__list__item {
      float: none;
      margin-left: 10px;
      margin-right: 10px; }
  .nav-page .accordion--narrow > input[type="checkbox"] {
    display: none; }
  .nav-page .accordion--narrow > input[type="checkbox"]:checked ~ .accordion__content {
    display: block;
    z-index: 100;
    right: 0;
    left: 0; }
  .nav-page .accordion--narrow > input[type="checkbox"]:checked ~ .accordion__label {
    border-bottom: 1px dotted white;
    height: 41px; }
    .nav-page .accordion--narrow > input[type="checkbox"]:checked ~ .accordion__label:after {
      background: transparent url("/resources/img/ui/sprite.png") no-repeat 0 0;
      content: "";
      width: 12px;
      height: 12px;
      background-position: 0 -30px; } }
    @media only screen and (max-width: 47.875em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 47.875em) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 47.875em) and (-webkit-min-device-pixel-ratio: 2.5), only screen and (max-width: 47.875em) and (min-resolution: 240dpi) {
      .nav-page .accordion--narrow > input[type="checkbox"]:checked ~ .accordion__label:after {
        background: transparent url("/resources/img/ui/sprite-2x.png") no-repeat 0 0;
        background-size: 300px 700px; } }

@media screen and (max-width: 47.875em) {
  .nav-page .accordion__label {
    position: relative; }
    .nav-page .accordion__label:after {
      background: transparent url("/resources/img/ui/sprite.png") no-repeat 0 0;
      content: "";
      position: absolute;
      right: 15px;
      top: 13px;
      width: 12px;
      height: 12px;
      background-position: 0 -45px; } }
    @media only screen and (max-width: 47.875em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 47.875em) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 47.875em) and (-webkit-min-device-pixel-ratio: 2.5), only screen and (max-width: 47.875em) and (min-resolution: 240dpi) {
      .nav-page .accordion__label:after {
        background: transparent url("/resources/img/ui/sprite-2x.png") no-repeat 0 0;
        background-size: 300px 700px; } }

@media screen and (max-width: 47.875em) {
  .nav-page .accordion__content {
    display: none;
    background-color: #333; } }

.awards {
  background: url(/resources/img/award-bg.png) no-repeat 50%;
  min-height: 192px;
  position: relative;
  margin: 0 -190px; }
  .awards:before {
    content: "";
    background-color: black;
    opacity: 0.6;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .awards:after {
    content: "";
    background-color: black;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1; }
  @media screen and (max-width: 47.875em) {
    .awards {
      background: transparent;
      height: auto;
      margin: 0 -10px; }
      .awards:before {
        content: none; }
      .awards:after {
        content: none; } }

.award__item {
  background-color: #000;
  padding: 25px;
  margin-top: 25px;
  margin-bottom: 25px; }
  @media screen and (max-width: 47.875em) {
    .award__item {
      margin-top: 0;
      margin-bottom: 15px; }
      .award__item .media-body {
        padding-left: 10px;
        padding-right: 10px; } }

.award__item__title {
  color: white;
  font-weight: bold;
  margin-bottom: 0px;
  text-align: center; }

.award__item__description {
  line-height: 22px;
  line-height: 1.375rem;
  text-align: center;
  color: #ddd; }

.cta {
  position: relative;
  xmin-height: 192px;
  background-color: #9c9c9c; }
  .cta img {
    display: block;
    z-index: -1;
    xheight: 192px; }
  @media screen and (max-width: 47.875em) {
    .cta {
      min-height: 0; }
      .cta:before {
        width: 70%; }
      .cta img {
        height: auto; } }

.cta__container {
  position: absolute;
  padding: 17px 21px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 44%;
  z-index: 1;
  max-width: 307px;
  width: 100%; }
  .cta__container:before {
    content: "";
    background-color: black;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%; }
  @media screen and (max-width: 47.875em) {
    .cta__container {
      padding: 15px;
      min-width: 0;
      right: 38%; } }
  @media screen and (max-width: 25em) {
    .cta__container {
      right: 10%; } }
  @media screen and (max-width: 70em) {
    .cta__container {
      max-width: 336px; } }

.cta__title {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 35px;
  line-height: 2.1875rem;
  font-weight: 300;
  color: white;
  margin-bottom: 10px;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 70em) {
    .cta__title {
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 30px;
      line-height: 1.875rem; } }
  @media screen and (max-width: 53.125em) {
    .cta__title {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 23px;
      line-height: 1.4375rem; } }

.cta__action {
  position: absolute;
  bottom: 17px; }
  @media screen and (max-width: 47.875em) {
    .cta__action {
      font-size: 10px;
      font-size: 0.625rem;
      bottom: 14px; }
      .cta__action .icon {
        transform: scale(0.7);
        top: 0px; } }

.social-share {
  font-weight: 700;
  color: #333;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  margin-bottom: 0; }
  .social-share a {
    display: inline-block;
    position: relative;
    top: -2px;
    line-height: 0;
    vertical-align: middle;
    margin-left: 7.3333333333px; }
    .social-share a:first-child {
      margin-left: 11px; }

.cta-car {
  text-align: right; }
  @media screen and (max-width: 47.875em) {
    .cta-car {
      display: none; } }

.cta-car__content {
  padding: 22px; }

.cta-car__copy {
  font-size: 47px;
  font-size: 2.9375rem; }
  .cta-car__copy p, .cta-car__copy .tooltip__messaging {
    font-weight: 300;
    font-size: 47px;
    font-size: 2.9375rem;
    line-height: 1.1;
    text-transform: none;
    color: #333;
    margin-bottom: 0; }
    .cta-car__copy p.cta-car__copy-grey, .cta-car__copy .cta-car__copy-grey.tooltip__messaging {
      display: block;
      color: #999;
      font-size: 47px;
      font-size: 2.9375rem;
      line-height: 1.1; }
  @media screen and (max-width: 47.875em) {
    .cta-car__copy {
      font-size: 30px;
      font-size: 1.875rem; } }

.cta-car__actions {
  display: inline-block;
  margin-top: 22px; }
  .cta-car__actions li {
    display: block;
    margin-bottom: 11px;
    min-width: 10em; }
    .cta-car__actions li .icon {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      margin: 0; }
      .cta-car__actions li .icon.icon--chev-right-grey {
        right: 9px; }
    .cta-car__actions li a {
      display: block;
      text-align: left;
      padding-right: 50px; }

.category__items {
  margin-top: 15px;
  margin-bottom: 60px; }

.category__item {
  border-top: 1px solid #cdcccb;
  border-bottom: 1px solid #cdcccb; }

.category__item + .category__item {
  border-top: none; }

.category__item.is-active .category__item__title:before {
  transform: rotate(90deg); }

.category__item__title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 70px;
  line-height: 4.375rem;
  font-weight: 300;
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: lowercase; }
  .category__item__title:hover {
    cursor: pointer; }
  .category__item__title:before {
    content: "";
    height: 26px;
    width: 2px;
    background-color: #fcb216;
    display: block;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -13px;
    transition: transform 0.3s linear; }
  .category__item__title:after {
    content: "";
    height: 2px;
    width: 26px;
    background-color: #fcb216;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 0; }
  @media screen and (max-width: 47.875em) {
    .category__item__title {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 42px;
      line-height: 2.625rem; }
      .category__item__title:before {
        height: 18px;
        width: 1px;
        margin-top: -9px;
        right: 8px; }
      .category__item__title:after {
        width: 18px;
        height: 1px; } }

.category__item__details {
  display: none; }

.category__item__details-table {
  position: relative;
  margin-top: 24px;
  margin-bottom: 48px;
  width: 100%; }
  .category__item__details-table th {
    width: 36%;
    font-weight: 300; }
    @media screen and (max-width: 47.875em) {
      .category__item__details-table th {
        width: 45%; } }
  .category__item__details-table td, .category__item__details-table th {
    padding: 5px;
    vertical-align: top; }
  .category__item__details-table td {
    font-weight: 600;
    padding-left: 20px; }
  .category__item__details-table:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #cdcccb;
    display: block;
    position: absolute;
    left: 36%; }
  @media screen and (max-width: 47.875em) {
    .category__item__details-table {
      font-size: 15px;
      font-size: 0.9375rem;
      margin-top: 10px;
      margin-bottom: 10px; }
      .category__item__details-table:before {
        content: none; } }

.category__item__name {
  margin-bottom: 0;
  line-height: 30px;
  line-height: 1.875rem; }

.category__item__description {
  font-weight: bold;
  margin-bottom: 0;
  line-height: 30px;
  line-height: 1.875rem; }

.event-panel {
  background: #000;
  padding: 20px 25px;
  position: relative; }
  @media screen and (max-width: 47.875em) {
    .event-panel {
      padding: 15px; } }

.event-panel--orange {
  background: #fcb216; }
  .event-panel--orange .event-panel__title {
    color: #333; }
  .event-panel--orange .event-panel__text-large {
    color: #333; }

.event-panel__header {
  margin-bottom: 10px; }
  @media screen and (max-width: 47.875em) {
    .event-panel__header {
      margin-bottom: 7px; } }

.event-panel__header__social {
  position: absolute;
  right: 16px;
  top: 16px; }
  .event-panel__header__social .btnSocial {
    margin-left: 7px; }

.event-panel__title {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 21px;
  line-height: 1.3125rem;
  color: white; }
  @media screen and (max-width: 47.875em) {
    .event-panel__title {
      font-size: 15px;
      font-size: 0.9375rem; } }

.event-panel__content {
  margin-bottom: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 166px; }
  .event-panel__content h3 {
    font-size: 40px;
    font-size: 2.5rem;
    color: white;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 0;
    position: relative; }
    @media screen and (max-width: 47.875em) {
      .event-panel__content h3 {
        font-size: 30px;
        font-size: 1.875rem; } }
    .event-panel__content h3 span {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 30px;
      line-height: 1.875rem;
      position: absolute;
      top: -19px;
      opacity: 0.5; }
      @media screen and (max-width: 47.875em) {
        .event-panel__content h3 span {
          font-size: 12px;
          font-size: 0.75rem; } }
  @media screen and (max-width: 47.875em) {
    .event-panel__content {
      padding-top: 12px;
      padding-bottom: 12px;
      margin-bottom: 13px;
      min-height: 107px; } }

.event-panel__text-large {
  font-size: 55px;
  font-size: 3.4375rem;
  line-height: 68px;
  line-height: 4.25rem;
  color: #fcb216;
  font-weight: 300; }
  @media screen and (max-width: 47.875em) {
    .event-panel__text-large {
      font-size: 50px;
      font-size: 3.125rem;
      line-height: 54px;
      line-height: 3.375rem; } }
  .event-panel__text-large .small {
    display: block;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 30px;
    line-height: 1.875rem;
    color: #696666;
    text-transform: uppercase;
    text-align: center; }
    @media screen and (max-width: 47.875em) {
      .event-panel__text-large .small {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 17px;
        line-height: 1.0625rem; } }

.event-panel__content--lined {
  position: relative; }
  .event-panel__content--lined:before {
    content: " ";
    background-color: #fcb216;
    height: 1px;
    width: 60px;
    position: absolute;
    top: 0; }
  .event-panel__content--lined:after {
    content: "";
    background-color: #fcb216;
    height: 1px;
    width: 60px;
    position: absolute;
    bottom: 0; }

.event-panel__footer--sticky {
  position: absolute;
  bottom: 20px; }

.event-panel__result-list__item {
  float: left; }

.event-panel__result-list__item:first-child {
  margin-right: 60px;
  position: relative; }
  .event-panel__result-list__item:first-child:after {
    content: "";
    width: 1px;
    background-color: #c9922e;
    height: 132px;
    display: inline-block;
    position: absolute;
    top: -15px;
    right: -30px; }
    @media screen and (max-width: 47.875em) {
      .event-panel__result-list__item:first-child:after {
        height: 80px; } }

.btnSocial {
  background: transparent;
  border: 1px solid #cdcccb;
  display: inline-block;
  position: relative;
  height: 32px;
  width: 32px; }
  .btnSocial .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px; }

.countdown {
  overflow: hidden;
  max-width: 400px; }
  @media screen and (max-width: 47.875em) {
    .countdown {
      max-width: 310px; } }

.countdown__figure {
  float: left;
  width: 24%;
  text-align: center; }
  .countdown__figure:first-child {
    padding-left: 0;
    padding-right: 40px;
    position: relative;
    width: 28%;
    text-align: left; }
    .countdown__figure:first-child:before {
      content: "";
      height: 45px;
      width: 2px;
      background-color: #696666;
      position: absolute;
      display: block;
      right: 0;
      top: 14%;
      right: 11px; }

.countdown__figure--colon {
  position: relative; }
  .countdown__figure--colon:before {
    content: "";
    height: 6px;
    width: 2px;
    background-color: #ddd;
    position: absolute;
    display: block;
    right: -1px;
    top: 20%; }
  .countdown__figure--colon:after {
    content: "";
    height: 6px;
    width: 2px;
    background-color: #ddd;
    position: absolute;
    display: block;
    right: -1px;
    bottom: 46%; }

@media screen and (max-width: 47.875em) {
  .countdown__figure:first-child:before {
    height: 29px;
    width: 1px; }
  .countdown__figure--colon:before {
    height: 4px;
    width: 1px;
    top: 22%; }
  .countdown__figure--colon:after {
    height: 4px;
    width: 1px;
    bottom: 48%; } }

.twitter-panel {
  background: #f3f3f3;
  padding: 20px 25px;
  position: relative; }
  .twitter-panel iframe {
    float: right; }
  @media screen and (max-width: 47.875em) {
    .twitter-panel {
      padding: 15px; } }

.twitter-panel__name {
  font-weight: 700;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-transform: none;
  color: #333;
  margin-bottom: 36px; }
  @media screen and (max-width: 47.875em) {
    .twitter-panel__name {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 24px;
      line-height: 1.5rem;
      margin-bottom: 20px; } }

.twitter-panel__tweet {
  font-weight: 300;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 38px;
  line-height: 2.375rem; }
  .twitter-panel__tweet a {
    color: #74797e; }
  .twitter-panel__tweet a:hover {
    color: #333; }
  .twitter-panel__tweet .twitter-panel__tweet__readmore {
    color: #fcb216; }
    .twitter-panel__tweet .twitter-panel__tweet__readmore:hover {
      color: #ff9921; }
  @media screen and (max-width: 47.875em) {
    .twitter-panel__tweet {
      font-size: 16px;
      font-size: 1rem;
      line-height: 20px;
      line-height: 1.25rem; } }

.tweet-panel {
  position: relative;
  padding: 33px 22px;
  background: #e9f2fa; }
  .tweet-panel .icon {
    position: absolute;
    top: 33px;
    right: 22px; }

.tweet-panel__title {
  margin: 0;
  margin-bottom: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
  font-weight: normal;
  font-size: 22px;
  font-size: 1.375rem; }
  @media screen and (max-width: 47.875em) {
    .tweet-panel__title {
      font-size: 18px;
      font-size: 1.125rem; } }

.tweet-panel__tweet {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #74797e;
  padding: 16px 0;
  border-bottom: 1px solid #dce2e7;
  font-size: 16px;
  font-size: 1rem; }
  .tweet-panel__tweet:last-child {
    border-bottom: none;
    padding-bottom: 0; }

@media screen and (max-width: 47.875em) {
  .driver-profile-hero.hero--mask:before {
    content: none; }
  .driver-profile-hero .hero-content--right-middle {
    position: static;
    transform: none;
    width: 100%; }
  .driver-profile-hero .hero__title {
    font-size: 32px;
    font-size: 2rem; } }

.driver-profile {
  background: #333;
  margin-right: -25px; }
  @media screen and (max-width: 47.875em) {
    .driver-profile {
      margin-right: 0; } }

.driver-profile__content {
  position: relative;
  padding: 16px 26px; }
  @media screen and (max-width: 47.875em) {
    .driver-profile__content {
      padding-left: 15px;
      padding-right: 15px; } }

.driver-profile-name {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  color: white;
  text-transform: none;
  margin-bottom: 25px; }
  .driver-profile-name span {
    font-weight: 300;
    color: #cdcccb;
    padding-right: 10px; }

.driver-profile__prev-tab {
  color: white;
  background: #333;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 26px;
  padding-right: 26px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 40px;
  line-height: 2.5rem;
  position: absolute;
  top: -40px;
  left: 0; }
  .driver-profile__prev-tab:visited, .driver-profile__prev-tab:link {
    color: white; }
  .driver-profile__prev-tab:hover {
    color: #fcb216; }
    .driver-profile__prev-tab:hover .icon {
      background-position: -30px -15px; }
  .driver-profile__prev-tab .icon {
    position: relative;
    left: -15px; }
  @media screen and (max-width: 47.875em) {
    .driver-profile__prev-tab {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 30px;
      line-height: 1.875rem;
      top: -30px; } }

.driver-profile-table {
  width: 100%; }
  .driver-profile-table th {
    font-weight: 300;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 36px;
    line-height: 2.25rem;
    color: white;
    width: 42%;
    vertical-align: top; }
  .driver-profile-table td {
    font-size: 21px;
    font-size: 1.3125rem;
    color: white;
    letter-spacing: 0px;
    font-weight: 700; }
  @media screen and (max-width: 47.875em) {
    .driver-profile-table {
      position: relative; }
      .driver-profile-table th {
        width: 31%;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem; }
      .driver-profile-table td {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem;
        padding-left: 23px; }
      .driver-profile-table:before {
        content: "";
        height: 100%;
        width: 1px;
        background: #6a6a6a;
        display: block;
        position: absolute;
        left: 33%; } }

.driver-profile-email {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block; }

.driver-profile__footer {
  background: #fcb216;
  padding: 10px 21px; }
  @media screen and (max-width: 47.875em) {
    .driver-profile__footer {
      padding-left: 15px;
      padding-right: 15px; } }

.driver-profile__footer__label {
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 56px;
  line-height: 3.5rem;
  text-transform: uppercase; }
  @media screen and (max-width: 47.875em) {
    .driver-profile__footer__label {
      line-height: 40px;
      line-height: 2.5rem; } }

.contact-list, .download-list {
  list-style: none;
  margin: 0;
  padding-top: 25px; }
  @media screen and (max-width: 47.875em) {
    .contact-list, .download-list {
      padding-top: 15px; } }

.social-controls {
  display: table; }

.social-controls__label {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #333;
  display: table-cell;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: middle;
  padding-right: 10px; }

.social-controls__controls {
  display: table; }
  .social-controls__controls a {
    display: table-cell;
    padding-right: 10px;
    line-height: 0px;
    line-height: 0rem; }

.title-box {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  font-weight: 300;
  position: relative;
  background: #f3f3f3;
  margin-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 23px;
  padding-bottom: 23px; }
  .title-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 15.5px 0 15.5px;
    border-color: #f3f3f3 transparent transparent transparent;
    position: absolute;
    left: 64px;
    bottom: -15px; }
  @media screen and (max-width: 47.875em) {
    .title-box {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 60px;
      line-height: 3.75rem;
      padding-left: 15px;
      padding-right: 15px; } }

.title-box--no-margin {
  margin-bottom: 0; }

.title-box--caps {
  text-transform: uppercase; }

.title-box--centered {
  text-align: center; }
  .title-box--centered:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 15.5px 0 15.5px;
    border-color: #f3f3f3 transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -15px; }

/* --------------------------------------------------------------------------
   Driver cup and rosettas
   -------------------------------------------------------------------------- */
.championship-cup {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 106px; }
  .championship-cup:before {
    content: '';
    position: absolute;
    display: block;
    width: 110px;
    height: 106px;
    background: url(/Resources/img/ui/cup.png); }
  .championship-cup span {
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 1;
    font-weight: 300; }
    @media screen and (max-width: 47.875em) {
      .championship-cup span {
        font-size: 45px;
        font-size: 2.8125rem;
        top: 14px; } }
  @media screen and (max-width: 47.875em) {
    .championship-cup {
      /* Reset the graphics for narrow view */ }
      .championship-cup.championship-cup--hide-narrow {
        width: auto;
        height: auto; }
        .championship-cup.championship-cup--hide-narrow:before {
          display: none; }
        .championship-cup.championship-cup--hide-narrow span {
          position: static;
          font-size: inherit; } }

.championship-cup--2,
.championship-cup--3 {
  width: 90px;
  height: 117px; }
  .championship-cup--2:before,
  .championship-cup--3:before {
    background: url(/Resources/img/ui/rosette.png);
    width: 90px;
    height: 117px; }
  .championship-cup--2 span,
  .championship-cup--3 span {
    top: 14px; }
    @media screen and (max-width: 47.875em) {
      .championship-cup--2 span,
      .championship-cup--3 span {
        top: 22px; } }

/* --------------------------------------------------------------------------
   Driver image
   -------------------------------------------------------------------------- */
.driver-image {
  border-radius: 50%;
  overflow: hidden;
  width: 122px; }

/* --------------------------------------------------------------------------
   Driver block (circular image, name, team)
   -------------------------------------------------------------------------- */
.championship-driver__image {
  margin: 0 auto; }

.championship-driver__name,
.championship-driver__team {
  line-height: 1;
  margin: 0.3em; }

.championship-driver__name {
  font-weight: 700;
  font-size: 21px;
  font-size: 1.3125rem; }

.championship-driver__team {
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase; }

/* --------------------------------------------------------------------------
   Driver laps
   -------------------------------------------------------------------------- */
.championship-laps {
  position: relative;
  width: 110px;
  height: 110px; }
  .championship-laps span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 1;
    color: #333;
    z-index: 10; }
  .championship-laps:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 110px;
    background: #fedba1;
    border-radius: 100%; }
  .championship-laps:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 90px;
    height: 90px;
    background: #fcc35a;
    border-radius: 100%; }

/* --------------------------------------------------------------------------
   Championship timne
   -------------------------------------------------------------------------- */
.championship-time {
  color: #333;
  font-size: 20px;
  font-size: 1.25rem; }
  @media screen and (min-width: 47.875em) {
    .championship-time {
      font-size: 40px;
      font-size: 2.5rem; } }
  @media screen and (min-width: 64.0625em) {
    .championship-time {
      font-size: 40px;
      font-size: 2.5rem; } }

@media screen and (max-width: 47.875em) {
  .series-hero .hero__content--bottom-left {
    position: static;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 1px solid #dbdbdb; }
  .series-hero .hero__title {
    color: #333;
    font-size: 33px;
    font-size: 2.0625rem;
    font-weight: bold;
    margin-bottom: 5px; }
  .series-hero .hero__description {
    font-size: 31px;
    font-size: 1.9375rem;
    line-height: 32px;
    line-height: 2rem;
    padding-bottom: 22px; } }

.series-standings {
  overflow: hidden; }
  @media screen and (max-width: 47.875em) {
    .series-standings .title-box {
      text-align: center;
      background-color: #989898;
      color: white;
      line-height: 50px;
      line-height: 3.125rem; }
      .series-standings .title-box:after {
        content: none; } }

.series-standings__content {
  padding-top: 20px;
  background-color: #fec35a; }
  @media screen and (max-width: 47.875em) {
    .series-standings__content {
      padding-top: 0; } }

.series-standings-table {
  border-collapse: collapse;
  overflow: hidden;
  clear: both;
  width: 100%; }
  .series-standings-table thead {
    display: none;
    background-color: #f3f3f3;
    font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem; }
    .series-standings-table thead th {
      position: relative;
      text-align: center;
      font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 21px;
      font-size: 1.3125rem;
      border-top: none !important;
      border-bottom: 2px solid white;
      padding: 0.5em !important; }
  @media screen and (max-width: 47.875em) {
    .series-standings-table thead {
      display: table-header-group; }
    .series-standings-table th, .series-standings-table td {
      width: 33%; }
      .series-standings-table th:before, .series-standings-table td:before {
        content: ' ';
        width: 1px;
        background: #cccccc;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 10%;
        bottom: 10%; }
    .series-standings-table td {
      position: relative;
      padding: 10px 6px; }
      .series-standings-table td:before {
        background-color: white; }
    .series-standings-table th:last-child:before {
      content: none; }
    .series-standings-table td:last-child:before {
      content: none; }
    .series-standings-table td {
      text-align: center;
      display: table-cell; } }

.series-standings-table__row {
  border-bottom: 2px solid white; }
  .series-standings-table__row:first-child {
    padding-top: 10px; }
  @media screen and (max-width: 47.875em) {
    .series-standings-table__row {
      padding-left: 15px;
      padding-right: 15px; } }

.series-standings-table__col--is-hidden--wide {
  display: none;
  color: #333; }
  @media screen and (max-width: 47.875em) {
    .series-standings-table__col--is-hidden--wide {
      display: table-cell; } }

.series-standings_position {
  width: 28%;
  position: relative;
  text-align: center;
  color: #333;
  padding-left: 10px; }
  @media screen and (max-width: 47.875em) {
    .series-standings_position .championship-cup {
      height: auto;
      width: auto; }
      .series-standings_position .championship-cup span {
        font-size: 26px;
        font-size: 1.625rem;
        position: static; }
    .series-standings_position .championship-cup:before {
      content: none; } }

.series-standings__profile {
  min-height: 150px;
  display: table; }
  @media screen and (max-width: 47.875em) {
    .series-standings__profile {
      min-height: 0;
      width: 100%;
      display: table-cell;
      text-align: center; } }

.series-standings__profile__img {
  margin-top: 14px;
  padding-left: 15px; }

.series-standings__profile__info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 25px; }
  .series-standings__profile__info span {
    display: block;
    color: #333; }
  .series-standings__profile__info a {
    color: #333;
    font-size: 16px;
    font-size: 1rem; }
    .series-standings__profile__info a:hover {
      color: black; }
  .series-standings__profile__info span:first-child + span {
    text-decoration: uppercase; }
  @media screen and (max-width: 47.875em) {
    .series-standings__profile__info {
      padding-left: 0;
      display: inline-block;
      line-height: 20px;
      line-height: 1.25rem; }
      .series-standings__profile__info span, .series-standings__profile__info span:first-child {
        font-size: 16px;
        font-size: 1rem; } }

.series-standing__footer {
  background: #f3f3f3;
  padding: 20px 25px; }
  @media screen and (max-width: 47.875em) {
    .series-standing__footer {
      padding: 0; } }

.series-standing__car {
  float: right;
  margin-top: -34px; }

.latest-action img {
  width: 100%; }

.tab-table__tabs a.is-active {
  background: #989898 !important;
  color: #fff; }

@media screen and (max-width: 47.875em) {
  .tab-table__tabs a {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2; } }

.tab-table__heading {
  position: relative;
  padding: 1em;
  text-align: center;
  background: #f3f3f3;
  text-transform: none; }
  .tab-table__heading h2, .tab-table__heading .tooltip__heading {
    font-size: 36px;
    font-size: 2.25rem;
    color: #333;
    margin-top: 22px;
    margin-bottom: 22px; }
    .tab-table__heading h2 span, .tab-table__heading .tooltip__heading span {
      color: #999; }
    @media screen and (max-width: 47.875em) {
      .tab-table__heading h2, .tab-table__heading .tooltip__heading {
        font-size: 24px;
        font-size: 1.5rem;
        margin: 0; } }
  @media screen and (max-width: 47.875em) {
    .tab-table__heading {
      padding: 1em 2em; } }

.tab-table__heading-download {
  position: absolute;
  top: 1em;
  right: 1em; }
  .tab-table__heading-download .icon {
    vertical-align: middle; }

.tab-table__heading-nav {
  position: absolute;
  top: 50%;
  margin-top: -11px; }

.tab-table__heading-nav--prev {
  left: 0.5em; }

.tab-table__heading-nav--next {
  right: 0.5em; }

.tab-table__sub-heading {
  padding: 1em;
  background: #989898;
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 300; }
  .tab-table__sub-heading .icon {
    vertical-align: middle;
    margin-right: 0.5em; }
  .tab-table__sub-heading li {
    display: inline-block;
    padding: 0.2em 0.6em; }
    @media screen and (max-width: 47.875em) {
      .tab-table__sub-heading li {
        font-size: 16px;
        font-size: 1rem; } }
    .tab-table__sub-heading li:first-child {
      padding-left: 0; }
    .tab-table__sub-heading li:last-child {
      padding-right: 0; }
  @media screen and (max-width: 47.875em) {
    .tab-table__sub-heading {
      padding: 0.2em; } }

.tab-table__table td, .tab-table__table th {
  position: relative;
  text-align: center;
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  border-top: none !important;
  border-bottom: 2px solid white; }
  .tab-table__table td:after, .tab-table__table th:after {
    content: ' ';
    width: 1px;
    background: white;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 10%;
    bottom: 10%; }
  .tab-table__table td:last-child:after, .tab-table__table th:last-child:after {
    display: none; }
  @media screen and (max-width: 47.875em) {
    .tab-table__table td, .tab-table__table th {
      padding: 0.5em !important; } }

.tab-table__table th {
  color: #fff;
  background: #989898; }
  .tab-table__table th:after {
    background: #cdcccb; }

.tab-table__table td {
  color: #666766;
  vertical-align: middle !important; }
  .tab-table__table td:after {
    background: #e5e4e4; }
  .tab-table__table td.important {
    font-weight: 700; }

.tab-table__table tr {
  background: #f3f3f3; }
  .tab-table__table tr.highlight {
    background: #fcc35a; }
    .tab-table__table tr.highlight td:after {
      background: #ffdfa9; }

/* Force even column sizing on desktop only */
@media screen and (min-width: 47.875em) {
  .tab-table__table--thirds td, .tab-table__table--thirds th {
    width: 33.3333%; }
  .tab-table__table--quarters td, .tab-table__table--quarters th {
    width: 25%; } }

/* --------------------------------------------------------------------------
   Race results table overrides
   -------------------------------------------------------------------------- */
.tab-table--race-results th {
  background: #f3f3f3;
  color: #666766; }
  .tab-table--race-results th:after {
    background: #cdcccb; }

.tab-table--race-results td {
  color: #666766; }
  @media screen and (min-width: 47.875em) {
    .tab-table--race-results td {
      font-size: 20px;
      font-size: 1.25rem; } }
  .tab-table--race-results td .championship-driver__name,
  .tab-table--race-results td .championship-driver__team {
    font-size: 21px;
    font-size: 1.3125rem; }

.tab-table--race-results tr.highlight td {
  color: #333; }

/* --------------------------------------------------------------------------
   Standings table overrides
   -------------------------------------------------------------------------- */
@media screen and (max-width: 47.875em) {
  .tab-table--standings {
    /* Hide team name in drivers view on mobile */ }
    .tab-table--standings #standings-drivers th:nth-child(3),
    .tab-table--standings #standings-drivers td:nth-child(3) {
      display: none; } }

@media screen and (max-width: 47.875em) {
  .table-results td:first-child {
    width: 30%; }
  .table-results td:nth-child(2) {
    width: 40%; }
  .table-results td:nth-child(3) {
    width: 30%; } }

/* --------------------------------------------------------------------------
   Team Carousel
   -------------------------------------------------------------------------- */
.team-carousel {
  position: relative;
  overflow: hidden; }

.team-carousel__list {
  width: 100%; }
  @media screen and (min-width: 47.875em) {
    .team-carousel__list {
      float: right; } }

.team-carousel__item {
  position: relative;
  display: inline;
  float: right;
  width: 49%; }
  .team-carousel__item:first-child {
    margin-left: 2%; }
  .team-carousel__item h3 {
    position: absolute;
    width: 100%;
    bottom: 5px;
    margin: 0;
    background: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    color: #fcb216;
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    padding: 1em 0;
    text-transform: uppercase; }
    @media screen and (max-width: 47.875em) {
      .team-carousel__item h3 {
        font-size: 16px;
        font-size: 1rem; } }
  .team-carousel__item img {
    width: 100%; }
  .team-carousel__item a:hover h3 {
    color: #ff9921; }

.team-carousel__item--singular {
  float: left;
  margin-left: 0 !important; }

.team-carousel.has-carousel .team-carousel__item {
  width: auto; }

.team-carousel__nav {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background 0.25s;
  z-index: 10; }
  .team-carousel__nav.team-carousel__nav--prev {
    left: 20px; }
  .team-carousel__nav.team-carousel__nav--next {
    right: 10px; }
  .team-carousel__nav:hover {
    background: rgba(0, 0, 0, 0.5); }
  .team-carousel__nav .icon {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
    .team-carousel__nav .icon.icon--chev-medium-left {
      margin-left: -2px; }
    .team-carousel__nav .icon.icon--chev-medium-right {
      margin-left: 2px; }

/* Enable carousel items */
.team-carousel.has-carousel .team-carousel__nav {
  display: inline-block; }

.team-carousel.has-carousel .team-carousel__list {
  float: none; }

.forum-activity {
  background: #f3f3f3; }

.forum-activity__title {
  margin: 0;
  padding: 22px;
  color: #333;
  text-transform: none; }

.forum-activity__header {
  color: white;
  background-color: #989898;
  text-align: center;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  padding: 15px 10px;
  margin-bottom: 0;
  position: relative; }
  .forum-activity__header:before {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    border-color: rgba(152, 152, 152, 0);
    border-top-color: #989898;
    border-width: 14px;
    margin-left: -14px; }

.forum-activity__tabs li {
  position: relative;
  width: 50%; }

.forum-activity__tabs a {
  font-weight: normal;
  line-height: 1;
  padding: 22px;
  font-size: 25px;
  font-size: 1.5625rem;
  color: #fff !important;
  text-transform: none; }
  @media screen and (max-width: 47.875em) {
    .forum-activity__tabs a {
      font-size: 18px;
      font-size: 1.125rem; } }
  .forum-activity__tabs a.is-active {
    background: #989898; }
    .forum-activity__tabs a.is-active:after {
      content: ' ';
      position: absolute;
      top: 100%;
      left: 50%;
      height: 0;
      width: 0;
      border: solid transparent;
      pointer-events: none;
      border-color: rgba(152, 152, 152, 0);
      border-top-color: #989898;
      border-width: 14px;
      margin-left: -14px; }

.forum-activity__items li {
  padding: 22px;
  border-top: 3px solid #fff; }
  .forum-activity__items li:first-child {
    border-top: 1px solid #fff; }

.forum-activity__date,
.forum-activity__snippet,
.forum-activity__link {
  margin: 0; }

.forum-activity__date {
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  color: #000; }
  @media screen and (max-width: 47.875em) {
    .forum-activity__date {
      margin-bottom: 0.5em; } }

.forum-activity__snippet {
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #74797e; }

.forum-activity__link {
  margin-top: 0.5em;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase; }
  @media screen and (max-width: 47.875em) {
    .forum-activity__link {
      margin-top: 1em; } }

.trackday-listing {
  background: #696565;
  padding: 22px; }

.trackday-listing__heading {
  margin: 0;
  padding-bottom: 22px;
  font-weight: 700;
  font-size: 36px;
  font-size: 2.25rem;
  color: #fff;
  text-transform: none; }
  @media screen and (max-width: 47.875em) {
    .trackday-listing__heading {
      font-size: 25px;
      font-size: 1.5625rem; } }

.trackday-listing__table {
  width: 100%;
  border-spacing: 0;
  padding-top: 0; }
  .trackday-listing__table thead {
    display: none; }
  .trackday-listing__table td {
    color: #fff;
    font-size: 21px;
    font-size: 1.3125rem;
    border-bottom: 1px solid #8b8888;
    padding-top: 11px;
    padding-bottom: 11px; }
    @media screen and (max-width: 47.875em) {
      .trackday-listing__table td {
        font-size: 14px;
        font-size: 0.875rem; } }
  .trackday-listing__table tr:last-child td {
    border-bottom: none; }

.trackday-listing__date {
  font-weight: 700; }

.trackday-listing__title {
  position: relative;
  font-weight: 300;
  padding-left: 22px; }
  .trackday-listing__title:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 30%;
    bottom: 30%;
    width: 1px;
    background: #fff; }

.trackday-listing__closed {
  position: relative;
  font-weight: 300;
  padding-left: 22px;
  text-align: right; }

.trackday-listing__cta {
  text-align: right; }
  .trackday-listing__cta a {
    white-space: nowrap; }
    @media screen and (max-width: 47.875em) {
      .trackday-listing__cta a {
        font-size: 12px;
        font-size: 0.75rem; } }

.breadcrumb {
  z-index: 10; }

.breadcrumb__item {
  display: inline-block;
  margin-left: 4.4px;
  font-weight: 300;
  font-size: 22px;
  font-size: 1.375rem;
  text-align: center;
  text-transform: none;
  color: #fff; }
  @media screen and (max-width: 47.875em) {
    .breadcrumb__item {
      width: 100%;
      margin: 0; } }
  .breadcrumb__item:first-child {
    margin-left: 0; }

.breadcrumb__item--link {
  background: #333; }
  .breadcrumb__item--link:hover {
    background: #4d4d4d; }
  .breadcrumb__item--link a {
    position: relative;
    display: inline-block;
    padding: 11px 22px 11px 60px;
    color: #fff; }
  .breadcrumb__item--link span {
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -14px; }

.breadcrumb__item--leaf {
  position: relative;
  padding: 11px 44px 11px 44px;
  background: #fcb216; }
  .breadcrumb__item--leaf:after {
    content: ' ';
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(252, 178, 22, 0);
    border-top-color: #fcb216;
    border-width: 14px;
    margin-left: -14px;
    z-index: 10; }

.press-select {
  padding: 11px 22px;
  font-size: 22px;
  font-size: 1.375rem; }
  @media screen and (max-width: 47.875em) {
    .press-select {
      width: 100%;
      margin-top: 22px; } }

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.press-header {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f3f3f3;
  padding: 22px 55% 22px 22px;
  font-weight: 300;
  color: #333; }
  @media screen and (max-width: 47.875em) {
    .press-header {
      padding-right: 22px; } }

.press-header__date {
  margin: 0;
  font-size: 16px;
  font-size: 1rem; }

.press-header__title {
  position: relative;
  margin: 0;
  margin-bottom: 66px;
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1.1;
  text-transform: none;
  min-height: 152px; }
  @media screen and (max-width: 47.875em) {
    .press-header__title {
      font-size: 30px;
      font-size: 1.875rem;
      margin-bottom: 44px;
      min-height: 0; } }
  .press-header__title a {
    color: #333; }
  .press-header__title:before {
    content: ' ';
    position: absolute;
    width: 60px;
    height: 1px;
    left: 4px;
    bottom: -13px;
    background-color: #fcb216; }

.press-header__share {
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  margin-bottom: 0; }
  .press-header__share a {
    display: inline-block;
    position: relative;
    top: -1px;
    line-height: 0;
    vertical-align: middle;
    margin-left: 7.3333333333px; }
    .press-header__share a:first-child {
      margin-left: 11px; }

.press-header__primary-image {
  display: block;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 47.875em) {
    .press-header__primary-image {
      margin-bottom: 22px;
      padding-bottom: 60%; } }
  @media screen and (min-width: 47.875em) {
    .press-header__primary-image {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 50%; } }

.press-tab {
  display: inline-block;
  position: relative;
  margin-right: 2.75px; }
  .press-tab:last-child {
    margin-right: 0; }
  .press-tab a, .press-tab span {
    display: inline-block;
    min-width: 7em;
    text-align: center;
    padding: 0.5em;
    line-height: 1;
    font-weight: 300;
    font-size: 22px;
    font-size: 1.375rem;
    color: #333;
    text-transform: none; }
  .press-tab a {
    background: #fcb216; }
    .press-tab a:hover {
      background: #fdc348; }

.press-tab--active span {
  background: #f3f3f3; }
  .press-tab--active span:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    border-color: rgba(243, 243, 243, 0);
    border-top-color: #f3f3f3;
    border-width: 14px;
    margin-left: -14px; }

.press-tab--alternative {
  float: right; }
  .press-tab--alternative a {
    background: #333;
    color: #fff; }
    .press-tab--alternative a:hover {
      background: #4d4c4c; }
  .press-tab--alternative .icon {
    position: relative;
    top: -2px;
    margin: 0 0.2em; }

.instagram-panel {
  /* No Instagram panel for mobile */ }
  @media screen and (max-width: 47.875em) {
    .instagram-panel {
      display: none; } }

.instagram-panel__heading {
  position: relative;
  padding: 22px;
  margin-bottom: 33px;
  background: #f3f3f3;
  font-size: 47px;
  font-size: 2.9375rem;
  color: #333;
  text-align: center; }
  @media screen and (max-width: 47.875em) {
    .instagram-panel__heading {
      display: none; } }
  @media screen and (max-width: 47.875em) {
    .instagram-panel__heading {
      font-size: 25px;
      font-size: 1.5625rem; } }
  .instagram-panel__heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -16px;
    border: solid transparent;
    border-color: rgba(243, 243, 243, 0);
    border-top-color: #f3f3f3;
    border-width: 16px;
    pointer-events: none; }

.instagram-item {
  display: inline-block;
  margin-bottom: 25px; }

.instagram-item__inner {
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  width: 100%;
  padding-top: 100%; }

.instagram-item__meta {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 11px; }

.instagram-item__profile-photo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px; }

.instagram-item__username {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 80px;
  /* Image width + padding */
  right: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.instagram-item__username,
.instagram-item__likes {
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff; }

.instagram-item__likes {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 22px; }
  .instagram-item__likes i {
    position: relative;
    top: -2px;
    margin-left: 5.5px;
    vertical-align: middle; }

.news-panel {
  position: relative;
  /* Restrict number of items on mobile */ }
  .news-panel .btn--link--latestnews {
    position: absolute;
    right: 0;
    top: 27px; }
  .news-panel .btn--primary, .news-panel .btn--hollow, .news-panel .btn--danger {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 47.875em) {
    .news-panel .g-col {
      display: none; }
      .news-panel .g-col:first-child, .news-panel .g-col:nth-child(2) {
        display: block; } }

.menu-car {
  margin-top: -22px; }

.menu-car__item {
  margin-top: 22px;
  padding-left: 25px; }
  .menu-car__item .btn {
    font-size: 12px;
    font-size: 0.75rem; }

.menu-car__image img {
  margin: 0px auto; }

.menu-car__image figcaption {
  margin: 0.5em 0;
  font-family: "Renault Life", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  text-transform: none;
  text-overflow: ellipsis;
  white-space: nowrap; }

.menu-car__action {
  width: 49%;
  float: right; }
  .menu-car__action:first-child {
    float: left; }

.menu-car__actions {
  min-height: 33px; }
  .menu-car__actions .btn {
    padding-left: 7px;
    padding-right: 7px; }

.menu-car__actions--single {
  text-align: center; }
  .menu-car__actions--single .menu-car__action {
    float: none; }

.header-menu__content-inner {
  overflow: hidden; }

.menu-car-container {
  margin-left: -25px; }

.menu-car__section--roadcar {
  width: 75%;
  float: left;
  position: relative; }
  .menu-car__section--roadcar:after {
    content: " ";
    display: block;
    width: 1px;
    background-color: #505050;
    position: absolute;
    top: 25px;
    right: -13px;
    bottom: 0; }

.menu-car__section--motorsport {
  width: 25%;
  float: left; }

.menu-car__section__title {
  font-family: "Renault Life", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #e4e4e4;
  margin-bottom: 0;
  margin-top: 25px;
  margin-left: 25px; }

.menu-generic a {
  display: block; }

.menu-generic__image {
  display: block; }

.menu-generic__link {
  display: block;
  margin: 0.5em 0;
  font-size: 16px;
  font-size: 1rem;
  text-align: left; }

.menu-community__image {
  display: block; }

.menu-community__link {
  display: block;
  margin-top: 0.5em;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #fcb216;
  text-align: left; }

.menu-community__date {
  margin-bottom: 0;
  color: #ddd;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1; }

.menu-community__list li {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 0.5em; }
  .menu-community__list li:last-child {
    margin-bottom: 0; }

.cookie-banner {
  background: #817d7c;
  text-align: center; }

.cookie-banner__message {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #ddd;
  display: inline-block;
  margin-bottom: 0;
  padding: 10px 15px; }

.cookie-banner__closebtn {
  display: inline-block;
  border: 1px solid #ddd;
  position: relative;
  font-weight: bold;
  height: 16px;
  width: 16px;
  top: 3px; }
  .cookie-banner__closebtn:after {
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MzY1N0Q4NkRERjkxMUU0QTNDOUVEM0Q0RkQ5MTEyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MzY1N0Q4N0RERjkxMUU0QTNDOUVEM0Q0RkQ5MTEyNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzNjU3RDg0RERGOTExRTRBM0M5RUQzRDRGRDkxMTI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUzNjU3RDg1RERGOTExRTRBM0M5RUQzRDRGRDkxMTI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XnG8MAAAAF1JREFUeNpivHv3LoOcnJwyAxQ8evToLohGF2P8/fu3MpRzByipwoAEkMWYYALINDYxFBMZsAC4iUhuUsGlCKSGiYFIQLzV6IpAEsjOgMkxIetCVoAuxkhsgAMEGADeKU58RfyNHwAAAABJRU5ErkJggg==) no-repeat;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px; }
  .cookie-banner__closebtn:hover {
    cursor: pointer; }
  @media screen and (max-width: 47.875em) {
    .cookie-banner__closebtn {
      top: -4px; } }

.vehiclePicker {
  text-align: center; }

.vehiclePicker-item input {
  opacity: 0;
  position: absolute; }

@media screen and (max-width: 47.875em) {
  .vehiclePicker-item {
    margin-bottom: 0 !important; } }

.vehiclePicker-item-label {
  display: block;
  padding: 0 10px 15px 10px;
  cursor: pointer; }
  :checked + .vehiclePicker-item-label {
    background-color: #ddd; }
  @media screen and (max-width: 47.875em) {
    .vehiclePicker-item-label {
      padding: 0 5px 15px 5px;
      min-height: 130px; } }

.vehiclePicker-item-name {
  color: #333;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 22px; }
  @media screen and (max-width: 47.875em) {
    .vehiclePicker-item-name {
      margin-top: 11px; } }

/*
  This horrible code is from the plugin..
*/
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px; }

.picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #fcb216; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #fee4ad; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #dc9603;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #fee4ad; }

.picker__day--highlighted {
  border-color: #fcb216; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #fee4ad; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #fcb216;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #fee4ad;
  border-bottom-color: #fee4ad; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #fee4ad;
  border-color: #fcb216;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #dc9603;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0;
  margin: 0; }

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em; }

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em; } }

/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #fee4ad;
  border-color: #fcb216;
  z-index: 10; }

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #fcb216;
  z-index: 10; }

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #fee4ad; }

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #fcb216;
  color: #fff;
  z-index: 10; }

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto; }

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666; }

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #fee4ad;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none; }

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold; }

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
  border-color: #ffffff; }

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 128px;
  max-width: 320px; }

/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0; }

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 1em; } }

.picker__holder:focus {
  outline: #fee4ad auto 5px; }

input.picker__input.form-input[readonly] {
  background-color: #fff;
  cursor: pointer; }

.dealer .map {
  height: 380px;
  width: 100%; }

.cluster div {
  color: #fff !important;
  font-size: 16px !important; }

.pac-logo:after {
  display: none !important; }

.cluster img {
  max-width: 100% !important; }

.dealer-finder .map {
  height: 375px; }

.dealer-finder-title {
  font-weight: 500;
  text-align: center; }
  @media screen and (min-width: 47.875em) {
    .dealer-finder-title {
      font-size: 40px;
      font-size: 2.5rem; } }

/* Result */
.dealer-finder__result {
  background: #f3f3f3; }

.dealer-finder__result__inner {
  padding: 20px; }
  @media screen and (min-width: 47.875em) {
    .dealer-finder__result__inner {
      padding: 30px; } }

.dealer-finder-result__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-bottom: 22px;
  font-weight: normal;
  margin-top: 3px; }
  .dealer-finder-result__title:before {
    display: none; }
  @media screen and (min-width: 47.875em) {
    .dealer-finder-result__title {
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 32px;
      line-height: 2rem;
      margin-bottom: 44px; } }

.dealer-finder-result__icon {
  width: 40px;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px; }

.dealer-finder-result__title__distance {
  font-weight: 300; }

.dealer-finder-result__details {
  color: #333;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 26px;
  line-height: 1.625rem; }
  .dealer-finder-result__details p, .dealer-finder-result__details .tooltip__messaging {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem;
    font-weight: 300; }
  .dealer-finder-result__details strong {
    font-weight: normal; }
  .dealer-finder-result__details dl {
    margin-top: 0; }
  .dealer-finder-result__details dt {
    float: left;
    clear: left;
    font-weight: 300; }
  .dealer-finder-result__details dd {
    float: right;
    font-weight: normal; }

.dealer-finder__actions {
  margin-left: 0;
  list-style: none; }
  .dealer-finder__actions li {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 8px; }
  .dealer-finder__actions a {
    color: #333;
    text-decoration: underline;
    vertical-align: middle; }
  .dealer-finder__actions .icon {
    margin-right: 8px;
    vertical-align: middle; }

.dealer-finder__tabs a {
  background: transparent;
  color: #95a5a6;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 64px;
  line-height: 4rem;
  font-weight: normal;
  margin-right: 30px; }
  .dealer-finder__tabs a:focus {
    outline: 0; }
  .dealer-finder__tabs a.is-active {
    background: transparent; }

.dealer-finder__tabs li:last-child a {
  margin-right: 0; }

@media screen and (min-width: 47.875em) {
  .dealer-finder__tabs {
    margin-top: 44px; }
    .dealer-finder__tabs a {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 72px;
      line-height: 4.5rem;
      margin-right: 40px; } }

.dealer-finder__tabs a:before {
  background: transparent url("/resources/img/ui/sprite.png") no-repeat 0 0;
  content: ' ';
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-resolution: 240dpi) {
    .dealer-finder__tabs a:before {
      background: transparent url("/resources/img/ui/sprite-2x.png") no-repeat 0 0;
      background-size: 300px 700px; } }

.dealer-finder__tabs__map:before {
  background-position: -233px -660px !important;
  width: 28px;
  height: 37px;
  margin-right: 10px; }

.dealer-finder__tabs__map.is-active:before {
  background-position: -194px -660px !important; }

.dealer-finder__tabs__list:before {
  background-position: -154px -660px !important;
  width: 33px;
  height: 37px;
  margin-right: 10px; }

.dealer-finder__tabs__list.is-active:before {
  background-position: -113px -660px !important; }

.hero-carousel-container {
  position: relative;
  background: white; }
  .hero-carousel-container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 30.3%; }
  @media screen and (max-width: 47.875em) {
    .hero-carousel-container:before {
      content: none; } }

.hero-carousel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }
  .hero-carousel .slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
    .hero-carousel .slick-dots li {
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 0;
      cursor: pointer;
      vertical-align: middle; }
    .hero-carousel .slick-dots button {
      height: 22px;
      width: 22px;
      border: 0;
      background: 0;
      outline: 0;
      cursor: pointer;
      text-indent: -9999px;
      position: relative; }
    .hero-carousel .slick-dots button:after {
      content: "";
      background-color: #333;
      border: 1px solid #333;
      border-radius: 50%;
      height: 11px;
      width: 11px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .hero-carousel .slick-dots .slick-active button:after {
      background-color: #fc3; }
    @media screen and (max-width: 47.875em) {
      .hero-carousel .slick-dots {
        bottom: -26px; } }
  .hero-carousel .slick-arrow {
    background: transparent url("/resources/img/ui/sprite.png") no-repeat 0 0;
    border: 0;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 31px;
    height: 53px;
    outline: 0;
    transform: translateY(-50%); }
    @media screen and (max-width: 47.875em) {
      .hero-carousel .slick-arrow {
        display: none !important; } }
  .hero-carousel .slick-prev {
    left: 20px;
    background-position: -239px -91px; }
  .hero-carousel .slick-next {
    right: 20px;
    background-position: -270px -91px; }
  @media screen and (max-width: 47.875em) {
    .hero-carousel {
      position: relative; } }
  .hero-carousel .hero-carousel-control {
    display: none; }
    .hero-carousel .hero-carousel-control.slick-initialized {
      display: block; }

/**
 * Views
 * =================================
 */
.home-header {
  position: relative;
  width: auto;
  overflow: hidden; }

.home-header__content {
  position: absolute;
  bottom: 0;
  background: #fcb216;
  width: 37%;
  width: calc(48.88392857% - 186px);
  margin-left: 190px; }
  .home-header__content.home-header__content--purple {
    background: #80246f; }
    .home-header__content.home-header__content--purple p, .home-header__content.home-header__content--purple .tooltip__messaging {
      color: #fff; }
  @media screen and (max-width: 47.875em) {
    .home-header__content {
      position: static;
      margin-left: 0;
      width: 100%; } }
  .home-header__content p, .home-header__content .tooltip__messaging {
    margin: 22px 0;
    font-weight: 300;
    line-height: 1;
    color: #666;
    font-size: 36px;
    font-size: 2.25rem; }
    @media screen and (max-width: 62.5em) {
      .home-header__content p, .home-header__content .tooltip__messaging {
        font-size: 25px;
        font-size: 1.5625rem;
        margin-top: 15px;
        margin-bottom: 15px; } }
    @media screen and (max-width: 47.875em) {
      .home-header__content p, .home-header__content .tooltip__messaging {
        font-size: 22px;
        font-size: 1.375rem; } }
    .home-header__content p.home-header__content-primary, .home-header__content .home-header__content-primary.tooltip__messaging {
      margin: 0;
      margin-right: 25%;
      color: #fff;
      text-transform: none;
      font-size: 47px;
      font-size: 2.9375rem; }
      @media screen and (max-width: 62.5em) {
        .home-header__content p.home-header__content-primary, .home-header__content .home-header__content-primary.tooltip__messaging {
          font-size: 30px;
          font-size: 1.875rem; } }
      @media screen and (max-width: 47.875em) {
        .home-header__content p.home-header__content-primary, .home-header__content .home-header__content-primary.tooltip__messaging {
          margin-top: 0 !important;
          font-size: 30px;
          font-size: 1.875rem; } }
    .home-header__content p.home-header__content-secondary, .home-header__content .home-header__content-secondary.tooltip__messaging {
      margin: 0;
      margin-right: 25%;
      color: #333;
      text-transform: uppercase;
      font-size: 47px;
      font-size: 2.9375rem; }
      @media screen and (max-width: 62.5em) {
        .home-header__content p.home-header__content-secondary, .home-header__content .home-header__content-secondary.tooltip__messaging {
          font-size: 30px;
          font-size: 1.875rem; } }
      @media screen and (max-width: 47.875em) {
        .home-header__content p.home-header__content-secondary, .home-header__content .home-header__content-secondary.tooltip__messaging {
          font-size: 22px;
          font-size: 1.375rem; } }
    @media screen and (max-width: 47.875em) {
      .home-header__content p, .home-header__content .tooltip__messaging {
        margin: 5.5px 0 !important; } }

.home-header__content-inner {
  padding: 22px; }

@media screen and (max-width: 47.875em) {
  .home-header__content-cta {
    margin-top: 22px; } }

/* --------------------------------------------------------------------------
   Results wrapper
   -------------------------------------------------------------------------- */
.championship-results .tabs a {
  color: #fff; }

/* --------------------------------------------------------------------------
   Results header
   -------------------------------------------------------------------------- */
.championship-results-header {
  margin-top: 66px;
  margin-bottom: 44px; }
  @media screen and (max-width: 47.875em) {
    .championship-results-header {
      margin-top: 22px;
      margin-bottom: 22px; } }

.championship-results-header__anchor {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  color: #333 !important;
  margin-top: 2px; }
  .championship-results-header__anchor.championship-results-header__anchor--prev {
    padding-left: 30px;
    /* Arrow icon width + some */
    text-align: left; }
  .championship-results-header__anchor.championship-results-header__anchor--next {
    padding-right: 30px;
    /* Arrow icon width + some */
    text-align: right; }

.championship-results-header__icon {
  position: absolute;
  top: 50%;
  margin-top: -11px; }

.championship-results-header__anchor--prev .championship-results-header__icon {
  left: 0; }

.championship-results-header__anchor--next .championship-results-header__icon {
  right: 0; }

.championship-results-header__rounds {
  display: block;
  font-weight: 700;
  text-transform: uppercase; }

.championship-results-header__location {
  display: block; }

.championship-results-header__title {
  margin: 0 !important; }

/* --------------------------------------------------------------------------
   Results nav (mostly mobile optimised)
   -------------------------------------------------------------------------- */
@media screen and (max-width: 47.875em) {
  .championship-results-nav__date {
    display: block; } }

/* --------------------------------------------------------------------------
   Download link
   -------------------------------------------------------------------------- */
.championship-results__download {
  position: absolute;
  top: 0;
  right: 0; }

/* --------------------------------------------------------------------------
   Share block
   -------------------------------------------------------------------------- */
.championship-results__share a:first-child {
  margin-left: 0.5em; }

.calendar {
  margin-top: 10px;
  margin-bottom: 22px; }
  @media screen and (min-width: 47.875em) {
    .calendar {
      margin-top: 70px; } }

.calendar-entry {
  position: relative;
  border-bottom: 1px solid #b3b2b2;
  margin-bottom: 44px; }
  @media screen and (min-width: 47.875em) {
    .calendar-entry {
      margin-bottom: 88px; } }

@media screen and (min-width: 47.875em) {
  .calendar-entry__info {
    padding-right: 11px; } }

@media screen and (min-width: 64.0625em) {
  .calendar-entry__info {
    height: 326px; } }

.calendar-entry--future .calendar-break {
  margin-top: 44px; }

.calendar-entry__heading-primary {
  margin: 0;
  font-size: 42px;
  font-size: 2.625rem;
  color: #9b9b9b; }
  @media screen and (max-width: 47.875em) {
    .calendar-entry__heading-primary {
      font-size: 36px;
      font-size: 2.25rem; } }

.calendar-entry__heading-secondary {
  margin: 0.1em 0 0.3em 0;
  font-size: 36px;
  font-size: 2.25rem;
  color: #333; }
  @media screen and (max-width: 47.875em) {
    .calendar-entry__heading-secondary {
      font-size: 31px;
      font-size: 1.9375rem; } }

.calendar-entry__details {
  margin-bottom: 22px;
  margin-left: -5px; }
  @media screen and (min-width: 64.0625em) {
    .calendar-entry__details {
      margin-bottom: 33px; } }
  .calendar-entry__details li {
    display: inline-block;
    color: #9b9a9a;
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 1em; }
    .calendar-entry__details li:last-child {
      margin-right: 0; }
    .calendar-entry__details li .icon {
      position: relative;
      top: -2px;
      margin-right: 5px;
      vertical-align: middle; }

.calendar-entry__course {
  margin-top: 0; }
  @media screen and (min-width: 47.875em) {
    .calendar-entry__course {
      padding-left: 11px; } }
  .calendar-entry__course img {
    width: 100%; }

.calendar-entry__course-meta {
  display: block;
  background: #333;
  text-align: center;
  padding: 0.5em; }
  @media screen and (min-width: 64.0625em) {
    .calendar-entry__course-meta {
      padding-bottom: 1em 0.5em; } }
  .calendar-entry__course-meta li {
    position: relative;
    display: inline-block;
    padding-right: 0.5em;
    margin-right: 0.5em; }
    .calendar-entry__course-meta li:last-child {
      padding-right: 0;
      margin-right: 0; }
    .calendar-entry__course-meta li:after {
      content: '';
      position: absolute;
      width: 1px;
      top: 15%;
      right: 0;
      bottom: 15%;
      background: #827e7e; }
    .calendar-entry__course-meta li:last-child:after {
      display: none; }
    @media screen and (min-width: 25em) {
      .calendar-entry__course-meta li {
        padding-right: 2em;
        margin-right: 2em; }
        .calendar-entry__course-meta li:last-child {
          padding-right: 0;
          margin-right: 0; } }
  .calendar-entry__course-meta p, .calendar-entry__course-meta .tooltip__messaging {
    margin: 0.5em 0;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    text-align: center; }
  .calendar-entry__course-meta span {
    display: block;
    font-weight: 300;
    padding-bottom: 8px;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1;
    color: #fcb216;
    text-align: center; }
    @media screen and (min-width: 64.0625em) {
      .calendar-entry__course-meta span {
        font-size: 45px;
        font-size: 2.8125rem; } }

.calendar-entry__gallery {
  margin: 22px 0; }
  .calendar-entry__gallery li {
    margin-bottom: 0; }
  @media screen and (min-width: 47.875em) {
    .calendar-entry__gallery {
      padding-right: 11px; } }
  @media screen and (max-width: 47.875em) {
    .calendar-entry__gallery img {
      width: 100%; } }

.calendar-entry__cta {
  position: relative;
  margin-top: 22px; }
  .calendar-entry__cta .icon {
    vertical-align: middle;
    margin-left: 0.5em; }
  @media screen and (max-width: 47.875em) {
    .calendar-entry__cta .btn {
      width: 100%; } }

.calendar-entry__cta-col {
  position: static; }

.calendar-entry__social {
  position: absolute;
  right: 0;
  bottom: 0.2em;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  color: #333; }

.calendar-entry__mostwins p, .calendar-entry__mostwins .tooltip__messaging {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem; }

.calendar-entry__mostwins-title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #333;
  text-transform: none;
  margin-bottom: 5.5px; }

.calendar-entry__accordion {
  margin-top: 22px; }

.calendar-entry__accordion-title {
  border-top: 1px solid #b3b2b2;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 49px;
  line-height: 3.0625rem;
  text-align: center;
  cursor: pointer;
  color: #333;
  position: relative; }
  .calendar-entry__accordion-title:after, .calendar-entry__accordion-title:before {
    content: '';
    background: #fcb216;
    display: block;
    position: absolute; }
  .calendar-entry__accordion-title:after {
    width: 20px;
    height: 2px;
    top: 24px;
    right: 14px; }
  .calendar-entry__accordion-title:before {
    width: 2px;
    height: 20px;
    top: 15px;
    right: 23px; }
  .calendar-entry__accordion-title.is-active:before {
    display: none; }
  @media screen and (min-width: 64.0625em) {
    .calendar-entry__accordion-title {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 59px;
      line-height: 3.6875rem; }
      .calendar-entry__accordion-title:after {
        width: 30px;
        height: 2px;
        top: 29px;
        right: 20px; }
      .calendar-entry__accordion-title:before {
        width: 2px;
        height: 30px;
        top: 15px;
        right: 34px; } }

.calendar-entry__course-meta--lap {
  background: transparent;
  padding: 0;
  margin-bottom: 11px; }
  .calendar-entry__course-meta--lap li {
    vertical-align: top;
    margin-bottom: 11px; }
    .calendar-entry__course-meta--lap li p, .calendar-entry__course-meta--lap li .tooltip__messaging, .calendar-entry__course-meta--lap li span {
      color: #333; }
    .calendar-entry__course-meta--lap li p, .calendar-entry__course-meta--lap li .tooltip__messaging {
      margin-bottom: 4px; }
    .calendar-entry__course-meta--lap li:first-child {
      margin-right: 0;
      padding-right: 0;
      width: 100%; }
      .calendar-entry__course-meta--lap li:first-child:after {
        display: none; }
      .calendar-entry__course-meta--lap li:first-child span {
        color: #fcb216;
        font-weight: normal; }
        @media screen and (min-width: 64.0625em) {
          .calendar-entry__course-meta--lap li:first-child span {
            font-size: 34px;
            font-size: 2.125rem; } }
    .calendar-entry__course-meta--lap li em {
      font-style: italic;
      font-weight: normal;
      display: block;
      margin-top: 4px;
      font-size: 18px;
      font-size: 1.125rem; }

.calendar-entry__halloffame {
  overflow-x: auto;
  margin-bottom: 22px; }
  .calendar-entry__halloffame table {
    text-align: center;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 47.875em) {
      .calendar-entry__halloffame table {
        table-layout: fixed; } }
  @media screen and (max-width: 47.875em) {
    .calendar-entry__halloffame th, .calendar-entry__halloffame td {
      box-sizing: content-box;
      width: 150px; }
      .calendar-entry__halloffame th:first-child, .calendar-entry__halloffame td:first-child {
        display: table;
        border-collapse: separate;
        position: absolute;
        overflow: hidden;
        width: 70px;
        left: 0;
        box-shadow: 1px 0 0 0 rgba(51, 51, 51, 0.25); }
        .calendar-entry__halloffame th:first-child _::-moz-svg-foreign-content, :root .calendar-entry__halloffame th:first-child, .calendar-entry__halloffame td:first-child _::-moz-svg-foreign-content, :root .calendar-entry__halloffame td:first-child {
          display: block; }
      .calendar-entry__halloffame th:nth-child(2), .calendar-entry__halloffame td:nth-child(2) {
        padding-left: 70px;
        width: 150px; } }
  .calendar-entry__halloffame table {
    border-spacing: 0; }
  .calendar-entry__halloffame td, .calendar-entry__halloffame th {
    background: #fff;
    color: #333;
    line-height: 2.25;
    padding: 10px 0;
    font-size: 14px;
    font-size: 0.875rem; }
    @media screen and (min-width: 64.0625em) {
      .calendar-entry__halloffame td, .calendar-entry__halloffame th {
        font-size: 20px;
        font-size: 1.25rem;
        height: 65px; } }
  .calendar-entry__halloffame th {
    text-align: center; }
  .calendar-entry__halloffame tr:nth-child(even) td, .calendar-entry__halloffame tr:nth-child(even) th {
    background: #f3f3f3; }

.team {
  margin: 44px 0;
  border-bottom: 1px solid #cdcccb; }
  .team:first-child {
    margin-top: 70px; }
  @media screen and (min-width: 47.875em) {
    .team:last-child {
      margin-bottom: 66px; } }
  @media screen and (max-width: 47.875em) {
    .team {
      margin: 0 0 44px 0;
      border-bottom: none; }
      .team:first-child {
        margin-top: 0; } }

/* --------------------------------------------------------------------------
   Team heading
   -------------------------------------------------------------------------- */
.team-heading {
  position: relative;
  background: #f3f3f3;
  padding: 11px;
  min-height: 3.5rem; }
  @media screen and (max-width: 47.875em) {
    .team-heading {
      text-align: center; } }

.team-heading__col-social {
  line-height: 3.5rem; }
  @media screen and (max-width: 47.875em) {
    .team-heading__col-social {
      display: none; } }
  @media screen and (min-width: 47.875em) {
    .team-heading__col-social {
      text-align: right; } }

.team-heading__title {
  margin: 0;
  font-weight: 300;
  font-size: 47px;
  font-size: 2.9375rem;
  line-height: 3.5rem;
  text-transform: none;
  color: #333; }
  @media screen and (max-width: 47.875em) {
    .team-heading__title {
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1; } }

.team-heading__social {
  display: inline-block;
  line-height: 0;
  vertical-align: middle; }
  .team-heading__social li {
    display: inline-block;
    margin-left: 0.5rem; }

.team-heading__logo {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem; }
  @media screen and (max-width: 47.875em) {
    .team-heading__logo {
      float: left;
      margin-left: 0;
      margin-right: 1rem; } }

/* --------------------------------------------------------------------------
   Team details
   -------------------------------------------------------------------------- */
@media screen and (min-width: 47.875em) {
  .team-row {
    position: relative;
    transform-style: preserve-3d; }
  .team-col {
    width: 49%;
    display: inline-block;
    margin-top: 1em; }
    .team-col:first-child {
      margin-right: 2%; } }

@media screen and (max-width: 47.875em) {
  .team-col:first-child {
    margin-bottom: 1em; } }

@media screen and (min-width: 47.875em) {
  .team.has-members .team-details {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); } }

.team-details {
  border-spacing: 0;
  font-size: 21px;
  font-size: 1.3125rem; }
  @media screen and (max-width: 47.875em) {
    .team-details {
      margin: 22px 0;
      font-size: 16px;
      font-size: 1rem; } }
  .team-details th, .team-details td {
    padding: 0.25em 0; }
  .team-details th {
    font-weight: 300;
    padding-right: 1em;
    border-right: 1px solid #eae9e9; }
  .team-details td {
    font-weight: 700;
    padding-left: 1em; }

/* --------------------------------------------------------------------------
   Team media blocks
   -------------------------------------------------------------------------- */
.team-media {
  margin-bottom: 88px; }
  @media screen and (max-width: 47.875em) {
    .team-media {
      margin-bottom: 44px; } }

/* --------------------------------------------------------------------------
   Contacts List 
   -------------------------------------------------------------------------- */
.contact-list__item {
  padding-bottom: 40px; }
  .contact-list__item p, .contact-list__item .tooltip__messaging {
    margin-bottom: 0; }
  @media screen and (max-width: 47.875em) {
    .contact-list__item {
      padding-bottom: 20px; } }

.contact-list__item__name {
  padding-bottom: 5px; }

/* --------------------------------------------------------------------------
   Downloads List 
   -------------------------------------------------------------------------- */
.download-list__item {
  padding-bottom: 20px;
  padding-left: 40px;
  position: relative; }
  .download-list__item p, .download-list__item .tooltip__messaging {
    margin-bottom: 0; }
  .download-list__item a, .download-list__item a:visited, .download-list__item a:link {
    color: #333; }
  .download-list__item a:hover {
    color: #fcb216; }
  .download-list__item .icon {
    position: absolute;
    left: 0;
    top: -6px; }

@media screen and (min-width: 47.875em) {
  .press-article__summary {
    padding-right: 35%; } }

.press-article__summary, .press-article__summary p, .press-article__summary .tooltip__messaging {
  font-weight: 300;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.2; }
  @media screen and (max-width: 47.875em) {
    .press-article__summary, .press-article__summary p, .press-article__summary .tooltip__messaging {
      font-size: 24px;
      font-size: 1.5rem; } }

.press-article__content, .press-article__content p, .press-article__content .tooltip__messaging {
  line-height: 1.6; }
  .press-article__content:last-child, .press-article__content p:last-child, .press-article__content .tooltip__messaging:last-child {
    margin-bottom: 0; }

.press-article__images img {
  width: 100%; }

.press-article__images li {
  margin-bottom: 22px; }

.press-article-mini {
  position: relative; }

.press-article-mini__bg {
  position: relative; }
  .press-article-mini__bg:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }

.press-article-mini__meta {
  position: absolute;
  top: 50%;
  left: 66px;
  right: 44px;
  transform: translateY(-50%); }
  .press-article-mini__meta p, .press-article-mini__meta .tooltip__messaging {
    margin: 0; }
  .press-article-mini__meta .icon {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: -40px; }

.press-article-mini--next {
  text-align: right; }
  .press-article-mini--next .press-article-mini__meta {
    left: 44px;
    right: 66px; }
  .press-article-mini--next .icon {
    left: auto;
    right: -40px; }

.press-article-mini__meta-date,
.press-article-mini__meta-title {
  margin: 0;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #fff; }

.press-archive__items td {
  padding: 0.1em 1em 0.1em 0;
  vertical-align: top; }

.press-archive__date {
  font-size: 15px;
  font-size: 0.9375rem; }

.press-archive__title {
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase; }

.press-center-nav {
  display: none; }

@media screen and (max-width: 64.0625em) {
  .press-center-nav--small {
    display: block; } }

@media screen and (min-width: 64.0625em) {
  .press-center-nav--large {
    display: block; } }

.legacy-article__date {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem; }
  .legacy-article__date + h1 {
    margin-top: 0; }

@media screen and (max-width: 47.875em) {
  .legacy-article img, .legacy-article img[align="right"], .legacy-article img[align="left"] {
    padding: 0;
    width: 100%; } }

.legacy-article__content {
  /* All legacy articles start with the first image at the top */ }
  .legacy-article__content .news-image--left {
    margin: 22px;
    margin-left: 0; }
  .legacy-article__content .news-image--right {
    margin: 22px;
    margin-right: 0; }
  .legacy-article__content img:first-child {
    margin-top: 0; }

.article-navigation {
  overflow: hidden; }

.article-link {
  display: inline-block;
  max-width: 300px;
  position: relative; }
  .article-link:visited, .article-link:link {
    color: #333; }
  .article-link:hover {
    color: #fcb216; }
  .article-link .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.article-link--prev {
  padding-left: 35px; }
  .article-link--prev .icon {
    left: 0; }

.article-link--next {
  padding-right: 35px;
  text-align: right;
  float: right; }
  .article-link--next .icon {
    right: 0; }

.article-link__date {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem; }

.article-link__title {
  font-family: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
  text-transform: uppercase; }

@media screen and (max-width: 47.875em) {
  .car-hero .hero__image {
    display: none; }
  .car-hero .hero__content {
    width: 100%;
    position: static;
    transform: none;
    background: #000;
    padding: 25px 15px 30px 15px; }
    .car-hero .hero__content p, .car-hero .hero__content .tooltip__messaging {
      font-size: 38px;
      font-size: 2.375rem; }
  .car-hero .hero__panel {
    padding: 0; } }

.internal-news__list {
  list-style: none; }

.internal-news__list__item a, .internal-news__list__item a:link, .internal-news__list__item a:visited {
  color: black;
  display: inline-block;
  line-height: 30px;
  line-height: 1.875rem; }

.internal-news__list__item a:hover, .internal-news__list__item a.is-active {
  color: #fcb216; }

.internal-news__dl-list__item {
  position: relative;
  margin-left: 25px;
  line-height: 35px;
  line-height: 2.1875rem; }
  .internal-news__dl-list__item .icon {
    position: absolute;
    left: -30px;
    top: -1px; }

.download-title {
  text-transform: uppercase;
  color: black;
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 10px; }
  @media screen and (max-width: 47.875em) {
    .download-title {
      font-size: 16px;
      font-size: 1rem;
      margin-bottom: 5px; } }

.download-title--muted {
  color: #807f7f; }

.internal-news__dl-list {
  list-style: none;
  margin-left: 10px; }
  .internal-news__dl-list a, .internal-news__dl-list a:link, .internal-news__dl-list a:visited {
    color: black;
    display: inline-block;
    line-height: 30px;
    line-height: 1.875rem; }
  .internal-news__dl-list a:hover {
    color: #fcb216; }

@media screen and (max-width: 47.875em) {
  .flexy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .flexy-order-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flexy-order-2 {
    -ms-flex-order: 2;
        order: 2; } }

.sticky-footer html, .sticky-footer body {
  height: 100%; }

.sticky-footer .sticky-footer__wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -213px; }

.sticky-footer .footer, .sticky-footer .push {
  height: 213px; }

/* --------------------------------------------------------------------------
   Expert Profiles
   -------------------------------------------------------------------------- */
.expert-profile {
  background-color: #f3f3f3; }
  @media screen and (max-width: 47.875em) {
    .expert-profile iframe {
      display: none; }
    .expert-profile hr {
      margin-top: 10px;
      margin-bottom: 0; } }

.expert-profile-social-button {
  position: absolute;
  top: 20px;
  right: 20px; }

.expert-profile__content {
  padding: 40px;
  padding-top: 48px;
  padding-bottom: 0; }
  @media screen and (max-width: 47.875em) {
    .expert-profile__content {
      padding: 25px;
      padding-bottom: 0; } }

@media screen and (max-width: 47.875em) {
  .expert-profile__biography {
    line-height: 21px;
    line-height: 1.3125rem; } }

.expert-profile__img__frame {
  overflow: hidden;
  display: table;
  margin-left: auto;
  margin-right: auto; }

.expert-profile__img img {
  border-radius: 50%;
  overflow: hidden;
  width: 260px;
  height: 260px;
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 47.875em) {
  .expert-profile__img {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px; }
    .expert-profile__img img {
      width: 60px;
      height: 60px; } }

.expert-profile__name {
  text-align: center;
  margin-top: 24px !important; }
  @media screen and (max-width: 47.875em) {
    .expert-profile__name {
      margin-top: 0 !important;
      display: table-cell;
      vertical-align: middle; } }

.expert-profile__category-list {
  display: table;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }
  .expert-profile__category-list li {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-weight: 300;
    color: #9c9c9c;
    float: left;
    position: relative;
    padding-left: 40px;
    padding-right: 30px; }
  .expert-profile__category-list li:last-child {
    padding-right: 0; }
  .expert-profile__category-list .icon {
    position: absolute;
    left: 0;
    top: -1px; }
  @media screen and (max-width: 47.875em) {
    .expert-profile__category-list li {
      font-size: 14px;
      font-size: 0.875rem;
      padding-left: 34px;
      padding-right: 12px; }
    .expert-profile__category-list .icon--products-dark {
      background-position: -125px -220px;
      width: 25px;
      height: 25px; }
    .expert-profile__category-list .icon--technical-dark {
      background-position: -160px -220px;
      width: 25px;
      height: 25px; }
    .expert-profile__category-list .icon--events-dark {
      background-position: -195px -220px;
      width: 25px;
      height: 25px; }
    .expert-profile__category-list .icon {
      top: 4px; } }

.expert-profile__toggle {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 50px;
  line-height: 3.125rem;
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative; }
  .expert-profile__toggle .btnCircular {
    position: absolute;
    right: 0;
    top: 8px; }
  .expert-profile__toggle.is-active {
    margin-bottom: 10px;
    border-bottom: 1px solid #b3b3b3; }
    .expert-profile__toggle.is-active .btnCircular .icon--chev-ms-down-dark {
      background-position: -75px -40px; }

.expert-profile__footer {
  background-color: #333;
  padding: 22px 0;
  text-align: center; }
  @media screen and (max-width: 47.875em) {
    .expert-profile__footer {
      padding: 15px; } }

.expert-question {
  background: #333;
  padding: 90px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
  transform: translateX(0px);
  z-index: 200;
  display: static; }
  @media screen and (max-width: 47.875em) {
    .expert-question {
      position: fixed;
      display: block; } }
  .expert-question.is-pushed {
    transform: translateX(101%); }
  .expert-question .btnClose {
    position: absolute;
    right: 25px;
    top: 25px; }
  @media screen and (max-width: 47.875em) {
    .expert-question {
      padding: 70px; } }

.expert-question-form .btn {
  text-align: center; }

.expert-question__title {
  color: white;
  text-align: center; }
  .expert-question__title:before {
    content: none !important; }

.expert-question-component {
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 47.875em) {
    .expert-question-component {
      position: static; } }

.expert-question__closebtn {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  display: inline-block;
  color: #ddd;
  border: 1px solid #ddd;
  font-weight: bold;
  padding: 3px 4px; }
  .expert-question__closebtn:hover {
    cursor: pointer; }

/* --------------------------------------------------------------------------
   Speech Bubbles
   -------------------------------------------------------------------------- */
.speech-bubble--left {
  padding: 40px;
  border: 2px solid #fcb216;
  position: relative;
  margin-bottom: 40px;
  margin-right: -25px; }
  .speech-bubble--left:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 54px 70px 0 0;
    border-color: #fcb216 transparent transparent transparent;
    position: absolute;
    bottom: -55px;
    left: 47px; }
  .speech-bubble--left:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 54px 70px 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -51px;
    left: 49px; }
  @media screen and (max-width: 47.875em) {
    .speech-bubble--left {
      margin-right: 0;
      padding: 25px 20px;
      border: 1px solid #fcb216; }
      .speech-bubble--left:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17px 21px 0 0;
        border-color: #fcb216 transparent transparent transparent;
        left: -1px;
        bottom: -17px; }
      .speech-bubble--left:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17px 21px 0 0;
        border-color: #fff transparent transparent transparent;
        left: 0;
        bottom: -15px; } }

.speech-bubble--right {
  padding: 40px;
  border: 2px solid #989898;
  position: relative;
  margin-bottom: 40px;
  margin-left: -25px;
  padding-left: 60px; }
  .speech-bubble--right:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 70px 54px 0;
    border-color: transparent #989898 transparent transparent;
    position: absolute;
    bottom: -55px;
    right: 47px; }
  .speech-bubble--right:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 70px 54px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    bottom: -51px;
    right: 49px; }
  @media screen and (max-width: 47.875em) {
    .speech-bubble--right {
      margin-left: 0;
      padding: 25px 20px;
      border: 1px solid #989898; }
      .speech-bubble--right:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 17px 21px;
        border-color: transparent transparent #989898 transparent;
        top: -17px;
        right: -1px; }
      .speech-bubble--right:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 17px 21px;
        border-color: transparent transparent #fff transparent;
        right: 0;
        top: -15px; } }

.speech-bubble__title {
  font-weight: bold;
  color: #333;
  margin-bottom: 12px; }
  @media screen and (max-width: 47.875em) {
    .speech-bubble__title {
      font-size: 13px;
      font-size: 0.8125rem; } }

.speech-bubble__text {
  color: #333; }
  @media screen and (max-width: 47.875em) {
    .speech-bubble__text {
      line-height: 23px;
      line-height: 1.4375rem;
      margin-bottom: 30px; } }

.img-circular {
  border-radius: 50%;
  overflow: hidden; }

.speech-bubble__poster {
  font-size: 22px;
  font-size: 1.375rem;
  color: #333;
  text-transform: none;
  margin-bottom: 0; }
  .speech-bubble__poster img {
    display: inline-block;
    margin-top: -25px;
    margin-right: 10px;
    position: relative;
    top: 15px;
    left: -4px;
    max-width: 44px; }
  @media screen and (max-width: 47.875em) {
    .speech-bubble__poster {
      font-size: 15px;
      font-size: 0.9375rem; } }

@media screen and (max-width: 47.875em) {
  .speech-bubble-question {
    margin-bottom: 0; } }

.speech-bubble-answer {
  margin-top: 50px; }
  @media screen and (max-width: 47.875em) {
    .speech-bubble-answer {
      margin-top: 25px;
      margin-bottom: 0; } }

/* --------------------------------------------------------------------------
   Question Search Component
   -------------------------------------------------------------------------- */
.latest-question-search {
  position: relative;
  background-color: #f3f3f3;
  padding: 10px 17px; }
  .latest-question-search .latest-question__toggle-button {
    position: absolute;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    right: 22px;
    top: 16px;
    background-color: transparent;
    border: none;
    z-index: 10; }
    .latest-question-search .latest-question__toggle-button:active, .latest-question-search .latest-question__toggle-button:focus {
      outline: 0; }
    @media screen and (max-width: 47.875em) {
      .latest-question-search .latest-question__toggle-button {
        right: 2px;
        top: 7px; } }
  .latest-question-search .latest-question-search__form {
    xdisplay: none; }
  .latest-question-search .txtSearch::-ms-clear {
    display: none; }

.latest-question-search__title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .latest-question-search__title h1 {
    margin: 0; }
    .latest-question-search__title h1:before {
      content: none; }
  @media screen and (max-width: 47.875em) {
    .latest-question-search__title h1 {
      font-size: 24px;
      font-size: 1.5rem; } }

.latest-question-search.is-active {
  background-color: #fcb216;
  padding: 9px 17px; }
  .latest-question-search.is-active .latest-question__toggle-button {
    display: none; }
  .latest-question-search.is-active .latest-question-search__title {
    display: none; }
  .latest-question-search.is-active .latest-question-search__form {
    display: block; }

.latest-question-search__form input[type="text"] {
  font-size: 47px;
  font-size: 2.9375rem;
  line-height: 49px;
  line-height: 3.0625rem;
  font-family: "Renault Life", Arial, sans-serif;
  font-weight: 300;
  text-transform: none;
  padding: 0 60px 0 0;
  border: none;
  background-color: #fcb216;
  color: white;
  height: 51px;
  width: 100%; }
  @media screen and (max-width: 47.875em) {
    .latest-question-search__form input[type="text"] {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 32px;
      line-height: 2rem;
      height: 34px; } }

.latest-question-search__form input:focus {
  outline: 0; }

.latest-question-search__form input::-webkit-input-placeholder {
  color: white; }

.latest-question-search__form .closeBtn {
  position: absolute;
  right: 10px;
  top: 2px;
  color: white; }
  .latest-question-search__form .closeBtn:hover {
    cursor: pointer; }
  @media screen and (max-width: 47.875em) {
    .latest-question-search__form .closeBtn {
      display: none; } }

.latest-question-search__form .latest-question__search-button {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  right: 22px;
  top: 16px;
  background-color: transparent;
  border: none;
  z-index: 100; }
  .latest-question-search__form .latest-question__search-button:active, .latest-question-search__form .latest-question__search-button:focus {
    outline: 0; }
  @media screen and (max-width: 47.875em) {
    .latest-question-search__form .latest-question__search-button {
      right: 2px;
      top: 7px; } }

.editorial-hero {
  position: relative; }

.editorial-hero__img {
  position: relative; }

.editorial-hero__content {
  position: absolute;
  bottom: 0;
  width: 50%;
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 25px;
  padding-bottom: 18px; }
  .editorial-hero__content:before {
    content: "";
    background-color: black;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%; }
  @media screen and (max-width: 47.875em) {
    .editorial-hero__content {
      background-color: black;
      position: relative;
      padding: 15px;
      width: auto; }
      .editorial-hero__content:before {
        display: none; } }
  .editorial-hero__content .social-share {
    float: right; }
    @media screen and (max-width: 47.875em) {
      .editorial-hero__content .social-share {
        position: absolute;
        bottom: 10px;
        right: 20px; } }

.editorial-hero__date {
  color: white;
  position: absolute;
  font-size: 16px;
  font-size: 1rem; }
  @media screen and (max-width: 47.875em) {
    .editorial-hero__date {
      position: static;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 16px;
      line-height: 1rem; } }

.editorial-hero__title {
  color: #fcb216;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 42px;
  line-height: 2.625rem; }
  @media screen and (max-width: 47.875em) {
    .editorial-hero__title {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 24px;
      line-height: 1.5rem;
      margin: 6px 0 60px 0; } }

.editorial-hero__author {
  position: relative;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 0;
  float: left; }
  .editorial-hero__author span {
    color: white;
    display: inline-block;
    padding-right: 8px; }
  .editorial-hero__author a {
    text-decoration: underline; }
  @media screen and (max-width: 47.875em) {
    .editorial-hero__author {
      position: absolute;
      bottom: 10px;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 16px;
      line-height: 1rem; } }

/* --------------------------------------------------------------------------
   Category Tags
   -------------------------------------------------------------------------- */
.tags-panel {
  background-color: #f3f3f3;
  padding: 22px; }

.tags-panel__title {
  font-size: 30px;
  font-size: 1.875rem;
  color: #333;
  font-weight: 300;
  text-transform: none; }

.tags-list__item {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 38px;
  line-height: 2.375rem;
  border-radius: 19px;
  font-weight: normal;
  background-color: #fcb216;
  color: white;
  display: inline-block;
  padding-left: 25px;
  padding-right: 25px;
  margin-right: 3px;
  margin-bottom: 8px;
  transition: background-color 0.2s ease; }
  .tags-list__item a {
    color: white; }
  .tags-list__item:hover {
    background-color: #ff9921; }
  @media screen and (max-width: 48.0625em) {
    .tags-list__item {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 32px;
      line-height: 2rem;
      padding-left: 18px;
      padding-right: 18px; } }
  @media screen and (max-width: 47.875em) {
    .tags-list__item {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 32px;
      line-height: 2rem;
      padding-left: 18px;
      padding-right: 18px; } }

.tags-list__item--caps {
  text-transform: uppercase; }

.tags-list__item--is-selected {
  border: 1px solid #cdcccb;
  background: transparent; }
  .tags-list__item--is-selected a {
    color: #333; }
  .tags-list__item--is-selected:hover {
    background-color: #cdcccb; }

.icon-frame {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  right: 0;
  bottom: 0; }
  .icon-frame .icon {
    display: inherit; }

.video-module__header {
  background-color: #f3f3f3;
  padding: 0 15px;
  position: relative; }
  .video-module__header .icon {
    position: absolute;
    right: 15px;
    top: 10px; }

.video-module__header__title {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 58px;
  line-height: 3.625rem;
  font-weight: 300;
  color: #333;
  margin-bottom: 0; }

.video-module__thumb {
  position: relative; }
  .video-module__thumb img {
    width: 100%; }
  .video-module__thumb .btnPlay {
    position: absolute;
    right: calc(50% - 13px);
    top: calc(50% - 13px); }

.video-module__description {
  background-color: black;
  padding: 20px 15px; }

.video-module__description__title {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 300;
  color: #fcb216;
  margin-bottom: 10px; }

.video-module__description__short {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.75rem;
  color: white;
  font-weight: 300;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  max-height: 7rem; }

.article-heading h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 42px;
  line-height: 2.625rem; }

@media screen and (max-width: 47.875em) {
  .article-heading h1 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 20px; }
    .article-heading h1:before {
      content: none; } }

.article-heading-author {
  margin-top: 38px; }
  .article-heading-author img {
    border-radius: 50%;
    min-width: 42px; }
  .article-heading-author table {
    width: 100%; }
  .article-heading-author td {
    padding-left: 30px; }
  .article-heading-author td:first-child {
    padding-left: 0;
    width: 55px; }
  .article-heading-author td:nth-child(2) {
    padding-left: 5px;
    width: 50%;
    border-right: 1px solid #e6e6e6; }
  @media screen and (max-width: 47.875em) {
    .article-heading-author {
      border-top: 1px solid #fcb216;
      padding-top: 16px;
      margin-top: 20px; } }

.article-heading__date {
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem; }

.article-heading__author {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem; }
  .article-heading__author a {
    text-decoration: underline; }

.heritage-chronology {
  position: relative;
  overflow: hidden;
  z-index: 10; }

.heritage-chronology_banner {
  background-color: #f3f3f3;
  position: relative; }
  .heritage-chronology_banner:before {
    content: "";
    height: 2px;
    width: 100%;
    background-color: #c6c6c6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.heritage-timeline {
  display: block; }
  .heritage-timeline:hover {
    cursor: -webkit-grab;
    cursor: grab; }

.heritage-timeline__item {
  position: relative;
  height: 100px; }
  .heritage-timeline__item:hover .heritage-timeline__tooltip {
    will-change: opacity, top; }

.heritage-timeline__marker {
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 10px; }
  .heritage-timeline__marker:hover {
    cursor: pointer; }
    .heritage-timeline__marker:hover:before {
      background-color: #fcb216; }
  .heritage-timeline__marker:before {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #c6c6c6;
    display: inline-block;
    position: absolute;
    transform: translateX(-50%) translateY(-50%); }

@keyframes pulse {
  0% {
    transform: scale(0);
    opacity: 0; }
  8% {
    transform: scale(0);
    opacity: 0; }
  15% {
    transform: scale(0.1);
    opacity: .6; }
  30% {
    transform: scale(0.5);
    opacity: .6; }
  100% {
    opacity: 0;
    transform: scale(1); } }

.heritage-timeline__item--is-selected .heritage-timeline__marker {
  height: 20px;
  width: 20px;
  background-color: #fcb216; }
  .heritage-timeline__item--is-selected .heritage-timeline__marker:before {
    content: '';
    height: 42px;
    width: 42px;
    background-color: #fcb216;
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    top: -11px;
    left: -11px;
    opacity: 0.4;
    animation: pulse 1.2s linear infinite; }

.heritage-timeline__item--is-selected .heritage-timeline__tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(7px); }

@keyframes showTooltip {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(0); }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(7px); } }

.heritage-timeline__tooltip {
  width: 72px;
  height: 22px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  opacity: 0;
  top: 0px;
  box-shadow: 0px 1px 3px -1px rgba(50, 50, 50, 0.69); }
  .heritage-timeline__tooltip:before {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 24px;
    line-height: 1.5rem;
    content: attr(data-tooltip);
    display: inline-block;
    position: absolute;
    color: black;
    width: 100%;
    text-align: center;
    font-weight: 700; }
  .heritage-timeline__tooltip:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent; }
  @media screen and (max-width: 48.0625em) {
    .heritage-timeline__tooltip {
      width: 62px;
      height: 20px;
      padding-top: 3px; }
      .heritage-timeline__tooltip:before {
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 16px;
        line-height: 1rem; } }
  @media screen and (max-width: 47.875em) {
    .heritage-timeline__tooltip {
      width: 62px;
      height: 20px;
      padding-top: 3px; }
      .heritage-timeline__tooltip:before {
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 16px;
        line-height: 1rem; } }

.heritage-timeline__marker:hover + .heritage-timeline__tooltip {
  z-index: 100; }
  @media screen and (min-width: 47.875em) {
    .heritage-timeline__marker:hover + .heritage-timeline__tooltip {
      animation: showTooltip 0.3s ease forwards; } }

.heritage-container {
  background-color: #f3f3f3;
  min-height: 200px;
  padding-bottom: 50px; }
  @media screen and (max-width: 47.875em) {
    .heritage-container {
      padding-left: 10px;
      padding-right: 10px; } }

.heritage__item__title {
  text-transform: uppercase;
  font-size: 47px;
  font-size: 2.9375rem;
  line-height: 49px;
  line-height: 3.0625rem;
  text-align: center;
  color: #333;
  margin-bottom: 8px; }
  @media screen and (max-width: 47.875em) {
    .heritage__item__title {
      font-size: 31px;
      font-size: 1.9375rem;
      line-height: 33px;
      line-height: 2.0625rem;
      margin-bottom: 0; } }

.heritage__item__year {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  color: #fcb216;
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center; }
  @media screen and (max-width: 47.875em) {
    .heritage__item__year {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 25px;
      line-height: 1.5625rem;
      margin-bottom: 10px; } }

.heritage__item__gallery__image {
  margin-bottom: 12px;
  position: relative; }

.heritage__item__gallery__caption {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 24px;
  line-height: 1.5rem;
  overflow: hidden; }

.heritage__item__gallery__thumbs {
  margin-top: 24px; }
  @media screen and (max-width: 47.875em) {
    .heritage__item__gallery__thumbs {
      margin-top: 10px; } }

.heritage__item__gallery__thumb img {
  border: 2px solid transparent;
  transform-style: initial !important; }

.heritage__item__gallery__thumb--is-selected img {
  border: 2px solid #fcb216; }

.heritage__item__gallery__info {
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.5625rem;
  margin-top: 36px;
  margin-bottom: 15px; }
  @media screen and (max-width: 47.875em) {
    .heritage__item__gallery__info {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 21px;
      line-height: 1.3125rem;
      margin-top: 15px; } }

.js-frame-loading {
  position: absolute;
  background-color: grey;
  opacity: 0.4;
  color: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0; }

.loading {
  -webkit-animation: in 1s forwards; }

.loaded {
  -webkit-animation: out 1s forwards; }

.spinner {
  width: 50px;
  height: 30px;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  animation: stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2 {
  animation-delay: -1.1s; }

.spinner .rect3 {
  animation-delay: -1.0s; }

.spinner .rect4 {
  animation-delay: -0.9s; }

.spinner .rect5 {
  animation-delay: -0.8s; }

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

.heritage-container .carousel-items__nav {
  top: 410px;
  background-color: transparent;
  border: 1px solid #999999; }

.heritage-container .carousel-items__nav__info {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 23px;
  line-height: 1.4375rem;
  position: absolute;
  width: 70px;
  display: inline-block;
  text-align: center;
  bottom: -25px;
  left: -3px; }

.heritage-container .carousel-items__nav--next {
  right: -81px; }

.heritage-container .carousel-items__nav--prev {
  left: -81px; }

@media screen and (max-width: 64.0625em) {
  .heritage-container .carousel-items__nav {
    top: 384px; }
  .heritage-container .carousel-items__nav {
    xtop: 35%; }
  .heritage-container .carousel-items__nav--next {
    right: -74px; }
  .heritage-container .carousel-items__nav--prev {
    left: -74px; } }

@media screen and (max-width: 48.0625em) {
  .heritage-container .carousel-items__nav {
    top: 315px; }
  .heritage-container .carousel-items__nav__info {
    width: 58px;
    font-size: 11px;
    font-size: 0.6875rem; }
  .heritage-container .carousel-items__nav--next {
    right: -58px; }
  .heritage-container .carousel-items__nav--prev {
    left: -58px; } }

.carousel-items__nav--heritage {
  height: 65px;
  width: 65px; }
  .carousel-items__nav--heritage .icon {
    position: absolute; }
  .carousel-items__nav--heritage .icon--chev-heritage-right {
    transform: translateX(-33%) translateY(-50%); }
  .carousel-items__nav--heritage .icon--chev-heritage-left {
    transform: translateX(-59%) translateY(-50%); }
  @media screen and (max-width: 48.0625em) {
    .carousel-items__nav--heritage {
      height: 55px;
      width: 55px; } }

/**
 * Helper/utility classes
 * =================================
 */
/**
 * Utilities
 * Non-semantic helper classes
 */
/**
 * Clearfix
 * http://www.cssmojo.com/latest_new_clearfix_so_far/
 * See mixins/_utility.scss for a mixin version of this
 */
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em; }
  .ir br {
    display: none; }

.is-hidden {
  display: none !important;
  visibility: hidden !important; }

.is-shown {
  display: block; }

.is-visuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .is-visuallyHidden.focusable:active, .is-visuallyHidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.is-invisible {
  visibility: hidden; }

.l-floatLeft {
  float: left; }

.l-floatRight {
  float: right; }

.l-container-stretch {
  margin-left: -190px;
  margin-right: -190px; }
  @media screen and (max-width: 47.875em) {
    .l-container-stretch {
      margin-left: -2.5%;
      margin-right: -2.5%; } }

@media screen and (max-width: 47.875em) {
  .l-container-no-stretch--narrow {
    margin-left: 0;
    margin-right: 0; } }

.l-clear {
  clear: both;
  float: none; }

.l-mb0 {
  margin-bottom: 0 !important; }

.l-mt0 {
  margin-top: 0 !important; }

.l-pb0 {
  padding-bottom: 0 !important; }

.l-block-spacer {
  margin-bottom: 75px; }
  @media screen and (max-width: 47.875em) {
    .l-block-spacer {
      margin-bottom: 40px; } }

/**
 * Vertical Spacing
 */
.l-mb1 {
  margin-bottom: 10px; }

.l-mt1 {
  margin-top: 10px; }

.l-mb2 {
  margin-bottom: 20px; }

.l-mt2 {
  margin-top: 20px; }

.l-mb3 {
  margin-bottom: 30px; }

.l-mt3 {
  margin-top: 30px; }

.l-mb4 {
  margin-bottom: 40px; }

.l-mt4 {
  margin-top: 40px; }

.l-mb5 {
  margin-bottom: 50px; }

.l-mt5 {
  margin-top: 50px; }

.l-mb6 {
  margin-bottom: 60px; }

.l-mt6 {
  margin-top: 60px; }

.l-mb7 {
  margin-bottom: 70px; }

.l-mt7 {
  margin-top: 70px; }

.l-mb8 {
  margin-bottom: 80px; }

.l-mt8 {
  margin-top: 80px; }

.l-mb9 {
  margin-bottom: 90px; }

.l-mt9 {
  margin-top: 90px; }

.l-mb10 {
  margin-bottom: 100px; }

.l-mt10 {
  margin-top: 100px; }

.l-mb11 {
  margin-bottom: 110px; }

.l-mt11 {
  margin-top: 110px; }

.l-mb12 {
  margin-bottom: 120px; }

.l-mt12 {
  margin-top: 120px; }

.l-mb13 {
  margin-bottom: 130px; }

.l-mt13 {
  margin-top: 130px; }

.l-mb14 {
  margin-bottom: 140px; }

.l-mt14 {
  margin-top: 140px; }

.l-mb15 {
  margin-bottom: 150px; }

.l-mt15 {
  margin-top: 150px; }

.l-mb05 {
  margin-bottom: 5px; }

.l-mb025 {
  margin-bottom: 2.5px; }

.l-mt05 {
  margin-top: 5px; }

.l-mt025 {
  margin-top: 2.5px; }

@media screen and (max-width: 47.875em) {
  .l-mb1--narrow {
    margin-bottom: 10px; }
  .l-mt1--narrow {
    margin-top: 10px; }
  .l-mb2--narrow {
    margin-bottom: 20px; }
  .l-mt2--narrow {
    margin-top: 20px; }
  .l-mb3--narrow {
    margin-bottom: 30px; }
  .l-mt3--narrow {
    margin-top: 30px; }
  .l-mb4--narrow {
    margin-bottom: 40px; }
  .l-mt4--narrow {
    margin-top: 40px; }
  .l-mb5--narrow {
    margin-bottom: 50px; }
  .l-mt5--narrow {
    margin-top: 50px; }
  .l-mb6--narrow {
    margin-bottom: 60px; }
  .l-mt6--narrow {
    margin-top: 60px; }
  .l-mb7--narrow {
    margin-bottom: 70px; }
  .l-mt7--narrow {
    margin-top: 70px; }
  .l-mb8--narrow {
    margin-bottom: 80px; }
  .l-mt8--narrow {
    margin-top: 80px; }
  .l-mb9--narrow {
    margin-bottom: 90px; }
  .l-mt9--narrow {
    margin-top: 90px; }
  .l-mb10--narrow {
    margin-bottom: 100px; }
  .l-mt10--narrow {
    margin-top: 100px; }
  .l-mb11--narrow {
    margin-bottom: 110px; }
  .l-mt11--narrow {
    margin-top: 110px; }
  .l-mb12--narrow {
    margin-bottom: 120px; }
  .l-mt12--narrow {
    margin-top: 120px; }
  .l-mb13--narrow {
    margin-bottom: 130px; }
  .l-mt13--narrow {
    margin-top: 130px; }
  .l-mb14--narrow {
    margin-bottom: 140px; }
  .l-mt14--narrow {
    margin-top: 140px; }
  .l-mb15--narrow {
    margin-bottom: 150px; }
  .l-mt15--narrow {
    margin-top: 150px; }
  .l-mt0--narrow {
    margin-top: 0 !important; }
  .l-mb0--narrow {
    margin-bottom: 0 !important; } }

/**
 * Responsive Utilities
 */
* {
  -webkit-tap-highlight-color: 0 !important; }

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none; }

.promote-layer {
  /*
  This may promote the layer to a composited
  layer.

  Replace with will-change when available

  #perfmatters
  */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.is-hidden--wide {
  display: none; }

.util-grey-bg {
  background-color: #f3f3f3; }

.util-no-bg {
  background-color: transparent; }

.util-child-centre {
  text-align: center; }

@media screen and (max-width: 47.875em) {
  .util-no-bg--narrow {
    background-color: transparent; }
  .is-hidden--narrow {
    display: none !important; }
  .is-hidden--wide {
    display: block; } }

.position-center, .position-centre {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

/**
 * Print styles
 */
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
	 * Don't show links for images, or javascript/internal links
	 */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: .5cm; }
  p, .tooltip__messaging, h2, .tooltip__heading, h3 {
    orphans: 3;
    widows: 3; }
  h2, .tooltip__heading, h3 {
    page-break-after: avoid; } }
/*# sourceMappingURL=kickoff.css.map */