/*  Theme
-------------------------------- */
/*  Settings
-------------------------------- */
/*  This is the config of the LEGO CSS.

    The values are measured in pixels, but you should not include 'px'.
    Just type the value without an unit. This way we can convert our values
    into whatever value we need.

    In pixels = just enter value without 'px'
    px value  = enter your value with 'px'
    value     = enter your desired value with 'px', '%' or w/e
*/
/*  Debug
-------------------------------- */
/*  Put the page into Debug mode. ('true' or 'false')
    Various stuff will become highlighted that might cause issues
    and enables tools for responsive help.
*/
/*  Include default styling
-------------------------------- */
/*  Decide which objects, components and abstractions to use ('true' or 'false')
    This will only affect default styling - not functional styling
*/
/*  Base
-------------------------------- */
/*  Base variables will bleed through to many other variables, and liturally
    change the look'n'feel in most things. If the changes aren't sufficient,
    scroll down and find variables that are more unique to your issue.

    If the variable dosn't exist, let the frontend team know and create your own
    variable in your "Custom" folder.
*/
/*  Colors
-------------------------------- */
/*  Typography
-------------------------------- */
/* font-size, weight
*/
/*  Buttons
-------------------------------- */
/*  Form
-------------------------------- */
/*  Branding
-------------------------------- */
/*  Navigation
-------------------------------- */
/*  Breadcrumb
-------------------------------- */
/*  Modal
-------------------------------- */
/*  Character
-------------------------------- */
/*  Gallery
-------------------------------- */
/*  Settings
-------------------------------- */
/*  This is the config of the LEGO CSS.

    The values are measured in pixels, but you should not include 'px'.
    Just type the value without an unit. This way we can convert our values
    into whatever value we need.

    In pixels = just enter value without 'px'
    px value  = enter your value with 'px'
    value     = enter your desired value with 'px', '%' or w/e
*/
/*  Debug
-------------------------------- */
/*  Put the page into Debug mode. ('true' or 'false')
    Various stuff will become highlighted that might cause issues
    and enables tools for responsive help.
*/
/*  Include default styling
-------------------------------- */
/*  Decide which objects, components and abstractions to use ('true' or 'false')
    This will only affect default styling - not functional styling
*/
/*  Base
-------------------------------- */
/*  Base variables will bleed through to many other variables, and liturally
    change the look'n'feel in most things. If the changes aren't sufficient,
    scroll down and find variables that are more unique to your issue.

    If the variable dosn't exist, let the frontend team know and create your own
    variable in your "Custom" folder.
*/
/*  Colors
-------------------------------- */
/*  Typography
-------------------------------- */
/* font-size, weight
*/
/*  Buttons
-------------------------------- */
/*  Form
-------------------------------- */
/*  Branding
-------------------------------- */
/*  Navigation
-------------------------------- */
/*  Breadcrumb
-------------------------------- */
/*  Modal
-------------------------------- */
/*  Character
-------------------------------- */
/*  Gallery
-------------------------------- */
/*  Variables
-------------------------------- */
/*  This variables file should only contain variables that are not supposed to change.
    E.g. image formats or responsive breakpoints
*/
/*  Base
*/
/*  Responsive
*/
/*  Layout
*/
/*  Grid / List Grid
*/
/*  Formats
*/
/*  Base spacing variables
    We use the line-height variable to keep consistency on our base line.
    E.g.: p { margin-bottom: @small-spacing; } or .object { padding: @base-spacing; }
*/
/*  Default theme
-------------------------------- */
/*  This is the new default theme (07/08-2017)

    This file includes all of basestyles EXCLUDING functional styling, which can
    be found in basestyles.less instead.

    !IMPORTANT! Basestyles-default.less should ONLY be imported into your theme structure,
    and NOT to be compiled as a .css file directly.

    For any questions, contact any frontender and they may redirect you to the right person.
*/
/*  Tools
-------------------------------- */
/*  Tools - Debug
-------------------------------- */
/*  Core - Page
-------------------------------- */
/*  1.  Enable scrollbar and disable horizontal scroll on all pages.
    2.  Fonts on OSX will look more consistent with other systems that do not
        render text using sub-pixel anti-aliasing.
    3.  "Disables" tap highlight on iOS
    4.  Sets border-box to everything. Read more at css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
    5.  Makes sure flex is set on all elements, for better flexbox support in IE10 and IE11
*/
html {
  font-size: 1em;
  line-height: 1.5;
  font-family: "Cera Pro", sans-serif;
  color: rgba(0, 0, 0, 0.7);
  background: #fff;
}
/*  Changing color of select highlight
*/
::-moz-selection {
  background: #333;
  color: #ffffff;
}
::selection {
  background: #333;
  color: #ffffff;
}
::-moz-selection {
  background: #333;
  color: #ffffff;
}
/*  Hidden classes
*/
@media screen and (min-width: 36em) {
}@media screen and (min-width: 48em) {
}@media screen and (min-width: 73.5em) {
}@media screen and (min-width: 73.5em) {
}@media screen and (min-width: 73.5em) {
}/*  Core - Typography
-------------------------------- */
/*  This is the place for most basic typography stuff. This is only the functional
    styling, as the more default styles are located around the places it's needed
*/
/*  Vars
*/
/*  Mixins
*/
/*  Styles
*/
a {
  color: #333;
}
._h,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: rgba(0, 0, 0, 0.8);
  font-family: "Cera Pro", sans-serif;
}
h1,
.h1 {
  font-size: 2.25rem;
  font-weight: 700;
}
@media screen and (min-width: 36em) {
  h1,
  .h1 {
    font-size: 2.4375rem;
  }
}
h2,
.h2 {
  font-size: 1.4375rem;
  font-weight: 500;
}
@media screen and (min-width: 36em) {
  h2,
  .h2 {
    font-size: 1.625rem;
  }
}
h3,
.h3 {
  font-size: 1.125rem;
  font-weight: 500;
}
h4,
.h4 {
  font-size: 1.125rem;
  font-weight: 500;
}
h5,
.h5 {
  font-size: 1rem;
  font-weight: 300;
}
h6,
.h6 {
  font-size: 0.875rem;
  font-weight: 300;
}
.date {
  font-size: 0.875rem;
}
.legal-text {
  font-size: 0.75rem;
}
.product-id {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-id__number {
  font-size: 0.875em;
  opacity: 0.6;
  margin-bottom: -0.2em;
}
.product-id--header .product-id__number {
  font-size: 0.525em;
}
/*  Button - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.btn--primary {
  padding: 8px 24px;
  background-color: #333;
  font-family: "Cera Pro", sans-serif;
  border-radius: 8px;
  color: white;
  font-size: 1.125rem;
  font-weight: 500;
}
.btn--primary:hover:not([disabled]) {
  background-color: #424242;
}
.btn--primary[disabled] {
  opacity: 0.5;
  cursor: default;
}
.btn--secondary {
  padding: 8px 24px;
  background-color: #333333;
  font-family: "Cera Pro", sans-serif;
  border-radius: 8px;
  color: white;
  font-size: 1.125rem;
  font-weight: 500;
}
.btn--secondary:hover:not([disabled]) {
  background-color: #424242;
}
.btn--secondary[disabled] {
  opacity: 0.5;
  cursor: default;
}
/*  Loader - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Form - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Rich Text - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.rich-text {
  font-size: 1rem;
}
.rich-text h1,
.rich-text blockquote,
.rich-text p,
.rich-text pre,
.rich-text dl,
.rich-text dd,
.rich-text ol,
.rich-text ul,
.rich-text figure,
.rich-text hr,
.rich-text fieldset,
.rich-text legend {
  margin-bottom: 16px;
}
.rich-text ul,
.rich-text ol,
.rich-text dd {
  margin-left: 32px;
}
.rich-text ul,
.rich-text ol {
  list-style: initial;
}
.rich-text li {
  margin-bottom: 8px;
}
.rich-text li ol,
.rich-text li ul {
  margin-bottom: 16px;
}
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
  margin-bottom: 0;
  margin-top: 32px;
}
/*  Rich Text - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.reveal-txt__btn {
  margin-top: 16px;
}
/*  Header - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.header__icon {
  color: rgba(0, 0, 0, 0.8);
  margin-right: 8px;
}
.header__title-link {
  color: rgba(0, 0, 0, 0.8);
}
.header .inline-social {
  margin-left: 8px;
}
@media screen and (max-width: 35.9375em) {
  .header .inline-social {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
  .header .inline-social > *:not(:first-child) {
    margin-top: 4px;
  }
}
/*  Pagination - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.pagination__item {
  width: 8px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.25);
  margin: 0 2px;
  border-radius: 16px;
}
.pagination__item.is--active,
.pagination__item:hover {
  background-color: rgba(0, 0, 0, 0.75);
}
/*  List Grid - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.list-grid {
  margin: 8px 0;
}
.list-grid--large .list-grid__list {
  margin: -16px;
}
.list-grid--large .list-grid__item {
  padding: 16px;
}
@media screen and (max-width: 47.9375em) {
  .list-grid__eyecatcher {
    display: none;
  }
}
.list-grid__header:not(.details__header) {
  margin-bottom: 16px;
}
/*  Eyecatcher - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Content Item - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.content-item,
a.content-item__primary,
a.content-item__secondary-inner {
  color: rgba(0, 0, 0, 0.7);
}
.video-duration-label {
  font-size: 0.875rem;
  font-weight: 300;
  bottom: 4px;
  right: 4px;
  color: white;
  background: rgba(0, 0, 0, 0.7);
  padding: 2px 4px;
}
/*  CTA - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.cta-btn {
  color: rgba(0, 0, 0, 0.7);
}
/*  Details - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.details {
  margin-top: 8px;
  margin-bottom: 32px;
}
@media screen and (min-width: 48em) {
  .details {
    margin-bottom: 64px;
  }
}
.details__header {
  margin-bottom: 32px;
}
@media screen and (min-width: 73.5em) {
  .details__header {
    margin-bottom: 64px;
  }
}
.details--article .details__header {
  margin-bottom: 16px;
}
.details__sub-header {
  margin-bottom: 16px;
}
.details__slider {
  margin-bottom: 16px;
}
@media screen and (min-width: 48em) {
  .details__slider {
    margin-bottom: 32px;
  }
}
.details__video {
  margin-bottom: 16px;
}
@media screen and (min-width: 48em) {
  .details__video {
    margin-bottom: 32px;
  }
}
.details__img {
  margin-bottom: 16px;
}
@media screen and (min-width: 48em) {
  .details__img {
    margin-bottom: 32px;
  }
}
.details__io {
  margin-bottom: 32px;
}
.details__descr {
  margin-bottom: 16px;
}
@media screen and (min-width: 48em) {
  .details__descr {
    margin-bottom: 32px;
  }
}
.details__descr .text__header {
  margin-bottom: 16px;
}
.details__section {
  margin-bottom: 16px;
}
@media screen and (min-width: 48em) {
  .details__section {
    margin-bottom: 32px;
  }
}
.details .list-grid {
  margin: 32px 0;
}
/*  Author - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Social - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.social-scope > * {
  margin-bottom: 8px;
}
@media screen and (min-width: 23.375em) {
  .social-scope > * {
    margin-right: 8px;
  }
}
.social--view-count {
  font-size: 1.125rem;
  font-weight: 500;
}
.social--comment-count .social__icon {
  margin-right: 0.25rem;
}
.like-btn {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.stacked-social > *:not(:first-child) {
  margin-top: 4px;
}
.inline-social > *:not(:first-child) {
  margin-left: 8px;
}
/*  Branding - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.has--no-banner .branding__inner {
  height: 100px;
}
.branding__logo {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.75);
          transform: translate3d(-50%, -50%, 0) scale(0.75);
  max-height: calc(100% + 25%);
}
.branding:not(.has--no-banner) .branding__banner-img {
  max-height: 100px;
}
/*  Navigation - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.site-navigation .nav__list {
  background-color: #333;
}
.site-navigation .nav__item:not(.is--active) .nav__link:hover,
.site-navigation .nav__item:not(.is--active) .nav__link:active,
.site-navigation .nav__item:not(.is--active) .nav__link:focus {
  background-color: #4d4d4d;
}
.site-navigation .nav__item.is--active .nav__link {
  background-color: #242424;
  color: white;
}
@media screen and (min-width: 73.5em) {
  .site-navigation .nav__item:not(.has--no-title) .nav__icon {
    margin-right: 4px;
  }
}
.site-navigation .nav__link {
  font-size: 1.125rem;
  font-weight: 500;
  padding: 8px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  font-family: "Cera Pro", sans-serif;
  color: white;
}
.site-navigation .nav__link:hover,
.site-navigation .nav__link:active,
.site-navigation .nav__link:focus {
  color: white;
}
.site-navigation .nav__icon {
  font-size: 1.375rem;
}
@media screen and (min-width: 73.5em) {
  .nav__item:not(.has--no-title) .site-navigation .nav__icon {
    margin-right: 4px;
  }
}
/*  Breadcrumb - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.breadcrumb {
  font-size: 0.875rem;
  font-weight: 300;
}
.breadcrumb__inner {
  padding: 8px 0;
}
.breadcrumb__label {
  color: rgba(0, 0, 0, 0.7);
  margin-right: 8px;
}
.breadcrumb__item {
  font-weight: bold;
}
.breadcrumb__item:before {
  color: #ccc;
  margin-left: 4px;
}
a.breadcrumb__title {
  color: rgba(0, 0, 0, 0.7);
}
/*  Carousel - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Slider - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.slider__pagination {
  bottom: 16px;
}
.slider__btn-icon {
  position: relative;
  padding: 20px;
  display: block;
}
.slider__btn-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slider__btn--prev {
  margin-left: 8px;
}
.slider__btn--next {
  margin-right: 8px;
}
/*  Accordian - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Modal - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Page Intro - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Async List - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.async-list .list-grid__item.ng-animate {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.async-list .list-grid__item.ng-enter,
.async-list .list-grid__item.ng-move {
  -webkit-animation-duration: 0.5s, 0.4s;
          animation-duration: 0.5s, 0.4s;
  -webkit-animation-name: slideInUp, fadeIn;
          animation-name: slideInUp, fadeIn;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.async-list .async-list__inner--stagger .list-grid__item.ng-enter-stagger {
  -webkit-animation-delay: 0.075s, 0.175s;
          animation-delay: 0.075s, 0.175s;
  -webkit-animation-duration: 0;
          animation-duration: 0;
}
.async-list__controls {
  margin-top: 16px;
}
.async-list__loader,
.async-list__btn {
  padding: 8px 24px;
  background-color: #333;
  font-family: "Cera Pro", sans-serif;
  border-radius: 8px;
  color: white;
  font-size: 1.125rem;
  font-weight: 500;
  min-width: 66.666%;
  max-width: 100%;
}
.async-list__loader:hover:not([disabled]),
.async-list__btn:hover:not([disabled]) {
  background-color: #424242;
}
.async-list__loader[disabled],
.async-list__btn[disabled] {
  opacity: 0.5;
  cursor: default;
}
@media screen and (min-width: 36em) {
  .async-list__loader,
  .async-list__btn {
    min-width: 33.333%;
  }
}
.grid-column--sidebar-left .async-list__loader,
.grid-column--sidebar-left .async-list__btn,
.grid-column--sidebar-right .async-list__loader,
.grid-column--sidebar-right .async-list__btn {
  min-width: 66.666%;
}
/*  Multiview List - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Mozaik List - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Promoted List - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  App - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Character - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Accessory - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Quiz - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Article - Default styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.kidsnavigation {
  background: #FFCF00 !important;
  height: auto !important;
}
.kidsnavigation-content {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media all and (min-width: 769px) {
  .kidsnavigation-content {
    max-width: calc(1200px + 32px * 2);
    padding: 0 32px;
  }
}
.kidsnavigation-left {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.kidsnavigation-left a {
  display: block;
}
.kidsnavigation__item {
  padding: 0 8px;
}
.kidsnavigation__item:first-child {
  padding: 0 24px 0 0;
}
.kidsnavigation .lego img {
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 47.9375em) {
  .kidsnavigation .lego img {
    width: 40px;
    height: 40px;
  }
}
.kidsnavigation .round-link {
  width: 46px;
  height: 46px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 47.9375em) {
  .kidsnavigation .round-link {
    width: 40px;
    height: 40px;
  }
}
.kidsnavigation .round-link:hover .link-content {
  -webkit-transform: translate(0px, -2px);
          transform: translate(0px, -2px);
}
.kidsnavigation .link-depth {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
}
.kidsnavigation .link-content {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  margin-bottom: 4px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
          box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
.kidsnavigation .link-content svg {
  fill: #fff;
}
.kidsnavigation .games .link-depth {
  background: #006AAD;
}
.kidsnavigation .games .link-content {
  background: -webkit-gradient(linear, left top, left bottom, from(#006AAD), to(#007BC0));
  background: linear-gradient(180deg, #006AAD 0%, #007BC0 100%);
}
.kidsnavigation .videos .link-depth {
  background: #B6264D;
}
.kidsnavigation .videos .link-content {
  background: -webkit-gradient(linear, left top, left bottom, from(#B6264D), to(#E32648));
  background: linear-gradient(180deg, #B6264D 0%, #E32648 100%);
}
.kidsnavigation .sets .link-depth {
  background: #00744B;
}
.kidsnavigation .sets .link-content {
  background: -webkit-gradient(linear, left top, left bottom, from(#00744B), to(#008746));
  background: linear-gradient(180deg, #00744B 0%, #008746 100%);
}
.kidsnavigation .life-link {
  display: block;
  position: relative;
}
.kidsnavigation .life-link__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/lego-life-small.9f29ad8eae922ab55c8e1ee77d6d7907.png);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 40% center;
}
/*  Custom styles
-------------------------------- */
/*  This is the main import file for all custom styles
*/
/*  Variables
-------------------------------- */
/*  Mixins
-------------------------------- */
.cars {
  height: 100vh;
  background: url(../images/cars-bg.0ce6b18c1ddaa08afc79b8007951cff0.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom center;
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars {
    background-size: cover;
  }
}
.cars__logo {
  position: absolute;
  top: 100px;
  height: 14%;
  width: 16%;
  left: 6%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__logo {
    top: 80px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars__logo {
    top: 100px;
  }
}
@media all and (max-width: 768px) {
  .cars__logo {
    width: 20%;
  }
}
@media screen and (max-width: 47.9375em) {
  .cars__logo {
    top: 100px;
  }
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars__logo {
    top: 100px;
    width: 105px;
  }
}
.cars__logo .format {
  padding-bottom: 0;
  height: 100%;
}
.cars__logo img {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: auto;
  max-width: 100%;
}
.cars__logo--2 {
  position: absolute;
  top: 85px;
  height: 14%;
  width: 16%;
  right: 6%;
}
.cars__logo--2 .format {
  padding-bottom: 0;
  height: 100%;
}
.cars__logo--2 .format__obj {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: auto;
  max-width: 100%;
}
.cars {
  overflow: hidden;
}
.cars .full-section-1 {
  height: 100vh;
}
.cars__hero {
  height: 100vh;
}
.cars__hero .format__obj {
  min-height: 1px;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__hero .format__obj {
    width: 60%;
  }
}
@media all and (max-width: 767px) and (orientation: landscape) {
  .cars__hero .format__obj {
    top: 60%;
  }
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars__hero .format__obj {
    top: 75%;
  }
}
.cars__hero .content-item__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 89.9375em) {
  .cars__hero .content-item__inner {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__hero .content-item__inner {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars__hero .content-item__inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.cars__hero .content-item__primary {
  position: static;
}
.cars__hero .cta {
  height: 100vh;
}
.cars__hero .cta__title {
  color: #fff;
  position: absolute;
  top: 16%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 800;
}
@media screen and (max-width: 47.9375em) {
  .cars__hero .cta__title {
    font-size: 1.875rem;
    top: 120px;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__hero .cta__title {
    top: 80px;
    font-size: 2rem;
  }
}
@media all and (max-width: 767px) and (orientation: landscape) {
  .cars__hero .cta__title {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars__hero .cta__title {
    font-size: 1.625rem;
    top: 28%;
  }
}
.cars__hero .sticker {
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 16%;
  top: 100px;
  left: 8px;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__hero .sticker {
    top: 80px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars__hero .sticker {
    top: 70px;
    width: 105px;
  }
}
.cars__btn {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 4%;
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars__btn {
    bottom: 20%;
  }
}
.cars__btn .cta-extra {
  width: 100%;
}
.cars__btn .cta-extra__inner {
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  font-size: 1.75rem;
  position: relative;
  z-index: 2;
  padding: 18px 80px;
}
@media screen and (max-width: 47.9375em) {
  .cars__btn .cta-extra__inner {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars__btn .cta-extra__inner {
    padding: 18px;
    display: block;
    width: 90%;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__btn .cta-extra__inner {
    font-size: 1.25rem;
    padding: 8px 80px;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars__btn .cta-extra__inner {
    width: auto;
  }
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars__btn .cta-extra__inner {
    padding: 8px;
    font-size: 1.25rem;
  }
}
.cars__btn .cta-extra__inner:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f3d40), color-stop(#1c1b1c), color-stop(#090909), color-stop(#010101), to(#000));
  background: linear-gradient(#3f3d40, #1c1b1c, #090909, #010101, #000);
  -webkit-transform: skew(-25deg);
          transform: skew(-25deg);
  border: 4px solid #c9c8c8;
  z-index: -1;
}
.cars__btn .cta-extra__inner:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 30px;
  height: 30px;
  background: url(../images/right-arr.6ed7abf2f92e476ef53fd92a6ec12a32.png);
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: middle;
  background-position: center;
}
@media screen and (max-width: 47.9375em) {
  .cars__btn .cta-extra__inner:after {
    width: 20px;
    height: 20px;
  }
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars__btn .cta-extra__inner:after {
    margin-left: 0;
  }
}
.cars__nav {
  position: absolute;
  width: 108px;
  z-index: 2;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__nav {
    width: 88px;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars__nav {
    width: 80px;
  }
}
.cars__nav-left {
  left: 0%;
}
@media screen and (max-width: 35.9375em) {
  .cars__nav-left {
    left: -3%;
  }
}
.cars__nav-right {
  right: 0%;
}
@media screen and (max-width: 35.9375em) {
  .cars__nav-right {
    right: -3%;
  }
}
.cars__nav img {
  height: 100%;
  width: auto;
}
.cars__navbar {
  width: 65%;
  margin: 0 auto;
}
@media screen and (max-width: 73.4375em) {
  .cars__navbar {
    width: 85%;
  }
}
@media screen and (max-width: 61.4375em) {
  .cars__navbar {
    width: 90%;
  }
}
.cars__navbar .list-grid__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.cars__navbar .list-grid__list:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f3d40), color-stop(#1c1b1c), color-stop(#090909), color-stop(#010101), to(#000));
  background: linear-gradient(#3f3d40, #1c1b1c, #090909, #010101, #000);
  -webkit-transform: skew(-25deg);
          transform: skew(-25deg);
  border: 4px solid #c9c8c8;
}
.cars__navbar .list-grid__list:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  right: 4px;
  top: 4px;
  bottom: 4px;
  border: 3px solid rgba(0, 0, 0, 0.8);
  border-right: 0 none;
  -webkit-transform: skew(-25deg);
          transform: skew(-25deg);
}
.cars__navbar .list-grid__item {
  z-index: 1;
  height: 80px;
  position: relative;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__navbar .list-grid__item {
    height: 50px;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars__navbar .list-grid__item {
    height: 55px;
  }
}
.cars__navbar .list-grid__item:first-child,
.cars__navbar .list-grid__item:last-child {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%;
  min-width: 25%;
}
.cars__navbar .list-grid__item:first-child .content-item__primary,
.cars__navbar .list-grid__item:last-child .content-item__primary {
  height: 100%;
  padding: 12px;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__navbar .list-grid__item:first-child .content-item__primary,
  .cars__navbar .list-grid__item:last-child .content-item__primary {
    padding: 3px 12px;
  }
}
.cars__navbar .list-grid__item:first-child:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #c9c8c8;
  -webkit-transform: skew(-25deg);
          transform: skew(-25deg);
}
.cars__navbar .list-grid__item:first-child:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: 4px;
  bottom: 4px;
  width: 3px;
  background: #000;
  -webkit-transform: skew(-25deg);
          transform: skew(-25deg);
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__navbar .list-grid__item:first-child .format__obj {
    height: 100%;
    width: auto;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars__navbar .list-grid__item:first-child .format__obj {
    height: auto;
    width: 100%;
  }
}
.cars__navbar .list-grid__item:nth-child(2) .content-item__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 47.9375em) {
  .cars__navbar .list-grid__item:nth-child(2) {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
.cars__navbar .list-grid__item:last-child:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #c9c8c8;
  -webkit-transform: skew(-25deg);
          transform: skew(-25deg);
}
.cars__navbar .list-grid__item:last-child:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  top: 4px;
  bottom: 4px;
  width: 3px;
  background: #000;
  -webkit-transform: skew(-25deg);
          transform: skew(-25deg);
}
@media screen and (max-width: 61.4375em) {
  .cars__navbar .list-grid__item:last-child img {
    height: 100%;
    width: auto;
  }
}
.cars__navbar .format {
  padding-bottom: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cars__navbar img {
  height: 100%;
  width: auto;
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  margin: 0 auto;
}
@media screen and (max-width: 61.4375em) {
  .cars__navbar img {
    height: auto;
    width: 100%;
  }
}
.cars__navbar .cta__title {
  font-size: 1.75rem;
  text-align: center;
  color: #fff;
  line-height: 24px;
}
@media screen and (max-width: 47.9375em) {
  .cars__navbar .cta__title {
    font-size: 1.375rem;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__navbar .cta__title {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars__navbar .cta__title {
    font-size: 1.25rem;
  }
}
@media all and (max-width: 360px) {
  .cars__navbar .cta__title {
    font-size: 1rem;
  }
}
.cars__fact {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  width: 75%;
  margin: 0 auto;
  background: #fff;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 13;
  visibility: hidden;
  border-radius: 30px;
}
@media screen and (max-width: 47.9375em) {
  .cars__fact {
    width: 90%;
  }
}
.cars__fact .grid-column,
.cars__fact .grid-content {
  padding: 0 !important;
}
.cars__fact .grid-column {
  max-width: none !important;
}
.cars__fact .content-item__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 35.9375em) {
  .cars__fact .content-item__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars__fact .content-item__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.cars__fact .content-item__primary {
  width: 60%;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
  background: #161c21;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__fact .content-item__primary {
    width: 50%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars__fact .content-item__primary {
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-right-radius: 30px;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars__fact .content-item__primary {
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
    width: 50%;
  }
}
.cars__fact .content-item__primary-inner {
  overflow: visible;
}
.cars__fact .content-item__secondary {
  width: 40%;
  padding: 24px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__fact .content-item__secondary {
    width: 50%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars__fact .content-item__secondary {
    width: 100%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars__fact .content-item__secondary {
    width: 50%;
  }
}
.cars__fact .cta__title,
.cars__fact .cta__txt {
  color: #000;
}
.cars__fact .cta__title {
  font-weight: 800;
  font-size: 1.125rem;
  margin-bottom: 8px;
}
@media screen and (max-width: 47.9375em) {
  .cars__fact .cta__title {
    font-size: 1rem;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__fact .cta__title {
    font-size: 1rem;
  }
}
.cars__fact .cta__txt {
  font-size: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .cars__fact .cta__txt {
    font-size: 0.875rem;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__fact .cta__txt {
    font-size: 0.875rem;
  }
}
.cars__fact .has--sticker {
  position: absolute;
  top: -8%;
  right: -2%;
  width: 70px;
  height: 70px;
  display: block;
  cursor: pointer;
}
@media all and (max-width: 768px) {
  .cars__fact .has--sticker {
    top: -12%;
    right: -4%;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__fact .has--sticker {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars__fact .has--sticker {
    top: -8%;
    right: -10%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars__fact .has--sticker {
    right: -4%;
  }
}
.cars__fact .has--sticker .sticker {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.cars__fact .format__obj {
  min-height: 1px;
  width: 100%;
}
.cars__fact-btn {
  position: absolute;
  width: 80px;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars__fact-btn {
    width: 60px;
  }
}
@media all and (max-width: 768px) {
  .cars__fact-btn {
    width: 60px;
  }
}
.cars-subpage {
  height: 105vh;
  width: 99%;
  background: url(../images/cars-bg.0ce6b18c1ddaa08afc79b8007951cff0.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom center;
}
.cars-subpage .full-section-1 {
  height: 100vh;
}
.cars-subpage .full-section-1 > .grid-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cars-subpage .img-comp {
  width: 80%;
  margin: 0 auto;
  margin-top: 8%;
  position: relative;
}
.cars-subpage .img-comp .list-grid__list {
  position: relative;
}
.cars-subpage .img-comp .format {
  padding-bottom: 0;
  height: 100%;
}
.cars-subpage .img-comp img {
  min-height: 1px;
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.cars-subpage .img-comp .resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
  max-width: none;
  min-width: 1px;
  -webkit-flex-basis: unset;
      -ms-flex-preferred-size: unset;
          flex-basis: unset;
  display: block;
  padding-right: 0;
}
.cars-subpage .full-section-2 {
  position: absolute;
  bottom: 4%;
  left: 0;
  right: 0;
  z-index: 10;
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars-subpage .full-section-2 {
    bottom: 20%;
  }
}
.cars-subpage .handle {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 3px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#686868), color-stop(#8e8e8e), color-stop(#afafaf), color-stop(#eaebeb), color-stop(#bebdbe), color-stop(#eaebeb), color-stop(#afafaf), color-stop(#8e8e8e), to(#686868));
  background: linear-gradient(#686868, #8e8e8e, #afafaf, #eaebeb, #bebdbe, #eaebeb, #afafaf, #8e8e8e, #686868);
  left: 50%;
  top: 0;
  bottom: 0;
  -webkit-box-shadow: 2px 0px 7px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 0px 7px rgba(0, 0, 0, 0.6);
}
.cars-subpage .handle:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url(../images/slider-btn.ddae09726535dfd0727a53091f29d190.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media all and (max-width: 414px) and (orientation: portrait) {
  .cars-subpage .handle:after {
    top: 60%;
  }
}
.cars-ferrari {
  height: 100vh;
  width: 100%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari .img-comp {
    width: 60%;
  }
}
.cars-ferrari .img-comp .resize {
  top: -3%;
}
.cars-ferrari .img-comp .list-grid__item {
  opacity: 0;
}
.cars-ferrari .img-comp .list-grid__item:last-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.cars-ferrari .img-comp .list-grid__item.show-car {
  opacity: 1;
}
.cars-ferrari__custom-nav {
  position: absolute;
  left: 50%;
  top: 120px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 200px;
  margin: 0;
}
@media screen and (max-width: 73.4375em) {
  .cars-ferrari__custom-nav {
    top: 110px;
    width: 170px;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari__custom-nav {
    top: 160px;
    width: 145px;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari__custom-nav {
    top: 85px;
    width: 110px;
    right: 0;
    -webkit-transform: translate(-125%, 0);
            transform: translate(-125%, 0);
    left: 100%;
  }
}
@media all and (min-width: 678px) and (max-width: 768px) and (orientation: portrait) {
  .cars-ferrari__custom-nav {
    top: 105px;
    right: 0;
    -webkit-transform: translate(-125%, 0);
            transform: translate(-125%, 0);
    left: 100%;
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars-ferrari__custom-nav {
    top: 65px;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-ferrari__custom-nav {
    top: 55px;
  }
}
@media all and (max-width: 375px) and (orientation: portrait) {
  .cars-ferrari__custom-nav {
    top: 145px;
  }
}
.cars-ferrari__custom-nav .content-item__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.cars-ferrari__custom-nav .format {
  padding-bottom: 0;
  height: 100%;
}
.cars-ferrari__custom-nav img {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 80%;
  height: auto;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari__custom-nav img {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari__custom-nav img {
    width: 60%;
    margin: 0 auto;
  }
}
.cars-ferrari__custom-nav .selected img {
  width: 100%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari__custom-nav .selected img {
    width: 70%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari__custom-nav .selected img {
    width: 70%;
  }
}
.cars-ferrari__custom-nav .list-grid__list {
  position: relative;
  padding: 8px 16px;
}
@media screen and (max-width: 73.4375em) {
  .cars-ferrari__custom-nav .list-grid__list {
    padding: 8px;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari__custom-nav .list-grid__list {
    padding: 2px;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari__custom-nav .list-grid__list {
    padding: 2px;
  }
}
.cars-ferrari__custom-nav .list-grid__list:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f3d40), color-stop(#1c1b1c), color-stop(#090909), color-stop(#010101), to(#000));
  background: linear-gradient(#3f3d40, #1c1b1c, #090909, #010101, #000);
  -webkit-transform: skew(-25deg);
  transform: skew(-25deg);
  border: 4px solid #c9c8c8;
}
.cars-ferrari__custom-nav .list-grid__list:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  right: 4px;
  top: 4px;
  bottom: 4px;
  border: 3px solid rgba(0, 0, 0, 0.8);
  border-right: 0 none;
  -webkit-transform: skew(-25deg);
  transform: skew(-25deg);
}
.cars-ferrari__custom-nav .list-grid__item {
  z-index: 2;
  cursor: pointer;
  padding: 8px 24px;
  position: relative;
}
@media screen and (max-width: 73.4375em) {
  .cars-ferrari__custom-nav .list-grid__item {
    padding: 8px 18px;
  }
}
@media screen and (max-width: 47.9375em) {
  .cars-ferrari__custom-nav .list-grid__item {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari__custom-nav .list-grid__item {
    padding: 8px 12px;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari__custom-nav .list-grid__item {
    padding: 8px;
  }
}
.cars-ferrari__custom-nav .list-grid__item:first-child:before {
  content: "";
  display: block;
  position: absolute;
  /* left: 0; */
  top: 2px;
  bottom: 2px;
  width: 4px;
  background: #c9c8c8;
  -webkit-transform: skew(-25deg);
  transform: skew(-25deg);
  right: -4px;
}
.cars-ferrari .cars__fact--01 .format__obj {
  width: 100%;
  top: 50%;
}
.cars-ferrari .cars__fact--02 .format__obj {
  width: 100%;
  left: 50%;
  top: 50%;
}
.cars-ferrari .cars__fact--03 .format__obj {
  min-height: 1px;
  height: 100%;
  width: auto;
}
.cars-ferrari .cars__fact--05 .format__obj,
.cars-ferrari .cars__fact--06 .format__obj {
  min-height: 1px;
}
.cars-ferrari .cars__fact-btn--01 {
  left: 0%;
  top: 8%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--01 {
    top: 6%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari .cars__fact-btn--01 {
    top: -24%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--01 {
    top: -2%;
  }
}
.cars-ferrari .cars__fact-btn--02 {
  left: 24%;
  top: -3%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--02 {
    top: -8%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari .cars__fact-btn--02 {
    left: 18%;
    top: -40%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--02 {
    top: -16%;
  }
}
.cars-ferrari .cars__fact-btn--03 {
  left: 36%;
  top: -14%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--03 {
    top: -20%;
    left: 36%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari .cars__fact-btn--03 {
    top: -58%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--03 {
    top: -30%;
  }
}
.cars-ferrari .cars__fact-btn--04 {
  top: -20%;
  left: 55%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--04 {
    top: -24%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari .cars__fact-btn--04 {
    top: -48%;
    left: 50%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--04 {
    top: -32%;
  }
}
.cars-ferrari .cars__fact-btn--05 {
  right: 20%;
  top: -12%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--05 {
    top: -16%;
    right: 16%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari .cars__fact-btn--05 {
    top: -37%;
    right: 12%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--05 {
    top: -22%;
  }
}
.cars-ferrari .cars__fact-btn--06 {
  top: 0%;
  right: -2%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--06 {
    top: -5%;
    right: -8%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-ferrari .cars__fact-btn--06 {
    top: -28%;
    right: -2%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-ferrari .cars__fact-btn--06 {
    top: -14%;
    right: -10%;
  }
}
.cars-mclaren .cars__fact--01 .format__obj {
  min-height: 1px;
  width: 60%;
}
.cars-mclaren .cars__fact--02 .format__obj {
  width: 100%;
}
.cars-mclaren .cars__fact--03 .format__obj {
  width: 100%;
  left: 50%;
  top: 50%;
}
.cars-mclaren .cars__fact--04 .format__obj {
  width: 100%;
  left: 50%;
}
.cars-mclaren .cars__fact--05 .format__obj {
  min-height: 1px;
}
.cars-mclaren .cars__fact-btn--01 {
  left: 6%;
  top: 8%;
}
@media screen and (max-width: 35.9375em) {
  .cars-mclaren .cars__fact-btn--01 {
    top: -20%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-mclaren .cars__fact-btn--01 {
    top: 0%;
  }
}
.cars-mclaren .cars__fact-btn--02 {
  left: 24%;
  top: -3%;
}
@media screen and (max-width: 35.9375em) {
  .cars-mclaren .cars__fact-btn--02 {
    top: -34%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-mclaren .cars__fact-btn--02 {
    top: -18%;
  }
}
.cars-mclaren .cars__fact-btn--03 {
  left: 45%;
  top: -16%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-mclaren .cars__fact-btn--03 {
    top: -20%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-mclaren .cars__fact-btn--03 {
    top: -48%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-mclaren .cars__fact-btn--03 {
    top: -32%;
  }
}
.cars-mclaren .cars__fact-btn--04 {
  top: -8%;
  left: 70%;
}
@media screen and (max-width: 35.9375em) {
  .cars-mclaren .cars__fact-btn--04 {
    top: -39%;
    left: 63%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-mclaren .cars__fact-btn--04 {
    top: -20%;
  }
}
.cars-mclaren .cars__fact-btn--05 {
  right: -3%;
  top: 0%;
}
@media screen and (max-width: 35.9375em) {
  .cars-mclaren .cars__fact-btn--05 {
    top: -25%;
  }
}
@media all and (max-width: 568px) and (orientation: landscape) {
  .cars-mclaren .cars__fact-btn--05 {
    top: -6%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-mclaren .cars__navbar .list-grid__item:last-child img {
    width: 100%;
    height: auto;
  }
}
.cars-jaguar .cars__fact--02 .format__obj {
  width: 100%;
  top: 50%;
}
.cars-jaguar .cars__fact-btn--01 {
  top: 16%;
  left: 2%;
}
@media screen and (max-width: 35.9375em) {
  .cars-jaguar .cars__fact-btn--01 {
    top: -6%;
  }
}
.cars-jaguar .cars__fact-btn--02 {
  left: 42%;
  top: -6%;
}
@media screen and (max-width: 35.9375em) {
  .cars-jaguar .cars__fact-btn--02 {
    top: -36%;
  }
}
.cars-jaguar .cars__fact-btn--03 {
  left: 22%;
  top: 4%;
}
@media screen and (max-width: 35.9375em) {
  .cars-jaguar .cars__fact-btn--03 {
    top: -22%;
  }
}
.cars-jaguar .cars__fact-btn--04 {
  top: -12%;
  left: 78%;
}
@media screen and (max-width: 35.9375em) {
  .cars-jaguar .cars__fact-btn--04 {
    top: -20%;
    left: 60%;
  }
}
.cars-jaguar .cars__fact-btn--05 {
  right: -2%;
  top: 12%;
}
@media screen and (max-width: 35.9375em) {
  .cars-jaguar .cars__fact-btn--05 {
    top: -14%;
    right: 0;
  }
}
.cars-jaguar .cars__navbar .cta__title {
  font-size: 1.25rem;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-jaguar .cars__navbar .cta__title {
    font-size: 1rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .cars-jaguar .cars__navbar .cta__title {
    font-size: 1rem;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-jaguar .cars__navbar .cta__title {
    font-size: 0.875rem;
  }
}
.cars-jaguar .cars__navbar .list-grid__item:last-child img {
  height: auto;
  width: 100%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-truck .img-comp {
    width: 50%;
  }
}
.cars-truck .cars__fact--01 .format__obj {
  top: 50%;
  width: 100%;
}
.cars-truck .cars__fact--02 .format__obj {
  width: 100%;
  left: 50%;
  top: 50%;
}
.cars-truck .cars__fact--03 .format__obj {
  top: 50%;
  width: 100%;
  left: 50%;
}
.cars-truck .cars__fact--04 .format__obj {
  top: 50%;
  width: 100%;
}
.cars-truck .cars__fact-btn--01 {
  left: 6%;
  top: 20%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--01 {
    left: 2%;
    top: 16%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-truck .cars__fact-btn--01 {
    top: -13%;
  }
}
@media all and (max-width: 667px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--01 {
    left: -3%;
  }
}
.cars-truck .cars__fact-btn--02 {
  left: 21%;
  top: 6%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--02 {
    top: -5%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-truck .cars__fact-btn--02 {
    left: 26%;
    top: -35%;
  }
}
@media all and (max-width: 667px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--02 {
    top: -16%;
  }
}
.cars-truck .cars__fact-btn--03 {
  left: 38%;
  top: -6%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--03 {
    top: -18%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-truck .cars__fact-btn--03 {
    left: 45%;
    top: -45%;
  }
}
@media all and (max-width: 667px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--03 {
    top: -26%;
    left: 45%;
  }
}
.cars-truck .cars__fact-btn--04 {
  top: 70%;
  left: 45%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--04 {
    top: 63%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-truck .cars__fact-btn--04 {
    top: 65%;
    left: 37%;
  }
}
@media all and (max-width: 667px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--04 {
    left: 38%;
  }
}
.cars-truck .cars__fact-btn--05 {
  right: 10%;
  top: 50%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--05 {
    right: 6%;
    top: 33%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-truck .cars__fact-btn--05 {
    right: 0%;
    top: 7%;
  }
}
@media all and (max-width: 667px) and (orientation: landscape) {
  .cars-truck .cars__fact-btn--05 {
    right: 2%;
    top: 27%;
  }
}
@media screen and (max-width: 61.4375em) {
  .cars-truck .cars__navbar .list-grid__item:first-child .format__obj {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-truck .cars__navbar .list-grid__item:first-child .format__obj {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-truck .cars__navbar .list-grid__item:last-child img {
    height: auto;
    width: 100%;
  }
}
.cars-dragster .img-comp {
  margin-top: 0;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-dragster .img-comp {
    width: 55%;
  }
}
.cars-dragster .cars__fact--04 .format__obj {
  width: 100%;
  left: 50%;
  top: 50%;
}
.cars-dragster .cars__fact--06 .format__obj {
  width: 100%;
  left: 50%;
}
.cars-dragster .cars__fact-btn--01 {
  left: 8%;
  top: 45%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--01 {
    top: 40%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-dragster .cars__fact-btn--01 {
    left: 3%;
    top: 20%;
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--01 {
    left: 0%;
    top: 22%;
  }
}
.cars-dragster .cars__fact-btn--02 {
  left: 28%;
  top: 45%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--02 {
    top: 40%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-dragster .cars__fact-btn--02 {
    top: 20%;
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--02 {
    left: 20%;
    top: 22%;
  }
}
.cars-dragster .cars__fact-btn--03 {
  left: 50%;
  top: 18%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--03 {
    top: 13%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-dragster .cars__fact-btn--03 {
    top: -28%;
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--03 {
    top: 0%;
  }
}
.cars-dragster .cars__fact-btn--04 {
  top: 18%;
  left: 70%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--04 {
    top: 13%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-dragster .cars__fact-btn--04 {
    top: -32%;
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--04 {
    left: 66%;
    top: 3%;
  }
}
.cars-dragster .cars__fact-btn--05 {
  right: 50%;
  top: 35%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--05 {
    top: 30%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-dragster .cars__fact-btn--05 {
    right: 40%;
    top: -11%;
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--05 {
    top: 10%;
  }
}
.cars-dragster .cars__fact-btn--06 {
  top: 30%;
  right: 6%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--06 {
    top: 25%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-dragster .cars__fact-btn--06 {
    top: 20%;
    right: 1%;
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--06 {
    right: 0%;
  }
}
.cars-dragster .cars__fact-btn--07 {
  right: 16%;
  top: 70%;
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--07 {
    top: 65%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-dragster .cars__fact-btn--07 {
    right: 6%;
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars-dragster .cars__fact-btn--07 {
    right: 10%;
  }
}
.cars-dragster .cars__navbar .list-grid__item:last-child img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 61.4375em) {
  .cars-dragster .cars__navbar .list-grid__item:first-child img {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-dragster .cars__navbar .list-grid__item:first-child img {
    width: auto;
    height: 100%;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-racing .img-comp {
    width: 65%;
  }
}
.cars-racing .cars__fact--01 .format__obj {
  width: 100%;
  top: 50%;
}
.cars-racing .cars__fact--02 .format__obj {
  width: 100%;
  top: 50%;
  left: 50%;
}
.cars-racing .cars__fact--03 .format__obj {
  width: 100%;
  top: 50%;
  left: 50%;
}
.cars-racing .cars__fact-btn--01 {
  left: 0%;
  top: 18%;
}
@media screen and (max-width: 35.9375em) {
  .cars-racing .cars__fact-btn--01 {
    top: -8%;
  }
}
@media all and (max-width: 736px) and (orientation: landscape) {
  .cars-racing .cars__fact-btn--01 {
    top: 8%;
  }
}
.cars-racing .cars__fact-btn--02 {
  left: 24%;
  top: 0%;
}
@media screen and (max-width: 35.9375em) {
  .cars-racing .cars__fact-btn--02 {
    top: -20%;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-racing .cars__fact-btn--02 {
    top: -10%;
  }
}
.cars-racing .cars__fact-btn--03 {
  left: 40%;
  top: -8%;
}
@media screen and (max-width: 35.9375em) {
  .cars-racing .cars__fact-btn--03 {
    top: -32%;
    left: 43%;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-racing .cars__fact-btn--03 {
    top: -18%;
    left: 40%;
  }
}
.cars-racing .cars__fact-btn--04 {
  top: -15%;
  left: 55%;
}
@media screen and (max-width: 35.9375em) {
  .cars-racing .cars__fact-btn--04 {
    top: -42%;
    left: 60%;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-racing .cars__fact-btn--04 {
    top: -26%;
    left: 55%;
  }
}
.cars-racing .cars__fact-btn--05 {
  right: 16%;
  top: -10%;
}
@media screen and (max-width: 35.9375em) {
  .cars-racing .cars__fact-btn--05 {
    right: -4%;
    top: -32%;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-racing .cars__fact-btn--05 {
    top: -19%;
    right: 16%;
  }
}
.cars-racing .cars__fact-btn--06 {
  top: 18%;
  right: 2%;
}
@media screen and (max-width: 35.9375em) {
  .cars-racing .cars__fact-btn--06 {
    top: 60%;
    right: -5%;
  }
}
@media all and (max-width: 914px) and (orientation: landscape) {
  .cars-racing .cars__fact-btn--06 {
    right: -5%;
    top: 18%;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-racing .cars__navbar .list-grid__item:last-child img {
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width: 61.4375em) {
  .cars-racing .cars__navbar .list-grid__item:first-child img {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-racing .cars__navbar .list-grid__item:first-child img {
    height: 100%;
    width: auto;
  }
}
.cars-electric {
  height: 100vh;
  width: 100%;
}
.cars-electric .static {
  width: 60%;
  margin: 0 auto;
  margin-top: 8%;
  position: relative;
}
.cars-electric .static img {
  width: 100%;
  min-height: 1px;
}
@media screen and (max-width: 61.4375em) {
  .cars-electric .cars__navbar .list-grid__item:first-child img {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 35.9375em) {
  .cars-electric .cars__navbar .list-grid__item:first-child img {
    height: 100%;
    width: auto;
  }
}
.cars-race {
  background: url(../images/Bg-1.955b88d6d4346a66060510f5e5721600.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cars-race .static {
  width: 60%;
  margin: 0 auto;
  margin-top: 8%;
  position: relative;
}
.cars-race .static img {
  height: 100%;
  width: auto;
}
.cars-race .cars__fact-btn--01 {
  left: -5%;
  top: 18%;
}
.cars-race .cars__fact-btn--02 {
  left: 20%;
}
.cars-race .cars__fact-btn--03 {
  left: 90%;
  top: 30%;
}
.cars-race .cars__navbar .list-grid__item:first-child img {
  height: 100%;
  width: auto;
}
.cars-street {
  background: url(../images/Bg-2.fa971f925a46ef285eed069e15cd58a0.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cars-street .cars__fact-btn--01 {
  left: 14%;
  top: 25%;
}
.cars-street .cars__fact-btn--02 {
  left: 32%;
}
.cars-street .cars__fact-btn--03 {
  left: 80%;
  top: 25%;
}
.cars-street .cars__navbar .list-grid__item:first-child img {
  height: 100%;
  width: auto;
}
.cars-street .cars__navbar .list-grid__item:last-child img {
  height: 100%;
  width: auto;
}
@media screen and (max-width: 89.9375em) {
  .cars-street .cars__navbar .list-grid__item:last-child img {
    height: auto;
    width: 100%;
  }
}
.ford {
  background: url(../images/Ford_bg-2.c55de5aa4caa77194a4bf6ddee577006.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ford .cars__fact-btn--01 {
  top: -16%;
  left: 15%;
}
.ford .cars__fact-btn--02 {
  top: -20%;
  left: 50%;
}
.ford .cars__fact-btn--03 {
  top: -6%;
  left: 75%;
}
.ford .cars__navbar .list-grid__item:first-child img {
  height: auto;
  width: 100%;
}
@media all and (max-width: 768px) {
  .ford .cars__navbar .list-grid__item:last-child img {
    width: 100%;
    height: auto;
  }
}


/*# sourceMappingURL=cars-2020.css.map*/