/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* gradient that allows semi-transparent stops */
/* only variables */
/* lets try to fix these, should normalize them to the greyxx */
.footer-mount {
  width: 100%;
  padding: 0;
}
.site-footer-wrapper {
  min-width: 190px;
  width: 100%;
  margin-top: 80px;
  padding-bottom: 20px;
  font-size: 1em;
  color: #999;
  position: relative;
}
.pt11 .site-footer-wrapper {
  margin-bottom: 80px;
}
.pt11 .site-footer-wrapper .footer-divider {
  display: none;
}
.footer-top-a {
  color: #999;
}
.footer-divider {
  height: 0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
}
.site-footer {
  margin: 0 auto;
  padding-top: 30px;
  width: 90%;
}
.footer-top {
  padding: 0;
  margin: 0 0 30px;
}
.footer-links {
  max-width: 1000px;
  font-size: 13px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.footer-link-item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin-bottom: 16px;
  display: inline-block;
  min-width: 100px;
  width: 25%;
  padding-right: 12px;
  vertical-align: top;
}
@media only screen and (max-width: 740px) {
  .footer-link-item {
    width: 33%;
  }
}
@media only screen and (max-width: 500px) {
  .footer-link-item {
    width: 50%;
  }
}
.footer-link {
  color: #999;
}
.service-code-wrapper {
  color: #999;
  margin: 45px 0 20px;
}
.service-code {
  border: 1px solid #999;
  padding: 8px;
  display: inline-block;
  color: #999;
  font-size: .8521em;
  min-width: 90px;
  text-align: center;
}
.service-code:hover,
.service-code:focus {
  text-decoration: none;
}
.copy-text {
  color: #808080;
  margin: 20px 0;
  font-size: .750em;
  line-height: 1em;
}
.copy-text a {
  color: #808080;
}
.copy-text a:hover,
.copy-text a:focus {
  text-decoration: underline;
}
.copy-text .copy-text-block + .copy-text-block {
  margin-top: 4px;
}
.footer-country {
  font-size: 13px;
  margin-top: 24px;
}
.privacy-updated,
.terms-updated {
  font-weight: bold;
}
html,
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #f3f3f3;
  color: #333333;
  font-size: 16px;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  min-width: 320px;
  margin: 0;
}
body .member-header {
  min-width: 190px;
}
body > .bd {
  min-height: 400px;
  min-width: 320px;
  margin: 30px 30px 0;
}
h1 {
  font-size: 27px;
  margin: 0 0 .4em;
}
h2,
h3,
h4,
h5 {
  margin: .75em 0 .25em;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
@media screen and (min-width: 740px) {
  h1 {
    font-size: 38px;
  }
  h2 {
    font-size: 27px;
  }
  h3 {
    font-size: 23px;
  }
  h4 {
    font-size: 19px;
  }
  h5 {
    font-size: 16px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  }
}
.centerContainer {
  margin: 0 auto 15px;
  padding: 20px 3% 60px;
  max-width: 978px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.centerContainer.smallForm {
  max-width: 500px;
}
strong,
.bold {
  font-weight: bold;
}
.clearfix:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}
.nowrap {
  white-space: nowrap;
}
a {
  text-decoration: none;
  color: #0071eb;
}
a:hover {
  text-decoration: underline;
}
ul {
  padding: 0;
}
ul > li {
  margin-left: 1.1em;
  margin-bottom: 5px;
  list-style-type: disc;
}
ul.structural {
  padding: 0;
  margin: 0;
}
ul.structural > li {
  list-style: none;
  margin-left: 0;
}
.pointer {
  cursor: pointer;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.footer-mount {
  width: 100%;
  padding: 0;
}
.site-footer-wrapper {
  min-width: 190px;
  width: 100%;
  margin-top: 80px;
  padding-bottom: 20px;
  font-size: 1em;
  color: #a6a6a6;
  position: relative;
}
.pt11 .site-footer-wrapper {
  margin-bottom: 80px;
}
.pt11 .site-footer-wrapper .footer-divider {
  display: none;
}
.footer-top-a {
  color: #a6a6a6;
}
.footer-divider {
  height: 0;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.site-footer {
  margin: 0 auto;
  padding-top: 30px;
  width: 90%;
}
.footer-top {
  padding: 0;
  margin: 0 0 30px;
}
.footer-links {
  max-width: 1000px;
  font-size: 13px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.footer-link-item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin-bottom: 16px;
  display: inline-block;
  min-width: 100px;
  width: 25%;
  padding-right: 12px;
  vertical-align: top;
}
@media only screen and (max-width: 740px) {
  .footer-link-item {
    width: 33%;
  }
}
@media only screen and (max-width: 500px) {
  .footer-link-item {
    width: 50%;
  }
}
.footer-link {
  color: #a6a6a6;
}
.service-code-wrapper {
  color: #a6a6a6;
  margin: 45px 0 20px;
}
.service-code {
  border: 1px solid #a6a6a6;
  padding: 8px;
  display: inline-block;
  color: #a6a6a6;
  font-size: .8521em;
  min-width: 90px;
  text-align: center;
}
.service-code:hover,
.service-code:focus {
  text-decoration: none;
}
.footer-country {
  font-size: 13px;
  margin-top: 24px;
}
.privacy-updated,
.terms-updated {
  font-weight: bold;
}
.nfLabel {
  font-size: 16px;
  color: #333333;
}
.background-dark {
  color: inherit;
}
.nfFormSpace {
  margin-bottom: 10px;
}
.nfFormSpace.no-padding .signupTerms {
  margin-left: 0;
  margin-right: 0;
}
.nfSelectWrapper {
  display: inline-block;
  position: relative;
  max-width: 500px;
}
.nfSelectWrapper > .ui-label {
  margin-bottom: 0;
}
.nfSelectWrapper.selectArrow,
.nfSelectWrapper .selectArrow {
  display: inline-block;
  width: 100%;
}
.nfSelectWrapper.selectArrow .nfSelectPlacement,
.nfSelectWrapper .selectArrow .nfSelectPlacement {
  position: relative;
}
.nfSelectWrapper.selectArrow .nfSelectPlacement::after,
.nfSelectWrapper .selectArrow .nfSelectPlacement::after {
  background-color: #ffffff;
  content: '';
  position: absolute;
  pointer-events: none;
  border: 6px solid;
  border-color: #333333 #ffffff #ffffff #ffffff;
  right: 10px;
  top: 49%;
}
.nfSelectWrapper.selectArrow.prefix .nfSelectPlacement.globe::before,
.nfSelectWrapper .selectArrow.prefix .nfSelectPlacement.globe::before {
  content: '\e896';
}
.nfSelectWrapper.selectArrow.prefix .nfSelectPlacement::before,
.nfSelectWrapper .selectArrow.prefix .nfSelectPlacement::before {
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: 'nf-icon';
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  color: #333333;
  font-size: 16px;
  position: absolute;
  pointer-events: none;
}
.nfSelectWrapper.selectArrow.prefix .nfSelect,
.nfSelectWrapper .selectArrow.prefix .nfSelect {
  padding-left: 42px;
}
.nfSelectWrapper.selectArrow.inFooter .nfSelect,
.nfSelectWrapper .selectArrow.inFooter .nfSelect {
  color: inherit;
}
.nfSelectWrapper .placeLabel {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
  color: #8c8c8c;
  font-size: 14px;
  pointer-events: none;
}
@media only screen and (min-width: 740px) {
  .nfSelectWrapper .placeLabel {
    font-size: 16px;
  }
}
.nfSelectWrapper .inputError {
  font-size: 13px;
  color: #b92d2b;
}
.nfSelectWrapper .inputCaption {
  font-size: 13px;
  color: #8c8c8c;
}
.nfSelectWrapper.nfSelectOversize .nfSelect {
  min-height: 60px;
  padding-top: 24px;
}
.nfSelectWrapper.hasSelection .placeLabel {
  top: 4px;
  font-size: 11px;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.nfSelectWrapper.hasSelection.nfSelectOversize .placeLabel {
  top: 8px;
  font-weight: 700;
}
.nfSelectWrapper.externalLabel {
  padding-top: 20px;
}
.nfSelectWrapper.externalLabel .placeLabel,
.nfSelectWrapper.externalLabel .nfTextField:focus + .placeLabel,
.nfSelectWrapper.externalLabel .hasText + .placeLabel {
  bottom: -4px;
  left: 0;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  font-size: 16px;
}
.nfSelect {
  background: #ffffff;
  font-size: 16px;
  height: 48px;
  border: 1px solid #a6a6a6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  width: 100%;
  padding: 10px 30px 12px 10px;
  /*target Internet Explorer 9 and Internet Explorer 10:*/
}
.nfSelect::-ms-expand {
  display: none;
}
.nfSelect:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.nfSelect.error {
  border-color: #b92d2b;
}
.nfSelect.valid {
  border-color: #5fa53f;
}
.nfSelect option:disabled {
  color: #a6a6a6;
}
.nfSelectWrapper.hasSelection .nfSelect {
  padding: 19px 30px 4px 10px;
}
.ui-select-wrapper {
  display: inline-block;
  position: relative;
}
.ui-select-wrapper > .ui-label {
  margin-bottom: 0;
}
.ui-select-wrapper .select-arrow {
  position: relative;
  display: inline-block;
  width: 100%;
}
.ui-select-wrapper .select-arrow::after {
  font-family: 'nf-icon';
  color: black;
  font-size: 6px;
  content: '\e898';
  position: absolute;
  pointer-events: none;
}
.ui-select-wrapper .select-arrow.medium::after {
  right: 10px;
  top: 18px;
}
.ui-select-wrapper .select-arrow.medium::before {
  top: 11px;
  left: 15px;
}
.ui-select-wrapper .select-arrow.prefix.globe::before {
  content: '\e896';
}
.ui-select-wrapper .select-arrow.prefix::before {
  font-family: 'nf-icon';
  color: black;
  font-size: 16px;
  position: absolute;
  pointer-events: none;
}
.ui-select-wrapper .select-arrow.prefix .ui-select.medium {
  padding-left: 50px;
  text-indent: 2px;
  line-height: 1.7;
}
.ui-select {
  background: #fff;
  font-size: 16px;
  border: 1px solid #b3b3b3;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  width: 100%;
  /*target Internet Explorer 9 and Internet Explorer 10:*/
}
.ui-select::-ms-expand {
  display: none;
}
.ui-select.error {
  border-color: #B00500;
}
.ui-select.valid {
  border-color: #5fa53f;
}
.ui-select.medium {
  padding: 12px;
}
.lang-selection-container {
  margin-top: 20px;
}
.lang-selection-container .ui-select-wrapper {
  width: auto;
}
.lang-selection-container .ui-select-wrapper .select-arrow.prefix::before {
  top: 14px;
}
.lang-selection-container .ui-select-wrapper .select-arrow.prefix .ui-select.medium {
  text-indent: 0;
  padding-right: 26px;
}
.lang-selection-container .ui-select {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
  background-image: -webkit-linear-gradient(top, #fff, #f7f7f7);
  background-image: -moz- oldlinear-gradient(top, #fff, #f7f7f7);
  background-image: -o-linear-gradient(top, #fff, #f7f7f7);
  background-image: linear-gradient(to bottom, #fff, #f7f7f7);
  font-size: 13px;
}
/**
 *  @condition showCookieDisclosure
 **/
.basicLayout.showDisclosure {
  padding-bottom: 70px;
}
#cookie-disclosure {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  border-top: solid 1px #cccccc;
}
#cookie-disclosure .cookie-disclosure-message {
  color: #333333;
  padding: 10px 40px 15px 15px;
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
}
#cookie-disclosure .cookie-disclosure-message a {
  font-weight: bold;
  color: inherit;
}
#cookie-disclosure .short {
  display: none;
  padding: 5px 29px 7px 7px;
}
#cookie-disclosure .btn-container {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 0;
  padding-top: 10px;
  font-size: 16px;
}
#cookie-disclosure .btn-container button {
  color: #333333;
  padding: 0;
  font-size: 12px;
}
#cookie-disclosure .close-button {
  font-size: 12px;
  background: none;
  border: none;
}
#cookie-disclosure .visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  /* added line */
}
@media screen and (min-aspect-ratio: 3/1), screen and (max-width: 700px), screen and (max-height: 500px) {
  #cookie-disclosure .short {
    display: block;
  }
  #cookie-disclosure .short a {
    display: inline;
  }
  #cookie-disclosure .reg {
    display: none;
  }
  #cookie-disclosure .btn-container {
    right: 7px;
    padding-top: 5px;
  }
}
/* The framing elements for Fuji homepage.  This includes custom layout for header, footer, and the placement of the
   container element.  It does not include the buttons or cards.
*/
#appMountPoint {
  background-color: #000000;
}
.our-story-container {
  width: 100%;
  overflow-x: hidden;
}
.our-story-header-wrapper {
  background-color: transparent;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding-top: 20px;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5rem;
  z-index: 10;
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .our-story-header-wrapper {
    height: 4rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .our-story-header-wrapper {
    height: 45px;
  }
}
.our-story-header {
  position: relative;
  margin: 0 3.5rem;
  height: 100%;
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .our-story-header {
    margin: 0 45px;
  }
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .our-story-header {
    margin: 0 5%;
  }
}
.our-story-header .our-story-cta-container {
  float: right;
}
.nfLogo {
  fill: #e50914;
  line-height: normal;
}
.nfLogo .svg-icon-netflix-logo {
  padding-top: 0.5rem;
  height: 45px;
  width: 167px;
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .nfLogo .svg-icon-netflix-logo {
    height: 36px;
    width: 134px;
  }
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .nfLogo .svg-icon-netflix-logo {
    height: 32px;
    width: 108px;
  }
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .nfLogo .svg-icon-netflix-logo {
    height: 24px;
    width: 30%;
  }
}
/* Login Button */
.authLinks {
  color: #ffffff;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  margin-top: 0.5rem;
}
.authLinks:hover {
  text-decoration: none;
}
.authLinks.redButton {
  background-color: #e50914;
  line-height: normal;
  padding: 7px 17px;
  font-weight: 400;
  font-size: 1rem;
  float: right;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .authLinks.redButton {
    font-size: 0.9rem;
    margin-top: 0.35rem;
    padding: 0.25rem 0.5rem;
  }
}
.footer-divider {
  display: none;
}
.site-footer-wrapper {
  margin-top: 0;
}
.site-footer {
  padding-top: 0;
}
.footer-card {
  max-width: 1000px;
  margin: 0 auto;
}
.footer-card .dark .ui-select-wrapper .ui-select {
  background-color: #000000;
  background-image: none;
  border: 1px solid #333333;
  color: #999;
  font-size: 16px;
}
.footer-card .dark .ui-select-wrapper .select-arrow::after {
  top: 22px;
  color: #999;
}
.footer-card .dark .ui-select-wrapper .select-arrow.prefix::before {
  top: 17px;
  color: #999;
}
.cookie-disclosure-clicked #cookie-disclosure {
  display: none;
}
.cookie-disclosure-visible #cookie-disclosure {
  top: 0;
  bottom: auto;
  /* Disable automatic font scaling */
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}
@font-face {
  font-family: 'nf-icon';
  src: url('https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.eot');
  src: url('https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.eot?#iefix') format('embedded-opentype'), url('https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.woff') format('woff'), url('https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.ttf') format('truetype'), url('https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.svg#nf-icon-v1-93') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'nf-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
}
.icon-logoUpdate:before {
  content: '\e5d0';
}
.icon-close:before {
  content: '\e762';
}
.icon-search:before {
  content: '\e636';
}
.icon-circle-solid:before {
  content: '\e622';
}
.icon-star-25-percent:before {
  content: '\e637';
}
.icon-star-50-percent:before {
  content: '\e638';
}
.icon-star-75-percent:before {
  content: '\e639';
}
.icon-star:before {
  content: '\e640';
}
.icon-add:before {
  content: '\e641';
}
.icon-play:before {
  content: '\e646';
}
.icon-leftArrow:before {
  content: '\e659';
}
.icon-rightArrow:before {
  content: '\e658';
}
.icon-kids:before {
  content: '\e691';
}
.icon-tvuiAdd:before {
  content: '\e716';
}
.icon-TvRatings:before {
  content: '\e733';
}
.icon-Talent:before {
  content: '\e734';
}
.icon-Awards:before {
  content: '\e736';
}
.icon-BoxOffice:before {
  content: '\e737';
}
.icon-round-x:before {
  content: '\e747';
}
.icon-globe:before {
  content: '\e896';
}
.icon-warning:before {
  content: '\e620';
}
.icon-rightCaret:before {
  content: '\e867';
}
.icon-leftCaret:before {
  content: '\e868';
}
.icon-disc:before {
  content: '\e871';
}
.icon-spinner:before {
  content: '\e765';
}
.icon-plainCheck:before {
  content: '\e804';
}
.icon-plainX:before {
  content: '\e807';
}
.icon-facebook:before {
  content: '\e628';
}
.icon-error:before {
  content: '\e798';
}
.icon-valid:before {
  content: '\e804';
}
.icon-lock:before {
  content: '\e625';
}
.icon-info-inv:before {
  content: '\e748';
}
.icon-success-inv:before {
  content: '\e746';
}
.icon-warn-inv:before {
  content: '\e743';
}
.icon-visa:before {
  content: '\e901';
}
.icon-mastercard:before {
  content: '\e902';
}
.icon-discover:before {
  content: '\e903';
}
.icon-amex:before {
  content: '\e900';
}
.icon-paypal:before {
  content: '\e914';
}
.icon-nicam-AL:before {
  content: '\f000';
}
.icon-nicam-6:before {
  content: '\f001';
}
.icon-nicam-9:before {
  content: '\f004';
}
.icon-nicam-12:before {
  content: '\f002';
}
.icon-nicam-16:before {
  content: '\f003';
}
.icon-nicam-violence:before {
  content: '\f005';
}
.icon-nicam-fear-anxiety:before {
  content: '\f006';
}
.icon-nicam-profanity:before {
  content: '\f007';
}
.icon-nicam-discrimination:before {
  content: '\f008';
}
.icon-nicam-drug-or-alcohol:before {
  content: '\f009';
}
.icon-nicam-sex:before {
  content: '\f010';
}
.icon-androidPlayRing:before {
  content: '\e665';
}
.icon-akiraMyListAdd:before {
  content: '\e850';
}
.icon-akiraMyListRemove:before {
  content: '\e852';
}
.icon-akiraCaretDown:before {
  content: '\e854';
}
.icon-akiraCaretRight:before {
  content: '\e658';
}
.icon-akiraCaretLeft:before {
  content: '\e659';
}
.icon-button-play:before {
  content: '\e884';
}
.icon-button-play-reverse:before {
  content: '\e890';
}
.icon-button-mylist-add:before {
  content: '\e885';
}
.icon-button-mylist-add-reverse:before {
  content: '\e891';
}
.icon-button-mylist-added:before {
  content: '\e888';
}
.icon-button-mylist-added-reverse:before {
  content: '\e894';
}
.icon-button-remindme-add:before {
  content: '\e663';
}
.icon-button-remindme-add-reverse:before {
  content: '\e663';
}
.icon-button-remindme-added:before {
  content: '\e804';
}
.icon-button-remindme-added-reverse:before {
  content: '\e804';
}
.icon-button-share:before {
  content: '\e886';
}
.icon-button-share-reverse:before {
  content: '\e892';
}
.icon-button-episodes:before {
  content: '\e887';
}
.icon-button-episodes-reverse:before {
  content: '\e893';
}
.icon-button-spinner:before {
  content: '\e765';
}
.icon-button-spinner-reverse:before {
  content: '\e765';
}
.icon-button-minus:before {
  content: '\e889';
}
.icon-button-minus-reverse:before {
  content: '\e895';
}
.icon-button-audio-on:before {
  content: '\e88a';
}
.icon-button-audio-on-reverse:before {
  content: '\e88c';
}
.icon-button-audio-off:before {
  content: '\e88b';
}
.icon-button-audio-off-reverse:before {
  content: '\e88d';
}
.icon-button-replay:before {
  content: '\f095';
}
.icon-button-replay-reverse:before {
  content: '\f096';
}
.icon-button-notification:before {
  content: '\e663';
}
.icon-button-notification-reverse:before {
  content: '\e663';
}
.icon-thumb-down:before {
  content: '\e660';
}
.icon-thumb-up:before {
  content: '\e661';
}
.icon-thin-caret-left:before {
  content: '\e704';
}
.icon-thin-caret-right:before {
  content: '\e705';
}
.icon-long-arrow-left:before {
  content: '\e673';
}
.icon-long-arrow-right:before {
  content: '\e672';
}
.icon-short-arrow-right:before {
  content: '\e89B';
}
.icon-back:before {
  content: '\e635';
}
.icon-uniE5D0:before {
  content: "\E5D0";
}
.icon-uniE5D1:before {
  content: "\E5D1";
}
.icon-uniE600:before {
  content: "\E600";
}
.icon-uniE601:before {
  content: "\E601";
}
.icon-uniE602:before {
  content: "\E602";
}
.icon-uniE603:before {
  content: "\E603";
}
.icon-uniE604:before {
  content: "\E604";
}
.icon-uniE605:before {
  content: "\E605";
}
.icon-uniE606:before {
  content: "\E606";
}
.icon-uniE607:before {
  content: "\E607";
}
.icon-uniE608:before {
  content: "\E608";
}
.icon-uniE609:before {
  content: "\E609";
}
.icon-uniE610:before {
  content: "\E610";
}
.icon-uniE611:before {
  content: "\E611";
}
.icon-uniE612:before {
  content: "\E612";
}
.icon-uniE613:before {
  content: "\E613";
}
.icon-uniE614:before {
  content: "\E614";
}
.icon-uniE615:before {
  content: "\E615";
}
.icon-uniE616:before {
  content: "\E616";
}
.icon-uniE617:before {
  content: "\E617";
}
.icon-uniE618:before {
  content: "\E618";
}
.icon-uniE619:before {
  content: "\E619";
}
.icon-uniE620:before {
  content: "\E620";
}
.icon-uniE621:before {
  content: "\E621";
}
.icon-uniE622:before {
  content: "\E622";
}
.icon-uniE623:before {
  content: "\E623";
}
.icon-uniE624:before {
  content: "\E624";
}
.icon-uniE625:before {
  content: "\E625";
}
.icon-uniE626:before {
  content: "\E626";
}
.icon-uniE627:before {
  content: "\E627";
}
.icon-uniE628:before {
  content: "\E628";
}
.icon-uniE629:before {
  content: "\E629";
}
.icon-uniE630:before {
  content: "\E630";
}
.icon-uniE631:before {
  content: "\E631";
}
.icon-uniE632:before {
  content: "\E632";
}
.icon-uniE633:before {
  content: "\E633";
}
.icon-uniE634:before {
  content: "\E634";
}
.icon-uniE635:before {
  content: "\E635";
}
.icon-uniE636:before {
  content: "\E636";
}
.icon-uniE637:before {
  content: "\E637";
}
.icon-uniE638:before {
  content: "\E638";
}
.icon-uniE639:before {
  content: "\E639";
}
.icon-uniE640:before {
  content: "\E640";
}
.icon-uniE641:before {
  content: "\E641";
}
.icon-uniE642:before {
  content: "\E642";
}
.icon-uniE643:before {
  content: "\E643";
}
.icon-uniE644:before {
  content: "\E644";
}
.icon-uniE645:before {
  content: "\E645";
}
.icon-uniE646:before {
  content: "\E646";
}
.icon-uniE647:before {
  content: "\E647";
}
.icon-uniE648:before {
  content: "\E648";
}
.icon-uniE649:before {
  content: "\E649";
}
.icon-uniE650:before {
  content: "\E650";
}
.icon-uniE651:before {
  content: "\E651";
}
.icon-uniE652:before {
  content: "\E652";
}
.icon-uniE653:before {
  content: "\E653";
}
.icon-uniE654:before {
  content: "\E654";
}
.icon-uniE655:before {
  content: "\E655";
}
.icon-uniE656:before {
  content: "\E656";
}
.icon-uniE657:before {
  content: "\E657";
}
.icon-uniE658:before {
  content: "\E658";
}
.icon-uniE659:before {
  content: "\E659";
}
.icon-uniE660:before {
  content: "\E660";
}
.icon-uniE661:before {
  content: "\E661";
}
.icon-uniE662:before {
  content: "\E662";
}
.icon-uniE663:before {
  content: "\E663";
}
.icon-uniE664:before {
  content: "\E664";
}
.icon-uniE665:before {
  content: "\E665";
}
.icon-uniE666:before {
  content: "\E666";
}
.icon-uniE667:before {
  content: "\E667";
}
.icon-uniE668:before {
  content: "\E668";
}
.icon-uniE669:before {
  content: "\E669";
}
.icon-uniE670:before {
  content: "\E670";
}
.icon-uniE671:before {
  content: "\E671";
}
.icon-uniE672:before {
  content: "\E672";
}
.icon-uniE673:before {
  content: "\E673";
}
.icon-uniE674:before {
  content: "\E674";
}
.icon-uniE675:before {
  content: "\E675";
}
.icon-uniE676:before {
  content: "\E676";
}
.icon-uniE677:before {
  content: "\E677";
}
.icon-uniE678:before {
  content: "\E678";
}
.icon-uniE679:before {
  content: "\E679";
}
.icon-uniE680:before {
  content: "\E680";
}
.icon-uniE681:before {
  content: "\E681";
}
.icon-uniE682:before {
  content: "\E682";
}
.icon-uniE683:before {
  content: "\E683";
}
.icon-uniE684:before {
  content: "\E684";
}
.icon-uniE685:before {
  content: "\E685";
}
.icon-uniE687:before {
  content: "\E687";
}
.icon-uniE688:before {
  content: "\E688";
}
.icon-uniE689:before {
  content: "\E689";
}
.icon-uniE690:before {
  content: "\E690";
}
.icon-uniE691:before {
  content: "\E691";
}
.icon-uniE692:before {
  content: "\E692";
}
.icon-uniE693:before {
  content: "\E693";
}
.icon-uniE694:before {
  content: "\E694";
}
.icon-uniE695:before {
  content: "\E695";
}
.icon-uniE696:before {
  content: "\E696";
}
.icon-uniE697:before {
  content: "\E697";
}
.icon-uniE698:before {
  content: "\E698";
}
.icon-uniE699:before {
  content: "\E699";
}
.icon-uniE700:before {
  content: "\E700";
}
.icon-uniE701:before {
  content: "\E701";
}
.icon-uniE702:before {
  content: "\E702";
}
.icon-uniE703:before {
  content: "\E703";
}
.icon-uniE704:before {
  content: "\E704";
}
.icon-uniE705:before {
  content: "\E705";
}
.icon-uniE706:before {
  content: "\E706";
}
.icon-uniE707:before {
  content: "\E707";
}
.icon-uniE708:before {
  content: "\E708";
}
.icon-uniE709:before {
  content: "\E709";
}
.icon-uniE710:before {
  content: "\E710";
}
.icon-uniE711:before {
  content: "\E711";
}
.icon-uniE712:before {
  content: "\E712";
}
.icon-uniE713:before {
  content: "\E713";
}
.icon-uniE714:before {
  content: "\E714";
}
.icon-uniE715:before {
  content: "\E715";
}
.icon-uniE716:before {
  content: "\E716";
}
.icon-uniE718:before {
  content: "\E718";
}
.icon-uniE719:before {
  content: "\E719";
}
.icon-uniE720:before {
  content: "\E720";
}
.icon-uniE721:before {
  content: "\E721";
}
.icon-uniE722:before {
  content: "\E722";
}
.icon-uniE723:before {
  content: "\E723";
}
.icon-uniE724:before {
  content: "\E724";
}
.icon-uniE725:before {
  content: "\E725";
}
.icon-uniE726:before {
  content: "\E726";
}
.icon-uniE727:before {
  content: "\E727";
}
.icon-uniE728:before {
  content: "\E728";
}
.icon-uniE729:before {
  content: "\E729";
}
.icon-uniE730:before {
  content: "\E730";
}
.icon-uniE731:before {
  content: "\E731";
}
.icon-uniE732:before {
  content: "\E732";
}
.icon-uniE733:before {
  content: "\E733";
}
.icon-uniE734:before {
  content: "\E734";
}
.icon-uniE735:before {
  content: "\E735";
}
.icon-uniE736:before {
  content: "\E736";
}
.icon-uniE737:before {
  content: "\E737";
}
.icon-uniE738:before {
  content: "\E738";
}
.icon-uniE739:before {
  content: "\E739";
}
.icon-uniE740:before {
  content: "\E740";
}
.icon-uniE741:before {
  content: "\E741";
}
.icon-uniE742:before {
  content: "\E742";
}
.icon-uniE743:before {
  content: "\E743";
}
.icon-uniE744:before {
  content: "\E744";
}
.icon-uniE745:before {
  content: "\E745";
}
.icon-uniE746:before {
  content: "\E746";
}
.icon-uniE747:before {
  content: "\E747";
}
.icon-uniE748:before {
  content: "\E748";
}
.icon-uniE749:before {
  content: "\E749";
}
.icon-uniE750:before {
  content: "\E750";
}
.icon-uniE751:before {
  content: "\E751";
}
.icon-uniE752:before {
  content: "\E752";
}
.icon-uniE753:before {
  content: "\E753";
}
.icon-uniE754:before {
  content: "\E754";
}
.icon-uniE755:before {
  content: "\E755";
}
.icon-uniE756:before {
  content: "\E756";
}
.icon-uniE757:before {
  content: "\E757";
}
.icon-uniE758:before {
  content: "\E758";
}
.icon-uniE759:before {
  content: "\E759";
}
.icon-uniE760:before {
  content: "\E760";
}
.icon-uniE761:before {
  content: "\E761";
}
.icon-uniE762:before {
  content: "\E762";
}
.icon-uniE763:before {
  content: "\E763";
}
.icon-uniE764:before {
  content: "\E764";
}
.icon-uniE765:before {
  content: "\E765";
}
.icon-uniE766:before {
  content: "\E766";
}
.icon-uniE767:before {
  content: "\E767";
}
.icon-uniE775:before {
  content: "\E775";
}
.icon-uniE776:before {
  content: "\E776";
}
.icon-uniE777:before {
  content: "\E777";
}
.icon-uniE778:before {
  content: "\E778";
}
.icon-uniE779:before {
  content: "\E779";
}
.icon-uniE780:before {
  content: "\E780";
}
.icon-uniE781:before {
  content: "\E781";
}
.icon-uniE782:before {
  content: "\E782";
}
.icon-uniE783:before {
  content: "\E783";
}
.icon-uniE784:before {
  content: "\E784";
}
.icon-uniE785:before {
  content: "\E785";
}
.icon-uniE786:before {
  content: "\E786";
}
.icon-uniE787:before {
  content: "\E787";
}
.icon-uniE796:before {
  content: "\E796";
}
.icon-uniE797:before {
  content: "\E797";
}
.icon-uniE798:before {
  content: "\E798";
}
.icon-uniE799:before {
  content: "\E799";
}
.icon-uniE800:before {
  content: "\E800";
}
.icon-uniE801:before {
  content: "\E801";
}
.icon-uniE802:before {
  content: "\E802";
}
.icon-uniE803:before {
  content: "\E803";
}
.icon-uniE804:before {
  content: "\E804";
}
.icon-uniE805:before {
  content: "\E805";
}
.icon-uniE806:before {
  content: "\E806";
}
.icon-uniE807:before {
  content: "\E807";
}
.icon-uniE850:before {
  content: "\E850";
}
.icon-uniE851:before {
  content: "\E851";
}
.icon-uniE852:before {
  content: "\E852";
}
.icon-uniE853:before {
  content: "\E853";
}
.icon-uniE854:before {
  content: "\E854";
}
.icon-uniE855:before {
  content: "\E855";
}
.icon-uniE856:before {
  content: "\E856";
}
.icon-uniE857:before {
  content: "\E857";
}
.icon-uniE858:before {
  content: "\E858";
}
.icon-uniE859:before {
  content: "\E859";
}
.icon-uniE860:before {
  content: "\E860";
}
.icon-uniE861:before {
  content: "\E861";
}
.icon-uniE862:before {
  content: "\E862";
}
.icon-uniE863:before {
  content: "\E863";
}
.icon-uniE864:before {
  content: "\E864";
}
.icon-uniE865:before {
  content: "\E865";
}
.icon-uniE866:before {
  content: "\E866";
}
.icon-uniE867:before {
  content: "\E867";
}
.icon-uniE868:before {
  content: "\E868";
}
.icon-uniE869:before {
  content: "\E869";
}
.icon-uniE870:before {
  content: "\E870";
}
.icon-uniE871:before {
  content: "\E871";
}
.icon-uniE872:before {
  content: "\E872";
}
.icon-uniE873:before {
  content: "\E873";
}
.icon-uniE874:before {
  content: "\E874";
}
.icon-uniE875:before {
  content: "\E875";
}
.icon-uniE876:before {
  content: "\E876";
}
.icon-uniE877:before {
  content: "\E877";
}
.icon-uniE878:before {
  content: "\E878";
}
.icon-uniE879:before {
  content: "\E879";
}
.icon-uniE880:before {
  content: "\E880";
}
.icon-uniE881:before {
  content: "\E881";
}
.icon-uniE882:before {
  content: "\E882";
}
.icon-uniE883:before {
  content: "\E883";
}
.icon-uniE884:before {
  content: "\E884";
}
.icon-uniE885:before {
  content: "\E885";
}
.icon-uniE886:before {
  content: "\E886";
}
.icon-uniE887:before {
  content: "\E887";
}
.icon-uniE888:before {
  content: "\E888";
}
.icon-uniE889:before {
  content: "\E889";
}
.icon-uniE88A:before {
  content: "\E88A";
}
.icon-uniE88B:before {
  content: "\E88B";
}
.icon-uniE88C:before {
  content: "\E88C";
}
.icon-uniE88D:before {
  content: "\E88D";
}
.icon-uniE890:before {
  content: "\E890";
}
.icon-uniE891:before {
  content: "\E891";
}
.icon-uniE892:before {
  content: "\E892";
}
.icon-uniE893:before {
  content: "\E893";
}
.icon-uniE894:before {
  content: "\E894";
}
.icon-uniE895:before {
  content: "\E895";
}
.icon-uniE896:before {
  content: "\E896";
}
.icon-uniE897:before {
  content: "\E897";
}
.icon-uniE898:before {
  content: "\E898";
}
.icon-uniE89A:before {
  content: "\E89A";
}
.icon-uniE89B:before {
  content: "\E89B";
}
.icon-uniE89C:before {
  content: "\E89C";
}
.icon-uniE89D:before {
  content: "\E89D";
}
.icon-uniE8A1:before {
  content: "\E8A1";
}
.icon-uniE8A2:before {
  content: "\E8A2";
}
.icon-uniE8A3:before {
  content: "\E8A3";
}
.icon-uniE8A4:before {
  content: "\E8A4";
}
.icon-uniE8A5:before {
  content: "\E8A5";
}
.icon-uniE8A6:before {
  content: "\E8A6";
}
.icon-uniE8A7:before {
  content: "\E8A7";
}
.icon-uniE8A8:before {
  content: "\E8A8";
}
.icon-uniE900:before {
  content: "\E900";
}
.icon-uniE901:before {
  content: "\E901";
}
.icon-uniE902:before {
  content: "\E902";
}
.icon-uniE903:before {
  content: "\E903";
}
.icon-uniE904:before {
  content: "\E904";
}
.icon-uniE905:before {
  content: "\E905";
}
.icon-uniE906:before {
  content: "\E906";
}
.icon-uniE907:before {
  content: "\E907";
}
.icon-uniE908:before {
  content: "\E908";
}
.icon-uniE909:before {
  content: "\E909";
}
.icon-uniE910:before {
  content: "\E910";
}
.icon-uniE911:before {
  content: "\E911";
}
.icon-uniE912:before {
  content: "\E912";
}
.icon-uniE913:before {
  content: "\E913";
}
.icon-uniE914:before {
  content: "\E914";
}
.icon-uniE915:before {
  content: "\E915";
}
.icon-uniE916:before {
  content: "\E916";
}
.icon-uniE940:before {
  content: "\E940";
}
.icon-uniE941:before {
  content: "\E941";
}
.icon-uniE942:before {
  content: "\E942";
}
.icon-uniE943:before {
  content: "\E943";
}
.icon-uniF000:before {
  content: "\F000";
}
.icon-uniF001:before {
  content: "\F001";
}
.icon-uniF002:before {
  content: "\F002";
}
.icon-uniF003:before {
  content: "\F003";
}
.icon-uniF004:before {
  content: "\F004";
}
.icon-uniF005:before {
  content: "\F005";
}
.icon-uniF006:before {
  content: "\F006";
}
.icon-uniF007:before {
  content: "\F007";
}
.icon-uniF008:before {
  content: "\F008";
}
.icon-uniF009:before {
  content: "\F009";
}
.icon-uniF010:before {
  content: "\F010";
}
.icon-uniF011:before {
  content: "\F011";
}
.icon-uniF012:before {
  content: "\F012";
}
.icon-uniF013:before {
  content: "\F013";
}
.icon-uniF014:before {
  content: "\F014";
}
.icon-uniF015:before {
  content: "\F015";
}
.icon-uniF016:before {
  content: "\F016";
}
.icon-uniF017:before {
  content: "\F017";
}
.icon-uniF018:before {
  content: "\F018";
}
.icon-uniF019:before {
  content: "\F019";
}
.icon-uniF020:before {
  content: "\F020";
}
.icon-uniF021:before {
  content: "\F021";
}
.icon-uniF022:before {
  content: "\F022";
}
.icon-uniF023:before {
  content: "\F023";
}
.icon-uniF024:before {
  content: "\F024";
}
.icon-uniF025:before {
  content: "\F025";
}
.icon-uniF026:before {
  content: "\F026";
}
.icon-uniF027:before {
  content: "\F027";
}
.icon-uniF028:before {
  content: "\F028";
}
.icon-uniF029:before {
  content: "\F029";
}
.icon-uniF030:before {
  content: "\F030";
}
.icon-uniF031:before {
  content: "\F031";
}
.icon-uniF032:before {
  content: "\F032";
}
.icon-uniF033:before {
  content: "\F033";
}
.icon-uniF034:before {
  content: "\F034";
}
.icon-uniF035:before {
  content: "\F035";
}
.icon-uniF036:before {
  content: "\F036";
}
.icon-uniF037:before {
  content: "\F037";
}
.icon-uniF038:before {
  content: "\F038";
}
.icon-uniF039:before {
  content: "\F039";
}
.icon-uniF040:before {
  content: "\F040";
}
.icon-stacked-screens:before {
  content: "\F041";
}
.icon-stacked-screens-small:before {
  content: "\F099";
}
.icon-cross-device-screens:before {
  content: "\F042";
}
.icon-cross-device-screens-desktop:before {
  content: "\F098";
}
.icon-cross-device-screens-small:before {
  content: "\F097";
}
.icon-tv-screen:before {
  content: "\F043";
}
.icon-price-tag:before {
  content: "\F044";
}
.icon-cancel:before {
  content: "\F045";
}
.basic-spinner {
  display: inline-block;
  margin: 0 auto;
  opacity: 1;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("https://assets.nflxext.com/ffe/siteui/common/site-spinner-240.png");
  width: 57px;
  height: 57px;
  -webkit-animation: full-rotation 1s infinite linear;
     -moz-animation: full-rotation 1s infinite linear;
       -o-animation: full-rotation 1s infinite linear;
          animation: full-rotation 1s infinite linear;
  -webkit-animation-direction: normal /*rtl:reverse*/;
     -moz-animation-direction: normal /*rtl:reverse*/;
       -o-animation-direction: normal /*rtl:reverse*/;
          animation-direction: normal /*rtl:reverse*/;
}
.basic-spinner.isHidden {
  display: none;
}
.basic-spinner.basic-spinner-light {
  background-image: url("https://assets.nflxext.com/ffe/siteui/common/site-spinner-240-light.png");
}
.center-fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2000;
}
.center-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}
/* Animated gif fallback for IEs which do not support css animated rotation */
.ua-ie-7 .basic-spinner,
.ua-ie-8 .basic-spinner,
.ua-ie-9 .basic-spinner {
  background-image: url("https://assets.nflxext.com/ffe/siteui/common/site-spinner-100.gif");
}
/* Rotation keyframes */
@-webkit-keyframes full-rotation {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes full-rotation {
  from {
    -moz-transform: translate(-50%, -50%) rotate(0deg);
         transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
         transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-o-keyframes full-rotation {
  from {
    -o-transform: translate(-50%, -50%) rotate(0deg);
       transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -o-transform: translate(-50%, -50%) rotate(360deg);
       transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes full-rotation {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
       -moz-transform: translate(-50%, -50%) rotate(0deg);
         -o-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
       -moz-transform: translate(-50%, -50%) rotate(360deg);
         -o-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.basic-spinner-region {
  position: relative;
}
.basic-spinner-region.isLoading::before {
  background-color: rgba(255, 255, 255, 0.5);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.btn-bar {
  padding: 0 0 1em;
  clear: both;
}
.btn-bar.hilite {
  background-color: #e5e5e5;
  padding: 10px;
}
.btn-bar.hilite em,
.btn-bar.hilite b {
  font-weight: bold;
  font-style: normal;
}
.btn-bar.noHilite em,
.btn-bar.noHilite b {
  font-style: normal;
  font-weight: normal;
}
.btn-bar.top-padding {
  padding-top: 1em;
}
.btn-bar-left {
  text-align: left;
}
.btn-bar-left .btn {
  margin-right: 1em;
  margin-left: 0;
}
.btn-bar-right {
  text-align: right;
}
.btn-bar-right .btn {
  margin-right: 0;
  margin-left: 1em;
}
.btn-bar-center {
  text-align: center;
}
.btn-bar-center .btn {
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.btn {
  display: inline-block;
  text-decoration: none;
  line-height: 1em;
  vertical-align: middle;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: .1px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  position: relative;
  /* Default Styling. Same as btn-gray */
  color: #000;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd);
  background-image: -o-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: linear-gradient(to bottom, #e6e6e6, #dddddd);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.btn .btn-text {
  position: relative;
  top: 1px;
}
.btn.disabled {
  cursor: default;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
}
.btn.waiting,
.btn.waiting:disabled,
.btn.waiting.akira-button,
.btn.waiting:disabled.akira-button,
.btn.waiting.akira-button-red,
.btn.waiting:disabled.akira-button-red {
  color: rgba(255, 255, 255, 0);
}
.btn.waiting span,
.btn.waiting:disabled span,
.btn.waiting.akira-button span,
.btn.waiting:disabled.akira-button span,
.btn.waiting.akira-button-red span,
.btn.waiting:disabled.akira-button-red span {
  opacity: 0;
}
.btn:hover,
.btn.hover {
  text-decoration: none;
  background: #eaeaea;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.btn:active,
.btn.active {
  background: #c2c2c2;
}
.btn.disabled {
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd);
  background-image: -o-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: linear-gradient(to bottom, #e6e6e6, #dddddd);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.btn .waitIndicator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.btn .waitIndicator .basic-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}
.btn-blue,
.btn-submit,
.action-button {
  color: #fff;
  background-color: #0080ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0080ff), to(#0277ec));
  background-image: -webkit-linear-gradient(top, #0080ff, #0277ec);
  background-image: -moz- oldlinear-gradient(top, #0080ff, #0277ec);
  background-image: -o-linear-gradient(top, #0080ff, #0277ec);
  background-image: linear-gradient(to bottom, #0080ff, #0277ec);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-blue:hover,
.btn-submit:hover,
.action-button:hover,
.btn-blue.hover,
.btn-submit.hover,
.action-button.hover {
  background: #2490fd;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-blue:active,
.btn-submit:active,
.action-button:active,
.btn-blue.active,
.btn-submit.active,
.action-button.active {
  background: #0166c9;
}
.btn-blue.disabled,
.btn-submit.disabled,
.action-button.disabled {
  background-color: #0080ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0080ff), to(#0272e2));
  background-image: -webkit-linear-gradient(top, #0080ff, #0272e2);
  background-image: -moz- oldlinear-gradient(top, #0080ff, #0272e2);
  background-image: -o-linear-gradient(top, #0080ff, #0272e2);
  background-image: linear-gradient(to bottom, #0080ff, #0272e2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.55);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.55);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-red {
  color: #fff;
  background-color: #e50914;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e50914), to(#db0510));
  background-image: -webkit-linear-gradient(top, #e50914, #db0510);
  background-image: -moz- oldlinear-gradient(top, #e50914, #db0510);
  background-image: -o-linear-gradient(top, #e50914, #db0510);
  background-image: linear-gradient(to bottom, #e50914, #db0510);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
.btn-red .basic-spinner {
  -webkit-box-shadow: inset 2px 2px 0 #ffffff;
     -moz-box-shadow: inset 2px 2px 0 #ffffff;
          box-shadow: inset 2px 2px 0 #ffffff;
}
.btn-red:hover,
.btn-red.hover,
.btn-red:focus {
  background: #f40612;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
.btn-red:focus {
  -webkit-box-shadow: 0 0 0 0.085em #85050b;
     -moz-box-shadow: 0 0 0 0.085em #85050b;
          box-shadow: 0 0 0 0.085em #85050b;
}
.btn-red:active,
.btn-red.active {
  background: #bb0a12;
}
.btn-red.disabled {
  background-color: #e50914;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e50914), to(#db0510));
  background-image: -webkit-linear-gradient(top, #e50914, #db0510);
  background-image: -moz- oldlinear-gradient(top, #e50914, #db0510);
  background-image: -o-linear-gradient(top, #e50914, #db0510);
  background-image: linear-gradient(to bottom, #e50914, #db0510);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
.btn-orange {
  color: #000;
  background-color: #FFA00A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA00A), to(#f09300));
  background-image: -webkit-linear-gradient(top, #FFA00A, #f09300);
  background-image: -moz- oldlinear-gradient(top, #FFA00A, #f09300);
  background-image: -o-linear-gradient(top, #FFA00A, #f09300);
  background-image: linear-gradient(to bottom, #FFA00A, #f09300);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
.btn-orange:hover,
.btn-orange.hover {
  background: #ffb43d;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
.btn-orange:active,
.btn-orange.active {
  background: #d68300;
}
.btn-orange.disabled {
  background-color: #e50914;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e50914), to(#db0510));
  background-image: -webkit-linear-gradient(top, #e50914, #db0510);
  background-image: -moz- oldlinear-gradient(top, #e50914, #db0510);
  background-image: -o-linear-gradient(top, #e50914, #db0510);
  background-image: linear-gradient(to bottom, #e50914, #db0510);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
.btn-gray,
.btn-plain {
  color: #000;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd);
  background-image: -o-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: linear-gradient(to bottom, #e6e6e6, #dddddd);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.btn-gray:hover,
.btn-plain:hover,
.btn-gray.hover,
.btn-plain.hover {
  background: #eaeaea;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.btn-gray:active,
.btn-plain:active,
.btn-gray.active,
.btn-plain.active {
  background: #c2c2c2;
}
.btn-gray.disabled,
.btn-plain.disabled {
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd);
  background-image: -o-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: linear-gradient(to bottom, #e6e6e6, #dddddd);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.btn-dark-gray {
  color: #fff;
  background-color: #8c8c8c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#7a7a7a));
  background-image: -webkit-linear-gradient(top, #8c8c8c, #7a7a7a);
  background-image: -moz- oldlinear-gradient(top, #8c8c8c, #7a7a7a);
  background-image: -o-linear-gradient(top, #8c8c8c, #7a7a7a);
  background-image: linear-gradient(to bottom, #8c8c8c, #7a7a7a);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-dark-gray:hover,
.btn-dark-gray.hover {
  background: #878787;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-dark-gray:active,
.btn-dark-gray.active {
  background: #555555;
}
.btn-dark-gray.disabled {
  background-color: #8c8c8c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#7a7a7a));
  background-image: -webkit-linear-gradient(top, #8c8c8c, #7a7a7a);
  background-image: -moz- oldlinear-gradient(top, #8c8c8c, #7a7a7a);
  background-image: -o-linear-gradient(top, #8c8c8c, #7a7a7a);
  background-image: linear-gradient(to bottom, #8c8c8c, #7a7a7a);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-darker-gray {
  color: #fff;
  background-color: #3a3a3a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#393939));
  background-image: -webkit-linear-gradient(top, #3a3a3a, #393939);
  background-image: -moz- oldlinear-gradient(top, #3a3a3a, #393939);
  background-image: -o-linear-gradient(top, #3a3a3a, #393939);
  background-image: linear-gradient(to bottom, #3a3a3a, #393939);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-darker-gray:hover,
.btn-darker-gray.hover {
  background: #464646;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-darker-gray:active,
.btn-darker-gray.active {
  background: #444444;
}
.btn-darker-gray.disabled {
  background-color: #3a3a3a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#393939));
  background-image: -webkit-linear-gradient(top, #3a3a3a, #393939);
  background-image: -moz- oldlinear-gradient(top, #3a3a3a, #393939);
  background-image: -o-linear-gradient(top, #3a3a3a, #393939);
  background-image: linear-gradient(to bottom, #3a3a3a, #393939);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-outline {
  color: #666;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #666;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.btn-outline:hover,
.btn-outline.hover {
  background: none;
  border-color: #333;
  color: #333;
}
.btn-outline:active,
.btn-outline.active {
  border-color: #1a1a1a;
  color: #1a1a1a;
}
.btn-outline.disabled {
  border-color: #999;
  color: #999;
}
.btn-white-outline {
  color: #fff;
  background: rgba(0, 0, 0, 0);
  border: solid 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.btn-white-outline:hover,
.btn-white-outline.hover {
  background: rgba(0, 0, 0, 0);
  border: solid 1px #ffffff;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.btn-white-outline:active,
.btn-white-outline.active {
  background: rgba(0, 0, 0, 0);
  border: solid 1px rgba(255, 255, 255, 0.55);
}
.btn-white-outline.disabled {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: none;
  border: solid 1px rgba(255, 255, 255, 0.75);
}
.btn-white-outline.btn-medium {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.btn-white-outline.btn-small {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.btn-white {
  color: #fff;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: -moz- oldlinear-gradient(top, #e6e6e6, #dddddd);
  background-image: -o-linear-gradient(top, #e6e6e6, #dddddd);
  background-image: linear-gradient(to bottom, #e6e6e6, #dddddd);
  -webkit-box-shadow: 0 1px 0 rgba(1, 1, 0, 0.2);
     -moz-box-shadow: 0 1px 0 rgba(1, 1, 0, 0.2);
          box-shadow: 0 1px 0 rgba(1, 1, 0, 0.2);
}
.btn-white:hover,
.btn-white.hover {
  background: rgba(0, 0, 0, 0);
  border: solid 1px #ffffff;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.btn-white:active,
.btn-white.active {
  background: rgba(0, 0, 0, 0);
  border: solid 1px rgba(255, 255, 255, 0.55);
}
.btn-white.disabled {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: none;
  border: solid 1px rgba(255, 255, 255, 0.75);
}
.btn.btn-retro-signup {
  background-color: #1872d9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1872d9), to(#135aac));
  background-image: -webkit-linear-gradient(top, #1872d9, #135aac);
  background-image: -moz- oldlinear-gradient(top, #1872d9, #135aac);
  background-image: -o-linear-gradient(top, #1872d9, #135aac);
  background-image: linear-gradient(to bottom, #1872d9, #135aac);
  color: #fff;
  -webkit-box-shadow: inset 0 1px 0 0 #5e9de4;
     -moz-box-shadow: inset 0 1px 0 0 #5e9de4;
          box-shadow: inset 0 1px 0 0 #5e9de4;
  border: 1px solid #265890;
  text-shadow: 1px 1px 1px #000;
  line-height: 22px;
  font-weight: 700;
  font-size: 20px;
  padding: 15px 40px;
  min-width: 250px;
}
.btn.btn-retro-signup:hover {
  background: #115099;
  background-color: #1b7ff2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1b7ff2), to(#115099));
  background-image: -webkit-linear-gradient(top, #1b7ff2, #115099);
  background-image: -moz- oldlinear-gradient(top, #1b7ff2, #115099);
  background-image: -o-linear-gradient(top, #1b7ff2, #115099);
  background-image: linear-gradient(to bottom, #1b7ff2, #115099);
  -webkit-box-shadow: 0 4px 10px -6px #010101, inset 0 1px 0 0 #60a6f6;
     -moz-box-shadow: 0 4px 10px -6px #010101, inset 0 1px 0 0 #60a6f6;
          box-shadow: 0 4px 10px -6px #010101, inset 0 1px 0 0 #60a6f6;
}
.btn.btn-retro-signup:active {
  background: #0d3c73;
  background-color: #115099;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#115099), to(#0d3c73));
  background-image: -webkit-linear-gradient(top, #115099, #0d3c73);
  background-image: -moz- oldlinear-gradient(top, #115099, #0d3c73);
  background-image: -o-linear-gradient(top, #115099, #0d3c73);
  background-image: linear-gradient(to bottom, #115099, #0d3c73);
  -webkit-box-shadow: inset 0 1px 0 0 #073b7e;
     -moz-box-shadow: inset 0 1px 0 0 #073b7e;
          box-shadow: inset 0 1px 0 0 #073b7e;
  color: #b3b3b3;
  border: 1px solid #1e5292;
}
.btn-block {
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.btn {
  position: relative;
  font-size: 1em;
  padding: 24.5px 2em;
  min-width: 74px;
  min-height: 50px;
  margin: .5em .5em .5em 0;
}
@media only screen and (max-width: 500px) {
  .btn {
    width: 100%;
    margin: .5em auto;
  }
}
.btn.btn-x-large {
  font-size: 26px;
  padding: 23px 2em;
  min-width: 124px;
  min-height: 72px;
}
@media only screen and (max-width: 500px) {
  .btn.btn-x-large {
    width: 100%;
    margin: .5em auto;
  }
}
.btn.btn-large {
  font-size: 20px;
  padding: 14px 2em;
  min-width: 112px;
  min-height: 48px;
}
@media only screen and (max-width: 500px) {
  .btn.btn-large {
    width: 100%;
    margin: .5em auto;
  }
}
.btn.btn-medium {
  font-size: 16px;
  padding: 10.5px 2em;
  min-width: 104px;
  min-height: 37px;
}
@media only screen and (max-width: 500px) {
  .btn.btn-medium {
    width: 100%;
    margin: .5em auto;
  }
}
.btn.btn-select {
  font-size: 16px;
  padding: 5.5px 2em;
  min-width: 104px;
  min-height: 27px;
}
.btn.btn-select.t-size-SMALL {
  font-size: 10px;
  line-height: 9px;
  vertical-align: middle;
}
.btn.btn-select.t-size-MEDIUM {
  font-size: 15px;
  line-height: 15px;
  vertical-align: middle;
}
.btn.btn-select.t-size-LARGE {
  font-size: 18px;
  line-height: 18px;
  vertical-align: middle;
}
@media only screen and (max-width: 500px) {
  .btn.btn-select {
    width: 30%;
    margin: .5em auto;
  }
}
.btn.btn-small {
  display: block;
  width: 100%;
  padding: 0;
  margin: .5em auto;
  line-height: 50px;
}
@media only screen and (min-width: 500px) {
  .btn.btn-small {
    display: inline-block;
    font-size: 13px;
    padding: 12px 2em;
    min-width: 98px;
    min-height: 37px;
    margin-right: .5em;
    padding-left: 1em;
    padding-right: 1em;
    width: auto;
    line-height: 1em;
  }
}
.akira-button {
  outline: none;
  padding: .5em 1em;
  margin: 0;
  display: inline-block;
  border: none;
  background: #333;
  color: #fff;
  font-weight: bold;
}
.akira-button.btn-medium {
  padding: .5em 1em;
}
.akira-button:hover {
  background-color: #4d4d4d;
}
.akira-button:active {
  background-color: #4d4d4d;
}
.akira-button:disabled {
  color: #333;
  background-color: #333;
}
.akira-button:disabled.waiting {
  color: #333;
}
.akira-button.akira-button-red {
  background-color: #E50914;
  color: #fff;
}
.akira-button.akira-button-red:hover {
  background-color: #ee000c;
}
.akira-button.akira-button-red:active {
  background-color: #ee000c;
}
.akira-button.akira-button-red:disabled {
  color: #4d4d4d;
  background-color: rgba(229, 9, 20, 0.3);
}
.outline-btn {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  background-color: transparent;
  border: 2px solid #E50914;
  color: #E50914;
  padding: 13px 2em;
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.outline-btn:hover,
.outline-btn:focus {
  background-color: rgba(50, 50, 50, 0.05);
  text-decoration: none;
}
.outline-btn:active {
  background-color: rgba(50, 50, 50, 0.15);
}
.outline-btn.outline-btn-white {
  color: #fff;
  border-color: #fff;
}
.outline-btn.outline-btn-white:hover {
  background-color: rgba(220, 220, 220, 0.3);
  text-decoration: none;
}
.outline-btn.outline-btn-white:active {
  background-color: rgba(220, 220, 220, 0.45);
}
@media only screen and (min-width: 500px) {
}
/* Bigger Button Test */
/* Styles for the unique fuji buttons (outline style & red with chevron at various sizes).  */
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .our-story-cta-container {
    margin-top: 0.75rem;
  }
}
.btn.our-story-cta {
  font-size: 1rem;
  min-height: 40px;
  padding: .5rem 1em;
  line-height: initial;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .btn.our-story-cta {
    margin: .5em auto;
    display: inline-block;
    width: auto;
    font-size: .8125rem;
    min-height: 28px;
    padding: .35rem 1rem;
    line-height: initial;
  }
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .btn.our-story-cta {
    margin: 0 auto;
  }
}
.btn.our-story-cta:not(.btn-outline) {
  border: 1px solid #e50914;
}
.btn.our-story-cta.btn-outline {
  color: #fff;
  border: 1px solid #fff;
}
.btn.our-story-cta.btn-outline.disabled,
.btn.our-story-cta.btn-outline:hover,
.btn.our-story-cta.btn-outline:active,
.btn.our-story-cta.btn-outline:focus {
  background: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.btn.our-story-cta.btn-outline.disabled {
  color: rgba(255, 255, 255, 0);
}
.btn.our-story-cta.our-story-cta-larger {
  font-size: 1.625rem;
  font-weight: bold;
  min-height: 48px;
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .btn.our-story-cta.our-story-cta-larger {
    font-size: 1.25rem;
    min-height: 48px;
  }
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .btn.our-story-cta.our-story-cta-larger {
    font-size: 1rem;
    min-height: 40px;
  }
}
.btn.our-story-cta.our-story-cta-extra-large {
  font-size: 1.875rem;
  font-weight: bold;
  min-height: 70px;
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .btn.our-story-cta.our-story-cta-extra-large {
    font-size: 1.625rem;
    min-height: 60px;
  }
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .btn.our-story-cta.our-story-cta-extra-large {
    font-size: 1rem;
    min-height: 44px;
  }
}
.btn.our-story-cta.our-story-cta-normal-weight {
  font-weight: normal;
}
.btn.our-story-cta.our-story-cta-line-height-fix {
  line-height: 1.7em;
}
.btn.our-story-cta.our-story-cta-chevron {
  padding-right: 2rem;
}
.btn.our-story-cta.our-story-cta-chevron svg {
  position: absolute;
  top: 34%;
  right: 0.5rem;
  width: 1.1rem;
  height: 1.4rem;
  -webkit-transform: scaleX(1) /*rtl: scaleX(-1)*/;
     -moz-transform: scaleX(1) /*rtl: scaleX(-1)*/;
      -ms-transform: scaleX(1) /*rtl: scaleX(-1)*/;
       -o-transform: scaleX(1) /*rtl: scaleX(-1)*/;
          transform: scaleX(1) /*rtl: scaleX(-1)*/;
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .btn.our-story-cta.our-story-cta-chevron svg {
    width: 1rem;
    height: 1.2rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .btn.our-story-cta.our-story-cta-chevron svg {
    width: 1rem;
    height: 0.8rem;
  }
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .btn.our-story-cta.our-story-cta-chevron svg {
    width: 1rem;
    height: 0.8rem;
    right: 0.8rem;
    top: 35%;
  }
}
.btn.our-story-cta.our-story-cta-chevron svg path {
  fill: #fff;
}
.btn.our-story-cta.our-story-cta-chevron.our-story-cta-larger {
  padding-right: 2.5rem;
  padding-left: 1.125rem;
}
.btn.our-story-cta.our-story-cta-chevron.our-story-cta-larger svg {
  top: 30%;
  right: 1rem;
}
@media only screen and (min-width: 1450px) {
  .btn.our-story-cta.our-story-cta-chevron.our-story-cta-larger svg {
    top: 26%;
  }
}
.btn.our-story-cta.our-story-cta-chevron.our-story-cta-extra-large {
  padding-right: 2.2rem;
  padding-left: 1rem;
}
.btn.our-story-cta.our-story-cta-chevron.our-story-cta-extra-large svg {
  right: 0.75rem;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .btn.our-story-cta.our-story-cta-chevron.our-story-cta-extra-large {
    padding-right: 3.25rem;
    padding-left: 1.6125rem;
  }
  .btn.our-story-cta.our-story-cta-chevron.our-story-cta-extra-large svg {
    right: 1.5rem;
  }
}
@media only screen and (min-width: 500px) {
}
.nmhp-cta {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: .25em auto;
  padding: 0 1em;
  line-height: initial;
  width: auto;
}
.nmhp-cta:after {
  content: "";
  display: inline-block;
  width: 1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .nmhp-cta {
    padding: 0 1em;
    margin: .5em auto;
  }
}
.nmhp-cta .cta-btn-txt {
  padding: .35rem 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .nmhp-cta .cta-btn-txt {
    padding: .5rem 0;
  }
}
.nmhp-cta .chevron-right-arrow {
  height: .75em;
  width: .35em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 0 0 .5em;
  position: relative;
}
.nmhp-cta .chevron-right-arrow svg {
  position: absolute;
  top: 0;
  left: 0;
  margin: 1px 0;
  height: 100%;
  -webkit-transform: scaleX(1) /*rtl: scaleX(-1)*/;
     -moz-transform: scaleX(1) /*rtl: scaleX(-1)*/;
      -ms-transform: scaleX(1) /*rtl: scaleX(-1)*/;
       -o-transform: scaleX(1) /*rtl: scaleX(-1)*/;
          transform: scaleX(1) /*rtl: scaleX(-1)*/;
}
.nmhp-cta .chevron-right-arrow svg path {
  fill: #fff;
}
.nmhp-cta-large {
  font-size: 1rem;
  min-height: 40px;
}
.nmhp-cta-large:after {
  min-height: 40px;
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .nmhp-cta-large {
    font-size: 1.25rem;
    min-height: 48px;
  }
  .nmhp-cta-large:after {
    min-height: 48px;
  }
}
@media only screen and (min-width: 1450px) {
  .nmhp-cta-large {
    font-size: 1.625rem;
    min-height: 48px;
  }
  .nmhp-cta-large:after {
    min-height: 48px;
  }
}
.nmhp-cta-extra-large {
  font-size: 1rem;
  min-height: 40px;
}
.nmhp-cta-extra-large:after {
  min-height: 40px;
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .nmhp-cta-extra-large {
    font-size: 1.625rem;
    min-height: 60px;
  }
  .nmhp-cta-extra-large:after {
    min-height: 60px;
  }
}
@media only screen and (min-width: 1450px) {
  .nmhp-cta-extra-large {
    font-size: 1.875rem;
    min-height: 70px;
  }
  .nmhp-cta-extra-large:after {
    min-height: 70px;
  }
}
.btn-outline {
  border-color: #fff;
  color: #fff;
}
.btn-outline:hover {
  border-color: #fff;
  color: #fff;
  opacity: .9;
}
.btn-outline.waiting,
.btn-outline.disabled,
.btn-outline:active {
  border-color: #fff;
  color: #fff;
  opacity: .5;
  background: transparent;
}
.btn-outline .basic-spinner {
  -webkit-box-shadow: inset 2px 2px 0 #ffffff;
     -moz-box-shadow: inset 2px 2px 0 #ffffff;
          box-shadow: inset 2px 2px 0 #ffffff;
}
/* Global styles for the layout of the Fuji cards.  This includes responsive text sizes, padding, &c. */
.our-story-cards {
  margin: 0 auto;
  max-width: 1820px;
}
.our-story-card-title {
  font-size: 3.125rem;
  line-height: 1.1;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .our-story-card-title {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .our-story-card-title {
    font-size: 1.625rem;
  }
}
.our-story-extended-diacritics .our-story-card-title {
  line-height: normal;
}
.our-story-card-subtitle,
.our-story-card-text {
  font-size: 1.625rem;
  font-weight: normal;
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .our-story-card-subtitle,
  .our-story-card-text {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .our-story-card-subtitle,
  .our-story-card-text {
    font-size: 1.125rem;
  }
}
.our-story-card {
  position: relative;
  border-bottom: 8px solid #222;
  padding: 50px 5%;
  margin-bottom: 0;
  background: transparent;
  color: white;
  /* Simple background image placement for non-VLV cells */
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .our-story-card {
    padding: 70px 45px;
  }
}
.our-story-card.our-story-card-no-border {
  border-bottom: none;
  padding-bottom: 0;
}
@media only screen and (min-width: 350px) and (max-width: 399px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (max-width: 349px) {
  .our-story-card.our-story-card-hide-cta .our-story-cta-container {
    display: none;
  }
}
.our-story-card .bg-image {
  width: auto;
  max-width: none;
  height: 100%;
}
/* First card will have a background image which is used to log TTR */
.our-story-card-background {
  z-index: 0;
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .our-story-card-background {
    top: -100px;
  }
}
/* Tracking pixel for visibility logging */
.center-pixel {
  position: absolute;
  top: 50%;
  left: 50%;
}
/* stylelint-disable nf-web-ui/too-many-font-faces */
@font-face {
  font-family: 'Netflix Sans';
  /* stylelint-disable-line declaration-property-value-blacklist */
  font-weight: 100;
  font-display: optional;
  src: url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Th.woff2') format('woff2'), url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Th.woff') format('woff');
}
@font-face {
  font-family: 'Netflix Sans';
  /* stylelint-disable-line declaration-property-value-blacklist */
  font-weight: 300;
  font-display: optional;
  src: url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Lt.woff2') format('woff2'), url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Lt.woff') format('woff');
}
@font-face {
  font-family: 'Netflix Sans';
  /* stylelint-disable-line declaration-property-value-blacklist */
  font-weight: normal;
  font-display: optional;
  src: url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Rg.woff2') format('woff2'), url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Rg.woff') format('woff');
}
@font-face {
  font-family: 'Netflix Sans';
  /* stylelint-disable-line declaration-property-value-blacklist */
  font-weight: bold;
  font-display: optional;
  src: url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Md.woff2') format('woff2'), url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Md.woff') format('woff');
}
@font-face {
  font-family: 'Netflix Sans';
  /* stylelint-disable-line declaration-property-value-blacklist */
  font-weight: 800;
  font-display: optional;
  src: url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Bd.woff2') format('woff2'), url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Bd.woff') format('woff');
}
@font-face {
  font-family: 'Netflix Sans';
  /* stylelint-disable-line declaration-property-value-blacklist */
  font-weight: 900;
  font-display: optional;
  src: url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Blk.woff2') format('woff2'), url('https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Blk.woff') format('woff');
}
/*
@condition useNetflixSansWebFont
*/
.netflix-sans-font-loaded {
  font-family: 'Netflix Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.netflix-sans-font-loaded.nkufi-font-loaded {
  font-family: NKufi, 'Netflix Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.netflix-sans-font-loaded.graphik-font-loaded {
  font-family: 'GraphikTH', 'Netflix Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.hero-card {
  /* Concord-like styles for the VLV hero card.  These are highly simplified compared to the control experience */
  /* Text-shadow and placement of concord-like image for hero card with VLV */
}
.hero-card .our-story-card-title {
  font-size: 1.75rem;
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .hero-card .our-story-card-title {
    font-size: 3.125rem;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .hero-card .our-story-card-title {
    font-size: 4rem;
  }
}
.hero-card .our-story-card-subtitle {
  font-size: 1.625rem;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .hero-card .our-story-card-subtitle {
    font-size: 1.125rem;
  }
}
.hero-card .our-story-welcome-back {
  display: block;
  margin-bottom: 0.5em;
}
.hero-card .our-story-card-text {
  position: relative;
  width: 100%;
  padding: 75px 0;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 400px) and (max-width: 549px) {
  .hero-card .our-story-card-text {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 350px) and (max-width: 399px) {
  .hero-card .our-story-card-text {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 349px) {
  .hero-card .our-story-card-text {
    padding: 0;
  }
}
.hero-card .our-story-card-text .our-story-card-subtitle {
  margin: 1rem 0;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .hero-card .our-story-card-text .our-story-card-subtitle {
    margin-bottom: 2.5rem;
  }
}
.hero-card .our-story-card-text .our-story-cta-container {
  float: none;
}
.hero-card .concord-img-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .hero-card .concord-img-wrapper {
    bottom: auto;
  }
}
.hero-card .concord-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.25) translateY(-10%);
     -moz-transform: scale(1.25) translateY(-10%);
      -ms-transform: scale(1.25) translateY(-10%);
       -o-transform: scale(1.25) translateY(-10%);
          transform: scale(1.25) translateY(-10%);
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .hero-card .concord-img {
    height: auto;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.hero-card .concord-img-gradient {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))), radial-gradient(50% 100%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), -webkit-radial-gradient(50% 100%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), -moz- oldradial-gradient(50% 100%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), -o-radial-gradient(50% 100%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%), radial-gradient(50% 100%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .hero-card .concord-img-gradient {
    background: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(30%, transparent));
    background-image: -webkit-linear-gradient(bottom, black 0%, transparent 30%);
    background-image: -moz- oldlinear-gradient(bottom, black 0%, transparent 30%);
    background-image: -o-linear-gradient(bottom, black 0%, transparent 30%);
    background-image: linear-gradient(to top, black 0%, transparent 30%);
  }
  .hero-card .concord-img-gradient:before {
    content: '';
    height: 70px;
    width: 100%;
    position: absolute;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #000000), color-stop(25%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, #000000 25%, rgba(0, 0, 0, 0));
    background-image: -moz- oldlinear-gradient(top, #000000 25%, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, #000000 25%, rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, #000000 25%, rgba(0, 0, 0, 0));
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .hero-card.vlv .our-story-card-title {
    font-size: 3.125rem;
  }
}
.hero-card.vlv .our-story-card-title .our-story-card-text {
  padding: 0 0 10px;
}
@media only screen and (min-width: 550px) and (max-width: 949px) and (orientation: portrait), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .hero-card.vlv .our-story-card-title .our-story-card-text {
    padding: 50px 0;
  }
}
.hero-card.vlv .our-story-card-title .our-story-card-title {
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7);
}
.hero-card.vlv .concord-img {
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
@media only screen and (min-width: 550px) and (max-width: 949px) and (orientation: portrait), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .hero-card.vlv .concord-img {
    height: 100%;
    width: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.hero-card.vlv .our-story-card-background .concord-img-wrapper {
  bottom: 0;
}
.hero-card.vlv .concord-img-gradient {
  background: rgba(0, 0, 0, 0.4);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
}
@media only screen and (min-width: 550px) and (max-width: 949px) and (orientation: portrait), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .hero-card.vlv .concord-img-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.reminder-card {
  height: auto;
  max-height: none;
  text-align: center;
}
.reminder-card .our-story-card-text {
  position: relative;
  text-align: center;
  margin: 0 auto;
  max-width: 1100px;
}
.reminder-card .our-story-card-text .our-story-cta-container {
  float: none;
}
.reminder-card .our-story-card-title {
  margin: 0;
}
.reminder-card .our-story-card-message {
  max-width: 750px;
  margin: 1rem auto;
}
.reminder-card .our-story-trial-widget {
  margin: 2rem 0;
}
@media only screen and (max-width: 349px) {
  .reminder-card .our-story-trial-widget {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .reminder-card .our-story-trial-widget {
    margin-bottom: 3rem;
  }
}
.reminder-card .timeline-labels {
  position: relative;
}
.reminder-card .duration-text {
  position: absolute;
  width: 38%;
  font-weight: 600;
  text-align: left;
  color: #00d65f;
  left: 0;
  bottom: 0;
}
.reminder-card .billing-text {
  width: 20%;
  text-align: center;
  margin: 0 auto;
  color: #8c8c8c;
}
.reminder-card .billing-text .bill-label {
  display: inline-block;
  margin: 0 -50%;
}
.reminder-card .billing-text .bill-date {
  color: #fff;
  display: block;
  white-space: nowrap;
}
.reminder-card .second-bill-date {
  position: absolute;
  white-space: nowrap;
  left: 85%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .reminder-card .second-bill-date {
    left: 90%;
  }
}
.reminder-card .reminder-label {
  padding-left: 2.3em;
  position: relative;
  left: 50%;
  width: 50%;
  margin-left: -2.5em;
  text-align: left;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .reminder-card .reminder-label {
    margin-left: -3.5em;
    width: 30%;
  }
}
.reminder-card .reminder-label .icon-envelope {
  position: absolute;
  left: 0;
  top: 0;
  height: 1.2em;
  width: 1.7em;
  background: center center no-repeat url('data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(2%202)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23D8D8D8%22%20width%3D%2225%22%20height%3D%2216%22%20rx%3D%22.727%22%2F%3E%3Cpath%20d%3D%22M2.408%204.022a1.09%201.09%200%20111.434-1.644l8.382%207.313c.136.118.338.12.475.002l8.567-7.322a1.09%201.09%200%20111.418%201.658l-8.567%207.323c-.96.82-2.376.813-3.327-.017L2.408%204.022z%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M6.897%206.996A1.09%201.09%200%20018.458%208.52l-4.52%204.63a1.09%201.09%200%2011-1.561-1.525l4.52-4.629zM17.968%207.238a1.09%201.09%200%2000-1.561%201.524l4.52%204.63a1.09%201.09%200%20001.562-1.525l-4.521-4.63z%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
}
.reminder-card .reminder-label:after {
  position: absolute;
  top: -2.75em;
  left: 0.6em;
  height: 2.5em;
  width: 2px;
  background: #d8d8d8;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  content: '';
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .reminder-card .reminder-label:after {
    left: 0.67em;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .reminder-card .reminder-label:after {
    left: 0.75em;
  }
}
.reminder-card .timeline-bar {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #00d65f), color-stop(50%, #308234), color-stop(50%, #3f3f3f), color-stop(85%, #3f3f3f), to(rgba(63, 63, 63, 0)));
  background: -webkit-linear-gradient(left, #00d65f 10%, #308234 50%, #3f3f3f 50%, #3f3f3f 85%, rgba(63, 63, 63, 0) 100%);
  background: -moz- oldlinear-gradient(left, #00d65f 10%, #308234 50%, #3f3f3f 50%, #3f3f3f 85%, rgba(63, 63, 63, 0) 100%);
  background: -o-linear-gradient(left, #00d65f 10%, #308234 50%, #3f3f3f 50%, #3f3f3f 85%, rgba(63, 63, 63, 0) 100%);
  background: linear-gradient(to right, #00d65f 10%, #308234 50%, #3f3f3f 50%, #3f3f3f 85%, rgba(63, 63, 63, 0) 100%);
  width: 100%;
  height: 1.5em;
  -webkit-border-radius: 0.75em 0 0 0.75em;
     -moz-border-radius: 0.75em 0 0 0.75em;
          border-radius: 0.75em 0 0 0.75em;
  margin: 0.5em 0.1em 1.25em;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .reminder-card .timeline-bar {
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #00d65f), color-stop(50%, #308234), color-stop(50%, #3f3f3f), color-stop(90%, #3f3f3f), to(rgba(63, 63, 63, 0)));
    background: -webkit-linear-gradient(left, #00d65f 10%, #308234 50%, #3f3f3f 50%, #3f3f3f 90%, rgba(63, 63, 63, 0) 100%);
    background: -moz- oldlinear-gradient(left, #00d65f 10%, #308234 50%, #3f3f3f 50%, #3f3f3f 90%, rgba(63, 63, 63, 0) 100%);
    background: -o-linear-gradient(left, #00d65f 10%, #308234 50%, #3f3f3f 50%, #3f3f3f 90%, rgba(63, 63, 63, 0) 100%);
    background: linear-gradient(to right, #00d65f 10%, #308234 50%, #3f3f3f 50%, #3f3f3f 90%, rgba(63, 63, 63, 0) 100%);
  }
}
.reminder-card .timeline-bar:after,
.reminder-card .timeline-bar:before {
  content: '';
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  background: white;
  -webkit-border-radius: 0.75em;
     -moz-border-radius: 0.75em;
          border-radius: 0.75em;
}
.reminder-card .timeline-bar:after {
  left: 85%;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .reminder-card .timeline-bar:after {
    left: 90%;
  }
}
.reminder-card .timeline-bar:before {
  left: 50%;
}
.animation-card {
  /* Global styles for all animation cards (similar but not identical to illustration cards from Our Story).
   * Cards move from two columns on desktop to one column on tablet & smaller */
  /* Specific cards (by name) to handle the custom animation styles.  These are not very reusable. */
}
.animation-card .animation-card-container {
  max-width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card .animation-card-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.animation-card .our-story-card-text {
  width: 52%;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 0 3rem 0 0;
  z-index: 3;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card .our-story-card-text {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}
.animation-card .our-story-card-img-container {
  width: 48%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card .our-story-card-img-container {
    width: 100%;
    max-width: 600px;
    margin-top: 1em;
  }
}
.animation-card.flipped .animation-card-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
.animation-card.flipped .animation-card-container .our-story-card-text {
  padding: 0 0 0 3rem;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card.flipped .animation-card-container .our-story-card-text {
    padding: 0;
  }
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card.flipped .animation-card-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.animation-card .our-story-card-animation-container {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card .our-story-card-animation-container {
    margin: 0 auto;
  }
}
.animation-card .our-story-cta-container {
  margin-top: 1rem;
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .animation-card .our-story-cta-container {
    float: none;
  }
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card .our-story-cta-container {
    display: none;
  }
}
.animation-card.watchOnTv .our-story-card-img,
.animation-card.watchOnDevice .our-story-card-img {
  position: relative;
  z-index: 2;
}
.animation-card.watchOnTv .our-story-card-video,
.animation-card.watchOnDevice .our-story-card-video {
  width: 100%;
  height: 100%;
}
.animation-card.watchOnTv .our-story-card-animation-container {
  margin: -10% -5% -5% 0;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card.watchOnTv .our-story-card-animation-container {
    margin: -10% 0 0 0;
  }
}
.animation-card.watchOnTv .our-story-card-text {
  margin: -5% 0;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card.watchOnTv .our-story-card-text {
    margin: 0;
  }
}
.animation-card.watchOnTv .our-story-card-animation {
  width: 100%;
  height: 100%;
  max-width: 73%;
  max-height: 54%;
  position: absolute;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.animation-card.watchOnDevice .our-story-card-animation-container {
  margin: -5% -10% 0 0;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card.watchOnDevice .our-story-card-animation-container {
    margin: -5% 0 0 0;
  }
}
.animation-card.watchOnDevice .our-story-card-text {
  margin: -2% 0;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card.watchOnDevice .our-story-card-text {
    margin: 0;
  }
}
.animation-card.watchOnDevice .our-story-card-animation {
  width: 100%;
  height: 100%;
  max-width: 63%;
  max-height: 47%;
  position: absolute;
  top: 34%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.animation-card.downloadAndWatch .our-story-card-animation-container {
  margin: -8% 0 -4% -15%;
  /* styles to keep the layout from going too weird before the images load */
  min-height: 100px;
  width: 100%;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card.downloadAndWatch .our-story-card-animation-container {
    margin: -8% 0 0 0;
  }
}
.animation-card.downloadAndWatch .our-story-card-animation {
  position: absolute;
  left: 50%;
  bottom: 8%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0 auto;
  background: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60%;
  min-width: 15em;
  /* Rectangle 5: */
  padding: 0.25em 0.65em;
  border: 2px solid rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 0 2em 0 #000000;
     -moz-box-shadow: 0 0 2em 0 #000000;
          box-shadow: 0 0 2em 0 #000000;
  -webkit-border-radius: 0.75em;
     -moz-border-radius: 0.75em;
          border-radius: 0.75em;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 550px) and (max-width: 949px) {
  .animation-card.downloadAndWatch .our-story-card-animation {
    padding: 0.35em 0.75em;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .animation-card.downloadAndWatch .our-story-card-animation {
    padding: 0.5em 0.75em;
  }
}
.animation-card.downloadAndWatch .our-story-card-animation:after {
  width: 3em;
  height: 3em;
  outline: 2px solid black;
  outline-offset: -2px;
  display: block;
  background: url('https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/download-icon.gif') center center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  content: '';
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .animation-card.downloadAndWatch .our-story-card-animation:after {
    height: 3.75em;
  }
}
.animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-image {
  margin: 0 1em 0 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-image img {
  height: 3em;
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-image img {
    height: 4em;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-image img {
    height: 4.5em;
  }
}
@media only screen and (min-width: 1450px) {
  .animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-image img {
    height: 5em;
  }
}
.animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  margin: 0.3em 0;
}
.animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-text .text-0 {
  color: white;
  font-weight: 600;
  font-size: 0.9em;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-text .text-0 {
    font-size: 1em;
  }
}
.animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-text .text-1,
.animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-text .text-2 {
  color: #0071eb;
  font-size: 0.75em;
  font-weight: normal;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-text .text-1,
  .animation-card.downloadAndWatch .our-story-card-animation .our-story-card-animation-text .text-2 {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .animation-card .our-story-card-img-container--mobile-devices {
    margin-top: 2em;
  }
}
.animation-card .our-story-card-img-container--mobile-devices .our-story-card-animation {
  top: 38%;
}
.faq-card {
  text-align: center;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .faq-card {
    padding: 50px 0;
  }
  .faq-card .our-story-card-title,
  .faq-card .our-story-cta-container {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.faq-card a,
.faq-card a:link,
.faq-card a:active,
.faq-card a:visited {
  color: #fff;
  text-decoration: underline;
}
.faq-card .faq-list {
  margin: 1.25em auto;
  max-width: 815px;
}
@media only screen and (min-width: 550px) and (max-width: 949px) {
  .faq-card .faq-list {
    width: 90%;
    margin: 1.5em auto;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .faq-card .faq-list {
    width: 75%;
    margin: 2em auto;
  }
}
.faq-card .faq-list-item {
  list-style-type: none;
  margin: 0 0 8px 0;
}
.faq-card .faq-question,
.faq-card .faq-answer {
  display: block;
  text-align: left;
  background: #303030;
}
.faq-card .faq-question {
  padding: 0.8em 2.2em 0.8em 1.2em;
  margin-bottom: 1px;
  font-weight: 400;
  position: relative;
  width: 100%;
  border: 0;
}
.faq-card .faq-question:focus {
  outline: none;
}
.faq-card .svg-icon-thin-x {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 1em;
  width: 1em;
  fill: white;
}
.faq-card .svg-closed {
  -webkit-transform: translateY(-50%) rotate(-45deg);
     -moz-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.faq-card .faq-answer {
  overflow: hidden;
}
.faq-card .faq-answer span {
  display: inline-block;
  padding: 1.2em;
}
.faq-card .faq-answer.open {
  max-height: 1200px;
  -webkit-transition: max-height 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  -o-transition: max-height 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  -moz-transition: max-height 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  transition: max-height 0.25s cubic-bezier(0.5, 0, 0.1, 1);
}
.faq-card .faq-answer.closed {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  -o-transition: max-height 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  -moz-transition: max-height 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  transition: max-height 0.25s cubic-bezier(0.5, 0, 0.1, 1);
}
.ui-label,
.ui-label-no-margin,
.nfCompactInput {
  font-size: 16px;
  font-weight: 400;
  color: #8c8c8c;
  display: block;
}
@media only screen and (max-width: 740px) {
  .ui-label,
  .ui-label-no-margin,
  .nfCompactInput {
    font-size: 13px;
  }
}
.ui-label.inline,
.ui-label-no-margin.inline,
.nfCompactInput.inline {
  display: inline-block;
}
.ui-label.inline .ui-text-input,
.ui-label-no-margin.inline .ui-text-input,
.nfCompactInput.inline .ui-text-input {
  margin-bottom: 0;
}
.ui-label.nmHomeTextInput .ui-label-text,
.ui-label-no-margin.nmHomeTextInput .ui-label-text,
.nfCompactInput.nmHomeTextInput .ui-label-text {
  margin-right: 1ex;
}
.ui-label.nmHomeTextInput .ui-text-input,
.ui-label-no-margin.nmHomeTextInput .ui-text-input,
.nfCompactInput.nmHomeTextInput .ui-text-input,
.ui-label.nmHomeTextInput .input-password-input,
.ui-label-no-margin.nmHomeTextInput .input-password-input,
.nfCompactInput.nmHomeTextInput .input-password-input {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: #737373;
  font-size: 23px;
  color: #ffffff;
}
.ui-label {
  margin-bottom: 6px;
}
.icon-error {
  color: #b92d2b;
}
.icon-valid {
  color: #0071eb;
}
.ui-input-wrapper {
  display: inline-block;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 500px) {
  .ui-input-wrapper {
    display: block;
  }
}
.ui-input-label {
  padding-bottom: 32px;
  position: relative;
}
.ui-readonly-value {
  padding: 10px 0;
  margin-bottom: 20px;
  color: #333333;
}
.nfTextField {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  border: solid 1px #8c8c8c;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  color: #000000;
  padding: 10px 11px;
  height: 44px;
}
.nfTextField.large {
  padding: 14px 11px;
}
@media only screen and (max-width: 740px) {
  .nfTextField.large {
    font-size: 16px;
    padding: 11px;
  }
}
.nfTextField.small {
  padding: 5px 8px;
  font-size: 14px;
}
@media only screen and (max-width: 740px) {
  .nfTextField.small {
    font-size: 16px;
    padding: 8px 11px;
  }
}
.nfTextField:invalid,
.nfTextField:valid {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.nfTextField:focus {
  border-color: #0071eb;
  outline: none;
}
.nfTextField.error,
.error > .nfTextField {
  border-color: #b92d2b;
}
.nfTextField.valid,
.valid > .nfTextField {
  border-color: #5fa53f;
}
.nfTextField.warning,
.warning > .nfTextField {
  border-color: #ffa00a;
}
.nfTextField:disabled {
  color: #a6a6a6;
  border-color: #cccccc;
}
.ui-input-label .ui-text-input + .icon-lock {
  position: absolute;
  bottom: 20px;
  color: #8c8c8c;
  font-size: 19px;
  right: 10px;
}
.nfInput {
  max-width: 500px;
  position: relative;
  /* input is different on the home page */
}
.nfInput .nfInputPlacement {
  position: relative;
}
.nfInput .nfInputPlacement.showValidIcon .nfTextField,
.nfInput .nfInputPlacement.showInvalidIcon .nfTextField {
  padding-right: 40px;
}
.nfInput .nfInputPlacement.showValidIcon:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  border-bottom: 1px solid #0071eb;
  border-left: 1px solid #0071eb;
  width: 20px;
  height: 8px;
  -webkit-transform: translateY(-100%) rotate(-45deg);
     -moz-transform: translateY(-100%) rotate(-45deg);
      -ms-transform: translateY(-100%) rotate(-45deg);
       -o-transform: translateY(-100%) rotate(-45deg);
          transform: translateY(-100%) rotate(-45deg);
}
.nfInput .nfInputPlacement.showInvalidIcon:after {
  content: '\00d7';
  font-size: 27px;
  font-weight: 200;
  color: #b92d2b;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
.nfInput .placeLabel {
  position: absolute;
  top: 50%;
  left: 10px;
  color: #8c8c8c;
  font-size: 14px;
  -webkit-transition: font 0.1s ease, top 0.1s ease, -webkit-transform 0.1s ease;
  transition: font 0.1s ease, top 0.1s ease, -webkit-transform 0.1s ease;
  -o-transition: font 0.1s ease, top 0.1s ease, -o-transform 0.1s ease;
  -moz-transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease, -moz-transform 0.1s ease;
  transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease;
  transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 740px) {
  .nfInput .placeLabel {
    font-size: 16px;
  }
}
.nfInput .nfTextField {
  height: 48px;
  padding: 10px 10px 0;
  width: 100%;
}
.nfInput .nfTextField:focus + .placeLabel,
.nfInput .hasText + .placeLabel {
  top: 4px;
  font-size: 11px;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.nfInput .nfTextField:-webkit-autofill + .placeLabel {
  top: 4px;
  font-size: 11px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.nfInput .inputError {
  font-size: 13px;
  color: #b92d2b;
}
.nfInput .inputCaption {
  font-size: 13px;
  color: #8c8c8c;
}
.nfInput.validated .nfTextField {
  border-color: #5fa53f;
}
.nfInput.nmHomeTextInput .ui-label-text {
  margin-right: 1ex;
}
.nfInput.nmHomeTextInput .nfTextField {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: #737373;
  font-size: 23px;
  color: #ffffff;
}
.nfInput.nmHomeTextInput .nfTextField.error {
  border-color: #ffa00a;
}
.nfInput.nmHomeTextInput .inputError {
  color: #ffa00a;
}
.nfInput.nmHomeTextInput .inputError a {
  color: #ffa00a;
  text-decoration: underline;
}
.nfInput.nfInputOversize .nfTextField {
  height: 60px;
}
.nfInput.nfInputOversize .nfTextField:focus + .placeLabel,
.nfInput.nfInputOversize .hasText + .placeLabel {
  top: 6px;
  font-weight: 700;
  font-size: 13px;
}
.nfInput.nfInputOversize .nfTextField:-webkit-autofill + .placeLabel {
  top: 6px;
  font-weight: 700;
  font-size: 13px;
}
@media screen and (min-width: 740px) {
  .nfInput.nfInputResponsive .nfTextField {
    height: 60px;
  }
  .nfInput.nfInputResponsive .nfTextField:focus + .placeLabel,
  .nfInput.nfInputResponsive .hasText + .placeLabel {
    top: 6px;
    font-weight: 700;
    font-size: 13px;
  }
  .nfInput.nfInputResponsive .nfTextField:-webkit-autofill + .placeLabel {
    top: 6px;
    font-weight: 700;
    font-size: 13px;
  }
}
.nfInput.externalLabel .nfTextField {
  padding: 0 10px;
}
.nfInput.externalLabel .placeLabel,
.nfInput.externalLabel .nfTextField:focus + .placeLabel,
.nfInput.externalLabel .hasText + .placeLabel {
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  font-size: 16px;
}
.nfInput .tooltipWrapper,
.nfInput .tooltipWrapperErr {
  position: absolute;
  top: 12px;
  right: 10px;
}
.nfInput.tooltip .nfInputPlacement,
.nfInput.tooltipError .nfInputPlacement {
  width: 100%;
}
.nfInput.tooltip .nfTextField,
.nfInput.tooltipError .nfTextField {
  padding: 10px 50px 0 10px;
  border: solid 1px #8c8c8c;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.nfInput.tooltip .nfTextField:focus,
.nfInput.tooltipError .nfTextField:focus {
  border-color: #0071eb;
  outline: none;
}
.nfInput.tooltipError .nfTextField {
  border-color: #b92d2b;
}
.nfInput.tooltipError .nfTextField:focus {
  border-color: #b92d2b;
  outline: none;
}
.nfInput.tooltipValidated .nfTextField {
  border-color: #5fa53f;
}
.nfInput.tooltipValidated .nfTextField:focus {
  border-color: #5fa53f;
  outline: none;
}
.nf-message-container {
  display: table;
  width: 100%;
  margin: 10px 0;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.nf-message-contents {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 10px;
  color: #ffffff;
}
.nf-message-contents a {
  color: inherit;
  text-decoration: underline;
}
.nf-message-link {
  color: #ffffff;
  text-decoration: underline;
}
.nf-message-icon {
  display: table-cell;
  vertical-align: middle;
  color: white;
  width: 53px;
}
.nf-message-icon:before {
  font-family: 'nf-icon';
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  line-height: 1.5em;
  padding-left: 20px;
  font-size: 1.5em;
}
.nf-message-subtle {
  background-color: #f7f7f7;
  border: solid 1px #cccccc;
}
.nf-message-subtle > .nf-message-icon {
  color: #000000;
}
.nf-message-subtle > .nf-message-icon:before {
  content: '\e799';
}
.nf-message-subtle .nf-message-contents {
  color: #000000;
}
.nf-message-info {
  background: #0071eb;
}
.nf-message-info > .nf-message-icon:before {
  content: '\e799';
}
.nf-message-wait {
  text-align: center;
}
.nf-message-warn {
  background: #ffa00a;
}
.nf-message-warn > .nf-message-icon:before {
  content: '\e796';
}
.nf-message-error {
  background: #ffa00a;
}
.nf-message-error > .nf-message-icon:before {
  content: '\e805';
}
.nf-message-success {
  background: #5fa53f;
}
.nf-message-success > .nf-message-icon:before {
  content: '\e802';
}
.nf-message-subtle-no-icon {
  background-color: #f7f7f7;
  text-align: center;
}
.nf-message-subtle-no-icon .nf-message-contents {
  color: #000000;
}
.nf-message-subtle-no-icon > .nf-message-icon {
  display: none;
}
.nf-message-info-no-icon {
  background: #0071eb;
  text-align: center;
}
.nf-message-info-no-icon > .nf-message-icon {
  display: none;
}
.nf-message-warn-high-contrast {
  background: #ffa00a;
}
.nf-message-warn-high-contrast > .nf-message-contents {
  color: #000;
  padding: 20px 30px 20px 10px;
}
.nf-message-warn-high-contrast > .nf-message-icon {
  color: #000;
}
.nf-message-warn-high-contrast > .nf-message-icon:before {
  content: '\e796';
}
/*
 * @condition includeReggieStyles
 */
/* Reggie NMHP test 15328
/*
*/
@media only screen and (max-width: 740px) {
}
@media screen and (min-width: 740px) {
}
.hero-card .our-story-card-text {
  max-width: 950px;
}
.hero-card .our-story-card-text h1,
.hero-card .our-story-card-text h2 {
  max-width: 640px;
  margin: 0 auto;
}
.hero-card .our-story-card-text .our-story-card-subtitle {
  margin: 1rem auto;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (max-width: 349px) {
  .faq-card .email-form {
    padding: 0 5%;
  }
  .faq-card .email-form .our-story-cta-container {
    padding: 0;
  }
}
.email-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form {
    padding-top: .85rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
}
.field-email {
  overflow: hidden;
}
.email-form-hidden .email-form-title {
  max-height: 0;
  overflow: hidden;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form-hidden .email-form-title {
    max-height: none;
    opacity: 0;
  }
}
.email-form-hidden .field-email {
  max-height: 0;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form-hidden .field-email {
    max-height: none;
    max-width: 0;
  }
}
.email-form-visible .email-form-title {
  -webkit-transition: 0.75s cubic-bezier(0.75, 0, 0.1, 1);
  -o-transition: 0.75s cubic-bezier(0.75, 0, 0.1, 1);
  -moz-transition: 0.75s cubic-bezier(0.75, 0, 0.1, 1);
  transition: 0.75s cubic-bezier(0.75, 0, 0.1, 1);
  max-height: 100px;
  overflow: hidden;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form-visible .email-form-title {
    opacity: 100;
  }
}
.email-form-visible .field-email {
  -webkit-transition: 0.75s cubic-bezier(0.75, 0, 0.1, 1);
  -o-transition: 0.75s cubic-bezier(0.75, 0, 0.1, 1);
  -moz-transition: 0.75s cubic-bezier(0.75, 0, 0.1, 1);
  transition: 0.75s cubic-bezier(0.75, 0, 0.1, 1);
  max-height: 100px;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form-visible .field-email {
    max-height: none;
    max-width: 900px;
  }
}
.email-form-title {
  padding: 0 5%;
  max-width: 450px;
  margin: 0 auto;
  font-weight: normal;
}
@media only screen and (min-width: 400px) and (max-width: 549px), only screen and (min-width: 550px) and (max-width: 949px) {
  .email-form-title {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form-title {
    max-width: none;
    padding: 0;
    font-size: 1.2rem;
  }
}
.email-form-lockup {
  text-align: center;
}
@media only screen and (min-width: 550px) and (max-width: 949px), only screen and (min-width: 350px) and (max-width: 399px), only screen and (min-width: 400px) and (max-width: 549px), only screen and (max-width: 349px) {
  .email-form-lockup .field-email {
    margin-bottom: 0;
  }
  .email-form-lockup .our-story-cta-container {
    padding: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form-lockup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 auto;
  }
  .email-form-lockup .simpleForm {
    vertical-align: top;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    text-align: right;
  }
  .email-form-lockup .nfInput {
    margin: 0 auto;
    display: inline-block;
  }
  .email-form-lockup .our-story-cta-container {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .email-form-lockup .our-story-cta,
  .email-form-lockup .nmhp-cta {
    margin: 0 !important;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
       -moz-border-radius-topleft: 0;
            border-top-left-radius: 0;
    border-left: 1px solid #333333;
  }
}
.email-form-lockup .nfInput {
  margin: 10px auto;
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form-lockup .nfInput {
    margin: 0;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px) {
  .email-form-lockup .nfInput input {
    min-width: 450px;
    height: 60px !important;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
       -moz-border-radius-topright: 0;
            border-top-right-radius: 0;
  }
}
@media only screen and (min-width: 1450px) {
  .email-form-lockup .nfInput input {
    min-width: 500px;
    height: 70px !important;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
       -moz-border-radius-topright: 0;
            border-top-right-radius: 0;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form-lockup .btn.our-story-cta.our-story-cta-chevron.our-story-cta-extra-large.long-text-reg {
    font-size: 1.25rem;
    padding-right: 2.2rem;
    padding-left: 1rem;
  }
  .email-form-lockup .btn.our-story-cta.our-story-cta-chevron.our-story-cta-extra-large.long-text-reg svg {
    top: 36%;
    right: .75rem;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1449px), only screen and (min-width: 1450px) {
  .email-form-lockup .nmhp-cta-long-text {
    font-size: 1.25rem;
  }
}
.email-form-lockup .inputError {
  color: #E87C03;
  text-align: left;
  margin-bottom: -6px;
  padding: 6px 3px;
  font-size: 15px;
}
.email-form-lockup .nfTextField.error {
  border-color: #E87C03;
}
/* Global layout styles for Fuji framework */
@media only screen and (min-width: 500px) {
}
/* Card types.  Add additional less files for any new card type. */
/* Some overrides to make legacy devices lay out better. */
/* India NMHP Mobile Banner test 15594 */
/* Reggie test 15328 */
@media only screen and (max-width: 740px) {
}
@media screen and (min-width: 740px) {
}
/* Divergent test 15469 */
/* Referral Modal */
