@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-thin-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-thin-webfont.woff) format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-thinitalic-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-thinitalic-webfont.woff) format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-light-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-light-webfont.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-lightitalic-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-lightitalic-webfont.woff) format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-regular-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-regularitalic-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-regularitalic-webfont.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-medium-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-medium-webfont.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-bold-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-bold-webfont.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-bolditalic-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-bolditalic-webfont.woff) format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-black-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-black-webfont.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

@font-face {
    font-family: 'Cera Pro';
    src: url(../fonts/cerapro-blackitalic-webfont.woff2) format('woff2'),
        url(../fonts/cerapro-blackitalic-webfont.woff) format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
    unicode-range: 'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD';
}

/*  Basestyles - Functional styles
-------------------------------- */
/*  This is the new basestyles (07/08-2017)

    This file includes all of basestyles EXCLUDING default/prettify styling, which can
    be found in basestyles-defaults.less instead.

    !IMPORTANT! Basestyles.less should NEVER be imported into your theme structure. basestyles.less
    will be compiled into basestyles.css and included ONCE on ALL portal pages.

    For any questions, contact any frontender and they may redirect you to the right person.
*/
/*  Settings
-------------------------------- */
/*  This is the config of the LEGO CSS.

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

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

    If the variable dosn't exist, let the frontend team know and create your own
    variable in your "Custom" folder.
*/
/*  Colors
-------------------------------- */
/*  Typography
-------------------------------- */
/* font-size, weight
*/
/*  Buttons
-------------------------------- */
/*  Form
-------------------------------- */
/*  Branding
-------------------------------- */
/*  Navigation
-------------------------------- */
/*  Breadcrumb
-------------------------------- */
/*  Modal
-------------------------------- */
/*  Character
-------------------------------- */
/*  Gallery
-------------------------------- */
/*  Variables
-------------------------------- */
/*  This variables file should only contain variables that are not supposed to change.
    E.g. image formats or responsive breakpoints
*/
/*  Base
*/
/*  Responsive
*/
/*  Layout
*/
/*  Grid / List Grid
*/
/*  Formats
*/
/*  Base spacing variables
    We use the line-height variable to keep consistency on our base line.
    E.g.: p { margin-bottom: @small-spacing; } or .object { padding: @base-spacing; }
*/
/*  Tools
-------------------------------- */
.rich-text:after {
  content: "";display: block;clear: both;
}
/*  Tools - Debug
-------------------------------- */
/*  Core - CSS Reset
-------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/*  A very simple reset that sits on top of Normalize.css
*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
p,
pre,
dl,
dd,
ol,
ul,
figure,
hr,
fieldset,
legend {
  margin: 0;
  padding: 0;
}
/*  Some button resets & restores
*/
[type="button"] {
  cursor: pointer;
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  font: inherit;
  -webkit-appearance: none !important;
}
/*  Remove trailing margins from nested lists
*/
li ol,
li ul {
  margin-bottom: 0;
}
/*  Remove default table spacing.
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*  Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
    on fieldsets.
*/
fieldset {
  min-width: 0;
  border: 0;
}
/*  Setting a proper "line-height" for options in multi selects and removing default padding
*/
option {
  min-height: 1.5em;
  padding: 0;
}
/*  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 {
  min-height: 100%;
  overflow-y: scroll;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html *,
html *:before,
html *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
html,
body {
  overflow-x: hidden;
}
*,
*:before,
*:after {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
/*  Changing color of select highlight
*/
/*  Hidden classes
*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide,
.hidden,
.hide {
  display: none !important;
}
/*  Core - Media
-------------------------------- */
img,
video {
  height: auto;
  max-width: 100%;
  display: block;
}
img {
  color: rgba(0, 0, 0, 0);
  text-align: center;
}
img[src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="],
img.lego-loading {
  background: url('data:image/gif;base64,R0lGODlhIAAQAJECAOfn583Nzf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxREI2MjAyRDEwRTExRTc4RjYxOTlDNTdDRjEyRUUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxREI2MjAzRDEwRTExRTc4RjYxOTlDNTdDRjEyRUUyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODFEQjYyMDBEMTBFMTFFNzhGNjE5OUM1N0NGMTJFRTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODFEQjYyMDFEMTBFMTFFNzhGNjE5OUM1N0NGMTJFRTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQJMgACACwAAAAAIAAQAAACN5SPqcvtD6OcLdhrKcMYgQ8mYGhwlzcCYnqY2ZGq6Ni6MwmzpZ3T91cz/WQ9nCugSSqXzKbzUQAAIfkECTIAAgAsAAAAACAAEAAAAjeUj6nL7Q+jnBSFi68EvNuMIZ13jNwHBqK5jijYkoYJvFl8luyRarr7kwl6qmAOQqwol8ym81kAACH5BAUyAAIALAAAAAAgABAAAAI4lI+py+0Po5x0hovvAbyn7h1ZtoHAZyIjVoKoK65BG9KcKtsnYu6GPDP0XjUBsLI4IpfMpvOZKAAAOw==') center no-repeat;
}
.video {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
}
.video__inner {
  position: relative;
}
.video__inner > video {
  display: none;
}
.video .video-js {
  background-color: transparent;
  height: 0 !important;
  width: 100% !important;
}
.video .video-js:active,
.video .video-js *:active,
.video .video-js:focus,
.video .video-js *:focus {
  outline: 0;
}
.video .video-js .vjs-tech {
  -o-object-fit: contain;
     object-fit: contain;
}
.video .video-js .vjs-poster {
  background-size: cover;
  top: -0.2%;
  left: -0.2%;
  right: -0.2%;
  bottom: -0.2%;
  height: auto;
  background-color: transparent;
}
.video .video-js .vjs-poster:focus,
.video .video-js .vjs-poster:active {
  outline: 0;
}
.video .video-js .vjs-big-play-button {
  width: 0;
  height: 0;
  -webkit-transition: none;
  transition: none;
  padding: 40px;
  border-radius: 64px;
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(245, 245, 245, 0.2) !important;
}
.video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) translateX(3px);
          transform: translate(-50%, -50%) translateX(3px);
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.7);
  width: auto;
  height: auto;
}
.video .video-js:hover .vjs-big-play-button {
  opacity: 0.7;
}
.video .video-js .vjs-tech {
  top: -0.2%;
  left: -0.2%;
  width: 100.4%;
  height: 100.4%;
  max-width: none;
}
.video .video-js .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.6);
}
.video .video-js .vjs-load-progress,
.video .video-js .vjs-slider {
  background-color: rgba(255, 255, 255, 0.3);
}
.video .video-js .vjs-load-progress div {
  background-color: rgba(255, 255, 255, 0.3);
}
.modal--video .video__inner {
  padding-top: 56.25%;
  height: 0;
}
.modal--video .video__inner > * {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/*  Core - Layouts
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.grid-content {
  padding: 8px;
}
.grid-row--full-width > .grid-column > .grid-content {
  padding-left: 0;
  padding-right: 0;
}
.grid-content .grid-content {
  padding: 0;
}
.grid-row {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
  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-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 23.375em) {
  .grid-row {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
body > .grid-row:not(.grid-row--full-width) > .grid-column,
.grid-row--full-width .grid-row > .grid-column {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  width: 100%;
  max-width: 1440px;
  padding: 0 8px;
}
.grid-column {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  min-width: 1px;
}
.grid-column:empty {
  display: none;
}
@media screen and (min-width: 36em) {
  .grid-column {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
  }
}
.grid-column--sidebar-left,
.grid-column--sidebar-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  min-width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 36em) {
  .grid-column--sidebar-left,
  .grid-column--sidebar-right {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
  }
}
@media screen and (min-width: 48em) {
  .grid-column--sidebar-left,
  .grid-column--sidebar-right {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
  }
}
@media screen and (min-width: 73.5em) {
  .grid-column--sidebar-left,
  .grid-column--sidebar-right {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
  }
}
.grid-column--sidebar-left .grid-column,
.grid-column--sidebar-right .grid-column {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 73.5em) {
  .grid-column--sidebar-left {
    padding-right: 96px;
  }
}
@media screen and (min-width: 73.5em) {
  .grid-column--sidebar-right {
    padding-left: 96px;
  }
}
.is--mobile-prio {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}
.is--hidden {
  display: none !important;
}
/*  Core - Fonts
-------------------------------- */
/*  https://dsgit.corp.lego.com/Fonts/lego-icons
*/
/*  LEGO Icons
-------------------------------- */
/*  LEGO Icons - Variables
-------------------------------- */
/*  For.less
-------------------------------- */
/*  LEGO Icons - Base stuff
-------------------------------- */
@font-face {
  font-family: 'LEGO Icons';
  src: url(../fonts/lego-icons.eot);
  src: url(../fonts/lego-icons.eot#iefix) format('embedded-opentype'), url(../fonts/lego-icons.woff) format('woff'), url(../fonts/lego-icons.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*  LEGO Icons - Styles
-------------------------------- */
.icon-extend,
.icon,
.video .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.loader:after,
.accordian__trigger-inner:after,
.modal__close:before {
  font-family: 'LEGO Icons' !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-variant: normal !important;
  line-height: normal;
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
}
.icon {
  display: inline-block;
  font-size: 24px;
  max-height: 24px;
}
.icon-home:before {
  content: '\e001';
}
.icon-explore:before {
  content: '\e002';
}
.icon-products:before {
  content: '\e003';
}
.icon-themes-filled:before {
  content: '\e003';
}
.icon-characters-filled:before {
  content: '\e004';
}
.icon-gamepad-outlined:before {
  content: '\e91a';
}
.icon-gamepad:before {
  content: '\e005';
}
.icon-play-sign:before {
  content: '\e006';
}
.icon-activities:before {
  content: '\e007';
}
.icon-activities-outlined:before {
  content: '\e991';
}
.icon-gallery:before {
  content: '\e008';
}
.icon-camera-filled:before {
  content: '\e008';
}
.icon-calender:before {
  content: '\e913';
}
.icon-calender-filled:before {
  content: '\e914';
}
.icon-coloring-sheet:before {
  content: '\e915';
}
.icon-coloring-sheet-filled:before {
  content: '\e916';
}
.icon-downloads-outlined:before {
  content: '\e919';
}
.icon-emoticons:before {
  content: '\e918';
}
.icon-flag:before {
  content: '\e917';
}
.icon-lightbulb:before {
  content: '\e91e';
}
.icon-lightbulb-filled:before {
  content: '\e91f';
}
.icon-locator:before {
  content: '\e920';
}
.icon-locator-filled:before {
  content: '\e921';
}
.icon-post:before {
  content: '\e91d';
}
.icon-reply:before {
  content: '\e925';
}
.icon-timer:before {
  content: '\e91c';
}
.icon-activities-sheet-outline:before {
  content: '\e600';
}
.icon-cup-filled:before {
  content: '\e600';
}
.icon-message-board:before {
  content: '\e601';
}
.icon-story:before {
  content: '\e602';
}
.icon-building-instructions-filled:before {
  content: '\e603';
}
.icon-construction-instructions-filled:before {
  content: '\e604';
}
.icon-build-link:before {
  content: '\e604';
}
.icon-article:before {
  content: '\e605';
}
.icon-article-filled:before {
  content: '\e922';
}
.icon-wish-list:before {
  content: '\e606';
}
.icon-question-mark:before {
  content: '\e607';
}
.icon-upload:before {
  content: '\e608';
}
.icon-download:before {
  content: '\e609';
}
.icon-download-app:before {
  content: '\e60a';
}
.icon-music-note:before {
  content: '\e60b';
}
.icon-map:before {
  content: '\e60c';
}
.icon-checkbox:before {
  content: '\e60d';
}
.icon-check-mark:before {
  content: '\e60e';
}
.icon-checkbox-checked:before {
  content: '\e60f';
}
.icon-trash-can:before {
  content: '\e610';
}
.icon-lock:before {
  content: '\e611';
}
.icon-unlocked:before {
  content: '\e612';
}
.icon-gear:before {
  content: '\e90e';
}
.icon-gears:before {
  content: '\e613';
}
.icon-save:before {
  content: '\e614';
}
.icon-print:before {
  content: '\e615';
}
.icon-zoom-in:before {
  content: '\e616';
}
.icon-zoom-out:before {
  content: '\e617';
}
.icon-close:before,
.modal__close:before {
  content: '\e618';
}
.icon-plus:before {
  content: '\e619';
}
.icon-minus:before {
  content: '\e61a';
}
.icon-close-sign:before {
  content: '\e61b';
}
.icon-plus-sign:before {
  content: '\e61c';
}
.icon-minus-sign:before {
  content: '\e61d';
}
.icon-view:before {
  content: '\e61e';
}
.icon-visibility:before {
  content: '\e61e';
}
.icon-visibility-off:before {
  content: '\e61f';
}
.icon-information:before {
  content: '\e620';
}
.icon-grid:before {
  content: '\e621';
}
.icon-list:before {
  content: '\e622';
}
.icon-category:before {
  content: '\e902';
}
.icon-search-filled:before {
  content: '\e623';
}
.icon-shopping-cart-filled:before {
  content: '\e624';
}
.icon-phone:before {
  content: '\e668';
}
.icon-bag:before {
  content: '\e669';
}
.icon-clothes:before {
  content: '\e66a';
}
.icon-warning:before {
  content: '\e692';
}
.icon-faq:before {
  content: '\e693';
}
.icon-faq-filled:before {
  content: '\e924';
}
.icon-missing-brick:before {
  content: '\e694';
}
.icon-broken-brick:before {
  content: '\e695';
}
.icon-nexo-knights:before {
  content: '\e697';
}
.icon-gift:before {
  content: '\e901';
}
.icon-age-outlined:before {
  content: '\e910';
}
.icon-age:before {
  content: '\e900';
}
.icon-mobile-games:before {
  content: '\e904';
}
.icon-mobile-games-filled:before {
  content: '\e923';
}
.icon-new:before {
  content: '\e905';
}
.icon-portal-themes:before {
  content: '\e906';
}
.icon-tv:before {
  content: '\e907';
}
.icon-web-games:before {
  content: '\e67e';
}
.icon-web-games-filled:before {
  content: '\e927';
}
.icon-wu-cru:before {
  content: '\e909';
}
.icon-real-car:before {
  content: '\e90a';
}
.icon-museum:before {
  content: '\e90c';
}
.icon-quote:before {
  content: '\e90d';
}
.icon-ninja-swords:before {
  content: '\e90f';
}
.icon-chevron-right:before {
  content: '\e625';
}
.icon-chevron-left:before {
  content: '\e626';
}
.icon-chevron-up:before {
  content: '\e627';
}
.icon-chevron-down:before {
  content: '\e628';
}
.icon-angle-right:before {
  content: '\e629';
}
.icon-angle-left:before {
  content: '\e62a';
}
.icon-angle-up:before,
.accordian.is--open .accordian__trigger-inner:after {
  content: '\e62b';
}
.icon-angle-down:before,
.accordian__trigger-inner:after {
  content: '\e62c';
}
.icon-chevron-right-sign:before {
  content: '\e62d';
}
.icon-chevron-left-sign:before {
  content: '\e62e';
}
.icon-chevron-up-sign:before {
  content: '\e62f';
}
.icon-chevron-down-sign:before {
  content: '\e630';
}
.icon-arrow-right:before {
  content: '\e631';
}
.icon-arrow-left:before {
  content: '\e632';
}
.icon-arrow-up:before {
  content: '\e633';
}
.icon-arrow-down:before {
  content: '\e634';
}
.icon-arrow-filled-right:before {
  content: '\e635';
}
.icon-arrow-filled-left:before {
  content: '\e636';
}
.icon-arrow-filled-up:before {
  content: '\e637';
}
.icon-arrow-filled-down:before {
  content: '\e638';
}
.icon-arrows:before {
  content: '\e639';
}
.icon-arrows-sign:before {
  content: '\e63a';
}
.icon-refresh:before {
  content: '\e63b';
}
.icon-play:before,
.video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: '\e63c';
}
.icon-pause:before {
  content: '\e63d';
}
.icon-stop:before {
  content: '\e63e';
}
.icon-play-sign:before {
  content: '\e63f';
}
.icon-pause-sign:before {
  content: '\e640';
}
.icon-stop-sign:before {
  content: '\e641';
}
.icon-fast-forward:before {
  content: '\e642';
}
.icon-fast-backward:before {
  content: '\e643';
}
.icon-next-forward:before {
  content: '\e644';
}
.icon-prev-forward:before {
  content: '\e645';
}
.icon-audio-sound:before {
  content: '\e646';
}
.icon-audio-mute:before {
  content: '\e647';
}
.icon-fullscreen:before {
  content: '\e648';
}
.icon-fullscreen-exit:before {
  content: '\e649';
}
.icon-shuffle:before {
  content: '\e64a';
}
.icon-replay:before {
  content: '\e64b';
}
.icon-loop:before {
  content: '\e64c';
}
.icon-spinner-arrows:before {
  content: '\e64c';
}
.icon-fb:before {
  content: '\e64d';
}
.icon-google-plus:before {
  content: '\e64e';
}
.icon-instagram:before {
  content: '\e64f';
}
.icon-linkedin:before {
  content: '\e650';
}
.icon-pinterest:before {
  content: '\e651';
}
.icon-twitter:before {
  content: '\e652';
}
.icon-vimeo:before {
  content: '\e653';
}
.icon-youtube:before {
  content: '\e654';
}
.icon-fb-sign:before {
  content: '\e655';
}
.icon-google-plus-sign:before {
  content: '\e656';
}
.icon-instagram-sign:before {
  content: '\e657';
}
.icon-linkedin-sign:before {
  content: '\e658';
}
.icon-pinterest-sign:before {
  content: '\e659';
}
.icon-twitter-sign:before {
  content: '\e65a';
}
.icon-vimeo-sign:before {
  content: '\e65b';
}
.icon-youtube-sign:before {
  content: '\e65c';
}
.icon-like:before {
  content: '\e68c';
}
.icon-dislike-filled:before {
  content: '\e68c';
}
.icon-like-filled:before {
  content: '\e660';
}
.icon-favourite-filled:before {
  content: '\e660';
}
.icon-favourite:before {
  content: '\e68c';
}
.icon-favorites-filled:before {
  content: '\e661';
}
.icon-comments-filled:before {
  content: '\e65f';
}
.icon-rate:before {
  content: '\e661';
}
.icon-envelope:before {
  content: '\e662';
}
.icon-email-at:before {
  content: '\e696';
}
.icon-share:before {
  content: '\e663';
}
.icon-link:before {
  content: '\e664';
}
.icon-envelopel-sign:before {
  content: '\e665';
}
.icon-share-sign:before {
  content: '\e666';
}
.icon-link-circle:before {
  content: '\e667';
}
.icon-videos:before {
  content: '\e66b';
}
.icon-product-videos:before {
  content: '\e66c';
}
.icon-music-videos:before {
  content: '\e66d';
}
.icon-character-videos:before {
  content: '\e66e';
}
.icon-club-videos:before {
  content: '\e66f';
}
.icon-club:before {
  content: '\e670';
}
.icon-mini-movies:before {
  content: '\e671';
}
.icon-themes:before {
  content: '\e672';
}
.icon-comments:before {
  content: '\e675';
}
.icon-messgage-board:before {
  content: '\e676';
}
.icon-camera:before {
  content: '\e677';
}
.icon-cup:before {
  content: '\e678';
}
.icon-building-instructions:before {
  content: '\e679';
}
.icon-construction-instructions:before {
  content: '\e67a';
}
.icon-minifig-paper:before {
  content: '\e67b';
}
.icon-minifig-paper-filled:before {
  content: '\e911';
}
.icon-search:before {
  content: '\e67c';
}
.icon-shopping-cart:before {
  content: '\e67d';
}
.icon-not-mobile-devices:before {
  content: '\e67e';
}
.icon-devices:before {
  content: '\e67f';
}
.icon-games-trailer:before {
  content: '\e91b';
}
.icon-video-games:before {
  content: '\e680';
}
.icon-video-games-filled:before {
  content: '\e903';
}
.icon-characters:before {
  content: '\e681';
}
.icon-minifig-head-sad:before {
  content: '\e682';
}
.icon-designers:before {
  content: '\e683';
}
.icon-bad-guys:before {
  content: '\e684';
}
.icon-good-guys:before {
  content: '\e685';
}
.icon-villains:before {
  content: '\e686';
}
.icon-heroes:before {
  content: '\e687';
}
.icon-bloopers:before {
  content: '\e688';
}
.icon-creatures:before {
  content: '\e689';
}
.icon-animals:before {
  content: '\e68a';
}
.icon-categories:before {
  content: '\e68b';
}
.icon-favorites:before {
  content: '\e68d';
}
.icon-file-type-download:before {
  content: '\e68e';
}
.icon-file-type-video:before {
  content: '\e68f';
}
.icon-file-type-image:before {
  content: '\e690';
}
.icon-category-outlined:before {
  content: '\e90b';
}
.icon-spinner-dots:before,
.loader:after {
  content: '\e691';
}
.icon-small {
  font-size: 14px;
  max-height: 14px;
}
.icon-medium {
  font-size: 24px;
  max-height: 24px;
}
.icon-large {
  font-size: 36px;
  max-height: 36px;
}
.icon-xl {
  font-size: 52px;
  max-height: 52px;
}
.icon-xxl {
  font-size: 104px;
  max-height: 104px;
}
.icon--rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon--rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon--rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon--flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon--flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}
/*  LEGO Icons - Animations
-------------------------------- */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.icon-spin,
.loader:after {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
/*  Core - Shared animations
-------------------------------- */
/*  As this is loaded into every default skin, try to keep files as limited
    as possible. This is only for shared LEGO.com animations. If you have a
    need for custom animations, they should be added into your skin through
    the custom folder section.
*/
/*  Animate CSS imports
*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}
/*  Angular motion
    This is currently (15th december 2017) only being used by the modal window.
    This is because we use angular straps modal.
*/
.am-fade {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  opacity: 1;
}
.am-fade.am-fade-add,
.am-fade.ng-hide-remove,
.am-fade.ng-move {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.am-fade.am-fade-remove,
.am-fade.ng-hide {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
.am-fade.ng-enter {
  visibility: hidden;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.am-fade.ng-enter.ng-enter-active {
  visibility: visible;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.am-fade.ng-leave {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.am-fade.ng-leave.ng-leave-active {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.tab-pane.am-fade.active-remove {
  display: none !important;
}
.tab-pane.am-fade.active-add {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.modal-backdrop.am-fade,
.aside-backdrop.am-fade {
  background: rgba(0, 0, 0, 0.5);
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
}
/*  Animations
*/
@-webkit-keyframes push {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  85% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes push {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  85% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes push--small {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  85% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes push--small {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  85% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes push--large {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  85% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes push--large {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  85% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -16px, 0);
            transform: translate3d(0, -16px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -16px, 0);
            transform: translate3d(0, -16px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 32px, 0);
            transform: translate3d(0, 32px, 0);
  }
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -16px, 0);
            transform: translate3d(0, -16px, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -16px, 0);
            transform: translate3d(0, -16px, 0);
  }
}
/*  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
*/
/*  Core - Sizes
-------------------------------- */
[data-size].size,
[data-size] .size {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
[data-size="1"].size,
[data-size="1"] .size {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
}
@media screen and (min-width: 23.375em) {
  [data-size="1"].size,
  [data-size="1"] .size {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
  }
}
@media screen and (min-width: 36em) {
  [data-size="1"].size,
  [data-size="1"] .size {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
  }
}
@media screen and (min-width: 48em) {
  [data-size="1"].size,
  [data-size="1"] .size {
    -webkit-flex-basis: 16.66666667%;
        -ms-flex-preferred-size: 16.66666667%;
            flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    min-width: 16.66666667%;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="1"].size,
  [data-size="1"] .size {
    -webkit-flex-basis: 8.33333333%;
        -ms-flex-preferred-size: 8.33333333%;
            flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    min-width: 8.33333333%;
  }
}
[data-size="2"].size,
[data-size="2"] .size {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
}
@media screen and (min-width: 23.375em) {
  [data-size="2"].size,
  [data-size="2"] .size {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
  }
}
@media screen and (min-width: 36em) {
  [data-size="2"].size,
  [data-size="2"] .size {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="2"].size,
  [data-size="2"] .size {
    -webkit-flex-basis: 16.66666667%;
        -ms-flex-preferred-size: 16.66666667%;
            flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    min-width: 16.66666667%;
  }
}
@media screen and (min-width: 23.375em) {
  [data-size="3"].size,
  [data-size="3"] .size {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 48em) {
  [data-size="3"].size,
  [data-size="3"] .size {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
  }
}
@media screen and (min-width: 23.375em) {
  [data-size="4"].size,
  [data-size="4"] .size {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 48em) {
  [data-size="4"].size,
  [data-size="4"] .size {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
  }
}
@media screen and (min-width: 36em) {
  [data-size="5"].size,
  [data-size="5"] .size {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="5"].size,
  [data-size="5"] .size {
    -webkit-flex-basis: 41.66666667%;
        -ms-flex-preferred-size: 41.66666667%;
            flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    min-width: 41.66666667%;
  }
}
@media screen and (min-width: 48em) {
  [data-size="6"].size,
  [data-size="6"] .size {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 48em) {
  [data-size="7"].size,
  [data-size="7"] .size {
    -webkit-flex-basis: 58.33333333%;
        -ms-flex-preferred-size: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    min-width: 58.33333333%;
  }
}
@media screen and (min-width: 48em) {
  [data-size="8"].size,
  [data-size="8"] .size {
    -webkit-flex-basis: 66.66666667%;
        -ms-flex-preferred-size: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    min-width: 66.66666667%;
  }
}
@media screen and (min-width: 48em) {
  [data-size="9"].size,
  [data-size="9"] .size {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%;
    min-width: 75%;
  }
}
@media screen and (min-width: 48em) {
  [data-size="10"].size,
  [data-size="10"] .size {
    -webkit-flex-basis: 83.33333333%;
        -ms-flex-preferred-size: 83.33333333%;
            flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    min-width: 83.33333333%;
  }
}
@media screen and (min-width: 48em) {
  [data-size="11"].size,
  [data-size="11"] .size {
    -webkit-flex-basis: 91.66666667%;
        -ms-flex-preferred-size: 91.66666667%;
            flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    min-width: 91.66666667%;
  }
}
[data-size="1"].fixed-size,
[data-size="1"] .fixed-size {
  -webkit-flex-basis: 120px;
      -ms-flex-preferred-size: 120px;
          flex-basis: 120px;
  max-width: 120px;
  min-width: 120px;
}
[data-size="2"].fixed-size,
[data-size="2"] .fixed-size {
  -webkit-flex-basis: 240px;
      -ms-flex-preferred-size: 240px;
          flex-basis: 240px;
  max-width: 240px;
  min-width: 240px;
}
[data-size="3"].fixed-size,
[data-size="3"] .fixed-size {
  -webkit-flex-basis: 240px;
      -ms-flex-preferred-size: 240px;
          flex-basis: 240px;
  max-width: 240px;
  min-width: 240px;
}
@media screen and (min-width: 48em) {
  [data-size="3"].fixed-size,
  [data-size="3"] .fixed-size {
    -webkit-flex-basis: 360px;
        -ms-flex-preferred-size: 360px;
            flex-basis: 360px;
    max-width: 360px;
    min-width: 360px;
  }
}
[data-size="4"].fixed-size,
[data-size="4"] .fixed-size {
  -webkit-flex-basis: 360px;
      -ms-flex-preferred-size: 360px;
          flex-basis: 360px;
  max-width: 360px;
  min-width: 360px;
}
@media screen and (min-width: 48em) {
  [data-size="4"].fixed-size,
  [data-size="4"] .fixed-size {
    -webkit-flex-basis: 480px;
        -ms-flex-preferred-size: 480px;
            flex-basis: 480px;
    max-width: 480px;
    min-width: 480px;
  }
}
[data-size="5"].fixed-size,
[data-size="5"] .fixed-size {
  -webkit-flex-basis: 360px;
      -ms-flex-preferred-size: 360px;
          flex-basis: 360px;
  max-width: 360px;
  min-width: 360px;
}
@media screen and (min-width: 48em) {
  [data-size="5"].fixed-size,
  [data-size="5"] .fixed-size {
    -webkit-flex-basis: 480px;
        -ms-flex-preferred-size: 480px;
            flex-basis: 480px;
    max-width: 480px;
    min-width: 480px;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="5"].fixed-size,
  [data-size="5"] .fixed-size {
    -webkit-flex-basis: 600px;
        -ms-flex-preferred-size: 600px;
            flex-basis: 600px;
    max-width: 600px;
    min-width: 600px;
  }
}
[data-size="6"].fixed-size,
[data-size="6"] .fixed-size {
  -webkit-flex-basis: 360px;
      -ms-flex-preferred-size: 360px;
          flex-basis: 360px;
  max-width: 360px;
  min-width: 360px;
}
@media screen and (min-width: 36em) {
  [data-size="6"].fixed-size,
  [data-size="6"] .fixed-size {
    -webkit-flex-basis: 480px;
        -ms-flex-preferred-size: 480px;
            flex-basis: 480px;
    max-width: 480px;
    min-width: 480px;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="6"].fixed-size,
  [data-size="6"] .fixed-size {
    -webkit-flex-basis: 720px;
        -ms-flex-preferred-size: 720px;
            flex-basis: 720px;
    max-width: 720px;
    min-width: 720px;
  }
}
[data-size="7"].fixed-size,
[data-size="7"] .fixed-size {
  -webkit-flex-basis: 480px;
      -ms-flex-preferred-size: 480px;
          flex-basis: 480px;
  max-width: 480px;
  min-width: 480px;
}
@media screen and (min-width: 48em) {
  [data-size="7"].fixed-size,
  [data-size="7"] .fixed-size {
    -webkit-flex-basis: 720px;
        -ms-flex-preferred-size: 720px;
            flex-basis: 720px;
    max-width: 720px;
    min-width: 720px;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="7"].fixed-size,
  [data-size="7"] .fixed-size {
    -webkit-flex-basis: 840px;
        -ms-flex-preferred-size: 840px;
            flex-basis: 840px;
    max-width: 840px;
    min-width: 840px;
  }
}
[data-size="8"].fixed-size,
[data-size="8"] .fixed-size {
  -webkit-flex-basis: 480px;
      -ms-flex-preferred-size: 480px;
          flex-basis: 480px;
  max-width: 480px;
  min-width: 480px;
}
@media screen and (min-width: 48em) {
  [data-size="8"].fixed-size,
  [data-size="8"] .fixed-size {
    -webkit-flex-basis: 720px;
        -ms-flex-preferred-size: 720px;
            flex-basis: 720px;
    max-width: 720px;
    min-width: 720px;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="8"].fixed-size,
  [data-size="8"] .fixed-size {
    -webkit-flex-basis: 960px;
        -ms-flex-preferred-size: 960px;
            flex-basis: 960px;
    max-width: 960px;
    min-width: 960px;
  }
}
[data-size="9"].fixed-size,
[data-size="9"] .fixed-size {
  -webkit-flex-basis: 480px;
      -ms-flex-preferred-size: 480px;
          flex-basis: 480px;
  max-width: 480px;
  min-width: 480px;
}
@media screen and (min-width: 36em) {
  [data-size="9"].fixed-size,
  [data-size="9"] .fixed-size {
    -webkit-flex-basis: 720px;
        -ms-flex-preferred-size: 720px;
            flex-basis: 720px;
    max-width: 720px;
    min-width: 720px;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="9"].fixed-size,
  [data-size="9"] .fixed-size {
    -webkit-flex-basis: 1080px;
        -ms-flex-preferred-size: 1080px;
            flex-basis: 1080px;
    max-width: 1080px;
    min-width: 1080px;
  }
}
[data-size="10"].fixed-size,
[data-size="10"] .fixed-size {
  -webkit-flex-basis: 480px;
      -ms-flex-preferred-size: 480px;
          flex-basis: 480px;
  max-width: 480px;
  min-width: 480px;
}
@media screen and (min-width: 36em) {
  [data-size="10"].fixed-size,
  [data-size="10"] .fixed-size {
    -webkit-flex-basis: 840px;
        -ms-flex-preferred-size: 840px;
            flex-basis: 840px;
    max-width: 840px;
    min-width: 840px;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="10"].fixed-size,
  [data-size="10"] .fixed-size {
    -webkit-flex-basis: 1200px;
        -ms-flex-preferred-size: 1200px;
            flex-basis: 1200px;
    max-width: 1200px;
    min-width: 1200px;
  }
}
[data-size="11"].fixed-size,
[data-size="11"] .fixed-size {
  -webkit-flex-basis: 600px;
      -ms-flex-preferred-size: 600px;
          flex-basis: 600px;
  max-width: 600px;
  min-width: 600px;
}
@media screen and (min-width: 36em) {
  [data-size="11"].fixed-size,
  [data-size="11"] .fixed-size {
    -webkit-flex-basis: 960px;
        -ms-flex-preferred-size: 960px;
            flex-basis: 960px;
    max-width: 960px;
    min-width: 960px;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="11"].fixed-size,
  [data-size="11"] .fixed-size {
    -webkit-flex-basis: 1320px;
        -ms-flex-preferred-size: 1320px;
            flex-basis: 1320px;
    max-width: 1320px;
    min-width: 1320px;
  }
}
[data-size="12"].fixed-size,
[data-size="12"] .fixed-size {
  -webkit-flex-basis: 600px;
      -ms-flex-preferred-size: 600px;
          flex-basis: 600px;
  max-width: 600px;
  min-width: 600px;
}
@media screen and (min-width: 36em) {
  [data-size="12"].fixed-size,
  [data-size="12"] .fixed-size {
    -webkit-flex-basis: 1080px;
        -ms-flex-preferred-size: 1080px;
            flex-basis: 1080px;
    max-width: 1080px;
    min-width: 1080px;
  }
}
@media screen and (min-width: 61.5em) {
  [data-size="12"].fixed-size,
  [data-size="12"] .fixed-size {
    -webkit-flex-basis: 1440px;
        -ms-flex-preferred-size: 1440px;
            flex-basis: 1440px;
    max-width: 1440px;
    min-width: 1440px;
  }
}
/*  Core - Formats
-------------------------------- */
.format {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
}
.format__obj {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: none;
}
[data-format="square"].format,
[data-format="square"] .format {
  padding-bottom: 100%;
}
[data-format="square"].format__obj,
[data-format="square"] .format__obj {
  height: 100.4%;
  min-width: 100.2%;
  width: auto;
  min-height: 0;
}
[data-format="square"].format.video,
[data-format="square"] .format.video {
  padding-bottom: 100%;
}
[data-format="tout"].format,
[data-format="tout"] .format {
  padding-bottom: 84.648%;
}
[data-format="tout"].format__obj,
[data-format="tout"] .format__obj {
  width: 100.4%;
  min-height: 100.2%;
  height: auto;
  min-width: 0;
}
[data-format="tout"].format.video,
[data-format="tout"] .format.video {
  padding-bottom: 84.848%;
}
[data-format="portrait"].format,
[data-format="portrait"] .format {
  padding-bottom: 133.133%;
}
[data-format="portrait"].format__obj,
[data-format="portrait"] .format__obj {
  height: 100.4%;
  min-width: 100.2%;
  width: auto;
  min-height: 0;
}
[data-format="portrait"].format.video,
[data-format="portrait"] .format.video {
  padding-bottom: 133.333%;
}
[data-format="landscape"].format,
[data-format="landscape"] .format {
  padding-bottom: 62.022%;
}
[data-format="landscape"].format__obj,
[data-format="landscape"] .format__obj {
  width: 100.4%;
  min-height: 100.2%;
  height: auto;
  min-width: 0;
}
[data-format="landscape"].format.video,
[data-format="landscape"] .format.video {
  padding-bottom: 62.222%;
}
[data-format="mainstage"].format,
[data-format="mainstage"] .format {
  padding-bottom: 43.417%;
}
[data-format="mainstage"].format__obj,
[data-format="mainstage"] .format__obj {
  width: 100.4%;
  min-height: 100.2%;
  height: auto;
  min-width: 0;
}
[data-format="mainstage"].format.video,
[data-format="mainstage"] .format.video {
  padding-bottom: 43.617%;
}
[data-format="banner"].format,
[data-format="banner"] .format {
  padding-bottom: 24.8%;
}
[data-format="banner"].format__obj,
[data-format="banner"] .format__obj {
  width: 100.4%;
  min-height: 100.2%;
  height: auto;
  min-width: 0;
}
[data-format="banner"].format.video,
[data-format="banner"] .format.video {
  padding-bottom: 25%;
}
[data-format="sixteen-nine"].format,
[data-format="sixteen-nine"] .format {
  padding-bottom: 56.05%;
}
[data-format="sixteen-nine"].format__obj,
[data-format="sixteen-nine"] .format__obj {
  width: 100.4%;
  min-height: 100.2%;
  height: auto;
  min-width: 0;
}
[data-format="sixteen-nine"].format.video,
[data-format="sixteen-nine"] .format.video {
  padding-bottom: 56.25%;
}
[data-format="four-three"].format,
[data-format="four-three"] .format {
  padding-bottom: 74.8%;
}
[data-format="four-three"].format__obj,
[data-format="four-three"] .format__obj {
  width: 100.4%;
  min-height: 100.2%;
  height: auto;
  min-width: 0;
}
[data-format="four-three"].format.video,
[data-format="four-three"] .format.video {
  padding-bottom: 75%;
}
/*  Core - Media object
-------------------------------- */
.media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.media__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.media__obj--center {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.media__obj--left {
  margin-right: 8px;
}
.media__obj--right {
  margin-left: 8px;
}
.btn,
.reveal-txt__btn,
.social--like-btn,
.social--like-count,
.social--view-count,
.social--comment-count,
.social--report,
.async-list__loader,
.async-list__btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;vertical-align: middle;position: relative;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;line-height: 24px;text-align: center;color: inherit;border: 0;padding: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;background-color: transparent;
}
.btn,
.btn:hover,
.btn:active,
.btn:focus,
.reveal-txt__btn,
.reveal-txt__btn:hover,
.reveal-txt__btn:active,
.reveal-txt__btn:focus,
.social--like-btn,
.social--like-btn:hover,
.social--like-btn:active,
.social--like-btn:focus,
.social--like-count,
.social--like-count:hover,
.social--like-count:active,
.social--like-count:focus,
.social--view-count,
.social--view-count:hover,
.social--view-count:active,
.social--view-count:focus,
.social--comment-count,
.social--comment-count:hover,
.social--comment-count:active,
.social--comment-count:focus,
.social--report,
.social--report:hover,
.social--report:active,
.social--report:focus,
.async-list__loader,
.async-list__loader:hover,
.async-list__loader:active,
.async-list__loader:focus,
.async-list__btn,
.async-list__btn:hover,
.async-list__btn:active,
.async-list__btn:focus {
  text-decoration: none;outline: none;
}
.btn > *:not(.icon):not(:last-child):after,
.reveal-txt__btn > *:not(.icon):not(:last-child):after,
.social--like-btn > *:not(.icon):not(:last-child):after,
.social--like-count > *:not(.icon):not(:last-child):after,
.social--view-count > *:not(.icon):not(:last-child):after,
.social--comment-count > *:not(.icon):not(:last-child):after,
.social--report > *:not(.icon):not(:last-child):after,
.async-list__loader > *:not(.icon):not(:last-child):after,
.async-list__btn > *:not(.icon):not(:last-child):after {
  content: '\00a0';
}
/*  Button - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles

    <a class="btn  btn--primary" href=""></a>
    <button class="btn  btn--primary" type="button"></button>
    <input class="btn  btn--primary" type="button" value="">
*/
.btn__icon {
  position: relative;
  top: 1px;
}
.btn__icon--left {
  margin-right: 8px;
  margin-left: -2px;
}
.btn__icon--right {
  margin-left: 8px;
  margin-right: -2px;
}
/*  Loader - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.loader {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 36em) {
  .loader {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.loader:after {
  display: block;
}
/*  Form - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.form {
  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;
}
.form-group--inline .form-control {
  width: auto;
  min-width: initial;
}
.form-control--textarea {
  min-width: 100%;
  max-width: 100%;
}
.form-checkbox,
.form-radio {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.form-checkbox__input,
.form-radio__input {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  position: relative;
  top: 0.4rem;
}
.form-checkbox {
  position: relative;
}
.form-group {
  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;
  width: 100%;
}
.form-group--inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.form-group--inline .form-group__control {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.form-group--inline .form-group__label {
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}
.form-group__txt:empty,
.form-group__validation:empty {
  display: none;
}
.form-group--inline .form-group__txt,
.form-group--inline .form-group__validation {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
/*  Rich Text - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Rich Text - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.reveal-txt {
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.reveal-txt__content {
  width: 100%;
  overflow: hidden;
  max-height: 72px;
}
.is--revealed .reveal-txt__content {
  max-height: none;
}
.reveal-txt__btn .icon {
  position: relative;
  top: 1px;
  margin-left: 8px;
  margin-right: -2px;
}
.reveal-txt__btn--off {
  display: none;
}
.is--revealed .reveal-txt__btn--off {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.is--revealed .reveal-txt__btn--on {
  display: none;
}
/* Header - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
.has--social.header {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.header__sub-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.header__title-link {
  text-decoration: none;
}
/*  Pagination - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.pagination {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pagination__item {
  cursor: pointer;
}
/*  List Grid - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.has--eyecatcher .list-grid__inner {
  position: relative;
  z-index: 5;
}
.has--eyecatcher .list-grid__header {
  position: relative;
}
.list-grid__list {
  margin: -4px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 36em) {
  .list-grid__list {
    margin: -8px;
  }
}
.has--eyecatcher .list-grid__list {
  position: relative;
}
.list-grid--center .list-grid__list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.list-grid__item {
  padding: 4px;
  min-height: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 36em) {
  .list-grid__item {
    padding: 8px;
  }
}
.empty-list .grid-content {
  padding: 0;
}
/*  Eyecatcher - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.eyecatcher {
  position: absolute;
  speak: none;
  pointer-events: none;
}
/*  Content Item - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.content-item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
a.content-item {
  text-decoration: none;
}
.content-item__inner {
  width: 100%;
}
.content-item__primary {
  width: 100%;
  position: relative;
}
a.content-item__primary {
  display: block;
  text-decoration: none;
}
.content-item__primary-inner {
  display: block;
}
.content-item__img {
  background-color: #fff;
}
a.content-item__secondary-inner {
  display: block;
  text-decoration: none;
}
.content-item--modal {
  cursor: pointer;
}
.video-duration-label {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 1;
  pointer-events: none;
}
/*  CTA - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.cta {
  position: relative;
}
.cta__icon {
  position: absolute;
}
.cta__icon.is-top-left,
.cta__icon.is-middle-left,
.cta__icon.is-bottom-left {
  left: 0;
}
.cta__icon.is-top-right,
.cta__icon.is-middle-right,
.cta__icon.is-bottom-right {
  right: 0;
}
.cta__icon.is-top-center,
.cta__icon.is-bottom-center {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
}
.cta__icon.is-top-left,
.cta__icon.is-top-center,
.cta__icon.is-top-right {
  top: 0;
}
.cta__icon.is-middle-left,
.cta__icon.is-middle-right {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cta__icon.is-center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cta__icon.is-bottom-left,
.cta__icon.is-bottom-center,
.cta__icon.is-bottom-right {
  bottom: 0;
}
.cta-extra {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.cta-extra__icon.is-middle-left,
.cta-extra__icon.is-middle-right {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.cta-extra__icon.is-middle-left {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.cta-extra__icon.is-middle-right {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
.cta-extra__inner {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.cta-btn {
  text-decoration: none;
}
.sticker {
  position: absolute;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  z-index: 10;
  pointer-events: none;
  speak: none;
}
.sticker.is-top-left {
  top: 0;
  left: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.sticker.is-top-right {
  top: 0;
  right: 0;
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.sticker.is-bottom-left {
  left: 0;
  bottom: 0;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
.sticker.is-bottom-right {
  right: 0;
  bottom: 0;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
/*  Details - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.details {
  margin-left: -16px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.details > span {
  display: none;
}
.details--no-sidebar {
  display: block;
  margin: 0;
}
.details__main,
.details__sidebar {
  padding-left: 16px;
  min-height: 1px;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 48em) {
  .details__main {
    -webkit-flex-basis: 66.66666667%;
        -ms-flex-preferred-size: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    min-width: 66.66666667%;
  }
  .details__main .is--sidebar-content {
    display: none !important;
  }
}
@media screen and (min-width: 73.5em) {
  .details__main {
    -webkit-flex-basis: 58.33333333%;
        -ms-flex-preferred-size: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    min-width: 58.33333333%;
  }
}
@media screen and (max-width: 47.9375em) {
  .details__sidebar {
    display: none !important;
  }
}
@media screen and (min-width: 48em) {
  .details__sidebar {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
  }
}
.details__sidebar .details__sub-header {
  display: none;
}
.details__io {
  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;
}
.details__links {
  margin: -8px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 73.5em) {
  .details__links {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%;
    min-width: 75%;
  }
}
.details__links-item {
  padding: 8px;
  min-height: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (min-width: 48em) {
  .details__links-item {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}
@media screen and (min-width: 23.375em) {
  .details--activity .details__links-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}
.details__links-item > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
/* Author - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.author__avatar {
  background-repeat: no-repeat;
  background-position: center -16px;
}
.author__name a:not(:hover) {
  text-decoration: none;
}
/*  Social - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.social-scope {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 23.3125em) {
  .social-scope > * {
    width: 100%;
  }
}
.social--like-btn .social__icon {
  position: relative;
  top: 1px;
}
.social--like-count {
  cursor: default;
}
.social--view-count {
  cursor: default;
}
.social--view-count .social__icon {
  margin-right: 8px;
  margin-left: -2px;
}
.social--comment-count .social__icon {
  margin-right: 8px;
  margin-left: -2px;
}
.social--report .social__icon {
  margin-right: 8px;
  margin-left: -2px;
}
.like-btn {
  white-space: nowrap;
}
.stacked-social {
  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-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inline-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.social-sharing__age-gate {
  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;
}
.social-sharing__list {
  margin-left: -8px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.social-sharing__item {
  padding-left: 8px;
  min-height: 1px;
}
.age-gate {
  margin-left: -8px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.age-gate__day,
.age-gate__month,
.age-gate__year,
.age-gate__btn {
  padding-left: 8px;
  min-height: 1px;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
.age-gate__day,
.age-gate__month,
.age-gate__year {
  margin-bottom: 8px;
}
@media screen and (min-width: 36em) {
  .age-gate__day {
    -webkit-flex-basis: 16.66666667%;
        -ms-flex-preferred-size: 16.66666667%;
            flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    min-width: 16.66666667%;
  }
}
@media screen and (min-width: 36em) {
  .age-gate__month {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 36em) {
  .age-gate__year {
    -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 33.33333333%;
  }
}
.age-gate__btn {
  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;
}
.age-gate .form-group {
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/*  Branding - Functional styles
-------------------------------- */
/*  <div class="grid-row  branding">
        <div class="grid-column">
            <div class="grid-content">
                <div class="branding__inner" role="banner">
                    <a href="" class="branding__link">
                        <img src="" alt="" class="branding__logo">
                    </a>

                    <div class="branding__banner">
                        <img src="" alt="" class="branding__banner-img">
                    </div>
                </div>
            </div>
        </div>
    </div>

    Emmet:
    .grid-row.branding>.grid-column>.grid-content>.branding__inner[role=banner]>a.branding__link>img.branding__logo^.branding__banner>img.branding__banner-img
*/
/*  Variables
*/
/*  Styles
*/
.branding .grid-content {
  padding: 0;
}
.branding__inner {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}
.has--no-logo .branding__link {
  display: none;
}
.branding__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  width: auto;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.branding__banner {
  height: 100%;
}
.has--no-banner .branding__banner {
  display: none;
}
.branding__banner-img {
  margin: 0 auto;
}
/*  Navigation - Functional styles
-------------------------------- */
/*  <div class="grid-row  nav">
        <div class="grid-column">
            <div class="grid-content">
                <nav class="nav__inner" role="navigation">
                    <ul class="nav__list">
                        <li class="nav__item  has--icon  has--title  is--active">
                            <a href="" class="nav__link">
                                <i class="icon  nav__icon"></i>
                                <span class="nav__title"></span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>

    Emmet: .grid-row.nav>.grid-column>.grid-content>nav.nav__inner[role=navigation]>ul.nav__list>li.nav__item.has--icon.has--title.is--active>a.nav__link>i.icon.nav__icon+span.nav__title{title here}
*/
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.nav__list {
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
}
.nav__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.nav__item.is--active .nav__link {
  cursor: default;
}
.nav__link {
  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;
  text-decoration: none;
}
.nav__icon {
  max-height: none;
}
.site-navigation .grid-content {
  padding: 0;
}
.site-navigation .nav__item.has--no-icon .nav__title {
  display: inline-block;
}
.site-navigation .nav__link {
  text-transform: uppercase;
}
.site-navigation .nav__title {
  display: none;
}
@media screen and (min-width: 73.5em) {
  .site-navigation .nav__title {
    display: inline-block;
  }
}
/*  Breadcrumb - Functional styles
-------------------------------- */
/*  <div class="grid-row  breadcrumb">
        <div class="grid-column">
            <div class="grid-content">
                <div class="breadcrumb__inner">
                    <div class="breadcrumb__label">label here</div>

                    <ol class="breadcrumb__list">
                        <li class="breadcrumb__item">
                            <a href="" class="breadcrumb__title"></a>
                        </li>

                        <li class="breadcrumb__item  is--active">
                            <span class="breadcrumb__title"></span>
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    Emmet:
    .grid-row.breadcrumb>.grid-column>.grid-content>.breadcrumb__inner>.breadcrumb__label{label here}+ol.breadcrumb__list>li.breadcrumb__item>a.breadcrumb__title^li.breadcrumb__item.is--active>span.breadcrumb__title
*/
/*  Variables
*/
/*  Styles
    1. Fallback for stupid browsers without flexbox support
*/
@media screen and (max-width: 47.9375em) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb .grid-content {
  padding-top: 0;
  padding-bottom: 0;
}
.breadcrumb__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumb__label {
  display: inline-block;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.breadcrumb__list {
  list-style: none;
  display: block;
  overflow: hidden;
}
.breadcrumb__item {
  display: inline-block;
}
.breadcrumb__item:before {
  font-weight: normal;
  content: '\203A\00a0';
}
.breadcrumb__item:first-child:before {
  display: none;
}
.breadcrumb__title {
  text-decoration: none;
}
.breadcrumb__item:not(.is--active) .breadcrumb__title:hover,
.breadcrumb__item:not(.is--active) .breadcrumb__title:active {
  text-decoration: underline;
}
/*  Carousel - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
    1. Init styling, so page dosn't jump as much before JS is loaded
*/
.carousel-list .list-grid__list:not(.carousel__list) {
  overflow-x: hidden;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.carousel {
  -ms-touch-action: none;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.carousel:active,
.carousel *:active,
.carousel:focus,
.carousel *:focus {
  outline: 0;
}
.carousel__viewport {
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.carousel__list {
  overflow: visible;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 0 -4px;
}
@media screen and (min-width: 36em) {
  .carousel__list {
    margin: 0 -8px;
  }
}
.carousel__btn {
  z-index: 5;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
}
.carousel__btn-icon {
  position: relative;
  padding: 20px;
  display: block;
  max-height: none;
}
.carousel__btn.is--active {
  display: block;
}
.carousel__btn,
.carousel__btn.is--disabled {
  display: none;
}
.carousel__btn--prev {
  left: 4px;
}
@media screen and (min-width: 36em) {
  .carousel__btn--prev {
    left: 8px;
  }
}
.carousel__btn--next {
  right: 4px;
}
@media screen and (min-width: 36em) {
  .carousel__btn--next {
    right: 8px;
  }
}
.carousel__btn--prev .carousel__btn-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) translateX(-1px);
          transform: translate(-50%, -50%) translateX(-1px);
}
.carousel__btn--next .carousel__btn-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) translateX(1px);
          transform: translate(-50%, -50%) translateX(1px);
}
/*  Slider - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
    1. Init styling, so page dosn't jump as much before JS is loaded
*/
.slider:not(.ng-scope) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  list-style: none;
}
.slider {
  position: relative;
}
.slider__viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.slider__list {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
  height: 100%;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.slider__list.is--active {
  -webkit-transition: none;
  transition: none;
}
.slider__item {
  min-height: 1px;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0;
  overflow: hidden;
}
.slider__img:not(.format__obj) {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.slider__pagination {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  z-index: 2;
}
.slider__nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 1440px;
  width: 100%;
  z-index: 2;
  pointer-events: none;
}
.slider__btn {
  height: auto;
  pointer-events: auto;
}
.slider__btn-icon {
  position: relative;
  padding: 20px;
  display: block;
  max-height: none;
}
.slider__btn-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slider__btn--prev {
  float: left;
}
.slider__btn--next {
  float: right;
}
/*  Accordian - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.accordian-list .list-grid__list {
  margin: 0;
}
.accordian-list .list-grid__item {
  padding: 0;
}
.accordian-list .size {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
.accordian {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.accordian__title,
.accordian__content {
  width: 100%;
}
.accordian__title {
  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;
}
.accordian__trigger,
.accordian__content {
  width: 100%;
  max-width: 1424px;
}
.accordian__trigger {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  color: inherit;
}
.accordian__trigger ::-moz-focus-inner {
  border: 0;
}
.accordian__trigger-inner {
  position: relative;
  padding-right: 1em;
}
.accordian__trigger-inner:after {
  position: absolute;
  right: 0;
}
.accordian__content {
  display: none;
}
.accordian.is--open .accordian__content {
  display: block;
}
/* Modal - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1101;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.modal:focus {
  outline: 0;
}
.modal::-webkit-scrollbar {
  display: none;
}
.modal__inner {
  position: relative;
  width: 100%;
  max-width: 1440px;
}
.modal__close {
  position: absolute !important;
  right: 0;
  top: 0;
  z-index: 5;
}
.modal__close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modal__footer {
  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;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
}
.modal-backdrop:focus {
  outline: 0;
}
/*  Page Intro - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Async List - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.async-list__controls {
  text-align: center;
}
.async-list__loader,
.async-list__btn {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.async-list__loader {
  display: none;
}
.is--async-loading .async-list__loader {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.is--async-loading .async-list__btn {
  display: none;
}
.async-list .list-grid__inner > ul > [lego-async-item="item"] {
  display: none;
}
/*  Multiview List - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.multiview-list__header {
  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;
}
@media screen and (min-width: 36em) {
  .multiview-list__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 36em) {
  .multiview-list__header .header {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}
@media screen and (min-width: 36em) {
  .multiview-list__options {
    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;
  }
}
.multiview-list .is--gallery .content-item__desc {
  display: none;
}
.multiview-list .is--list .list-grid__item {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
.multiview-list .is--list .content-item__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.multiview-list .is--list .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-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
@media screen and (min-width: 36em) {
  .multiview-list .is--list .content-item__primary {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
  }
}
.multiview-list .is--list .content-item__secondary {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
/*  Mozaik List - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.mozaik-list__layout {
  margin-left: -8px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 36em) {
  .mozaik-list__layout {
    margin-left: -16px;
  }
}
.mozaik-list__layout-item {
  padding-left: 8px;
  min-height: 1px;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 36em) {
  .mozaik-list__layout-item {
    padding-left: 16px;
  }
}
@media screen and (min-width: 48em) {
  .mozaik-list__layout-item--main {
    -webkit-flex-basis: 41.66666667%;
        -ms-flex-preferred-size: 41.66666667%;
            flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    min-width: 41.66666667%;
  }
}
@media screen and (min-width: 61.5em) {
  .mozaik-list__layout-item--main {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .mozaik-list__layout-item--secondary {
    -webkit-flex-basis: 58.33333333%;
        -ms-flex-preferred-size: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    min-width: 58.33333333%;
  }
}
@media screen and (min-width: 61.5em) {
  .mozaik-list__layout-item--secondary {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
.mozaik-list .list-grid__list {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
/*  Promoted List - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.promoted-list__layout-item {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 48em) {
  .promoted-list__layout-item--main {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 61.5em) {
  .promoted-list__layout-item--main {
    -webkit-flex-basis: 58.33333333%;
        -ms-flex-preferred-size: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    min-width: 58.33333333%;
  }
}
@media screen and (min-width: 48em) {
  .promoted-list__layout-item--secondary {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 61.5em) {
  .promoted-list__layout-item--secondary {
    -webkit-flex-basis: 41.66666667%;
        -ms-flex-preferred-size: 41.66666667%;
            flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    min-width: 41.66666667%;
  }
}
.promoted-list__secondary-layout-item {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
}
/*  App - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.app {
  font-size: 0;
}
.app__container > * {
  margin: 0 auto;
  display: block;
}
.is--responsive.app__container {
  position: relative;
  height: 0;
}
.is--responsive.app__container > * {
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}
.is--bad-width .app__container {
  display: none;
}
.app__link {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 36em) {
  .app__link {
    -webkit-flex-basis: 83.33333333%;
        -ms-flex-preferred-size: 83.33333333%;
            flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    min-width: 83.33333333%;
  }
}
@media screen and (min-width: 48em) {
  .app__link {
    -webkit-flex-basis: 66.66666667%;
        -ms-flex-preferred-size: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    min-width: 66.66666667%;
  }
}
@media screen and (min-width: 61.5em) {
  .app__link {
    -webkit-flex-basis: 58.33333333%;
        -ms-flex-preferred-size: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    min-width: 58.33333333%;
  }
}
.app__img {
  margin: 0 auto;
}
.app__img:not(.lego-loaded) {
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}
.app-fallback--size {
  display: none;
}
.is--bad-width .app-fallback--size {
  display: block;
}
.app-fallback--unsupported {
  display: none;
}
.has--no-unity-support .app-fallback--unsupported {
  display: block;
}
.app-fallback--tech {
  display: none;
}
.has--no-unity .app-fallback--tech,
.has--no-unity-support .app-fallback--tech,
.has--no-flash .app-fallback--tech,
.touch .has--no-flash .app-fallback--tech {
  display: block;
}
.has--no-unity .app-fallback--tech .is--unsupported {
  display: none;
}
.has--no-unity-support .app-fallback--tech .is--supported {
  display: none;
}
.has--no-unity-support .app-fallback--tech .is--unsupported {
  display: block !important;
}
.has--no-flash .app-fallback--tech .is--supported,
.touch .has--no-flash .app-fallback--tech .is--supported {
  display: none;
}
.has--no-flash .app-fallback--tech .is--unsupported,
.touch .has--no-flash .app-fallback--tech .is--unsupported {
  display: block !important;
}
/*  Character - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.details__section--char-bio {
  margin-left: -16px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mugshot,
.bio {
  padding-left: 16px;
  min-height: 1px;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 36em) and (max-width: 47.9375em) {
  .mugshot,
  .bio {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
}
.mugshot {
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mugshot__img {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
}
.mugshot__title {
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  text-align: center;
}
.bio__title {
  display: none;
}
.bio-list__item--title {
  font-weight: bold;
}
/*  Accessory - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Quiz - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
/*  Article - Functional styles
-------------------------------- */
/*  Variables
*/
/*  Mixins
*/
/*  Styles
*/
.article-section__img {
  margin: 0 auto;
}


/*# sourceMappingURL=basestyles.css.map*/