/*  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
-------------------------------- */
/*  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.
*/
/*  Coloring
-------------------------------- */
/*  Typography
-------------------------------- */
/*  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; }
*/
/*  Variables
-------------------------------- */
/*  Content Item
*/
/*  Custom formats

    Used by Hero, Mainstage slider, ..
*/
/*  CTA
*/
/*  Hero
*/
/*  Button
*/
/*  type  alternative  accent  color

    alternative = on colored/photo background
    accent = background/border color
    color = font color
*/
/*  Header
*/
/*  Carousel
*/
/*  Slider
*/
/*  Branding
*/
/*  Mainstage (slider)
*/
/*  Modal
*/
/*  Tools
-------------------------------- */
/*  Tools - Debug
-------------------------------- */
/*  Tools from shared
-------------------------------- */
/*  Mixins
-------------------------------- */
/*  Coloring hero object
*/
/*  Coloring mainstage-slider CTA
*/
/*  Button
*/
/* General hover
*/
/* Custom format (tall/widee)
*/
/*  Custom styles
-------------------------------- */
/*  This is the main import file for all custom styles
*/
/*  Variables
-------------------------------- */
/*  Mixins
-------------------------------- */
/*  Defaults for adult skin
-------------------------------- */
/*  This file colors, changes font and some other smaller things based on the variables in _config.less

    This file is being referenced in all the skins based on the new shared adult template "_template", so think
    twice about making changes in this file. Only add items here that is supposed to be changed depending on the
    config file in the new shared adult template "_template"
*/
.branding,
.site-navigation {
  background-color: #000;
}
.site-navigation .nav__link,
.site-navigation .nav__item.is--active .nav__link {
  color: #ffffff;
}
.site-navigation .nav__item.is--active .nav__link .nav__title {
  border-color: #ffffff;
}
a {
  color: #000;
}
::-moz-selection {
  background: #000;
  color: #ffffff;
}
::selection {
  background: #000;
  color: #ffffff;
}
::-moz-selection {
  background: #000;
  color: #ffffff;
}
.list-grid__header .header__title,
.hero .cta__title,
.mainstage-slider .cta__title {
  font-family: "Cera Pro", sans-serif;
}
/*  Import your stuff here
*/
body {
  overflow-x: visible;
}
body > .grid-row {
  overflow-x: hidden;
  max-width: 100vw;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    /* IE10+ CSS styles go here */
  }
  body .hero .cta__btn-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.site-branding {
  background: #000;
  text-align: center;
}
.site-branding a {
  display: inline-block;
}
.nav--pill {
  margin: 0px;
  padding: 16px 0px;
}
.nav--pill .nav__item .nav__link {
  border: 1px solid #000;
}
.nav--pill .nav__item.is--active .nav__link {
  border: none;
  background-color: #fff;
}
.mainstage-slider .cta:not(.is--alt-btn) .cta__btn {
  background-color: white;
  color: #000;
}
.text-qoute {
  text-align: center;
  padding: 32px 64px;
  position: relative;
}
@media screen and (min-width: 61.5em) {
  .text-qoute {
    padding: 64px 128px;
  }
}
.text-qoute .content-item {
  max-width: 830px;
  margin: 0 auto;
}
.text-qoute .cta__txt {
  font-size: 1.2rem;
  color: #000;
}
.text-qoute .cta__txt::before,
.text-qoute .cta__txt::after {
  font-size: 70px;
  font-weight: bold;
  position: absolute;
  width: 30px;
  height: 70px;
}
@media screen and (min-width: 61.5em) {
  .text-qoute .cta__txt::before,
  .text-qoute .cta__txt::after {
    font-size: 120px;
    width: 50px;
    height: 120px;
  }
}
.text-qoute .cta__txt::before {
  content: "\201D";
  right: 100%;
  top: -35px;
}
@media screen and (min-width: 61.5em) {
  .text-qoute .cta__txt::before {
    top: -60px;
  }
}
.text-qoute .cta__txt::after {
  content: "\201E \201E";
  left: 100%;
  bottom: 0;
}
.hero--full .content-item__secondary-inner {
  max-width: 830px;
}
.hero--full.black .content-item__secondary:before {
  background: #000;
}
.hero--block .cta__sub-title {
  font-size: 2rem;
  font-weight: 700;
}
.hero--block .cta__title {
  font-weight: 700;
}
.hero--block:not(.hero--full) .content-item__secondary {
  text-align: center;
}
.hero--block:not(.hero--full) .content-item__secondary-inner {
  max-width: none;
  padding: 32px 32px;
  max-width: 830px;
}
@media screen and (min-width: 61.5em) {
  .hero--block:not(.hero--full) .content-item__secondary-inner {
    padding: 32px 64px;
  }
}
@media screen and (min-width: 90em) {
  .hero--block:not(.hero--full) .content-item__secondary-inner {
    padding: 32px 96px;
  }
}
.hero--block:not(.hero--full) .content-item__secondary-inner .cta__btn,
.hero--block:not(.hero--full) .content-item__secondary-inner .cta__secondary-btn {
  background-color: #4a4a4a;
  color: #fff;
  margin: 0 auto;
}
.hero--block:not(.hero--full) .content-item__secondary::before {
  background: #fff;
}
.hero--block:not(.hero--full) .has--primary-btn.has--secondary-btn .cta__btn-wrapper .cta__btn,
.hero--block:not(.hero--full) .has--primary-btn.has--secondary-btn .cta__btn-wrapper .cta__secondary-btn {
  margin-left: auto;
  margin: 0 auto 10px auto;
  border-radius: 4px;
  line-height: 28px;
  border: none;
}
.hero--block:not(.hero--full) .cta__title,
.hero--block:not(.hero--full) .cta__txt {
  color: #2d2d2d;
}
.hero--block.hero--full:not(.headline) .content-item__secondary-inner {
  padding: 48px 16px;
}
@media screen and (min-width: 90em) {
  .hero--block.all-image .content-item {
    padding-bottom: 675px;
  }
}
.manage-subscription .content-item__button-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.manage-subscription button {
  margin-right: 16px;
}
.manage-subscription button:last-of-type {
  margin-right: 0px;
}
.grid-row:not(.sticky-cta-list) .content-item__button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.grid-row:not(.sticky-cta-list) .content-item__button-wrapper button {
  margin: 4px;
  padding: 8px 32px;
  border-radius: 4px;
  border: 1px solid #4a4a4a;
  color: #2d2d2d;
  background: #fff;
  text-align: center;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  font-family: "Cera Pro", sans-serif;
  min-width: 100%;
}
.grid-row:not(.sticky-cta-list) .content-item__button-wrapper button:hover {
  cursor: pointer;
}
.grid-row:not(.sticky-cta-list) .content-item__button-wrapper button.cta__btn {
  color: #fff;
  background: #4a4a4a;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.grid-row:not(.sticky-cta-list) .content-item__button-wrapper button .cta-extra__inner {
  line-height: 1.75rem;
  width: 100%;
}
@media screen and (min-width: 23.375em) {
  .grid-row:not(.sticky-cta-list) .content-item__button-wrapper button {
    min-width: 70%;
  }
}
@media screen and (min-width: 36em) {
  .grid-row:not(.sticky-cta-list) .content-item__button-wrapper button {
    min-width: 0;
  }
}
@media screen and (min-width: 61.5em) {
  .grid-row:not(.sticky-cta-list) .content-item__button-wrapper button {
    min-width: 80%;
  }
}
@media screen and (min-width: 90em) {
  .grid-row:not(.sticky-cta-list) .content-item__button-wrapper button {
    min-width: 0;
  }
}
.list-grid.list-grid--quick {
  background-color: #fbfbfb;
  text-align: center;
  padding: 64px 0;
  margin: 0;
}
.list-grid.list-grid--quick .grid-content {
  margin: auto;
  max-width: 60%;
}
@media all and (max-width: 984px) {
  .list-grid.list-grid--quick .grid-content {
    max-width: 80%;
  }
}
@media all and (max-width: 768px) {
  .list-grid.list-grid--quick .grid-content {
    max-width: 90%;
  }
}
.list-grid.list-grid--quick .grid-content .list-grid__list {
  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;
}
.list-grid.list-grid--quick .grid-content li .content-item__primary-inner {
  border-radius: 50%;
}
.list-grid.list-grid--quick .grid-content li .content-item__secondary {
  margin-top: 8px;
}
.carousel-list {
  padding: 0px 32px 32px;
  margin: 0;
}
@media screen and (min-width: 61.5em) {
  .carousel-list {
    padding: 0 64px 64px;
  }
}
.carousel-list .cta__txt {
  color: #2d2d2d;
  text-align: center;
}
.carousel-list .carousel__btn--prev {
  left: 4px;
}
.carousel-list .carousel__btn--next {
  right: 4px;
}
.carousel-list .carousel__btn-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.75rem;
  padding: 20px;
  color: #fff;
  background: #4a4a4a;
  border-radius: 50%;
}
.carousel-list .carousel__btn-icon.icon-angle-left::before,
.carousel-list .carousel__btn-icon.icon-angle-right::before {
  font-size: 1.2rem;
}
.headline .content-item__secondary-inner {
  text-align: center;
  padding: 48px 16px;
}
.headline .cta__title {
  font-size: 2rem;
  font-weight: 700;
}
.headline .cta__txt {
  color: #2d2d2d;
  font-size: 1rem;
}
.headline.carousel--headline .cta__title {
  margin-bottom: 16px;
  font-weight: 700;
}
.headline.carousel--headline .content-item__secondary-inner {
  padding: 16px;
}
.headline.content-headline .content-item__secondary-inner {
  padding: 48px 16px 0px;
}
.yellow {
  background: #ffdd00;
}
.yellow .content-item__secondary:before {
  background: #ffdd00;
}
.cyan {
  background: #2ebbcf;
}
.cyan .cta__sub-title,
.cyan .cta__title,
.cyan .cta__txt {
  color: #2d2d2d;
}
.cyan .content-item__secondary:before {
  background: #2ebbcf;
}
.black {
  background: #000;
}
.black .content-item__secondary:before {
  background: #000;
}
.grey {
  background: #e5e5e5;
}
.grey .content-item__secondary:before {
  background: #e5e5e5;
}
.grey .cta__sub-title,
.grey .cta__title,
.grey .cta__txt {
  color: #2d2d2d;
}
.dark-text,
.dark-text .cta__text,
.dark-text p {
  color: #2d2d2d !important;
}
.dark-text-all,
.dark-text-all .cta__text,
.dark-text-all .cta__sub-title,
.dark-text-all .cta__title,
.dark-text-all p {
  color: #2d2d2d !important;
}
.dark-text-all .content-item__secondary-inner .cta__btn-wrapper .cta__btn {
  background-color: #2d2d2d;
  color: #fff;
  border-color: #2d2d2d;
}
.sticky-cta-list {
  margin: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 2;
}
.sticky-cta-list .list-grid__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;
  max-width: 1000px;
  margin: 0 auto;
}
.sticky-cta-list .list-grid__inner .list-grid__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0px;
  display: none;
}
@media screen and (min-width: 48em) {
  .sticky-cta-list .list-grid__inner .list-grid__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.sticky-cta-list .list-grid__inner .list-grid__header .header__title {
  width: 100%;
  padding-right: 16px;
  font-size: 1.2rem;
  font-weight: bold;
}
.sticky-cta-list .list-grid__list {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (min-width: 48em) {
  .sticky-cta-list .list-grid__list {
    width: auto;
  }
}
.sticky-cta-list .list-grid__list li {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  max-width: 135px;
  min-width: 0px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (min-width: 61.5em) {
  .sticky-cta-list .list-grid__list li {
    max-width: 175px;
  }
}
.sticky-cta-list .list-grid__list li .cta {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.sticky-cta-list .list-grid__list li .cta.has--primary-btn {
  background: #fffdf1;
  color: #2d2d2d;
  border: 1px solid #4a4a4a;
  padding: 8px 32px;
  border-radius: 4px;
  text-align: center;
}
.sticky-cta-list .list-grid__list li .cta.signup-btn {
  background: #4a4a4a;
  color: #fff;
}
.sticky-cta-list .list-grid__list li img {
  max-height: 25px;
  min-height: 25px;
  margin: 0 auto;
}
@media screen and (min-width: 23.375em) {
  .sticky-cta-list .list-grid__list li img {
    max-height: 32px;
    min-height: 30px;
  }
}
@media screen and (min-width: 48em) {
  .sticky-cta-list .list-grid__list li img {
    max-height: 38px;
    min-height: 35px;
  }
}
@media screen and (min-width: 73.5em) {
  .sticky-cta-list .list-grid__list li img {
    max-height: 45px;
    min-height: 40px;
  }
}
.sticky-cta-list .list-grid__list li .content-item__secondary {
  margin-top: 0px;
}
.sticky-cta-list .content-item__primary-inner.format {
  height: auto;
  padding-bottom: 0px;
  width: 100%;
}
.sticky-cta-list .content-item__primary-inner.format img {
  position: static;
  width: auto;
  max-width: 100%;
  -webkit-transform: none;
          transform: none;
}
.sticky-cta-list.magazine-links .list-grid__list li {
  max-width: none;
}
.sticky-cta-list.magazine-links .list-grid__list li .content-item__secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sticky-cta-list.magazine-links .list-grid__list li .content-item__secondary-inner {
  width: 100%;
}
.sticky-cta-list.magazine-links .list-grid__list li .content-item__secondary button {
  padding: 8px 32px;
  border-radius: 4px;
  border: 1px solid #4a4a4a;
  color: #2d2d2d;
  background: #fffdf1;
  text-align: center;
}
.sticky-cta-list.magazine-links .list-grid__list li .content-item__secondary button:hover {
  cursor: pointer;
}
.sticky-cta-list.magazine-links .list-grid__list li .content-item__secondary button:hover .cta-extra__inner,
.sticky-cta-list.magazine-links .list-grid__list li .content-item__secondary button:hover .cta-btn__inner {
  opacity: 0.7;
}
.sticky-cta-list.magazine-links .list-grid__list li .content-item__secondary button.cta-extra {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin-right: 0;
}
.sticky-cta-list.magazine-links .list-grid__list li .content-item__secondary button.cta__btn {
  color: #fff;
  background: #4a4a4a;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 16px;
}
.sticky-cta-list.app-links-page {
  position: relative;
  z-index: 1;
  padding-bottom: 32px;
}
.is--revealed ~ .sticky-cta-list {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.is--sticky ~ .sticky-cta-list {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.text-with-media {
  margin: 0;
}
.text-with-media .list-grid__list {
  margin: 0px;
}
.text-with-media .list-grid__item {
  padding: 0px;
  position: relative;
}
.text-with-media .grid-content {
  padding: 0px;
}
@media screen and (max-width: 61.4375em) {
  .text-with-media.swap-in-mobile .list-grid__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.text-with-media.ol-with-numbers ol {
  list-style: decimal;
}
.text-with-media .content-item--video .content-item__inner .format {
  padding-bottom: 56.25%;
  position: relative;
}
.text-with-media .content-item--video .content-item__inner .format::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  height: 75px;
  width: 75px;
}
.text-with-media .content-item--video .content-item__inner .format:after {
  font-family: LEGO Icons!important;
  content: "\E63C";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) translateX(4px);
          transform: translate(-50%, -50%) translateX(4px);
  color: rgba(255, 255, 255, 0.85);
  font-size: 2.2rem;
  z-index: 2;
}
.text-with-media .text {
  padding: 32px;
  max-width: 700px;
  width: 90%;
}
@media screen and (min-width: 61.5em) {
  .text-with-media .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.text-with-media .text .text__header {
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: 16px;
}
.text-with-media.big-text .list-grid__list > li:first-child {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 61.5em) {
  .text-with-media.big-text .list-grid__list > li:first-child {
    -webkit-flex-basis: 66.66666667%;
        -ms-flex-preferred-size: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    min-width: 66.66666667%;
  }
}
.text-with-media.big-text .list-grid__list > li:first-child .text {
  max-width: 750px;
  width: 100%;
  position: relative;
}
.text-with-media.big-text .list-grid__list > li:last-child {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 61.5em) {
  .text-with-media.big-text .list-grid__list > li:last-child {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
  }
}
.text-with-media.big-text .list-grid__list > li:last-child .content-item__primary {
  height: 100%;
}
.text-with-media.big-text .list-grid__list > li:last-child .content-item__primary-inner {
  height: 100%;
}
.text-with-media.big-text.narrow-img .content-item__primary-inner img.format__obj {
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
  height: 100.2%;
}
@media screen and (min-width: 61.5em) {
  .text-with-media.big-text.fifty-fifty-tablet .content-item__primary-inner {
    padding-bottom: 64.8%;
  }
}
@media screen and (min-width: 73.5em) {
  .text-with-media.big-text.fifty-fifty-tablet .content-item__primary-inner {
    padding-bottom: 511px;
  }
}
.text-with-media.big-text.fifty-fifty-tablet .list-grid__list > li:first-child {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 61.5em) {
  .text-with-media.big-text.fifty-fifty-tablet .list-grid__list > li:first-child {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 73.5em) {
  .text-with-media.big-text.fifty-fifty-tablet .list-grid__list > li:first-child {
    -webkit-flex-basis: 66.66666667%;
        -ms-flex-preferred-size: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    min-width: 66.66666667%;
  }
}
.text-with-media.big-text.fifty-fifty-tablet .list-grid__list > li:last-child {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 61.5em) {
  .text-with-media.big-text.fifty-fifty-tablet .list-grid__list > li:last-child {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 73.5em) {
  .text-with-media.big-text.fifty-fifty-tablet .list-grid__list > li:last-child {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
  }
}
.text-with-media.hero.fit-text .text {
  width: 100%;
  position: relative;
}
.text-with-media.hero.fit-text .text__body {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.text-with-media.hero.fit-text .list-grid__item {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 61.5em) {
  .text-with-media.hero.fit-text .list-grid__item {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
.text-with-media.hero.fit-text .content-item__primary {
  height: 100%;
}
@media screen and (min-width: 61.5em) {
  .text-with-media.hero.fit-text .content-item__primary-inner {
    padding-bottom: 64.8%;
  }
}
@media screen and (min-width: 73.5em) {
  .text-with-media.hero.fit-text .content-item__primary-inner {
    padding-bottom: 56.25%;
  }
}
.text-with-media.hero.fit-text .content-item__primary-inner.format {
  height: 100%;
}
@media screen and (min-width: 61.5em) {
  .text-with-media.hero.fit-text .content-item__primary-inner {
    padding-bottom: 64.8%;
  }
}
@media screen and (min-width: 73.5em) {
  .text-with-media.hero.fit-text .content-item__primary-inner {
    padding-bottom: 56.25%;
  }
}
.text-with-media.hero.fit-text .content-item__primary-inner .format {
  padding-bottom: 0;
  height: 100%;
}
.text-with-media.full-image .has--image .content-item__primary-inner img.format__obj {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100.4%;
}
.hero--slider .slider__btn {
  border-radius: 50%;
  background: #4a4a4a;
}
.hero--slider .slider__btn-icon {
  color: #fff;
}
.hero--slider .slider__btn-icon::before {
  font-size: 1.2rem;
}
.hero--slider .slider__nav {
  max-width: none;
}
.hero--slider .slider__nav .slider__btn--prev {
  margin-left: 8px;
}
.hero--slider .slider__nav .slider__btn--next {
  margin-right: 8px;
}
.slider__right {
  position: relative;
}
@media screen and (min-width: 48em) {
  .slider__right .content-item__secondary-inner {
    position: absolute;
    right: 0px;
    width: 40%;
    padding: 32px 2% 32px 0 !important;
  }
  .slider__right .content-item__secondary-inner .cta__btn {
    min-width: unset;
  }
}
.signup-form {
  max-width: 900px;
  margin: 0 auto;
}
.signup-form h3 {
  font-size: 1.5rem;
}
.signup-form .col {
  margin: 24px 0;
}
.signup-form .form-group {
  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;
  position: relative;
}
@media screen and (min-width: 48em) {
  .signup-form .form-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.signup-form .form-group label {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .signup-form .form-group label {
    width: 20%;
    margin-right: 5%;
  }
}
.signup-form .form-group__input {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 48em) {
  .signup-form .form-group__input {
    width: 75%;
  }
}
.signup-form .form-group__input input,
.signup-form .form-group__input select {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  border: 2px solid #ccc;
  background: #fff;
}
.signup-form .form-group__input input[disabled="disabled"],
.signup-form .form-group__input select[disabled="disabled"] {
  background: #eee;
}
.signup-form .form-group__input input.suggestion,
.signup-form .form-group__input select.suggestion {
  border: 2px solid #266089;
  color: #266089;
}
.signup-form .form-group__input input:active,
.signup-form .form-group__input select:active,
.signup-form .form-group__input input:focus,
.signup-form .form-group__input select:focus {
  border-color: #0086cc;
}
.signup-form .form-group__extra {
  position: absolute;
  right: 1%;
  left: auto;
  top: 28px;
  background: #0086cc;
  color: #fff;
  padding: 7.11111111px;
  max-width: 350px;
  width: auto;
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 1rem;
  z-index: 1;
}
@media screen and (max-width: 47.9375em) {
  .signup-form .form-group__extra {
    top: 52px;
    max-width: calc(48% - 16px);
  }
}
@media screen and (max-width: 47.9375em) {
  .signup-form .form-group__extra {
    right: 16px;
  }
}
.signup-form .form-group__error {
  position: absolute;
  right: auto;
  left: 26%;
  top: 28px;
  background: #f05023;
  color: #fff;
  padding: 7.11111111px;
  max-width: 350px;
  width: auto;
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 1rem;
  z-index: 1;
}
@media screen and (max-width: 47.9375em) {
  .signup-form .form-group__error {
    top: 52px;
    max-width: calc(48% - 16px);
  }
}
@media screen and (max-width: 47.9375em) {
  .signup-form .form-group__error {
    left: 16px;
  }
}
.signup-form .form-group__error--heard-about-us {
  left: 8px;
}
.signup-form .form-group.has-error input,
.signup-form .form-group.terms-form--has-error input,
.signup-form .form-group.has-error select,
.signup-form .form-group.terms-form--has-error select {
  border: 2px solid #f05023 !important;
}
.signup-form .form-group.has-error input:active,
.signup-form .form-group.terms-form--has-error input:active,
.signup-form .form-group.has-error select:active,
.signup-form .form-group.terms-form--has-error select:active,
.signup-form .form-group.has-error input:focus,
.signup-form .form-group.terms-form--has-error input:focus,
.signup-form .form-group.has-error select:focus,
.signup-form .form-group.terms-form--has-error select:focus {
  border-color: #f05023;
  outline-color: #f05023;
}
.signup-form .form-group .row {
  margin: 16px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 47.9375em) {
  .signup-form .form-group .row {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.signup-form .form-group .row .col {
  margin: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.signup-form .form-group .row .col div {
  width: 100%;
}
.signup-form .form-group .row .col select {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  border: 2px solid #ccc;
}
.signup-form .address-search label,
.signup-form .address-search .form-group__input {
  width: 100%;
}
.signup-form .address-search .form-group {
  display: block;
}
.signup-form .address-search .form-group__input {
  margin-top: 4px;
}
.signup-form .address-search .form-group__input input {
  padding-right: 35px;
}
.signup-form .address-search .form-group__input:after {
  font-family: LEGO Icons!important;
  content: "\e623";
  font-size: 20px;
  color: #ccc;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.signup-form .address-search button {
  background: none;
  border: none;
  color: #0086cc;
  font-size: 0.9rem;
  padding: 8px 0px;
}
.signup-form .address-search button:hover {
  text-decoration: underline;
  cursor: pointer;
}
.signup-form .address-search button:focus {
  border: none;
  outline: none;
}
.signup-form .accordian-text {
  position: relative;
  margin-top: 16px;
}
.signup-form .accordian-text__text {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  max-height: 56px;
  overflow: hidden;
  padding: 16px;
  width: 100%;
}
.signup-form .accordian-text__text::before {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  content: '';
  position: absolute;
  display: block;
  top: 100%;
  left: 2px;
  right: 2px;
  height: 25px;
  border-radius: 30px;
}
.signup-form .accordian-text__ctrl {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -6px;
}
.signup-form .accordian-text__ctrl:checked ~ .accordian-text__text {
  -webkit-transition: max-height 0.7s ease-in-out;
  transition: max-height 0.7s ease-in-out;
  max-height: 2000px;
  padding-bottom: 24px;
}
.signup-form .accordian-text__ctrl:checked ~ .accordian-text__btn .icon {
  -webkit-transform: scale(0.8) rotate(180deg);
          transform: scale(0.8) rotate(180deg);
}
.signup-form .accordian-text__btn {
  position: absolute;
  bottom: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  z-index: 1;
  background-color: #4a4a4a;
  font-size: 1.5rem;
}
.signup-form .accordian-text__btn:hover {
  cursor: pointer;
}
.signup-form .accordian-text__btn .icon {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #fff;
}
.signup-form .terms-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
.signup-form .terms-form-header {
  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;
  font-weight: 700;
  max-width: calc(100% - (16px * 3));
}
.signup-form .terms-form__input {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
}
.signup-form .terms-form__input .checkbox {
  position: -webkit-sticky;
  position: sticky;
  top: 6px;
}
.signup-form .terms-form__input .checkbox__input {
  width: 32px;
  height: 32px;
  margin-bottom: 0;
  padding: 0;
  top: 0;
  left: 0;
  line-height: 33px;
  border: 2px solid #ddd;
  background-color: white;
  position: relative;
}
.signup-form .terms-form__input .checkbox__hidden-input {
  position: absolute;
  left: 10px;
  top: 15px;
}
.signup-form .terms-form__input .checkbox__hidden-input:checked + .checkbox__input::before {
  font-size: 2rem;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
  content: '\2713';
  display: block;
  text-align: center;
  font-weight: bold;
}
.signup-form .terms-form .conditions-error {
  left: 32px;
  top: 22px;
}
.signup-form .terms-form__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  position: relative;
}
.signup-form .terms-form.terms-form--has-error .checkbox__input {
  border: 2px solid #f05023;
}
.signup-form .content-box > .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.signup-form .content-box > .row .col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.signup-form .content-box > .row .col:not(.btn--wrapper) {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.signup-form .content-box > .row .col .terms-form {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.signup-form .btn--wrapper {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.signup-form .btn--success {
  background-color: #4a4a4a;
  color: #fff;
  padding: 8px 32px;
}
.signup-form .btn--success:hover {
  cursor: pointer;
}
.autocomplete-suggestions {
  background: #fff;
  border: 1px solid #ccc;
  overflow-y: auto;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 6px 4px;
  border-bottom: 1px dotted #ccc;
}
.autocomplete-suggestions .autocomplete-suggestion:last-of-type {
  border-bottom: none;
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
  background: #eee;
  cursor: pointer;
}
.autocomplete-suggestions .expandable {
  position: relative;
}
.autocomplete-suggestions .expandable:after {
  font-family: LEGO Icons!important;
  content: '\e619';
  color: #666;
  width: 16px;
  height: 16px;
  font-size: 12px;
  position: absolute;
  right: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 61.4375em) {
  .row.signup-form {
    padding: 10px;
  }
}
.ll-signup-form .sub-headline {
  font-weight: bold;
  font-size: 14px;
}
.ll-signup-form h2.title {
  font-weight: bold;
}
.ll-signup-form .form-section-header {
  font-size: 18px;
  font-weight: bold;
  padding: 16px 0px 8px;
}
.ll-signup-form .small-headline {
  font-weight: bold;
  font-size: 14px;
  padding: 8px 0px;
}
.ll-signup-form .remove-child,
.ll-signup-form .remove-warning {
  position: absolute;
  top: 8px;
  right: 8px;
  width: auto;
  height: auto;
  background-color: transparent;
  border: none;
}
@media screen and (max-width: 61.4375em) {
  .ll-signup-form .remove-child,
  .ll-signup-form .remove-warning {
    right: 0px;
  }
}
.ll-signup-form .remove-child:after,
.ll-signup-form .remove-warning:after {
  font-family: LEGO Icons!important;
  content: "\E618";
  font-size: 20px;
  color: #666;
  position: relative;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ll-signup-form .remove-child:focus,
.ll-signup-form .remove-warning:focus {
  outline: none;
}
.ll-signup-form .remove-child:hover:after,
.ll-signup-form .remove-warning:hover:after {
  color: #222;
  cursor: pointer;
}
.ll-signup-form .remove-warning:after {
  color: #fff;
}
.ll-signup-form .remove-warning:hover:after {
  color: #fff;
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}
.ll-signup-form .subscription-renewal-warning {
  padding: 32px;
  background-color: #4993cf;
  position: relative;
}
.ll-signup-form .subscription-renewal-warning h4 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  padding-bottom: 16px;
  padding-right: 16px;
}
.ll-signup-form .subscription-renewal-warning p {
  color: #fff;
}
.ll-signup-form .subscription-renewal-warning .remove-warning {
  top: 16px;
  right: 16px;
}
.ll-signup-form .signup-form {
  background: #f4f4f4;
  max-width: none;
}
.ll-signup-form .signup-form.row {
  padding: 0px;
  padding-bottom: 32px;
}
.ll-signup-form .signup-form.row > .col {
  margin: 0px;
  max-width: 900px;
}
@media screen and (min-width: 48em) {
  .ll-signup-form .signup-form.row > .col {
    margin: 0 auto;
  }
}
.ll-signup-form .signup-form .content-box > .row {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.ll-signup-form .signup-form .col {
  margin: 16px 0px;
}
.ll-signup-form .signup-form .dark-section {
  background: #eaeaea;
}
@media screen and (min-width: 48em) {
  .ll-signup-form .signup-form .dark-section {
    background: transparent;
  }
}
.ll-signup-form .signup-form .content-wrapper {
  padding: 16px;
}
.ll-signup-form .signup-form .content-wrapper.headline-wrapper {
  padding: 32px 16px;
}
@media screen and (min-width: 48em) {
  .ll-signup-form .signup-form .content-wrapper.headline-wrapper {
    padding: 32px 16px 16px;
  }
}
.ll-signup-form .signup-form .content-wrapper .col:last-of-type {
  margin: 0px;
}
.ll-signup-form .signup-form .content-wrapper .col.btn--wrapper {
  width: 100%;
}
.ll-signup-form .signup-form .content-wrapper > label {
  font-size: 14px;
  margin-bottom: 4px;
}
.ll-signup-form .signup-form .content-wrapper .subsc-info-wrapper {
  position: relative;
}
.ll-signup-form .signup-form .content-wrapper .subsc-info-wrapper .address-fields {
  padding: 8px 0px;
}
.ll-signup-form .signup-form .content-wrapper .subsc-info-wrapper .checkbox-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.ll-signup-form .signup-form .content-wrapper .subsc-info-wrapper .checkbox-wrapper label:not(.checkbox) {
  line-height: 32px;
  font-weight: bold;
}
.ll-signup-form .signup-form .content-wrapper .subsc-info-wrapper .checkbox-wrapper .subsc-running-out-warning {
  width: 100%;
  font-size: 14px;
  color: #9e9e9e;
  margin-top: 16px;
}
@media screen and (max-width: 47.9375em) {
  .ll-signup-form .signup-form .content-wrapper .subsc-info-wrapper .checkbox-wrapper {
    border-bottom: 2px solid #d6d6d6;
    padding: 16px 0px 32px 0px;
  }
}
.ll-signup-form .signup-form .content-wrapper.legacy-sign-up .subsc-info-wrapper {
  background: transparent;
  padding: 0px;
  margin-bottom: 0px;
  width: 100%;
}
.ll-signup-form .signup-form .content-wrapper .address-fields {
  margin: 8px 0px;
}
@media screen and (min-width: 48em) {
  .ll-signup-form .signup-form .content-wrapper.dark-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
  }
  .ll-signup-form .signup-form .content-wrapper .manual-address-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ll-signup-form .signup-form .content-wrapper .manual-address-wrapper .address-fields {
    width: calc(50% - (16px/2));
  }
  .ll-signup-form .signup-form .content-wrapper .subsc-info-wrapper {
    position: relative;
    width: calc(50% - (16px/2));
    background: #eaeaea;
    padding: 0px 16px 16px;
    margin-bottom: 16px;
  }
  .ll-signup-form .signup-form .content-wrapper .subsc-info-wrapper__btn .form-btn__add {
    margin: 0px;
    margin-top: 16px;
  }
  .ll-signup-form .signup-form .content-wrapper .subsc-info-wrapper__btn button:hover {
    cursor: pointer;
  }
}
.ll-signup-form .signup-form .content-wrapper .is-expired {
  position: relative;
}
.ll-signup-form .signup-form .content-wrapper .is-expired label:not(.renew-label) {
  background: #f5f5f5;
}
.ll-signup-form .signup-form .content-wrapper .is-expired:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(245, 245, 245, 0.3);
  z-index: 1;
}
.ll-signup-form .signup-form .content-wrapper .is-expired .checkbox-wrapper {
  position: relative;
  z-index: 2;
}
.ll-signup-form .signup-form .content-wrapper.subscription-btns-wrapper .btn--wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 47.9375em) {
  .ll-signup-form .signup-form .content-wrapper.subscription-btns-wrapper .btn--wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ll-signup-form .signup-form .content-wrapper.subscription-btns-wrapper .btn--wrapper .btn--success {
    margin: 0px;
  }
  .ll-signup-form .signup-form .content-wrapper.subscription-btns-wrapper .btn--wrapper > div,
  .ll-signup-form .signup-form .content-wrapper.subscription-btns-wrapper .btn--wrapper .btn--cancel {
    width: 100%;
    max-width: 300px;
  }
}
@media screen and (max-width: 648px) {
  .ll-signup-form .signup-form .content-wrapper.subscription-btns-wrapper .btn--wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ll-signup-form .signup-form .content-wrapper.subscription-btns-wrapper .btn--wrapper .btn--success {
    margin-bottom: 16px;
  }
}
.ll-signup-form .signup-form .form-group {
  background: #fff;
  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;
  position: relative;
  border: 1px solid #e0e0e0;
}
.ll-signup-form .signup-form .form-group .row {
  margin: 14px 0px;
}
.ll-signup-form .signup-form .form-group:focus-within {
  border-color: #0a96f5;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.ll-signup-form .signup-form .form-group__error {
  top: 56px;
  outline: none;
  max-width: none;
}
.ll-signup-form .signup-form .form-group__extra {
  top: -16px;
  outline: none;
  max-width: none;
}
@media screen and (min-width: 48em) {
  .ll-signup-form .signup-form .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.ll-signup-form .signup-form .form-group .disabled {
  background: #f5f5f5;
}
.ll-signup-form .signup-form .form-group__input {
  width: 100%;
}
.ll-signup-form .signup-form .form-group__input input,
.ll-signup-form .signup-form .form-group__input select {
  border: none;
  border-radius: 0;
}
.ll-signup-form .signup-form .form-group__input input option,
.ll-signup-form .signup-form .form-group__input select option {
  background: #fff;
  border: none;
  outline: none;
}
.ll-signup-form .signup-form .form-group__input input:focus,
.ll-signup-form .signup-form .form-group__input select:focus {
  outline: none;
}
.ll-signup-form .signup-form .form-group__input input[disabled='disabled'],
.ll-signup-form .signup-form .form-group__input select[disabled='disabled'] {
  background: #f5f5f5;
  color: #999;
}
.ll-signup-form .signup-form .form-group[name='country'] {
  position: relative;
  padding-right: 32px;
}
.ll-signup-form .signup-form .form-group[name='country']:after {
  font-family: LEGO Icons!important;
  content: "\E611";
  height: 30px;
  width: 20px;
  font-size: 20px;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #666;
}
.ll-signup-form .signup-form .form-group label {
  width: 100%;
  color: #ccc;
  padding: 8px 8px 0px 8px;
  font-size: 14px;
}
@media screen and (min-width: 48em) {
  .ll-signup-form .signup-form .form-group label {
    width: 100%;
    margin-right: 0px;
  }
}
.ll-signup-form .signup-form .form-group.has-error {
  border: 1px solid #f05023 !important;
  -webkit-box-shadow: 0px 0px 3px #f05023;
          box-shadow: 0px 0px 3px #f05023;
}
.ll-signup-form .signup-form .form-group.has-error input {
  border: none!important;
}
.ll-signup-form .birthday-input-wrapper .flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 47.9375em) {
  .ll-signup-form .birthday-input-wrapper .flex-wrapper.new-sub {
    border-bottom: 2px solid #d6d6d6;
    padding-bottom: 32px;
  }
}
.ll-signup-form .birthday-input-wrapper .flex-wrapper .form-group__error {
  left: 0px;
  width: 100%;
  max-width: none;
  padding: 16px 8px;
}
.ll-signup-form .birthday-input-wrapper .flex-wrapper .age-validation-warning {
  background-color: #4993cf;
  padding: 8px 32px 8px 8px;
  color: #fff;
  margin-top: 16px;
  position: relative;
}
.ll-signup-form .birthday-input-wrapper .flex-wrapper .bd-field {
  width: 30%;
}
.ll-signup-form .birthday-input-wrapper .flex-wrapper .bd-field input {
  text-align: center;
}
.ll-signup-form .birthday-input-wrapper .flex-wrapper .bd-field input[type=number],
.ll-signup-form .birthday-input-wrapper .flex-wrapper .bd-field input::-webkit-outer-spin-button,
.ll-signup-form .birthday-input-wrapper .flex-wrapper .bd-field input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
.ll-signup-form .birthday-input-wrapper .flex-wrapper .bd-field .form-group__error {
  max-width: 100%;
  left: 0px;
  top: 56px;
}
.ll-signup-form .birthday-input-wrapper .form-group {
  padding-right: 5%;
}
.ll-signup-form .birthday-input-wrapper .form-group:last-of-type {
  padding-right: 0px;
}
.ll-signup-form .newsletter-signup {
  -webkit-flex-wrap: wrap!important;
      -ms-flex-wrap: wrap!important;
          flex-wrap: wrap!important;
}
.ll-signup-form .newsletter-signup .terms-form-header {
  color: #333;
  font-weight: 700;
  font-size: 16px;
}
.ll-signup-form .newsletter-signup .terms-form__text {
  width: 100%;
  padding: 16px;
}
.ll-signup-form .form-btn {
  position: relative;
  width: 100%;
  margin: 16px 0px;
  background: #f6f6f6;
  border: 1px solid #c2c2c2;
}
.ll-signup-form .form-btn:focus,
.ll-signup-form .form-btn:hover {
  outline: none;
  -webkit-filter: brightness(98%);
          filter: brightness(98%);
}
.ll-signup-form .form-btn__add {
  padding: 16px 16px 16px 32px;
  text-align: left;
  color: #8f8f8f;
  margin: 32px 0px 16px;
}
.ll-signup-form .form-btn__add::before {
  content: "\E619";
  font-family: LEGO Icons!important;
  width: 24px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #202020;
  font-size: 14px;
}
.ll-signup-form .btn.btn--success {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  background-color: #4993cf;
  border-radius: 4px;
}
@media screen and (min-width: 48em) {
  .ll-signup-form .btn.btn--success {
    margin-left: 0px;
  }
}
.ll-signup-form .btn.btn--success:hover {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}
.ll-signup-form .btn.btn--success:disabled,
.ll-signup-form .btn.btn--success button[disabled] {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}
.ll-signup-form .btn.btn--cancel {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  border: 2px solid #4993cf;
  color: #4993cf;
  border-radius: 4px;
  padding: 8px 32px;
}
.ll-signup-form .btn.btn--cancel:hover {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
  cursor: pointer;
}
.ll-signup-form .terms-form p,
.ll-signup-form .terms-form .accordian-text__text {
  font-size: 14px;
  color: #999;
}
.ll-signup-form .unsubscribe-confirmation-modal {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 100;
}
.ll-signup-form .unsubscribe-confirmation-modal .unsubscribe-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  max-width: 700px;
  background: #fff;
  border: 1px solid #333;
  padding: 40px;
  text-align: center;
  border-radius: 8px;
}
.ll-signup-form .unsubscribe-confirmation-modal .unsubscribe-modal-content h6 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
}
.ll-signup-form .unsubscribe-confirmation-modal .unsubscribe-modal-content p {
  margin-bottom: 16px;
}
.ll-signup-form .unsubscribe-confirmation-modal .unsubscribe-modal-content .btn-confirmation-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.ll-signup-form .unsubscribe-confirmation-modal .unsubscribe-modal-content .btn-confirmation-wrapper span {
  width: 100%;
  margin-bottom: 16px;
}
@media screen and (min-width: 48em) {
  .ll-signup-form .unsubscribe-confirmation-modal .unsubscribe-modal-content .btn-confirmation-wrapper span {
    max-width: 35%;
  }
}
@media screen and (min-width: 48em) {
  .ll-signup-form .unsubscribe-confirmation-modal .unsubscribe-modal-content .btn {
    max-width: 200px;
  }
}
.ll-signup-form .full-width {
  width: 100%;
}
.ll-signup-form .checkbox__input:hover {
  cursor: pointer;
}
.article-faq-list {
  margin: 32px 0;
}
.article-faq-list .list-grid__list {
  max-width: 830px;
  margin: 0 auto;
}
.article-faq-list .list-grid__item {
  padding-bottom: 0;
  padding-top: 0;
}
.article-faq-list .details {
  margin-top: 0;
  margin-bottom: 0;
}
.article-faq-list .details__main {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
.article-faq-list .details--article {
  width: 100%;
  border-bottom: solid 1px #9b9b9b;
  -webkit-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
}
.article-faq-list .details--article.open {
  background-color: #e5e5e5;
  -webkit-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
}
.article-faq-list .details--article.open .details__header {
  background: transparent;
}
.article-faq-list .details--article.open .header__title:after {
  content: "\E638";
}
.article-faq-list .details__header {
  padding-top: 8px;
  margin-bottom: 1px;
  cursor: pointer;
}
.article-faq-list .details__header .header__title {
  font-family: "Cera Pro", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  padding: 10px 35px 10px 10px;
  position: relative;
}
.article-faq-list .details__header .header__title:after {
  content: "\E637";
  font-family: LEGO Icons!important;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 25px;
  width: 25px;
  font-size: 0.625rem;
  font-weight: 100;
}
.article-faq-list .accordian-wrapper .article-section {
  padding: 16px;
}
@media screen and (min-width: 48em) {
  .article-faq-list .accordian-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .article-faq-list .accordian-wrapper .article-section {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
  .article-faq-list .accordian-wrapper .article-section:first-child {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
.article-faq-list .author__date {
  display: none;
}
.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1001;
}
.loader::after {
  color: #fff;
  font-size: 6rem;
}


/*# sourceMappingURL=lego-life-2019.css.map*/