/*  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.

    Before changing variabels, go and read guidelines: https://company-9718.frontify.com/document/4050#/introduction/welcome
*/
/*  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
-------------------------------- */
/*  Just some convenient color variables, not really used by default themes
*/
/*  Typography
-------------------------------- */
/* font-size, weight
*/
/*  Buttons
-------------------------------- */
/*  Branding
-------------------------------- */
/*  Navigation
-------------------------------- */
/*  Breadcrumb
-------------------------------- */
/*  Carousel
-------------------------------- */
/*  Slider
-------------------------------- */
/*  Mainstage
-------------------------------- */
/*  Character
-------------------------------- */
/*  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: white;
  background: #000;
}
/*  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: white;
  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: #323232;
  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: #414141;
}
.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: white;
  margin-right: 8px;
}
.header__title-link {
  color: white;
}
.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: white;
}
.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: white;
}
/*  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
*/
.branding {
  background-color: black;
}
.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.4375rem;
  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;
}
@media screen and (min-width: 36em) {
  .site-navigation .nav__link {
    font-size: 1.625rem;
  }
}
.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: white;
  margin-right: 8px;
}
.breadcrumb__item {
  font-weight: bold;
}
.breadcrumb__item:before {
  color: #ccc;
  margin-left: 4px;
}
a.breadcrumb__title {
  color: white;
}
/*  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: #323232;
  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: #414141;
}
.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(assets/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
-------------------------------- */
/* Bugatti
-----------------------------------------------*/
/*  Mixins
-------------------------------- */
.headlinesize {
  font-size: 1.5rem;
  line-height: 1.25rem;
}
@media screen and (min-width: 61.5em) {
  .headlinesize {
    font-size: 1.625rem;
    line-height: 1.625rem;
    font-weight: normal;
  }
}
/*

    Insert license here

*/
@font-face {
  font-family: 'BebasNeue';
  src: url(fonts/bebasneue_thin.eot);
  src: url(fonts/bebasneue_thin.eot?#iefix) format('embedded-opentype'), url(fonts/bebasneue_thin.woff) format('woff'), url(fonts/bebasneue_thin.ttf) format('ttf');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url(fonts/bebasneue_light.eot);
  src: url(fonts/bebasneue_light.eot?#iefix) format('embedded-opentype'), url(fonts/bebasneue_light.woff) format('woff'), url(fonts/bebasneue_light.ttf) format('ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url(fonts/bebasneue_book.eot);
  src: url(fonts/bebasneue_book.eot?#iefix) format('embedded-opentype'), url(fonts/bebasneue_book.woff) format('woff'), url(fonts/bebasneue_book.ttf) format('ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url(fonts/bebasneue_regular.eot);
  src: url(fonts/bebasneue_regular.eot?#iefix) format('embedded-opentype'), url(fonts/bebasneue_regular.woff) format('woff'), url(fonts/bebasneue_regular.ttf) format('ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url(fonts/bebasneue_bold.eot);
  src: url(fonts/bebasneue_bold.eot?#iefix) format('embedded-opentype'), url(fonts/bebasneue_bold.woff) format('woff'), url(fonts/bebasneue_bold.ttf) format('ttf');
  font-weight: bold;
  font-style: normal;
}
.slider__btn {
  padding: 24px;
  border-radius: 50%;
  position: relative;
}
.slider__btn--next .slider__btn-icon:before {
  content: '\E629';
}
.slider__btn--prev .slider__btn-icon:before {
  content: '\E62A';
}
.slider__btn-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
  font-size: 2.1875rem;
}
.slider__pagination .pagination__item {
  background-color: white;
  border: solid 1px #4b4b4b;
  opacity: 0.6;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.slider__pagination .pagination__item.is--active {
  position: relative;
}
.slider__pagination .pagination__item.is--active:before {
  content: "";
  position: absolute;
  background-color: #4b4b4b;
  border: solid 1px white;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
/*  Layout
-------------------------------- */
body > .grid-row:not(.grid-row--full-width) > .grid-column,
.grid-row--full-width > .grid-column > .grid-row > .grid-column {
  padding: 0;
}
.bugatti {
  background: #fff;
}
.bugatti .breadcrumb {
  display: none;
}
.bugatti h1,
.bugatti h2,
.bugatti h3,
.bugatti h4,
.bugatti h5 {
  font-weight: 100;
}
.bugatti .branding__inner {
  min-height: 130px;
}
.bugatti .branding__logo {
  padding: 34px 34px 34px 34px ;
}
.bugatti .site-navigation {
  background: black;
}
.bugatti .site-navigation .nav__inner {
  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;
}
.bugatti .site-navigation .nav__list {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 1440px;
  background: black;
  border-bottom: solid 1px #4b4b4b;
  margin: auto 16px 30px 16px;
}
.bugatti .site-navigation .nav__item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.bugatti .site-navigation .nav__item * {
  text-align: center;
  font-weight: 400;
}
.bugatti .site-navigation .nav__item .nav__link {
  width: 100%;
  padding: 8px 0;
}
.bugatti .site-navigation .nav__item .nav__link:hover {
  background-color: transparent;
}
.bugatti .site-navigation .nav__item:first-child .nav__title {
  margin-left: 1px;
}
.bugatti .site-navigation .nav__item:last-child .nav__title {
  margin-right: 1px;
}
.bugatti .site-navigation .nav__item.is--active .nav__link {
  background: transparent;
  border: 0;
  color: white;
}
.bugatti .site-navigation .nav__item.is--active .nav__title {
  background: transparent;
  border: 0;
  color: white;
  border-bottom: solid 1px white;
}
.bugatti .site-navigation .nav__item .nav__title {
  background: transparent;
  border: 0;
  display: inline-block;
  color: #999;
  margin: 0 auto;
}
.bugatti .site-navigation .nav__title {
  font-size: 1rem;
}
@media all and (orientation: portrait) {
  .bugatti-home .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop).format,
  .bugatti-home .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop) .format {
    padding-bottom: 56.05%;
  }
  .bugatti-home .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop).format__obj,
  .bugatti-home .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop) .format__obj {
    height: 100.4%;
    min-width: 100.2%;
    width: auto;
    min-height: 0;
  }
  .bugatti-home .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop) .sticker {
    bottom: 3%;
  }
}
.bugatti-home .page-intro {
  background: black;
}
.bugatti-home .page-intro__inner {
  text-align: center;
  padding: 75px 24px;
}
.bugatti-home .section-1,
.bugatti-home .section-2,
.bugatti-home .section-3 {
  position: relative;
}
.bugatti-home .section-1 > .grid-column,
.bugatti-home .section-2 > .grid-column,
.bugatti-home .section-3 > .grid-column {
  max-width: 100% !important;
}
.bugatti-home .section-1 > .grid-column .grid-content,
.bugatti-home .section-2 > .grid-column .grid-content,
.bugatti-home .section-3 > .grid-column .grid-content {
  padding: 0;
}
.bugatti-home-mainstagevideo .bugatti-home-mainstage-video-item {
  width: 100%;
}
.bugatti-home-mainstage-zoom .content-item__inner {
  position: relative;
}
.bugatti-home-mainstage-zoom .content-item__primary {
  overflow: hidden;
  position: relative;
}
.bugatti-home-mainstage-zoom .content-item__primary .content-item__img {
  -webkit-transform-origin: center;
          transform-origin: center;
}
.bugatti-home-mainstage-zoom .sticker {
  bottom: -20%;
  -webkit-transform: scale(1) translateX(-50%);
          transform: scale(1) translateX(-50%);
  height: 100%;
  left: 50%;
  width: 38%;
}
.bugatti-home-mainstage-zoom .sticker .sticker__img {
  width: 100%;
  bottom: -10%;
  top: auto;
  position: absolute;
}
.bugatti-home-mainstage-shop .content-item__inner .content-item__img {
  padding: 10%;
}
@media screen and (min-width: 48em) {
  .bugatti-home-mainstage-shop .content-item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .bugatti-home-mainstage-shop .content-item__inner > * {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
  .bugatti-home-mainstage-shop .content-item__inner .content-item__img {
    margin-left: 15%;
    margin-top: -10%;
    padding: 15%;
  }
  .bugatti-home-mainstage-shop .content-item__inner .content-item__primary {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bugatti-home-mainstage-shop .content-item__inner .content-item__primary-inner {
    padding-bottom: 100% !important;
  }
}
.bugatti-home-mainstage-shop .content-item__inner .content-item__secondary {
  background: rgba(0, 0, 0, 0.6);
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  padding: 24px;
}
.bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta__title {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
@media screen and (min-width: 48em) {
  .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary-inner {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    max-width: 700px;
    padding: 24px;
  }
  .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta__btn {
    position: absolute;
    bottom: 50px;
    left: 144%;
    padding: 20px 90px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta-btn {
  background: #ff6900;
  white-space: nowrap;
  border-radius: 4px;
  font-size: 0.5625rem;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  z-index: 200;
}
@media screen and (max-width: 47.9375em) {
  .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta-btn {
    margin-top: 36px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta-btn__inner {
  display: inline-block;
}
.bugatti-home .bugatti-home-contentsection .content-item__inner {
  position: relative;
}
.bugatti-home .bugatti-home-contentsection .content-item__primary {
  overflow: hidden;
  position: relative;
}
.bugatti-home .bugatti-home-contentsection .content-item__primary .content-item__img {
  -webkit-transform-origin: center;
          transform-origin: center;
}
.bugatti-home .bugatti-home-contentsection .content-item__secondary {
  max-width: 1440px;
  background: rgba(0, 0, 0, 0.6);
  padding: 24px;
}
@media screen and (min-width: 61.5em) {
  .bugatti-home .bugatti-home-contentsection .content-item__secondary {
    background: transparent;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: 100;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0px;
  }
}
.bugatti-home .bugatti-home-contentsection .content-item__secondary-inner {
  padding: 0px;
  z-index: 150;
  -webkit-box-align: center ;
  -webkit-align-items: center ;
      -ms-flex-align: center ;
          align-items: center ;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
@media screen and (min-width: 61.5em) {
  .bugatti-home .bugatti-home-contentsection .content-item__secondary-inner {
    padding: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30%;
  }
}
@media screen and (min-width: 61.5em) {
  .bugatti-home .bugatti-home-contentsection .content-item__secondary-inner:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: -1000%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
}
.bugatti-home .bugatti-home-contentsection .content-item__secondary * {
  color: white;
}
.bugatti-home .bugatti-home-contentsection .cta__title {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
.bugatti-home .bugatti-home-contentsection .cta-btn {
  background: rgba(0, 0, 0, 0.4);
  padding: 20px 90px;
  border-radius: 4px;
  margin-top: 16px;
  text-transform: uppercase;
  font-size: 0.5625rem;
  font-weight: 900;
  letter-spacing: 2px;
}
@media screen and (min-width: 61.5em) {
  .bugatti-home .bugatti-home-contentsection .cta-btn {
    margin-top: auto;
    right: 20%;
    top: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
  }
}
@media screen and (max-width: 61.4375em) {
  .bugatti-home .bugatti-home-contentsection .cta-btn {
    margin-top: 36px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.bugatti-home .bugatti-home-contentsection .cta-btn__inner {
  display: inline-block;
}
@media screen and (min-width: 61.5em) {
  .bugatti-home .bugatti-home-contentsection-right .content-item__secondary-inner {
    right: 0;
    left: auto;
    width: 30%;
  }
  .bugatti-home .bugatti-home-contentsection-right .content-item__secondary-inner:before {
    right: -1000%;
    left: 0;
  }
}
.bugatti-home .bugatti-home-alternative .content-item__inner {
  position: relative;
}
.bugatti-home .bugatti-home-alternative .content-item__secondary {
  background: #1ea1cf;
  padding: 24px;
}
@media screen and (min-width: 61.5em) {
  .bugatti-home .bugatti-home-alternative .content-item__secondary {
    background: transparent;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
  }
  .bugatti-home .bugatti-home-alternative .content-item__secondary-inner {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .bugatti-home .bugatti-home-alternative .content-item__secondary-inner * {
    color: white;
    text-align: center;
    width: 100%;
    min-width: 100%;
    padding: 5% 20% 0% 20%;
  }
  .bugatti-home .bugatti-home-alternative .content-item__secondary-inner .cta__title {
    position: absolute;
    top: 2%;
  }
}
.bugatti-home .bugatti-home-alternative .content-item__secondary .cta__title {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
.bugatti-home-area-06 {
  padding-top: 5%;
  padding-bottom: 5%;
}
.bugatti-home-area-09 {
  padding-top: 10%;
}
.technic-bugatti-countdown {
  position: relative;
}
.technic-bugatti-countdown .branding {
  background: transparent;
  position: absolute;
  z-index: 200;
  margin-top: 3%;
  width: 100%;
}
.technic-bugatti-countdown .branding .branding__logo {
  max-width: 388px;
}
.technic-bugatti-countdown .section-1 {
  z-index: 100;
  position: relative;
  padding-bottom: 170%;
}
@media screen and (min-width: 36em) {
  .technic-bugatti-countdown .section-1 {
    padding-bottom: 100%;
  }
}
@media screen and (min-width: 61.5em) {
  .technic-bugatti-countdown .section-1 {
    padding-bottom: 56.5%;
  }
}
.technic-bugatti-countdown .section-2 {
  display: none;
}
.technic-bugatti-countdown .technic-buggatti-fullscreen-bg {
  position: absolute;
  opacity: 0.45;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (min-width: 48em) {
  .technic-bugatti-countdown .technic-buggatti-fullscreen-bg {
    width: 100%;
  }
}
.technic-bugatti-countdown .technic-buggatti-fullscreen-bg__video {
  height: 100%;
  max-width: none;
}
@media screen and (min-width: 61.5em) {
  .technic-bugatti-countdown .technic-buggatti-fullscreen-bg__video {
    width: 100%;
  }
}
.technic-bugatti-countdown-text,
.technic-bugatti-countdown-wrapper {
  position: absolute;
  width: 90%;
  max-width: 1176px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (min-width: 36em) {
  .technic-bugatti-countdown-text,
  .technic-bugatti-countdown-wrapper {
    width: 60%;
  }
}
.technic-bugatti-countdown-text .list-grid__item,
.technic-bugatti-countdown-wrapper .list-grid__item {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%;
  min-width: 25%;
  text-align: center;
  font-family: 'BebasNeue', Arial, sans-serif;
  display: inline-block;
  padding: 0;
  line-height: 1;
  font-size: 1.875rem;
  font-weight: 300;
}
@media screen and (min-width: 36em) {
  .technic-bugatti-countdown-text .list-grid__item,
  .technic-bugatti-countdown-wrapper .list-grid__item {
    font-size: 3.4375rem;
  }
}
@media screen and (min-width: 48em) {
  .technic-bugatti-countdown-text .list-grid__item,
  .technic-bugatti-countdown-wrapper .list-grid__item {
    font-size: 4.5rem;
  }
}
.technic-bugatti-countdown-text .list-grid__item *,
.technic-bugatti-countdown-wrapper .list-grid__item * {
  width: 100%;
  text-align: center;
  font-weight: 100;
  font-size: 1rem;
}
@media screen and (max-width: 61.4375em) {
  .technic-bugatti-countdown-text .list-grid__item *,
  .technic-bugatti-countdown-wrapper .list-grid__item * {
    font-family: "Cera Pro", sans-serif;
    font-size: 0.6875rem;
  }
}
.technic-bugatti-countdown-text {
  border-top: solid 1px #666;
  top: 35%;
}
.technic-bugatti-countdown-text > * {
  margin-top: 10px;
}
.technic-bugatti-countdown-wrapper {
  margin-bottom: 0;
  margin-top: 0;
  bottom: 65%;
}
.technic-bugatti-countdown-wrapper .grid-content {
  margin-bottom: 0px;
  margin-top: 0px;
}
.technic-bugatti-countdown-textitem {
  position: absolute;
  top: 50%;
}
@media screen and (min-width: 48em) {
  .technic-bugatti-countdown-textitem {
    width: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.technic-bugatti-countdown-textitem .cta {
  cursor: auto;
}
.technic-bugatti-countdown-textitem .cta__title {
  font-weight: 100;
  text-transform: none;
  margin-bottom: 15px;
  color: #ccc;
  font-size: 1rem;
}
@media screen and (min-width: 48em) {
  .technic-bugatti-countdown-textitem .cta__title {
    font-size: 1.625rem;
  }
}
.technic-bugatti-countdown-textitem .cta__sub-title {
  font-weight: 100;
  font-size: 1rem;
}
@media screen and (min-width: 48em) {
  .technic-bugatti-countdown-textitem .cta__sub-title {
    font-size: 1.625rem;
  }
}
.technic-bugatti-countdown-textitem * {
  font-weight: 800;
  color: #999;
  text-align: center;
  font-size: 0.875rem;
}
.technic-bugatti-countdown-textitem .cta__extra-txt,
.technic-bugatti-countdown-textitem .cta-btn {
  margin-top: 25px;
  cursor: pointer;
}
.technic-bugatti-countdown-textitem .cta-btn__inner {
  margin-top: 5px;
}
.technic-bugatti-countdown-item {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  width: 50%;
  text-align: center;
  color: white;
}
.technic-bugatti-countdown-item .content-item__secondary-inner {
  font-size: 2.1875rem;
}
@media screen and (min-width: 48em) {
  .technic-bugatti-countdown-item .content-item__secondary-inner {
    font-size: 3.75rem;
  }
}
.bugatti-podcast {
  background: #000;
}
.bugatti-podcast > .section-1 > .grid-column,
.bugatti-podcast > .section-2 > .grid-column {
  max-width: 100% !important;
}
.bugatti-podcast .text__header {
  text-align: center;
  font-size: 1.875rem;
}
.bugatti-podcast .page-intro {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
}
.bugatti-podcast .page-intro__txt {
  color: #bbb;
}
.bugatti-podcast .page-intro__inner {
  margin: 4%;
}
.bugatti-podcast-list .list-grid__item {
  overflow: hidden;
  padding: 0;
}
.bugatti-podcast .details__main {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
.bugatti-podcast .details__main .is--sidebar-content {
  display: block !important;
}
.bugatti-podcast .details--activity {
  position: relative;
  width: 100%;
  padding-top: 5%;
  padding-bottom: 5%;
}
.bugatti-podcast .details__header,
.bugatti-podcast .details__descr,
.bugatti-podcast .details__io {
  z-index: 50;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
}
.bugatti-podcast .details__header {
  margin-bottom: 16px;
}
.bugatti-podcast .details__header h1 {
  font-size: 1.875rem;
}
.bugatti-podcast .details__descr {
  margin-top: 16px;
}
.bugatti-podcast .details__links {
  display: none;
}
.bugatti-podcast .details__img {
  max-width: 100%;
  width: 100%;
  position: absolute;
  top: -40%;
  z-index: 0;
  background: black;
}
@media screen and (max-width: 61.4375em) {
  .bugatti-podcast .details__img {
    top: 0%;
  }
  .bugatti-podcast .details__img.format,
  .bugatti-podcast .details__img .format {
    padding-bottom: 100%;
  }
  .bugatti-podcast .details__img.format__obj,
  .bugatti-podcast .details__img .format__obj {
    width: 100.4%;
    min-height: 100.2%;
    height: auto;
    min-width: 0;
  }
}
.bugatti-podcast .details__img img {
  opacity: 0.2;
}
.bugatti-podcast .details p {
  z-index: 50;
  position: relative;
  color: #bbbbbb;
}
.buggatti-podcast-player {
  width: 100%;
}
.buggatti-podcast-player .play-pause {
  width: 60px;
  height: 60px;
  background: #4b4b4b;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  border: solid 1px white;
}
.buggatti-podcast-player .play-pause:before {
  content: '\E63C';
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: LEGO Icons!important;
}
.buggatti-podcast-player .play-pause.player-icon-stop:before {
  content: '\E63D';
}
.buggatti-podcast-player .player {
  position: relative;
  width: 100%;
  height: 60px;
}
.buggatti-podcast-player .progress-wrap {
  position: absolute;
  height: 20px;
  left: 0;
  top: 20px;
  width: 80%;
  margin-left: 70px;
  cursor: pointer;
}
@media screen and (min-width: 48em) {
  .buggatti-podcast-player .progress-wrap {
    width: 93%;
  }
}
.buggatti-podcast-player .progress-wrap:before {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #4b4b4b;
  top: 9px;
  content: "";
}
.buggatti-podcast-player .progress {
  position: absolute;
  height: 1px;
  left: 0;
  top: 9px;
  background-color: #00a8ff;
}
.bugatti-codebreaker {
  color: black;
  background: black;
}
.bugatti-codebreaker .page-intro__title {
  color: white;
  text-align: center;
  padding: 4% 4% 0 4% ;
}
.bugatti-codebreaker .header__title.is--sub-title {
  font-size: 1.625rem;
}
.bugatti-codebreaker .section-1 {
  background: black;
}
.bugatti-codebreaker .section-2 > .grid-column {
  max-width: 100% !important;
}
.bugatti-codebreaker .section-2 > .grid-column > section {
  background: black;
  color: white;
  z-index: 100;
}
@media screen and (min-width: 48em) {
  .bugatti-codebreaker .section-2 > .grid-column > section {
    height: 100%;
  }
}
.bugatti-codebreaker .section-2 > .grid-column > section > section {
  height: 100%;
}
.bugatti-codebreaker .section-2 .grid-content {
  padding: 0;
}
.bugatti-codebreaker .section-2 .access-approved {
  width: 100%;
  background: black;
  height: 100%;
  padding: 0px 36px 36px 36px ;
}
.bugatti-codebreaker .section-2 .access-approved > * {
  max-width: 1440px;
  margin: 0 auto;
}
.bugatti-codebreaker .section-2 .access-approved .article-txt {
  padding-bottom: 4%;
  text-align: center;
}
.bugatti-codebreaker .section-2 .access-requested article:nth-of-type(1) {
  color: white;
  background-color: black;
  border-bottom: solid 1px #4b4b4b;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
.bugatti-codebreaker .section-2 .access-requested article:nth-of-type(1) .rich-text {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 24px 48px 24px ;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .bugatti-codebreaker .section-2 .access-requested {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .bugatti-codebreaker .section-2 .access-requested > * {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
.bugatti-codebreaker .section-2 .access-requested .access-area {
  max-width: 750px;
  padding-bottom: 36px;
}
.bugatti-codebreaker .section-2 .access-requested .access-area h3 {
  text-align: center;
  margin-top: 20%;
}
.bugatti-codebreaker .section-2 .access-requested .access-area form {
  margin: 16px auto;
  width: 250px;
}
.bugatti-codebreaker .section-2 .access-requested .access-area label {
  display: block;
  font-size: 0.75rem;
}
.bugatti-codebreaker .section-2 .access-requested .access-area label input {
  background: black;
}
.bugatti-codebreaker .section-2 .access-requested .access-area input {
  display: block;
  margin-bottom: 16px;
  background: #555;
  border: solid 1px #4b4b4b;
  padding: 8px;
  color: #999;
  width: 100%;
  font-size: 0.75rem;
}
@media screen and (max-width: 73.4375em) {
  .bugatti-codebreaker-gfxcontainer.format,
  .bugatti-codebreaker-gfxcontainer .format {
    padding-bottom: 133.133%;
  }
  .bugatti-codebreaker-gfxcontainer.format__obj,
  .bugatti-codebreaker-gfxcontainer .format__obj {
    height: 100.4%;
    min-width: 100.2%;
    width: auto;
    min-height: 0;
  }
}
.bugatti-buildforreal {
  background: black;
}
@media all and (orientation: portrait) {
  .bugatti-buildforreal .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop).format,
  .bugatti-buildforreal .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop) .format {
    padding-bottom: 56.05%;
  }
  .bugatti-buildforreal .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop).format__obj,
  .bugatti-buildforreal .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop) .format__obj {
    height: 100.4%;
    min-width: 100.2%;
    width: auto;
    min-height: 0;
  }
  .bugatti-buildforreal .bugatti-home-mainstage:not(.bugatti-home-mainstage-shop) .sticker {
    bottom: 3%;
  }
}
.bugatti-buildforreal .page-intro {
  background: black;
}
.bugatti-buildforreal .page-intro__inner {
  text-align: center;
  padding: 75px 24px;
}
.bugatti-buildforreal .section-1,
.bugatti-buildforreal .section-2,
.bugatti-buildforreal .section-3,
.bugatti-buildforreal .section-4 {
  position: relative;
}
.bugatti-buildforreal .section-1 > .grid-column,
.bugatti-buildforreal .section-2 > .grid-column,
.bugatti-buildforreal .section-3 > .grid-column,
.bugatti-buildforreal .section-4 > .grid-column {
  max-width: 100% !important;
}
.bugatti-buildforreal .section-1 > .grid-column .grid-content,
.bugatti-buildforreal .section-2 > .grid-column .grid-content,
.bugatti-buildforreal .section-3 > .grid-column .grid-content,
.bugatti-buildforreal .section-4 > .grid-column .grid-content {
  padding: 0;
}
.bugatti-buildforreal-mainstagevideo .bugatti-home-mainstage-video-item {
  width: 100%;
}
.bugatti-buildforreal-mainstage-zoom .content-item__inner {
  position: relative;
}
.bugatti-buildforreal-mainstage-zoom .content-item__primary {
  overflow: hidden;
  position: relative;
}
.bugatti-buildforreal-mainstage-zoom .content-item__primary .content-item__img {
  -webkit-transform-origin: center;
          transform-origin: center;
}
.bugatti-buildforreal-mainstage-zoom .sticker {
  bottom: -20%;
  -webkit-transform: scale(1) translateX(-50%);
          transform: scale(1) translateX(-50%);
  height: 100%;
  left: 50%;
  width: 38%;
}
.bugatti-buildforreal-mainstage-zoom .sticker .sticker__img {
  width: 100%;
  bottom: -10%;
  top: auto;
  position: absolute;
}
.bugatti-buildforreal .full-section-5 .grid-column {
  max-width: 100%;
}
.bugatti-buildforreal .bugatti-home-mainstage-shop {
  background: black;
}
.bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__img {
  padding: 0 !important;
  margin: 0 !important;
}
@media screen and (min-width: 48em) {
  .bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner > * {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
  .bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__primary {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__primary-inner {
    padding-bottom: 100% !important;
  }
}
.bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  padding: 24px;
}
.bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary-inner {
  background: rgba(0, 0, 0, 0.6);
}
.bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta__title {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
@media screen and (min-width: 48em) {
  .bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary-inner {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    max-width: 700px;
    padding: 24px;
  }
  .bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta__btn {
    position: absolute;
    bottom: 50px;
    left: 144%;
    padding: 20px 90px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta-btn {
  background: #ff6900;
  white-space: nowrap;
  border-radius: 4px;
  font-size: 0.5625rem;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  z-index: 200;
}
@media screen and (max-width: 47.9375em) {
  .bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta-btn {
    margin-top: 36px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.bugatti-buildforreal .bugatti-home-mainstage-shop .content-item__inner .content-item__secondary .cta-btn__inner {
  display: inline-block;
}
.bugatti-buildforreal .bugatti-buildforreal-center-noimage .content-item__primary {
  display: none;
}
.bugatti-buildforreal .bugatti-buildforreal-center-noimage .content-item__secondary {
  max-width: 1000px;
  margin: 48px auto 64px auto;
}
.bugatti-buildforreal .bugatti-buildforreal-center-noimage .content-item__secondary * {
  text-align: center;
}
.bugatti-buildforreal .bugatti-buildforreal-center-noimage .content-item__secondary * .cta__title {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
.bugatti-buildforreal .bugatti-home-contentsection .content-item__inner {
  position: relative;
}
.bugatti-buildforreal .bugatti-home-contentsection .content-item__primary {
  overflow: hidden;
  position: relative;
}
.bugatti-buildforreal .bugatti-home-contentsection .content-item__primary .content-item__img {
  -webkit-transform-origin: center;
          transform-origin: center;
}
.bugatti-buildforreal .bugatti-home-contentsection .content-item__secondary {
  max-width: 1440px;
  background: rgba(0, 0, 0, 0.6);
  padding: 24px;
}
@media screen and (min-width: 61.5em) {
  .bugatti-buildforreal .bugatti-home-contentsection .content-item__secondary {
    background: transparent;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: 100;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0px;
  }
}
.bugatti-buildforreal .bugatti-home-contentsection .content-item__secondary-inner {
  padding: 0px;
  z-index: 150;
  -webkit-box-align: center ;
  -webkit-align-items: center ;
      -ms-flex-align: center ;
          align-items: center ;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
@media screen and (min-width: 61.5em) {
  .bugatti-buildforreal .bugatti-home-contentsection .content-item__secondary-inner {
    padding: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30%;
  }
}
@media screen and (min-width: 61.5em) {
  .bugatti-buildforreal .bugatti-home-contentsection .content-item__secondary-inner:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: -1000%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
}
.bugatti-buildforreal .bugatti-home-contentsection .content-item__secondary * {
  color: white;
}
.bugatti-buildforreal .bugatti-home-contentsection .cta__title {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
.bugatti-buildforreal .bugatti-home-contentsection .cta-btn {
  background: rgba(0, 0, 0, 0.4);
  padding: 20px 90px;
  border-radius: 4px;
  margin-top: 16px;
  text-transform: uppercase;
  font-size: 0.5625rem;
  font-weight: 900;
  letter-spacing: 2px;
}
@media screen and (min-width: 61.5em) {
  .bugatti-buildforreal .bugatti-home-contentsection .cta-btn {
    margin-top: auto;
    right: 20%;
    top: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
  }
}
@media screen and (max-width: 61.4375em) {
  .bugatti-buildforreal .bugatti-home-contentsection .cta-btn {
    margin-top: 36px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.bugatti-buildforreal .bugatti-home-contentsection .cta-btn__inner {
  display: inline-block;
}
@media screen and (min-width: 61.5em) {
  .bugatti-buildforreal .bugatti-home-contentsection-right .content-item__secondary-inner {
    right: 0;
    left: auto;
    width: 30%;
  }
  .bugatti-buildforreal .bugatti-home-contentsection-right .content-item__secondary-inner:before {
    right: -1000%;
    left: 0;
  }
}
.bugatti-buildforreal .bugatti-buildforreal-facts .grid-content {
  text-align: center;
}
.bugatti-buildforreal .bugatti-buildforreal-facts .text {
  padding: 64px 5px;
  display: inline-block;
}
.bugatti-buildforreal .bugatti-buildforreal-facts .text h4 {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
.bugatti-buildforreal .bugatti-buildforreal-facts .text > * {
  text-align: left;
}
.bugatti-buildforreal .bugatti-home-alternative .content-item__inner {
  position: relative;
}
.bugatti-buildforreal .bugatti-home-alternative .content-item__secondary {
  background: #1ea1cf;
  padding: 24px;
}
@media screen and (min-width: 61.5em) {
  .bugatti-buildforreal .bugatti-home-alternative .content-item__secondary {
    background: transparent;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
  }
  .bugatti-buildforreal .bugatti-home-alternative .content-item__secondary-inner {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .bugatti-buildforreal .bugatti-home-alternative .content-item__secondary-inner * {
    color: white;
    text-align: center;
    width: 100%;
    min-width: 100%;
    padding: 5% 20% 0% 20%;
  }
  .bugatti-buildforreal .bugatti-home-alternative .content-item__secondary-inner .cta__title {
    position: absolute;
    top: 2%;
  }
}
.bugatti-buildforreal .bugatti-home-alternative .content-item__secondary .cta__title {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
.bugatti-buildforreal-area-06 {
  padding-top: 5%;
  padding-bottom: 5%;
}
.bugatti-buildforreal-area-09 {
  padding-top: 10%;
}
.bugatti-buildforreal.award .section-2 .text {
  padding-top: 36px;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
}
.bugatti-buildforreal.award .section-2 .text * {
  text-align: center;
}
.bugatti-mediapage .bugatti-home-mainstagevideo .grid-content {
  padding: 0;
}
.bugatti-mediapage .bugatti-home-contentsection.content-item .content-item__primary {
  display: none;
}
.bugatti-mediapage .bugatti-home-contentsection.content-item .content-item__secondary * {
  text-align: center;
  color: black;
}
.bugatti-mediapage .bugatti-home-contentsection.content-item .content-item__secondary .cta__title {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
.bugatti-mediapage .text * {
  color: black;
}
.bugatti-mediapage .bugatti-buildforreal-center-noimage .content-item__primary {
  display: none;
}
.bugatti-mediapage .bugatti-buildforreal-center-noimage .content-item__secondary * {
  text-align: center;
  color: black;
}
.bugatti-mediapage .bugatti-buildforreal-center-noimage .content-item__secondary .cta__title {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
.bugatti-mediapage .bugatti-home-mainstage-3 .content-item__secondary {
  max-width: 1000px;
  margin: 48px auto 64px auto;
}
.bugatti-mediapage-factslist .list-grid__item {
  padding: 48px;
}
.bugatti-mediapage-factslist .text__header {
  font-size: 1.875rem;
  margin-bottom: 25px;
}
@media screen and (max-width: 61.4375em) {
  .bugatti-mediapage .mediapage-list.format,
  .bugatti-mediapage .mediapage-list .format {
    padding-bottom: 100%;
  }
  .bugatti-mediapage .mediapage-list.format__obj,
  .bugatti-mediapage .mediapage-list .format__obj {
    height: 100.4%;
    min-width: 100.2%;
    width: auto;
    min-height: 0;
  }
}
@media screen and (max-width: 47.9375em) {
  .bugatti-mediapage .mediapage-list.format,
  .bugatti-mediapage .mediapage-list .format {
    padding-bottom: 56.05%;
  }
  .bugatti-mediapage .mediapage-list.format__obj,
  .bugatti-mediapage .mediapage-list .format__obj {
    width: 100.4%;
    min-height: 100.2%;
    height: auto;
    min-width: 0;
  }
}
.bugatti-mediapage-downloads .header__title {
  margin-top: 80px;
  margin-bottom: 32px;
  color: black;
  text-align: center;
}
.bugatti-mediapage-downloads .content-item__secondary {
  display: block;
  color: white;
  background-color: black;
  border-radius: 4px;
  min-height: 100%;
  padding: 20px 30px;
}
.bugatti-mediapage-downloads .content-item__secondary:hover {
  opacity: 0.8;
}
.bugatti-mediapage-downloads .content-item__secondary * {
  text-align: center;
  width: 100%;
  font-size: 0.6875rem;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
}


/*# sourceMappingURL=technic-2018-1hy-bugatti.css.map*/