/* only variables */
/* lets try to fix these, should normalize them to the greyxx */
/* gradient that allows semi-transparent stops */
/*! 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;
}

@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";
}
html,
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #f3f3f3;
  color: #333;
  font-size: 16px;
  direction: ltr;
}
h1 {
  font-size: 1.5em;
  color: #333;
  margin: 0 0 .4em;
  font-weight: normal;
}
@media screen and (min-width: 740px) {
  h1 {
    font-size: 2.15em;
    margin: 0 0 .55em;
  }
}
.controlBar {
  position: relative;
}
.controlBar .control {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 0.67em;
}
h2,
h3,
h4,
h5 {
  font-weight: normal;
  margin: .75em 0 .25em;
}
strong,
.bold {
  font-weight: bold;
}
.confirmation {
  color: #3BA93C;
}
.confirmation:before {
  font-family: 'nf-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\E802";
  margin-right: 1ex;
}
.valignMiddle {
  vertical-align: middle;
}
.clearfix:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}
.nowrap {
  white-space: nowrap;
}
a {
  text-decoration: none;
  color: #0080FF;
}
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;
}
.i-b {
  display: inline-block;
}
.no-display {
  display: none !important;
}
.pointer {
  cursor: pointer;
}
.hidden-radio,
.hidden-checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 2rem;
  margin: 0 -2rem -2rem 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 2rem;
  opacity: 0.001;
}
.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.nf-button {
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  font-family: arial, helvetica, sans-serif;
  /* stylelint-disable-line declaration-property-value-blacklist */
  font-weight: bold;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  padding: 4px 7px;
  margin: 0;
  display: inline-block;
}
.nf-button:focus {
  outline: none;
}
.nf-button:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 1px rgba(1, 1, 1, 0.3);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 1px rgba(1, 1, 1, 0.3);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 1px rgba(1, 1, 1, 0.3);
  text-decoration: none;
}
.nf-button:active {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  text-decoration: none;
}
.nf-button .icon {
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
}
.nf-button-white {
  background-color: #ffffff;
}
.nf-button-white:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DDDDDD));
  background: -webkit-linear-gradient(#ffffff, #DDDDDD);
  background: -moz- oldlinear-gradient(#ffffff, #DDDDDD);
  background: -o-linear-gradient(#ffffff, #DDDDDD);
  background: linear-gradient(#ffffff, #DDDDDD);
}
.nf-button-white:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#b3b3b3));
  background: -webkit-linear-gradient(#cbcbcb, #b3b3b3);
  background: -moz- oldlinear-gradient(#cbcbcb, #b3b3b3);
  background: -o-linear-gradient(#cbcbcb, #b3b3b3);
  background: linear-gradient(#cbcbcb, #b3b3b3);
}
.nf-button-silver {
  background-color: #e5e5e5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#cbcbcb));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #cbcbcb);
  background-image: -moz- oldlinear-gradient(top, #e5e5e5, #cbcbcb);
  background-image: -o-linear-gradient(top, #e5e5e5, #cbcbcb);
  background-image: linear-gradient(to bottom, #e5e5e5, #cbcbcb);
  border: 1px solid #b3b3b3;
}
.nf-button-silver:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
  background: -webkit-linear-gradient(#ffffff, #e5e5e5);
  background: -moz- oldlinear-gradient(#ffffff, #e5e5e5);
  background: -o-linear-gradient(#ffffff, #e5e5e5);
  background: linear-gradient(#ffffff, #e5e5e5);
}
.nf-button-silver:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#b3b3b3));
  background: -webkit-linear-gradient(#cbcbcb, #b3b3b3);
  background: -moz- oldlinear-gradient(#cbcbcb, #b3b3b3);
  background: -o-linear-gradient(#cbcbcb, #b3b3b3);
  background: linear-gradient(#cbcbcb, #b3b3b3);
}
.nf-button-red {
  color: #FFF;
  background-color: #d30b03;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d30b03), to(#a50709));
  background-image: -webkit-linear-gradient(top, #d30b03, #a50709);
  background-image: -moz- oldlinear-gradient(top, #d30b03, #a50709);
  background-image: -o-linear-gradient(top, #d30b03, #a50709);
  background-image: linear-gradient(to bottom, #d30b03, #a50709);
  border: 1px solid #810507;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.nf-button-red:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ed0b0f), to(#930709));
  background: -webkit-linear-gradient(#ed0b0f, #930709);
  background: -moz- oldlinear-gradient(#ed0b0f, #930709);
  background: -o-linear-gradient(#ed0b0f, #930709);
  background: linear-gradient(#ed0b0f, #930709);
}
.nf-button-red:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#9c0b0e), to(#850708));
  background: -webkit-linear-gradient(#9c0b0e, #850708);
  background: -moz- oldlinear-gradient(#9c0b0e, #850708);
  background: -o-linear-gradient(#9c0b0e, #850708);
  background: linear-gradient(#9c0b0e, #850708);
}
.nf-button-blue {
  color: #FFF;
  background-color: #1771d9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1771d9), to(#1359ab));
  background-image: -webkit-linear-gradient(top, #1771d9, #1359ab);
  background-image: -moz- oldlinear-gradient(top, #1771d9, #1359ab);
  background-image: -o-linear-gradient(top, #1771d9, #1359ab);
  background-image: linear-gradient(to bottom, #1771d9, #1359ab);
  border: 1px solid #0f4585;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.nf-button-blue:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#1b7ff1), to(#114f99));
  background: -webkit-linear-gradient(#1b7ff1, #114f99);
  background: -moz- oldlinear-gradient(#1b7ff1, #114f99);
  background: -o-linear-gradient(#1b7ff1, #114f99);
  background: linear-gradient(#1b7ff1, #114f99);
}
.nf-button-blue:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#114f99), to(#0d3b73));
  background: -webkit-linear-gradient(#114f99, #0d3b73);
  background: -moz- oldlinear-gradient(#114f99, #0d3b73);
  background: -o-linear-gradient(#114f99, #0d3b73);
  background: linear-gradient(#114f99, #0d3b73);
}
.nf-button-dark {
  color: #FFF;
  background-color: #646464;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#191919));
  background-image: -webkit-linear-gradient(top, #646464, #191919);
  background-image: -moz- oldlinear-gradient(top, #646464, #191919);
  background-image: -o-linear-gradient(top, #646464, #191919);
  background-image: linear-gradient(to bottom, #646464, #191919);
  border: 1px solid #323232;
  border-top-color: #505050;
}
.nf-button-dark:hover {
  background-color: #4B4B4B;
}
.nf-button-dark:active {
  background-color: #2f2f2f;
}
.nf-button-medium {
  padding: 10px 20px;
}
.btn-flat {
  font-size: 1.1vw;
  font-weight: bold;
  margin-right: 0.75em;
  padding: 0.57em 1.35em;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background-image: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.btn-flat .nf-icon-button-icon,
.btn-flat .playRing {
  margin-right: 0.71em;
  background-color: transparent;
  font-size: inherit;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.btn-flat .icon-button-mylist-added,
.btn-flat .icon-button-mylist-added-reverse,
.btn-flat .icon-button-remindme-added,
.btn-flat .icon-button-remindme-added-reverse {
  -webkit-transform: scale(1.5);
     -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
       -o-transform: scale(1.5);
          transform: scale(1.5);
}
.btn-flat .nf-icon-button-label {
  padding: 0;
  margin: 0;
  top: auto;
}
.btn-flat:hover {
  background-color: rgba(51, 51, 51, 0.4);
}
.btn-flat:hover .nf-icon-button-icon {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.btn-flat:hover .nf-icon-button-icon.icon-button-mylist-added,
.btn-flat:hover .nf-icon-button-icon.icon-button-mylist-added-reverse,
.btn-flat:hover .nf-icon-button-icon.icon-button-remindme-added,
.btn-flat:hover .nf-icon-button-icon.icon-button-remindme-added-reverse {
  -webkit-transform: scale(1.5);
     -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
       -o-transform: scale(1.5);
          transform: scale(1.5);
}
.btn-flat-primary {
  background-color: #E50914;
  border-color: #FF0A16;
}
.btn-flat-primary:hover {
  background-color: #FF0A16;
}
.icon-button-mylist-no-ring .icon-button-mylist-add:before {
  content: '\e641';
}
.icon-button-mylist-no-ring .icon-button-mylist-add-reverse:before {
  content: '\e641';
}
.icon-button-mylist-no-ring .icon-button-mylist-added:before {
  content: '\e804';
}
.icon-button-mylist-no-ring .icon-button-mylist-added-reverse:before {
  content: '\e804';
}
.icon-button-mylist-sharp .mylist-button .nf-icon-button-icon,
.icon-button-mylist-sharp .mylist-button.hovered .nf-icon-button-icon {
  background-color: transparent;
}
.icon-button-mylist-sharp .icon-button-mylist-add,
.icon-button-mylist-sharp .icon-button-mylist-add-reverse {
  font-size: 1.2vw;
}
.icon-button-mylist-sharp .icon-button-play:before {
  content: '\e646';
}
.icon-button-mylist-sharp .icon-button-mylist-add:before {
  content: '\f018';
}
.icon-button-mylist-sharp .icon-button-mylist-add-reverse:before {
  content: '\f018';
}
.icon-button-mylist-sharp .icon-button-mylist-added:before {
  content: '\e804';
}
.icon-button-mylist-sharp .icon-button-mylist-added-reverse:before {
  content: '\e804';
}
.nf-flat-button {
  font-size: 1.0vw;
  font-weight: bold;
  margin-right: 0.75em;
  padding: 0.57em 1.35em;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background-image: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.nf-flat-button .nf-flat-button-icon {
  vertical-align: middle;
  margin-right: 0.71em;
  background-color: transparent;
  font-size: inherit;
}
.nf-flat-button .nf-flat-button-icon.empty-label {
  margin-right: initial;
}
.nf-flat-button .nf-flat-button-icon.svg-icon {
  width: 1.2vw;
  height: inherit;
  font-size: inherit;
  border: none;
  margin: inherit;
}
.nf-flat-button.no-icon .nf-flat-button-icon {
  display: none;
}
.nf-flat-button .nf-flat-button-text {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  top: auto;
  white-space: nowrap;
}
.nf-flat-button .nf-icon-button-tooltip {
  display: none;
  position: absolute;
  top: -2.5vw;
  margin-top: 6px;
  left: 0.5vw;
  background: #fff;
  /* stylelint-disable */
  text-transform: uppercase;
  /* stylelint-enable */
  color: #000;
  width: 10vw;
  margin-left: -3.5vw;
  font-size: 0.8vw;
  font-weight: 700;
  padding: 2px 0;
  text-align: center;
}
.nf-flat-button .nf-icon-button-tooltip:hover {
  display: block;
}
.nf-flat-button .nf-icon-button-tooltip:before {
  content: initial;
  border-color: initial;
  border-style: initial;
  border-width: initial;
}
.nf-flat-button .nf-icon-button-tooltip:after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -2px;
  margin-bottom: -3px;
  position: absolute;
  bottom: 0;
  width: 0;
}
.nf-flat-button:focus,
.nf-flat-button:hover {
  background-color: rgba(51, 51, 51, 0.4);
  outline: none;
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: -o-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -o-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
}
.nf-flat-button:focus .nf-flat-button-icon,
.nf-flat-button:hover .nf-flat-button-icon {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.nf-flat-button:focus {
  border-color: #fff;
}
.nf-flat-button .nf-flat-button-icon-play,
.nf-flat-button .nf-flat-button-icon-episodes,
.nf-flat-button .nf-flat-button-icon-mylist-add,
.nf-flat-button .nf-flat-button-icon-mylist-added,
.nf-flat-button .nf-flat-button-icon-remindme-add,
.nf-flat-button .nf-flat-button-icon-remindme-added,
.nf-flat-button .nf-flat-button-icon-restart,
.nf-flat-button .nf-flat-button-icon-info,
.nf-flat-button .nf-flat-button-icon-close {
  font-family: 'nf-icon';
}
.nf-flat-button .nf-flat-button-icon-play:before {
  content: '\e646';
}
.nf-flat-button .nf-flat-button-icon-episodes:before {
  content: '\e678';
}
.nf-flat-button .nf-flat-button-icon-mylist-add:before {
  content: '\e641';
}
.nf-flat-button .nf-flat-button-icon-mylist-added:before {
  content: '\e804';
}
.nf-flat-button .nf-flat-button-icon-remindme-add:before {
  content: '\e663';
}
.nf-flat-button .nf-flat-button-icon-remindme-added:before {
  content: '\e804';
}
.nf-flat-button .nf-flat-button-icon-restart:before {
  content: '\e752';
}
.nf-flat-button .nf-flat-button-icon-info:before {
  content: '\e748';
}
.nf-flat-button .nf-flat-button-icon-close:before {
  content: '\e762';
}
.nf-flat-button-rounded {
  -webkit-border-radius: 0.2vw;
     -moz-border-radius: 0.2vw;
          border-radius: 0.2vw;
}
.nf-flat-button-uppercase {
  /* stylelint-disable */
  text-transform: uppercase;
  /* stylelint-enable */
}
.nf-flat-button-white {
  -webkit-box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35);
          box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35);
  background-color: #e6e6e6;
  color: #000;
  font-weight: bold;
  height: 1.2vw;
  border-width: 0;
  padding: 0.75em 2.3em;
  font-size: 1.1vw;
  line-height: 1vw;
}
.nf-flat-button-white:hover,
.nf-flat-button-white:focus {
  background-color: #e6e6e6;
}
.nf-flat-button-black-transparent {
  color: #fff;
  font-weight: bold;
  background-color: rgba(51, 51, 51, 0.4);
  border-width: 0;
  padding: 0.75em 2.3em;
  height: 1.2vw;
  -webkit-border-radius: 0.2vw;
     -moz-border-radius: 0.2vw;
          border-radius: 0.2vw;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  font-size: 1.1vw;
  line-height: 1vw;
}
.nf-flat-button-black-transparent:hover {
  -webkit-box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35);
          box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35);
  background-color: #e6e6e6;
  color: #000;
}
.nf-flat-button-black-transparent.ignore-hover:hover {
  background-color: rgba(51, 51, 51, 0.4);
  color: #fff;
}
.nf-flat-button-primary {
  background-color: #E50914;
  border-color: #FF0A16;
}
.nf-flat-button-primary:hover {
  background-color: #FF0A16;
}
.mylist-button:focus,
.playLink:focus {
  outline: none;
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: -o-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 350ms cubic-bezier(0.86, 0, 0.07, 1), -o-transform 350ms cubic-bezier(0.86, 0, 0.07, 1);
}
.mylist-button:focus .nf-flat-button-primary,
.playLink:focus .nf-flat-button-primary {
  background-color: #FF0A16;
}
.nf-flat-button-type-borderless {
  font-size: inherit;
  margin: 0;
  background: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  text-transform: none;
  font-weight: normal;
  border: 0.1em solid transparent;
}
.nf-flat-button-type-borderless:focus {
  border-color: white;
}
.nf-flat-button-type-focusable-static {
  font-size: inherit;
  border: 0.1em solid transparent;
}
.nf-flat-button-type-focusable-static:focus {
  border-color: white;
}
.nf-spinner {
  display: none;
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-image: url("https://assets.nflxext.com/en_us/home/ringloader_white_57x57_tail_red.gif"), url("https://assets.nflxext.com/en_us/home/ringloader_white_57x57_base.png");
  -webkit-background-size: 57px 57px;
     -moz-background-size: 57px;
          background-size: 57px;
  background-repeat: no-repeat;
  width: 57px;
  height: 57px;
}
/*
 *  meta-file for common less to be included on all pages (member & non-member)
 */
.footer-mount {
  width: 100%;
  padding: 0;
}
.site-footer-wrapper {
  min-width: 190px;
  width: 100%;
  margin-top: 80px;
  padding-bottom: 20px;
  font-size: 1em;
  color: #757575;
  position: relative;
}
.pt11 .site-footer-wrapper {
  margin-bottom: 80px;
}
.pt11 .site-footer-wrapper .footer-divider {
  display: none;
}
.footer-top-a {
  color: #757575;
}
.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: #757575;
}
.service-code-wrapper {
  color: #757575;
  margin: 45px 0 20px;
}
.service-code {
  border: 1px solid #757575;
  padding: 8px;
  display: inline-block;
  color: #757575;
  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;
}
.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);
}
.nfHeader {
  background-color: #fafafa;
  border-bottom: solid 1px #dcdde0;
  height: 90px;
}
.nfHeader.signupBasicHeader {
  height: 90px;
}
@media screen and (max-width: 700px) {
  .nfHeader.signupBasicHeader {
    height: 75px;
  }
}
@media screen and (max-width: 440px), screen and (orientation: landscape) and (max-width: 700px) {
  .nfHeader.signupBasicHeader {
    height: 45px;
  }
}
.nfHeader.signupBasicHeader.iosInAppHeader {
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1100;
}
.focused .nfHeader.iosInAppHeader {
  position: absolute;
}
.noBorderHeader {
  background-color: transparent;
  border-bottom: 0;
  position: relative;
}
.nfLogo {
  text-decoration: none;
  vertical-align: middle;
  color: #E50914;
  font-size: 2.8em;
  line-height: 90px;
  float: left;
}
@media screen and (max-width: 700px) {
  .nfLogo {
    font-size: 1.8em;
    line-height: 75px;
  }
}
@media screen and (max-width: 440px) {
  .nfLogo {
    font-size: 1.2em;
    line-height: 45px;
  }
}
.nfLogo:hover,
.nfLogo:focus {
  text-decoration: none;
}
.nfLogo.signupBasicHeader {
  margin-left: 3%;
}
.svg-nfLogo {
  text-decoration: none;
  vertical-align: middle;
  fill: #E50914;
  display: inline-block;
  line-height: 90px;
}
.svg-nfLogo .svg-icon-netflix-logo {
  height: 45px;
  width: 167px;
  vertical-align: middle;
}
@media screen and (max-width: 700px) {
  .svg-nfLogo {
    line-height: 75px;
  }
}
@media screen and (max-width: 440px), screen and (orientation: landscape) and (max-width: 700px) {
  .svg-nfLogo {
    line-height: 45px;
  }
}
@media screen and (max-width: 440px), screen and (orientation: landscape) and (max-width: 700px) {
  .svg-nfLogo .svg-icon-netflix-logo {
    height: 20px;
    width: 75px;
    padding-top: 12px;
  }
}
.svg-nfLogo.signupBasicHeader {
  margin-left: 3%;
}
.authLinks {
  float: right;
  color: #E50914;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 90px;
}
@media screen and (max-width: 700px) {
  .authLinks {
    font-size: 1.0em;
    line-height: 75px;
  }
}
@media screen and (max-width: 440px) {
  .authLinks {
    font-size: 0.8em;
    line-height: 45px;
  }
}
.authLinks.signupBasicHeader,
.authLinks.authLinks--isYap {
  margin: 0 3%;
}
@media screen and (max-width: 440px) {
  .authLinks.signupBasicHeader,
  .authLinks.authLinks--isYap {
    margin: 0 10px;
  }
}
.authLinks.authLinks--isYap {
  color: #808080;
}
.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;
}
@media only screen and (min-width: 500px) {
}
html {
  background-color: #f3f3f3;
}
.minHeight {
  min-height: 2200px;
}
.in-transition {
  -webkit-transition: -webkit-transform 900ms ease;
  transition: -webkit-transform 900ms ease;
  -o-transition: -o-transform 900ms ease;
  -moz-transition: transform 900ms ease, -moz-transform 900ms ease;
  transition: transform 900ms ease;
  transition: transform 900ms ease, -webkit-transform 900ms ease, -moz-transform 900ms ease, -o-transform 900ms ease;
}
h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 10px;
}
.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;
}
.iosInApp:not(.modernInApp) .centerContainer {
  margin-top: 90px;
}
@media screen and (max-width: 700px) {
  .iosInApp:not(.modernInApp) .centerContainer {
    margin-top: 75px;
  }
}
@media screen and (max-width: 440px) {
  .iosInApp:not(.modernInApp) .centerContainer {
    margin-top: 45px;
  }
}
h1 {
  font-size: 24px;
  font-weight: normal;
  color: #333;
}
@media only screen and (min-width: 700px) {
  h1 {
    font-size: 34px;
  }
}
h2 {
  font-size: 1.125em;
}
@media only screen and (min-width: 700px) {
  h2 {
    font-size: 1.5em;
  }
}
.hidden-input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.error {
  color: #B00500;
}
.link {
  cursor: pointer;
}
.signupTerms {
  font-size: 13px;
  color: #808080;
}
.signupTermsError {
  color: #B00500;
  font-size: 16px;
}
/*
    Typeography styleguide here;
    https://docs.google.com/document/d/1XUjxxs3bk5fSE5ESJdcBaanSzR0kwzgNkUKcEr70ues/edit
*/
/**
 * Styles for basic layout classes
 **/
body,
html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #181818;
  color: #FFF;
}
.footer-divider {
  border: 0;
}
.dark .ui-select-wrapper .ui-select {
  background-color: #000;
  background-image: none;
  border: 1px solid #333;
}
.dark .ui-select-wrapper .select-arrow::after {
  color: #999;
}
.dark .ui-select-wrapper .select-arrow.prefix::before {
  color: #999;
}
body {
  overflow-x: hidden;
}
.nfHeader {
  background: none;
  border: none;
}
.authLinks {
  color: #FFF;
}
/*
    Typeography styleguide here;
    https://docs.google.com/document/d/1XUjxxs3bk5fSE5ESJdcBaanSzR0kwzgNkUKcEr70ues/edit

    naming convention:
        @nm-content-<element or type>-<default/small>-<property>

    So for the font-size of an h1 on a normal-sized screen,
        @nm-content-h1-default-font-size: 36px;
*/
.hr-gray {
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#777777), color-stop(50%, rgba(51, 51, 51, 0.5)), to(#777777));
  background: -webkit-linear-gradient(left, #777777 0%, rgba(51, 51, 51, 0.5) 50%, #777777 100%);
  background: -moz- oldlinear-gradient(left, #777777 0%, rgba(51, 51, 51, 0.5) 50%, #777777 100%);
  background: -o-linear-gradient(left, #777777 0%, rgba(51, 51, 51, 0.5) 50%, #777777 100%);
  background: linear-gradient(to right, #777777 0%, rgba(51, 51, 51, 0.5) 50%, #777777 100%);
}
.hr-gray-small {
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(51, 51, 51, 0.5)), to(#777777));
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.5) 0%, #777777 100%);
  background: -moz- oldlinear-gradient(left, rgba(51, 51, 51, 0.5) 0%, #777777 100%);
  background: -o-linear-gradient(left, rgba(51, 51, 51, 0.5) 0%, #777777 100%);
  background: linear-gradient(to right, rgba(51, 51, 51, 0.5) 0%, #777777 100%);
}
.nm-content-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #000;
  height: 24px;
  padding: 16px 3%;
  /******************************************
     * Netflix (left module) logo styles
     ******************************************/
  /******************************************
     * Text and buttons (right module) styles
     ******************************************/
  /******************************************
     * Breakpoint-specific styles
     ******************************************/
}
.nm-content-header.is-fixed {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
}
.nm-content-header.is-fixed.is-layered {
  background: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-transition: background 150ms ease-in;
  -o-transition: background 150ms ease-in;
  -moz-transition: background 150ms ease-in;
  transition: background 150ms ease-in;
}
.nm-content-header.is-fixed.is-layered.is-scrolling {
  background: #000000;
}
.nm-content-header-section {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.nm-content-header-left .svg-icon-n-logo,
.nm-content-header-left .svg-icon-netflix-logo {
  height: 40px;
}
.nm-content-header-left .svg-icon-n-logo {
  display: none;
  width: 24px;
}
.nm-content-header-left .svg-icon-netflix-logo {
  display: block;
  width: 110px;
}
.nm-content-header-right .btn-get-started,
.nm-content-header-right .authLinks {
  padding: 9px 20px;
  font-size: 13px;
  margin: 0 0 0 8px;
}
.nm-content-header-right .btn-get-started {
  min-height: 0;
  line-height: 15px;
}
.nm-content-header-right .authLinks {
  color: #FFF;
  font-weight: normal;
  border: 1px solid #888;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  line-height: 13px;
  white-space: nowrap;
}
.nm-content-header-right .authLinks:hover {
  text-decoration: none;
  background-color: rgba(150, 150, 150, 0.3);
}
@media (max-width: 1023px) {
  .nm-content-header-text {
    display: none;
  }
  .nm-content-header-right .btn-get-started,
  .nm-content-header-right .authLinks {
    font-size: 13px;
    padding: 9px 12px;
  }
}
@media (max-width: 599px) {
  .nm-content-header {
    background-color: rgba(0, 0, 0, 0.75);
  }
  .nm-content-header .svg-icon-n-logo {
    display: block;
  }
  .nm-content-header .svg-icon-netflix-logo {
    display: none;
  }
}
.nm-content-horizontal-row {
  position: relative;
  width: 100%;
}
.nm-content-horizontal-row-item-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
  margin: 16px 0;
  -ms-overflow-style: none;
}
@media (max-width: 1023px) {
  .nm-content-horizontal-row-item-container {
    margin: 10px 0;
  }
}
.nm-content-horizontal-row-item-container::-webkit-scrollbar {
  background: transparent;
}
.nm-content-horizontal-row-item {
  list-style-type: none;
  margin: 0 12px 0 0;
  display: inline-table;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
}
.nm-content-horizontal-row-item:last-of-type {
  margin-right: 0;
}
.nm-content-horizontal-row-nav {
  color: #E50914;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: -15px;
  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;
}
.nm-content-horizontal-row-nav button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.nm-content-horizontal-row-nav button:focus {
  outline: none;
}
.nm-content-horizontal-row-nav .nf-svg-icon {
  width: 30px;
}
.nm-content-horizontal-row-nav .nf-svg-icon svg {
  width: 30px;
}
.nm-content-horizontal-row-nav.left {
  left: -30px;
}
.nm-content-horizontal-row-nav.right {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
  right: -30px;
}
.nm-content-horizontal-row-nav .nm-content-horizontal-row-gradient {
  width: 50px;
  height: 100%;
  position: relative;
  right: 10px;
  z-index: -1;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #181818), to(rgba(24, 24, 24, 0)));
  background-image: -webkit-linear-gradient(left, #181818 0, rgba(24, 24, 24, 0) 100%);
  background-image: -moz- oldlinear-gradient(left, #181818 0, rgba(24, 24, 24, 0) 100%);
  background-image: -o-linear-gradient(left, #181818 0, rgba(24, 24, 24, 0) 100%);
  background-image: linear-gradient(to right, #181818 0, rgba(24, 24, 24, 0) 100%);
}
@media (max-width: 1023px) {
  .nm-content-horizontal-row-nav {
    display: none;
  }
}
/*
  This will hide the focus indicator if the element receives focus via the mouse,
  but it will still show up on keyboard focus.
*/
.js-focus-visible :focus:not([data-focus-visible-added]) {
  outline: none;
}
.section-hero ~ .nmtitle-section {
  background-color: transparent;
}
.nmtitle-section.section-hero {
  padding-top: 0;
}
.section-hero {
  padding: 0 5vw;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: -32px;
  background-position: center right;
  line-height: 1.4;
  overflow: hidden;
}
.section-hero .hero-container {
  position: relative;
  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;
  width: 100%;
  margin: 0 auto;
}
.section-hero .info-container {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35%;
  min-width: 500px;
  max-width: 800px;
  padding: 16px 32px 64px 0;
  z-index: 2;
  position: relative;
}
.section-hero .info-container:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -200px;
  left: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#171717), color-stop(20%, rgba(23, 23, 23, 0.98)), color-stop(25%, rgba(23, 23, 23, 0.97)), color-stop(35%, rgba(23, 23, 23, 0.95)), color-stop(40%, rgba(23, 23, 23, 0.94)), color-stop(45%, rgba(23, 23, 23, 0.92)), color-stop(50%, rgba(23, 23, 23, 0.9)), color-stop(55%, rgba(23, 23, 23, 0.87)), color-stop(60%, rgba(23, 23, 23, 0.82)), color-stop(65%, rgba(23, 23, 23, 0.75)), color-stop(70%, rgba(23, 23, 23, 0.63)), color-stop(75%, rgba(23, 23, 23, 0.45)), color-stop(80%, rgba(23, 23, 23, 0.27)), color-stop(85%, rgba(23, 23, 23, 0.15)), color-stop(90%, rgba(23, 23, 23, 0.08)), color-stop(95%, rgba(23, 23, 23, 0.03)), to(rgba(23, 23, 23, 0)));
  background: -webkit-linear-gradient(left, #171717 0%, rgba(23, 23, 23, 0.98) 20%, rgba(23, 23, 23, 0.97) 25%, rgba(23, 23, 23, 0.95) 35%, rgba(23, 23, 23, 0.94) 40%, rgba(23, 23, 23, 0.92) 45%, rgba(23, 23, 23, 0.9) 50%, rgba(23, 23, 23, 0.87) 55%, rgba(23, 23, 23, 0.82) 60%, rgba(23, 23, 23, 0.75) 65%, rgba(23, 23, 23, 0.63) 70%, rgba(23, 23, 23, 0.45) 75%, rgba(23, 23, 23, 0.27) 80%, rgba(23, 23, 23, 0.15) 85%, rgba(23, 23, 23, 0.08) 90%, rgba(23, 23, 23, 0.03) 95%, rgba(23, 23, 23, 0) 100%);
  background: -moz- oldlinear-gradient(left, #171717 0%, rgba(23, 23, 23, 0.98) 20%, rgba(23, 23, 23, 0.97) 25%, rgba(23, 23, 23, 0.95) 35%, rgba(23, 23, 23, 0.94) 40%, rgba(23, 23, 23, 0.92) 45%, rgba(23, 23, 23, 0.9) 50%, rgba(23, 23, 23, 0.87) 55%, rgba(23, 23, 23, 0.82) 60%, rgba(23, 23, 23, 0.75) 65%, rgba(23, 23, 23, 0.63) 70%, rgba(23, 23, 23, 0.45) 75%, rgba(23, 23, 23, 0.27) 80%, rgba(23, 23, 23, 0.15) 85%, rgba(23, 23, 23, 0.08) 90%, rgba(23, 23, 23, 0.03) 95%, rgba(23, 23, 23, 0) 100%);
  background: -o-linear-gradient(left, #171717 0%, rgba(23, 23, 23, 0.98) 20%, rgba(23, 23, 23, 0.97) 25%, rgba(23, 23, 23, 0.95) 35%, rgba(23, 23, 23, 0.94) 40%, rgba(23, 23, 23, 0.92) 45%, rgba(23, 23, 23, 0.9) 50%, rgba(23, 23, 23, 0.87) 55%, rgba(23, 23, 23, 0.82) 60%, rgba(23, 23, 23, 0.75) 65%, rgba(23, 23, 23, 0.63) 70%, rgba(23, 23, 23, 0.45) 75%, rgba(23, 23, 23, 0.27) 80%, rgba(23, 23, 23, 0.15) 85%, rgba(23, 23, 23, 0.08) 90%, rgba(23, 23, 23, 0.03) 95%, rgba(23, 23, 23, 0) 100%);
  background: linear-gradient(to right, #171717 0%, rgba(23, 23, 23, 0.98) 20%, rgba(23, 23, 23, 0.97) 25%, rgba(23, 23, 23, 0.95) 35%, rgba(23, 23, 23, 0.94) 40%, rgba(23, 23, 23, 0.92) 45%, rgba(23, 23, 23, 0.9) 50%, rgba(23, 23, 23, 0.87) 55%, rgba(23, 23, 23, 0.82) 60%, rgba(23, 23, 23, 0.75) 65%, rgba(23, 23, 23, 0.63) 70%, rgba(23, 23, 23, 0.45) 75%, rgba(23, 23, 23, 0.27) 80%, rgba(23, 23, 23, 0.15) 85%, rgba(23, 23, 23, 0.08) 90%, rgba(23, 23, 23, 0.03) 95%, rgba(23, 23, 23, 0) 100%);
}
.section-hero .hero-image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -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;
  z-index: 1;
  height: 0;
  padding-bottom: 55%;
}
.section-hero .hero-image {
  position: absolute;
  right: -6%;
  width: 103%;
  height: 100%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section-hero .hero-image:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#171717), color-stop(1.62%, rgba(23, 23, 23, 0.987)), color-stop(3.1%, rgba(23, 23, 23, 0.951)), color-stop(4.5%, rgba(23, 23, 23, 0.896)), color-stop(5.8%, rgba(23, 23, 23, 0.825)), color-stop(7.06%, rgba(23, 23, 23, 0.741)), color-stop(8.24%, rgba(23, 23, 23, 0.648)), color-stop(9.42%, rgba(23, 23, 23, 0.55)), color-stop(10.58%, rgba(23, 23, 23, 0.45)), color-stop(11.76%, rgba(23, 23, 23, 0.352)), color-stop(12.94%, rgba(23, 23, 23, 0.259)), color-stop(14.2%, rgba(23, 23, 23, 0.175)), color-stop(15.5%, rgba(23, 23, 23, 0.104)), color-stop(16.9%, rgba(23, 23, 23, 0.049)), color-stop(18.38%, rgba(23, 23, 23, 0.013)), color-stop(20%, rgba(23, 23, 23, 0)));
  background: -webkit-linear-gradient(bottom, #171717 0%, rgba(23, 23, 23, 0.987) 1.62%, rgba(23, 23, 23, 0.951) 3.1%, rgba(23, 23, 23, 0.896) 4.5%, rgba(23, 23, 23, 0.825) 5.8%, rgba(23, 23, 23, 0.741) 7.06%, rgba(23, 23, 23, 0.648) 8.24%, rgba(23, 23, 23, 0.55) 9.42%, rgba(23, 23, 23, 0.45) 10.58%, rgba(23, 23, 23, 0.352) 11.76%, rgba(23, 23, 23, 0.259) 12.94%, rgba(23, 23, 23, 0.175) 14.2%, rgba(23, 23, 23, 0.104) 15.5%, rgba(23, 23, 23, 0.049) 16.9%, rgba(23, 23, 23, 0.013) 18.38%, rgba(23, 23, 23, 0) 20%);
  background: -moz- oldlinear-gradient(bottom, #171717 0%, rgba(23, 23, 23, 0.987) 1.62%, rgba(23, 23, 23, 0.951) 3.1%, rgba(23, 23, 23, 0.896) 4.5%, rgba(23, 23, 23, 0.825) 5.8%, rgba(23, 23, 23, 0.741) 7.06%, rgba(23, 23, 23, 0.648) 8.24%, rgba(23, 23, 23, 0.55) 9.42%, rgba(23, 23, 23, 0.45) 10.58%, rgba(23, 23, 23, 0.352) 11.76%, rgba(23, 23, 23, 0.259) 12.94%, rgba(23, 23, 23, 0.175) 14.2%, rgba(23, 23, 23, 0.104) 15.5%, rgba(23, 23, 23, 0.049) 16.9%, rgba(23, 23, 23, 0.013) 18.38%, rgba(23, 23, 23, 0) 20%);
  background: -o-linear-gradient(bottom, #171717 0%, rgba(23, 23, 23, 0.987) 1.62%, rgba(23, 23, 23, 0.951) 3.1%, rgba(23, 23, 23, 0.896) 4.5%, rgba(23, 23, 23, 0.825) 5.8%, rgba(23, 23, 23, 0.741) 7.06%, rgba(23, 23, 23, 0.648) 8.24%, rgba(23, 23, 23, 0.55) 9.42%, rgba(23, 23, 23, 0.45) 10.58%, rgba(23, 23, 23, 0.352) 11.76%, rgba(23, 23, 23, 0.259) 12.94%, rgba(23, 23, 23, 0.175) 14.2%, rgba(23, 23, 23, 0.104) 15.5%, rgba(23, 23, 23, 0.049) 16.9%, rgba(23, 23, 23, 0.013) 18.38%, rgba(23, 23, 23, 0) 20%);
  background: linear-gradient(to top, #171717 0%, rgba(23, 23, 23, 0.987) 1.62%, rgba(23, 23, 23, 0.951) 3.1%, rgba(23, 23, 23, 0.896) 4.5%, rgba(23, 23, 23, 0.825) 5.8%, rgba(23, 23, 23, 0.741) 7.06%, rgba(23, 23, 23, 0.648) 8.24%, rgba(23, 23, 23, 0.55) 9.42%, rgba(23, 23, 23, 0.45) 10.58%, rgba(23, 23, 23, 0.352) 11.76%, rgba(23, 23, 23, 0.259) 12.94%, rgba(23, 23, 23, 0.175) 14.2%, rgba(23, 23, 23, 0.104) 15.5%, rgba(23, 23, 23, 0.049) 16.9%, rgba(23, 23, 23, 0.013) 18.38%, rgba(23, 23, 23, 0) 20%);
}
.section-hero .hero-image.hero-image-desktop {
  display: block !important;
}
.section-hero .hero-image.hero-image-mobile {
  display: none;
}
.section-hero .hero-image-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -1;
}
.section-hero .logo-container {
  position: relative;
  width: 90%;
}
.section-hero .logo {
  width: 100%;
  height: auto;
}
.section-hero .logo-branded-stacked.logo-container {
  padding-bottom: 39.25%;
}
.section-hero .logo-branded-stacked .logo {
  position: absolute;
  bottom: 0;
  left: 0;
}
.section-hero .logo-branded-horizontal.logo-container {
  padding-bottom: 21.25%;
}
.section-hero .logo-branded-horizontal .logo {
  position: absolute;
  bottom: 0;
  left: 0;
}
.section-hero h1.title-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #FFF;
}
.section-hero .details-container {
  margin: 40px 0 22px 0;
}
.section-hero .title-info-metadata-wrapper {
  margin-top: 16px;
}
.section-hero .title-info-metadata-item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #A3A3A3;
  position: relative;
}
.section-hero .title-info-synopsis,
.section-hero .title-info-talent {
  padding-top: 16px;
}
.section-hero .title-data-info-item-label {
  color: #a3a3a3;
}
.section-hero .value-prop-with-cta {
  margin-top: -64px;
  margin-bottom: 32px;
  -webkit-box-shadow: 8px 5px 16px 0 rgba(0, 0, 0, 0.37);
     -moz-box-shadow: 8px 5px 16px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 8px 5px 16px 0 rgba(0, 0, 0, 0.37);
  position: relative;
}
.section-hero .title-info-content-warning {
  border: 1px solid #A3A3A3;
  display: inline-block;
  padding: 4px 8px;
  margin: 16px 0 0 0;
}
.section-hero .title-info-content-warning .svg-icon-content-warning {
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
}
.section-hero .title-info-content-warning .svg-icon-content-warning g:first-child {
  fill: #A3A3A3;
}
.section-hero .title-info-content-warning .content-warning-link {
  margin-left: 3px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #A3A3A3;
}
@media only screen and (max-width: 599px) {
  .section-hero .details-container {
    margin: 24px 0 16px;
  }
  .section-hero .hero-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .section-hero .hero-image-container {
    position: relative;
    margin: 0;
  }
  .section-hero .hero-image {
    height: 100%;
    width: 112%;
    left: -5vw;
  }
  .section-hero .hero-image.hero-image-mobile {
    display: block !important;
  }
  .section-hero .hero-image.hero-image-desktop {
    display: none;
  }
  .section-hero .info-container {
    padding-top: 0;
    width: inherit;
    min-width: auto;
    margin-top: -7px;
  }
  .section-hero .info-container:after {
    background: none;
  }
  .section-hero .logo {
    width: 100%;
    max-width: 500px;
  }
}
.trailer-player {
  width: 90vmin;
  padding-bottom: 56.3%;
  margin-top: 10px;
  max-width: 100%;
  background-color: black;
}
@media only screen and (max-width: 599px) {
  .trailer-player {
    width: 100vmin;
  }
}
.trailer-player .player-splash-play-button {
  position: absolute;
  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: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
}
.trailer-player .trailer-cta-button-icon {
  width: 10%;
  min-width: 50px;
  position: absolute  ;
}
#section-seasons-and-episodes .ui-select-wrapper.season-selector .select-arrow.medium::after {
  font-family: 'nf-icon';
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  color: #E50914;
  font-size: 14px;
  content: '\e707';
  top: 10px;
  right: 8px;
}
#section-seasons-and-episodes .ui-select-wrapper.season-selector .ui-select {
  cursor: pointer;
  border: none;
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  color: #FFF;
  background: none;
  padding: 7px 30px 7px 0;
  outline-offset: 3px;
}
@media only screen and (max-width: 599px) {
  #section-seasons-and-episodes .ui-select-wrapper.season-selector {
    display: block;
    margin: 0 -5vw;
    padding: 0 5vw;
    background: #333;
  }
}
#section-seasons-and-episodes .season {
  display: none;
}
#section-seasons-and-episodes .season.season-active {
  display: block;
}
#section-seasons-and-episodes .season-metadata {
  font-size: 16px;
  margin-top: 20px;
}
@media only screen and (max-width: 599px) {
  #section-seasons-and-episodes .season-metadata {
    margin-bottom: 20px;
  }
}
#section-seasons-and-episodes .season-metadata .season-release-year {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #FFF;
  font-weight: 600;
}
#section-seasons-and-episodes .season-metadata .season-synopsis {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #A3A3A3;
  width: 50%;
  margin: 5px 0 20px;
}
@media only screen and (max-width: 599px) {
  #section-seasons-and-episodes .season-metadata .season-synopsis {
    width: auto;
    margin: initial;
  }
}
#section-seasons-and-episodes .episodes-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: -6px;
}
@media only screen and (max-width: 1919px) {
  #section-seasons-and-episodes .episodes-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1439px) {
  #section-seasons-and-episodes .episodes-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1023px) {
  #section-seasons-and-episodes .episodes-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: space-evenly;
    -webkit-align-items: space-evenly;
       -moz-box-align: space-evenly;
        -ms-flex-align: space-evenly;
            align-items: space-evenly;
    margin: -6px;
  }
}
@media only screen and (max-width: 599px) {
  #section-seasons-and-episodes .episodes-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
  }
}
#section-seasons-and-episodes .episode {
  margin: 0.5vw;
  max-width: 20%;
}
@media only screen and (max-width: 1919px) {
  #section-seasons-and-episodes .episode {
    margin: 0.5vw;
    max-width: 25%;
  }
}
@media only screen and (max-width: 1439px) {
  #section-seasons-and-episodes .episode {
    margin: 0.5vw;
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 1023px) {
  #section-seasons-and-episodes .episode {
    margin: 0.5vw;
    max-width: 50%;
  }
}
@media only screen and (max-width: 599px) {
  #section-seasons-and-episodes .episode {
    max-width: 100%;
  }
}
#section-seasons-and-episodes .episode .episode-metadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#section-seasons-and-episodes .episode .episode-metadata .episode-title {
  display: inline-block;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
#section-seasons-and-episodes .episode .episode-metadata .episode-runtime {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #A3A3A3;
  line-height: 27px;
}
#section-seasons-and-episodes .episode .episode-metadata .episode-availability-date {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #A3A3A3;
  line-height: 27px;
  margin: 0;
}
#section-seasons-and-episodes .episode .episode-thumbnail {
  margin: 0;
  position: relative;
}
#section-seasons-and-episodes .episode .episode-thumbnail .episode-thumbnail-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(0, 0, 0, 0.8)), color-stop(95%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 95%);
  background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 95%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 95%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 95%);
  position: absolute;
  bottom: 3px;
  right: -0.5px;
  left: 0;
  height: 55px;
}
#section-seasons-and-episodes .episode .episode-thumbnail .episode-thumbnail-image {
  width: 100%;
}
#section-seasons-and-episodes .episode .episode-thumbnail .episode-new-badge {
  position: absolute;
  bottom: 14px;
  left: 12px;
  z-index: 2;
  padding: 0 4px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background: #E50914;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #FFF;
  font-weight: 600;
}
#section-seasons-and-episodes .episode .epsiode-synopsis {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #A3A3A3;
}
@media only screen and (max-width: 599px) {
  #section-seasons-and-episodes .episode .epsiode-synopsis {
    margin-top: 0;
  }
}
@supports ((display: -ms-grid) or (display: grid)) {
  #section-seasons-and-episodes .episodes-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
        grid-template-columns: 20% 20% 20% 20% 20%;
  }
  @media only screen and (max-width: 1919px) {
    #section-seasons-and-episodes .episodes-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 25% 25% 25% 25%;
          grid-template-columns: 25% 25% 25% 25%;
    }
  }
  @media only screen and (max-width: 1439px) {
    #section-seasons-and-episodes .episodes-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 33.333% 33.333% 33.333%;
          grid-template-columns: 33.333% 33.333% 33.333%;
    }
  }
  @media only screen and (max-width: 1023px) {
    #section-seasons-and-episodes .episodes-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 50% 50%;
          grid-template-columns: 50% 50%;
    }
  }
  @media only screen and (max-width: 599px) {
    #section-seasons-and-episodes .episodes-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 100%;
          grid-template-columns: 100%;
    }
  }
  #section-seasons-and-episodes .episode {
    max-width: 100%;
    margin: 6px;
  }
  @media only screen and (max-width: 1919px) {
    #section-seasons-and-episodes .episode {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 1439px) {
    #section-seasons-and-episodes .episode {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 1023px) {
    #section-seasons-and-episodes .episode {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 599px) {
    #section-seasons-and-episodes .episode {
      max-width: 100%;
    }
  }
  #section-seasons-and-episodes .episode .episode-metadata {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 90% 10%;
        grid-template-columns: 90% 10%;
  }
}
#section-hook {
  background: none;
  top: -5px;
  z-index: 5;
  text-align: center;
}
@media only screen and (max-width: 599px) {
  #section-hook {
    text-align: left;
  }
}
.hook-hr {
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#777777), color-stop(50%, rgba(51, 51, 51, 0.5)), to(#777777));
  background: -webkit-linear-gradient(left, #777777 0%, rgba(51, 51, 51, 0.5) 50%, #777777 100%);
  background: -moz- oldlinear-gradient(left, #777777 0%, rgba(51, 51, 51, 0.5) 50%, #777777 100%);
  background: -o-linear-gradient(left, #777777 0%, rgba(51, 51, 51, 0.5) 50%, #777777 100%);
  background: linear-gradient(to right, #777777 0%, rgba(51, 51, 51, 0.5) 50%, #777777 100%);
}
@media only screen and (max-width: 599px) {
  .hook-hr {
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(51, 51, 51, 0.5)), to(#777777));
    background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.5) 0%, #777777 100%);
    background: -moz- oldlinear-gradient(left, rgba(51, 51, 51, 0.5) 0%, #777777 100%);
    background: -o-linear-gradient(left, rgba(51, 51, 51, 0.5) 0%, #777777 100%);
    background: linear-gradient(to right, rgba(51, 51, 51, 0.5) 0%, #777777 100%);
  }
}
.hook-hr:first-of-type {
  margin-bottom: 18px;
}
.hook-hr:last-of-type {
  margin-top: 18px;
}
.hook-header {
  max-width: 500px;
  margin: 0 auto;
}
.hook-text {
  max-width: 500px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #A3A3A3;
}
#section-more-details {
  /*
        the cast container is a special case because it takes up the full width of
        the page and has its own column layout.
    */
}
#section-more-details .more-details-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: -6px;
}
@media only screen and (max-width: 1919px) {
  #section-more-details .more-details-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1439px) {
  #section-more-details .more-details-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1023px) {
  #section-more-details .more-details-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: space-evenly;
    -webkit-align-items: space-evenly;
       -moz-box-align: space-evenly;
        -ms-flex-align: space-evenly;
            align-items: space-evenly;
    margin: -6px;
  }
}
@media only screen and (max-width: 599px) {
  #section-more-details .more-details-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
  }
}
#section-more-details .more-details-cell {
  margin: 0.5vw;
  max-width: 20%;
}
@media only screen and (max-width: 1919px) {
  #section-more-details .more-details-cell {
    margin: 0.5vw;
    max-width: 25%;
  }
}
@media only screen and (max-width: 1439px) {
  #section-more-details .more-details-cell {
    margin: 0.5vw;
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 1023px) {
  #section-more-details .more-details-cell {
    margin: 0.5vw;
    max-width: 50%;
  }
}
@media only screen and (max-width: 599px) {
  #section-more-details .more-details-cell {
    max-width: 100%;
  }
}
#section-more-details .more-details-container-cast {
  margin-top: 10px;
}
#section-more-details .more-details-container-cast .more-details-cell {
  margin: 0;
}
#section-more-details .more-details-container-cast .more-details-item-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: -6px;
}
@media only screen and (max-width: 1919px) {
  #section-more-details .more-details-container-cast .more-details-item-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1439px) {
  #section-more-details .more-details-container-cast .more-details-item-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1023px) {
  #section-more-details .more-details-container-cast .more-details-item-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: space-evenly;
    -webkit-align-items: space-evenly;
       -moz-box-align: space-evenly;
        -ms-flex-align: space-evenly;
            align-items: space-evenly;
    margin: -6px;
  }
}
@media only screen and (max-width: 599px) {
  #section-more-details .more-details-container-cast .more-details-item-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  #section-more-details .more-details-container-cast .more-details-item-container {
    margin: 0;
  }
}
#section-more-details .more-details-container-cast .more-details-item {
  max-width: 100%;
  margin: 1px 6px;
}
@media only screen and (max-width: 599px) {
  #section-more-details .more-details-container-cast .more-details-item {
    margin: 0;
  }
}
@supports ((display: -ms-grid) or (display: grid)) {
  #section-more-details .more-details-container-cast .more-details-item-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
        grid-template-columns: 20% 20% 20% 20% 20%;
  }
  @media only screen and (max-width: 1919px) {
    #section-more-details .more-details-container-cast .more-details-item-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 25% 25% 25% 25%;
          grid-template-columns: 25% 25% 25% 25%;
    }
  }
  @media only screen and (max-width: 1439px) {
    #section-more-details .more-details-container-cast .more-details-item-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 33.333% 33.333% 33.333%;
          grid-template-columns: 33.333% 33.333% 33.333%;
    }
  }
  @media only screen and (max-width: 1023px) {
    #section-more-details .more-details-container-cast .more-details-item-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 50% 50%;
          grid-template-columns: 50% 50%;
    }
  }
  @media only screen and (max-width: 599px) {
    #section-more-details .more-details-container-cast .more-details-item-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 100%;
          grid-template-columns: 100%;
    }
  }
}
#section-more-details .more-details-label {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #A3A3A3;
  margin-bottom: 5px;
}
#section-more-details .more-details-item {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #FFF;
  display: inline-block;
  white-space: pre-wrap;
}
#section-more-details .social-link {
  display: inline-block;
  color: #fff;
  margin-right: 20px;
}
#section-more-details .social-link svg {
  pointer-events: none;
  height: 30px;
  width: 30px;
}
@supports ((display: -ms-grid) or (display: grid)) {
  #section-more-details .more-details-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
        grid-template-columns: 20% 20% 20% 20% 20%;
  }
  @media only screen and (max-width: 1919px) {
    #section-more-details .more-details-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 25% 25% 25% 25%;
          grid-template-columns: 25% 25% 25% 25%;
    }
  }
  @media only screen and (max-width: 1439px) {
    #section-more-details .more-details-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 33.333% 33.333% 33.333%;
          grid-template-columns: 33.333% 33.333% 33.333%;
    }
  }
  @media only screen and (max-width: 1023px) {
    #section-more-details .more-details-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 50% 50%;
          grid-template-columns: 50% 50%;
    }
  }
  @media only screen and (max-width: 599px) {
    #section-more-details .more-details-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 100%;
          grid-template-columns: 100%;
    }
  }
  #section-more-details .more-details-cell {
    max-width: 100%;
    margin: 6px;
  }
  @media only screen and (max-width: 1919px) {
    #section-more-details .more-details-cell {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 1439px) {
    #section-more-details .more-details-cell {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 1023px) {
    #section-more-details .more-details-cell {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 599px) {
    #section-more-details .more-details-cell {
      max-width: 100%;
    }
  }
}
.link-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: -6px;
}
@media only screen and (max-width: 1919px) {
  .link-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1439px) {
  .link-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1023px) {
  .link-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: space-evenly;
    -webkit-align-items: space-evenly;
       -moz-box-align: space-evenly;
        -ms-flex-align: space-evenly;
            align-items: space-evenly;
    margin: -6px;
  }
}
.title-link {
  margin: 0.5vw;
  max-width: 20%;
}
@media only screen and (max-width: 1919px) {
  .title-link {
    margin: 0.5vw;
    max-width: 25%;
  }
}
@media only screen and (max-width: 1439px) {
  .title-link {
    margin: 0.5vw;
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 1023px) {
  .title-link {
    margin: 0.5vw;
    max-width: 50%;
  }
}
.title-link .title-link-img {
  width: 100%;
}
@supports ((display: -ms-grid) or (display: grid)) {
  .link-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
        grid-template-columns: 20% 20% 20% 20% 20%;
  }
  @media only screen and (max-width: 1919px) {
    .link-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 25% 25% 25% 25%;
          grid-template-columns: 25% 25% 25% 25%;
    }
  }
  @media only screen and (max-width: 1439px) {
    .link-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 33.333% 33.333% 33.333%;
          grid-template-columns: 33.333% 33.333% 33.333%;
    }
  }
  @media only screen and (max-width: 1023px) {
    .link-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 50% 50%;
          grid-template-columns: 50% 50%;
    }
  }
  .title-link {
    max-width: 100%;
    margin: 6px;
  }
  @media only screen and (max-width: 1919px) {
    .title-link {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 1439px) {
    .title-link {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 1023px) {
    .title-link {
      max-width: 100%;
      margin: 6px;
    }
  }
}
.coming-soon-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: -6px;
}
@media only screen and (max-width: 1919px) {
  .coming-soon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1439px) {
  .coming-soon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -6px;
  }
}
@media only screen and (max-width: 1023px) {
  .coming-soon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: space-evenly;
    -webkit-align-items: space-evenly;
       -moz-box-align: space-evenly;
        -ms-flex-align: space-evenly;
            align-items: space-evenly;
    margin: -6px;
  }
}
@media only screen and (max-width: 599px) {
  .coming-soon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
  }
}
.coming-soon-link {
  margin: 0.5vw;
  max-width: 20%;
  display: inline-block;
  padding: 0 24px 0 0;
  text-decoration: none;
}
@media only screen and (max-width: 1919px) {
  .coming-soon-link {
    margin: 0.5vw;
    max-width: 25%;
  }
}
@media only screen and (max-width: 1439px) {
  .coming-soon-link {
    margin: 0.5vw;
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 1023px) {
  .coming-soon-link {
    margin: 0.5vw;
    max-width: 50%;
  }
}
@media only screen and (max-width: 599px) {
  .coming-soon-link {
    max-width: 100%;
  }
}
.coming-soon-link:hover {
  text-decoration: none;
}
.coming-soon-link .coming-soon-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #FFF;
}
.coming-soon-link .coming-soon-title:hover {
  text-decoration: underline;
}
.coming-soon-link .coming-soon-synopsis {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #A3A3A3;
}
@supports ((display: -ms-grid) or (display: grid)) {
  .coming-soon-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
        grid-template-columns: 20% 20% 20% 20% 20%;
  }
  @media only screen and (max-width: 1919px) {
    .coming-soon-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 25% 25% 25% 25%;
          grid-template-columns: 25% 25% 25% 25%;
    }
  }
  @media only screen and (max-width: 1439px) {
    .coming-soon-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 33.333% 33.333% 33.333%;
          grid-template-columns: 33.333% 33.333% 33.333%;
    }
  }
  @media only screen and (max-width: 1023px) {
    .coming-soon-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 50% 50%;
          grid-template-columns: 50% 50%;
    }
  }
  @media only screen and (max-width: 599px) {
    .coming-soon-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 100%;
          grid-template-columns: 100%;
    }
  }
  .coming-soon-link {
    max-width: 100%;
    margin: 6px;
  }
  @media only screen and (max-width: 1919px) {
    .coming-soon-link {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 1439px) {
    .coming-soon-link {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 1023px) {
    .coming-soon-link {
      max-width: 100%;
      margin: 6px;
    }
  }
  @media only screen and (max-width: 599px) {
    .coming-soon-link {
      max-width: 100%;
    }
  }
}
.section-additional-videos .additional-video {
  position: relative;
  padding: 0px;
  margin: 2px;
  background: none;
  border: none;
  text-align: left;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
.section-additional-videos .additional-video-image-wrapper {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  background-position: center;
  width: 620px;
  height: 350px;
}
@media only screen and (max-width: 1439px) {
  .section-additional-videos .additional-video-image-wrapper {
    height: 240px;
    width: 420px;
  }
}
@media only screen and (max-width: 1023px) {
  .section-additional-videos .additional-video-image-wrapper {
    height: 280px;
    width: 280px;
  }
}
@media only screen and (max-width: 599px) {
  .section-additional-videos .additional-video-image-wrapper {
    height: 150px;
    width: 270px;
  }
}
.section-additional-videos .additional-video-image-preloader {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -1px;
  top: 0;
}
.section-additional-videos .additional-video-play-icon {
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}
.section-additional-videos .nm-content-horizontal-row-item {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.section-additional-videos .additional-video-title {
  padding-top: 1em;
  display: block;
}
#section-content-warning .content-warning-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #A3A3A3;
}
#section-content-warning .content-warning-link {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #FFF;
  text-decoration: underline;
}
.touchable {
  -ms-touch-action: none;
      touch-action: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* stylelint-disable no-descending-specificity */
@-webkit-keyframes buttonFader {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}
@-moz-keyframes buttonFader {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1.3);
         transform: scale(1.3);
    opacity: 0;
  }
}
@-o-keyframes buttonFader {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  100% {
    -o-transform: scale(1.3);
       transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes buttonFader {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}
@-webkit-keyframes buttonFaderWithTranslate {
  0% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
            transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.3);
            transform: translateY(-50%) translateX(-50%) scale(1.3);
    opacity: 0;
  }
}
@-moz-keyframes buttonFaderWithTranslate {
  0% {
    -moz-transform: translateY(-50%) translateX(-50%) scale(1);
         transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(-50%) translateX(-50%) scale(1.3);
         transform: translateY(-50%) translateX(-50%) scale(1.3);
    opacity: 0;
  }
}
@-o-keyframes buttonFaderWithTranslate {
  0% {
    -o-transform: translateY(-50%) translateX(-50%) scale(1);
       transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1;
  }
  100% {
    -o-transform: translateY(-50%) translateX(-50%) scale(1.3);
       transform: translateY(-50%) translateX(-50%) scale(1.3);
    opacity: 0;
  }
}
@keyframes buttonFaderWithTranslate {
  0% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
       -moz-transform: translateY(-50%) translateX(-50%) scale(1);
         -o-transform: translateY(-50%) translateX(-50%) scale(1);
            transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.3);
       -moz-transform: translateY(-50%) translateX(-50%) scale(1.3);
         -o-transform: translateY(-50%) translateX(-50%) scale(1.3);
            transform: translateY(-50%) translateX(-50%) scale(1.3);
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.nfp .episode-list .nfp-episode-preview.expanded:hover .PlayIcon {
  opacity: 1;
}
.nfp .episode-list .nfp-episode-preview .PlayIcon {
  -webkit-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
/*** MDX ***/
.nfp.mdx-mount-point .svg-icon-nfplayerStop {
  -webkit-transform: scale(0.6);
     -moz-transform: scale(0.6);
      -ms-transform: scale(0.6);
       -o-transform: scale(0.6);
          transform: scale(0.6);
}
.nfp.mdx-mount-point .controls .main-controls .popup-content:not(.volume-controller) {
  background: #1e1e1e;
}
.nfp.mdx-mount-point .PlayerControls--control-element .svg-icon {
  font-size: 1.2em;
}
.nfp.mdx-mount-point .popup-content-wrapper {
  font-size: 1.2rem;
  bottom: 2.5em;
}
.nfp.mdx-mount-point .controls .main-controls .controls-container {
  padding: 0;
}
.nfp.mdx-mount-point .scrubber-container .track {
  height: 0.2em;
}
.nfp.mdx-mount-point .scrubber-container .scrubber-head {
  height: 1.5em;
  width: 1.5em;
  margin: -0.75em;
}
.nfp.mdx-mount-point .progress-control {
  margin: 0 1.5rem;
}
.nfp.mdx-mount-point .trickplay.trickplay-text-only .tp-text {
  font-size: 1rem;
  bottom: -0.75rem;
}
.nfp.mdx-mount-point .time-remaining {
  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;
  margin: 0 1rem 0 0 /*!rtl:ignore*/;
}
/*** Volume Controller ***/
.nfp {
  /*** Recap ***/
}
.nfp .volume-controller {
  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-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;
  pointer-events: auto;
  cursor: pointer;
}
.nfp .volume-controller.popup-content {
  background: transparent;
}
.nfp .volume-controller .slider-container {
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em 0;
  width: 1.5em;
  height: 8em;
  background: #262626;
  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-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -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;
}
.nfp .volume-controller .slider-container:focus {
  outline: none;
}
.nfp .volume-controller .slider-bar-container {
  position: relative;
  width: 0.4em;
  height: 100%;
  background: #5b5b5b;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.nfp .volume-controller .slider-bar-percentage {
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  background: #E50914;
}
.nfp .volume-controller .scrubber-target {
  position: absolute;
  width: 1em;
  height: 1em;
  left: 50% /*!rtl:ignore*/;
  margin: -0.5em;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  -o-transition: -o-transform .2s ease;
  -moz-transition: transform .2s ease, -moz-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease;
}
.nfp .volume-controller .scrubber-target:hover {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.nfp .volume-controller .scrubber-head {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: #E50914;
}
.nfp .volume-controller .scrubber-head:focus {
  outline: none;
}
.nfp .recap-lower {
  font-size: 1.6em;
  bottom: 9.5em;
  right: 4em;
}
/*** Skip Credits ***/
@-webkit-keyframes flash {
  0% {
    background-color: #ccc;
  }
  50%,
  100% {
    background-color: transparent;
  }
}
@-moz-keyframes flash {
  0% {
    background-color: #ccc;
  }
  50%,
  100% {
    background-color: transparent;
  }
}
@-o-keyframes flash {
  0% {
    background-color: #ccc;
  }
  50%,
  100% {
    background-color: transparent;
  }
}
@keyframes flash {
  0% {
    background-color: #ccc;
  }
  50%,
  100% {
    background-color: transparent;
  }
}
.nfp .skip-credits {
  z-index: 1;
  position: absolute;
  right: 6em;
  bottom: 14.5em;
}
.nfp .skip-credits .nf-icon-button {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  right: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transition: width 650ms cubic-bezier(0.23, 1, 0.32, 1), right 650ms cubic-bezier(0.23, 1, 0.32, 1), opacity 325ms linear;
  -o-transition: width 650ms cubic-bezier(0.23, 1, 0.32, 1), right 650ms cubic-bezier(0.23, 1, 0.32, 1), opacity 325ms linear;
  -moz-transition: width 650ms cubic-bezier(0.23, 1, 0.32, 1), right 650ms cubic-bezier(0.23, 1, 0.32, 1), opacity 325ms linear;
  transition: width 650ms cubic-bezier(0.23, 1, 0.32, 1), right 650ms cubic-bezier(0.23, 1, 0.32, 1), opacity 325ms linear;
}
.nfp .skip-credits .nf-flat-button-text {
  display: inline-block;
  white-space: nowrap;
  padding: 10px;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 650ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 650ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: -o-transform 650ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: transform 650ms cubic-bezier(0.23, 1, 0.32, 1), -moz-transform 650ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 650ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 650ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 650ms cubic-bezier(0.23, 1, 0.32, 1), -moz-transform 650ms cubic-bezier(0.23, 1, 0.32, 1), -o-transform 650ms cubic-bezier(0.23, 1, 0.32, 1);
}
.nfp .skip-credits.skip-credits-hidden {
  pointer-events: none;
  cursor: none;
}
.nfp .skip-credits.skip-credits-hidden .nf-icon-button {
  width: 20%;
  right: -90%;
  opacity: 0;
  -webkit-transition: width 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), right 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 325ms linear 325ms;
  -o-transition: width 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), right 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 325ms linear 325ms;
  -moz-transition: width 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), right 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 325ms linear 325ms;
  transition: width 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), right 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 325ms linear 325ms;
}
.nfp .skip-credits.skip-credits-hidden .nf-flat-button-text {
  -webkit-transform: translateX(-60%);
     -moz-transform: translateX(-60%);
      -ms-transform: translateX(-60%);
       -o-transform: translateX(-60%);
          transform: translateX(-60%);
  -webkit-transition: -webkit-transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: -webkit-transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: -o-transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-transition: transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -o-transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.nfp .skip-credits.skip-credits-flash .nf-icon-button {
  -webkit-animation: 1s flash;
     -moz-animation: 1s flash;
       -o-animation: 1s flash;
          animation: 1s flash;
}
.button-nfplayerBack.tooltip-button:after {
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
/*** Loading View ***/
.nfp.AkiraPlayer .player-loading .top-left-controls,
.watch-video .player-loading .top-left-controls,
.nfp.AkiraPlayer .player-loading .top-right-controls,
.watch-video .player-loading .top-right-controls {
  margin: 4.5em;
}
.nfp.AkiraPlayer .player-loading .top-right-controls,
.watch-video .player-loading .top-right-controls {
  position: absolute;
  right: 0;
  top: 0;
}
.nfp.AkiraPlayer .player-loading .gradient,
.watch-video .player-loading .gradient {
  height: 22em;
}
.nfp.AkiraPlayer .player-loading .player-title-evidence,
.watch-video .player-loading .player-title-evidence {
  text-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
}
.nfp.AkiraPlayer .player-loading .title,
.watch-video .player-loading .title,
.nfp.AkiraPlayer .player-loading .playable-title,
.watch-video .player-loading .playable-title {
  font-weight: bold;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}
.nfp.AkiraPlayer .player-loading .title,
.watch-video .player-loading .title {
  font-size: 4em;
}
.nfp.AkiraPlayer .player-loading .playable-title,
.watch-video .player-loading .playable-title {
  font-size: 3.3em;
}
.nfp.AkiraPlayer .player-loading .button-nfplayerExit,
.watch-video .player-loading .button-nfplayerExit {
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  width: 100%;
  font-size: 1.6em;
  height: 3em;
}
.nfp.AkiraPlayer .player-loading .button-nfplayerExit:hover,
.watch-video .player-loading .button-nfplayerExit:hover {
  opacity: 1;
}
/*** Advisories ***/
.nfp.AkiraPlayer .advisory-content {
  font-size: 1.6em;
}
/*** Fatal Error View ***/
.nfp-fatal-error-view .button-nfplayerBack {
  margin: 2.2em;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  left: 0;
}
/*** Pin Entry, Adult Verification ***/
.AkiraPlayer .player-pin-entry,
.AkiraPlayer .adult-verification-prompt-content {
  font-size: 2em;
}
.button-nfplayerBack .svg-icon-nfplayerBack {
  -webkit-transform: rotate(0) /*!rtl: rotate(180deg) */;
     -moz-transform: rotate(0) /*!rtl: rotate(180deg) */;
      -ms-transform: rotate(0) /*!rtl: rotate(180deg) */;
       -o-transform: rotate(0) /*!rtl: rotate(180deg) */;
          transform: rotate(0) /*!rtl: rotate(180deg) */;
}
.WatchNext-more-container .nfp-popup-control .popup-content-wrapper {
  bottom: 2em;
  position: absolute;
  -webkit-transform: translateZ(0) translateX(0) scale(1);
     -moz-transform: translateZ(0) translateX(0) scale(1);
          transform: translateZ(0) translateX(0) scale(1);
  right: 0;
}
.svg-icon.svg-icon-nfplayerFastForward,
.svg-icon.svg-icon-nfplayerBackTen,
.svg-icon.svg-icon-nfplayerReportAProblem {
  direction: ltr /*!rtl:ignore*/;
}
.audio-subtitle-controller .track-list .track,
.nfp .episode-list .header,
.nfp-episode-selector .season-list,
.nfp .next-episode.popup-content > .header > .header-title {
  direction: ltr;
}
.tooltip-button {
  position: relative;
}
.tooltip-button:after {
  content: attr(data-tooltip);
  font-size: 0.7em;
  position: absolute;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -webkit-transform 0.1s linear;
  transition: visibility 0s linear 0.1s, opacity 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -webkit-transform 0.1s linear;
  -o-transition: visibility 0s linear 0.1s, opacity 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -o-transform 0.1s linear;
  -moz-transition: visibility 0s linear 0.1s, opacity 0.1s linear, transform 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -moz-transform 0.1s linear;
  transition: visibility 0s linear 0.1s, opacity 0.1s linear, transform 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear;
  transition: visibility 0s linear 0.1s, opacity 0.1s linear, transform 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -webkit-transform 0.1s linear, -moz-transform 0.1s linear, -o-transform 0.1s linear;
}
.tooltip-button:hover:after {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.tooltip-button-before-element-active:before {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -webkit-transform 0.1s linear;
  transition: visibility 0s linear 0.1s, opacity 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -webkit-transform 0.1s linear;
  -o-transition: visibility 0s linear 0.1s, opacity 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -o-transform 0.1s linear;
  -moz-transition: visibility 0s linear 0.1s, opacity 0.1s linear, transform 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -moz-transform 0.1s linear;
  transition: visibility 0s linear 0.1s, opacity 0.1s linear, transform 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear;
  transition: visibility 0s linear 0.1s, opacity 0.1s linear, transform 0.1s linear, margin-left 0.1s linear, margin-right 0.1s linear, -webkit-transform 0.1s linear, -moz-transform 0.1s linear, -o-transform 0.1s linear;
}
.tooltip-button-before-element-active:hover:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.tooltip-button-align-center:after {
  -webkit-transform: translateX(-50%) /*!rtl:ignore*/;
     -moz-transform: translateX(-50%) /*!rtl:ignore*/;
      -ms-transform: translateX(-50%) /*!rtl:ignore*/;
       -o-transform: translateX(-50%) /*!rtl:ignore*/;
          transform: translateX(-50%) /*!rtl:ignore*/;
  left: 50% /*!rtl:ignore*/;
}
.tooltip-button-align-left:after {
  left: 0 /*!rtl:ignore*/;
}
.tooltip-button-align-right:after {
  right: 0 /*!rtl:ignore*/;
}
.tooltip-button-align-left.tooltip-button-pos-center:after {
  left: auto /*!rtl:ignore*/;
  right: 100% /*!rtl:ignore*/;
}
.tooltip-button-align-right.tooltip-button-pos-center:after {
  left: 100% /*!rtl:ignore*/;
  right: auto /*!rtl:ignore*/;
}
.tooltip-button-pos-bottom:after {
  top: 85%;
}
.tooltip-button-pos-top:after {
  bottom: 85%;
}
.PlayIcon {
  background-image: url(https://assets.nflxext.com/en_us/buttons/play-button-114.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  display: block;
  height: 100%;
}
.PlayIcon-visibility-hidden {
  visibility: hidden;
}
.PlayIcon-transparent {
  opacity: 0;
}
.PlayIcon-semi-opaque {
  opacity: 0.15;
}
.PlayIcon-opaque {
  opacity: 1;
}
.PlayIcon-fade-on-hover {
  -webkit-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.PlayIcon-fade-on-hover:hover {
  opacity: 1;
}
.PlayIcon-grow-on-hover {
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -moz-transition: transform 200ms ease-out, -moz-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out, -moz-transform 200ms ease-out, -o-transform 200ms ease-out;
}
.PlayIcon-grow-on-hover:hover {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.PlayIcon-size-medium {
  width: 2.5em;
  height: 2.5em;
}
.PlayIcon-size-large {
  width: 3em;
  height: 3em;
}
.PlayIcon-centered {
  position: absolute;
  top: 50%;
  left: 50%;
}
.PlayIcon-centered.PlayIcon-size-medium {
  margin-top: -1.25em;
  margin-left: -1.25em;
}
.PlayIcon-centered.PlayIcon-size-large {
  margin-top: -1.5em;
  margin-left: -1.5em;
}
@-webkit-keyframes bigPlayPause {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }
}
@-moz-keyframes bigPlayPause {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1.25);
         transform: scale(1.25);
    opacity: 0;
  }
}
@-o-keyframes bigPlayPause {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
  100% {
    -o-transform: scale(1.25);
       transform: scale(1.25);
    opacity: 0;
  }
}
@keyframes bigPlayPause {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.25);
       -moz-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }
}
.nf-big-play-pause {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  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: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nf-big-play-pause-primary .svg-icon {
  fill: #e50914;
}
.nf-big-play-pause-secondary .svg-icon {
  fill: #fff;
}
.nf-big-play-pause button {
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
  border: none;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  font-size: 1em;
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  -webkit-animation-duration: 750ms;
     -moz-animation-duration: 750ms;
       -o-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-timing-function: ease-out;
     -moz-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  cursor: pointer;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -moz-transition: transform 0.2s, -moz-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
}
.nf-big-play-pause button:focus {
  outline: none;
}
:hover.grow.nf-big-play-pause button {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.animate.nf-big-play-pause button {
  opacity: 0;
  cursor: auto;
}
.pause.animate.nf-big-play-pause button,
.play.animate.nf-big-play-pause button {
  -webkit-animation-name: bigPlayPause;
     -moz-animation-name: bigPlayPause;
       -o-animation-name: bigPlayPause;
          animation-name: bigPlayPause;
}
.nf-big-play-pause button .svg-icon-nfplayerOpticalCenterPause,
.nf-big-play-pause button .svg-icon-nfplayerOpticalCenterPlay {
  position: absolute;
  opacity: .7;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  width: 50%;
  height: 100%;
}
.nf-big-play-pause.size-small {
  font-size: 1em;
}
.nf-big-play-pause.size-medium {
  font-size: 2em;
}
.nf-big-play-pause.size-large {
  font-size: 3em;
}
.nf-big-play-pause.cursor-pointer {
  cursor: pointer;
}
.Progress {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  direction: ltr /*!rtl:ignore*/;
}
.Progress.Progress--modern {
  position: absolute;
  height: 0.11111111em;
  left: 0.27777778em;
  right: 0.27777778em;
  width: 7.77777778em;
  /* Firefox needs an explicit width */
  bottom: -1px;
  color: #e50914;
  background-color: rgba(128, 128, 128, 0.5);
}
.Progress.Progress--modern::-webkit-progress-value {
  background: #e50914;
}
.Progress.Progress--modern::-moz-progress-bar {
  background: #e50914;
}
.Progress.Progress--modern::-webkit-progress-bar {
  background: rgba(128, 128, 128, 0.5);
}
.Progress.Progress--classic {
  width: 5.5em;
  margin: 0 0 0 1em;
  color: gray;
  background-color: black;
}
.Progress.Progress--classic::-webkit-progress-value {
  background: gray;
}
.Progress.Progress--classic::-moz-progress-bar {
  background: gray;
}
.Progress.Progress--classic::-webkit-progress-bar {
  background: black;
}
.nfp-episode-preview {
  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;
  width: 100%;
  padding: 0.77777778em 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
}
.nfp-episode-preview.can-play,
.nfp-episode-preview.collapsed {
  cursor: pointer;
}
.nfp-episode-preview:hover {
  background: rgba(255, 255, 255, 0.1);
}
.nfp-episode-preview.expanded {
  background: rgba(0, 0, 0, 0.5);
}
.nfp-episode-preview.expanded .thumbnail .Progress {
  bottom: 0.27777778em;
}
.nfp-episode-preview .number,
.nfp-episode-preview .thumbnail {
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.nfp-episode-preview .title-and-synopsis {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.nfp-episode-preview .title,
.nfp-episode-preview .synopsis {
  /* setting on leaf elements only, affects em sizing */
  font-size: 0.72222222em;
}
.nfp-episode-preview .number {
  font-size: 0.72222222em;
  font-weight: bold;
  /* note that the following sizes are based on the 13/18em font-size, and are therefore /13 instead of /18 */
  padding: 0 1.23076923em 0 0.84615385em;
  width: 1.30769231em;
  text-align: right;
}
.nfp-episode-preview .title {
  margin: 0;
  line-height: normal;
}
.nfp-episode-preview .synopsis {
  margin: 0.16666667em 0;
}
.nfp-episode-preview .thumbnail {
  width: 8.33333333em;
  min-height: 0.44444444em;
  /* value will need to be adjusted if the font size changes */
  margin: 0 0.77777778em 0 0.55555556em;
  position: relative;
}
.nfp-episode-preview .thumbnail .thumbnail-image {
  width: 100%;
  padding-top: 56%;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
}
.nfp-episode-preview .thumbnail .gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.nfp-episode-preview .thumbnail .nf-big-play-pause {
  opacity: .6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  -o-transition: opacity 0.2s, -o-transform 0.2s;
  -moz-transition: transform 0.2s, opacity 0.2s, -moz-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
}
.nfp-episode-preview .thumbnail .nf-big-play-pause button {
  background-color: rgba(0, 0, 0, 0.6);
}
.nfp-episode-preview .thumbnail .nf-big-play-pause .svg-icon {
  /* the SVG is styled to have opacity 0.7, we want a white play button */
  opacity: 1;
}
.nfp-episode-preview:hover .nf-big-play-pause {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 1;
}
.nfp-episode-preview.nfp-episode-preview--modern {
  -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;
}
.nfp-episode-preview.nfp-episode-preview--modern.nfp-episode-preview--is-next-episode .number {
  padding: 0 1em 0 0;
  text-align: initial;
  width: auto;
}
.nfp-episode-preview.nfp-episode-preview--modern .thumbnail {
  margin: 0 1em 0 0;
}
.nfp-episode-preview.nfp-episode-preview--modern .metadata-container {
  margin: 0.9em 0 0 0;
  width: 100%;
}
.nfp-episode-preview.nfp-episode-preview--modern .Progress.Progress--modern {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  -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 0.5em;
}
.nfp-episode-preview.nfp-episode-preview--modern .title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hiddenEpisodeNumbers .number {
  width: 0;
  padding-left: 0.22222222em;
}
.nfp .next-episode.popup-content {
  width: 22.22222222em;
  cursor: pointer;
  position: relative;
}
.nfp .next-episode.popup-content > .header {
  padding: 0.75em 0.83333333em;
}
.nfp .next-episode.popup-content > .header > .header-title {
  margin: 0;
  font-size: 0.94444444em;
  font-weight: 600;
  color: #fff;
}
.nfp .next-episode.popup-content .episode {
  position: relative;
}
.nfp .next-episode.popup-content .episode img {
  width: 150px;
}
.nfp-episode-expander {
  position: relative;
  overflow: hidden;
}
.nfp-episode-expander:focus {
  outline: 0;
}
.nfp-episode-expander.transitioning {
  -webkit-transition: height 0.2s;
  -o-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
}
.nfp-episode-expander > .episode-row {
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.nfp-episode-expander > .episode-row.out-of-flow {
  position: absolute;
  top: 0;
}
.nfp-episode-expander > .episode-row.visible {
  opacity: 1;
  z-index: 1;
}
.nfp-episode-expander .focus-rect {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
}
.nfp-season-preview {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.66666667em 0;
  position: relative;
}
.nfp-season-preview:focus {
  outline: 0;
}
.nfp-season-preview:hover {
  background: rgba(255, 255, 255, 0.1);
}
.nfp-season-preview:hover .arrow {
  visibility: visible;
}
.nfp-season-preview .check,
.nfp-season-preview .arrow {
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
  fill: #fff;
  width: 2.44444444em;
  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: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nfp-season-preview .check {
  -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
       -o-transform: scale(0.9);
          transform: scale(0.9);
}
.nfp-season-preview .arrow {
  visibility: hidden;
  /* this is a back arrow, we need to flip it around */
  -webkit-transform: scale(0.7) rotate(180deg) /*!rtl:scale(0.7) rotate(0)*/;
     -moz-transform: scale(0.7) rotate(180deg) /*!rtl:scale(0.7) rotate(0)*/;
      -ms-transform: scale(0.7) rotate(180deg) /*!rtl:scale(0.7) rotate(0)*/;
       -o-transform: scale(0.7) rotate(180deg) /*!rtl:scale(0.7) rotate(0)*/;
          transform: scale(0.7) rotate(180deg) /*!rtl:scale(0.7) rotate(0)*/;
}
.nfp-season-preview .title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 0.94444444em;
  font-weight: 500;
}
.episode-list {
  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;
  height: 22.94444444em;
  width: 25.55555556em;
}
.episode-list:focus {
  outline: 0;
}
.episode-list .header {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 2.44444444em;
  position: relative;
  width: 100%;
}
.episode-list .header:hover {
  background: rgba(255, 255, 255, 0.1);
}
.episode-list .header.disable-back {
  background: none;
  cursor: auto;
  padding-left: 1.11111111em;
}
.episode-list .header.disable-back .back {
  display: none;
}
.episode-list .back {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  fill: #fff;
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: scale(0.7) rotate(0) /*!rtl:scale(0.7) rotate(180deg)*/;
     -moz-transform: scale(0.7) rotate(0) /*!rtl:scale(0.7) rotate(180deg)*/;
      -ms-transform: scale(0.7) rotate(0) /*!rtl:scale(0.7) rotate(180deg)*/;
       -o-transform: scale(0.7) rotate(0) /*!rtl:scale(0.7) rotate(180deg)*/;
          transform: scale(0.7) rotate(0) /*!rtl:scale(0.7) rotate(180deg)*/;
  width: 2.44444444em;
}
.episode-list .header-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 0.94444444em;
  font-weight: 500;
  margin: 0;
  margin-left: -1px;
}
.episode-list .body {
  direction: ltr;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  width: 100%;
}
.nfp-episode-selector {
  color: white;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.nfp-episode-selector.transitioning {
  -webkit-transition: height 0.3s, width 0.3s;
  -o-transition: height 0.3s, width 0.3s;
  -moz-transition: height 0.3s, width 0.3s;
  transition: height 0.3s, width 0.3s;
}
.nfp-episode-selector .season-list {
  width: 25.55555556em;
  height: 22.94444444em;
  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;
}
.nfp-episode-selector .season-list .body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  width: 100%;
}
.nfp-episode-selector.top-aligned .season-list,
.nfp-episode-selector.top-aligned .episode-list {
  height: auto;
  max-height: 22.94444444em;
  /* this value is overridden in JS */
}
.nfp-episode-selector .pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /* IE11 workaround https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items */
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}
.nfp-episode-selector .pane.active {
  opacity: 1;
  z-index: 1;
  -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
       -o-transform: translateX(0%);
          transform: translateX(0%);
}
.nfp-episode-selector > .out-of-flow {
  position: absolute;
  bottom: 0;
}
.nfp-episode-selector.top-aligned > .out-of-flow {
  top: 0;
  bottom: auto;
}
.nfp-episode-selector .seasons-pane {
  -webkit-transform: translateX(-33%);
     -moz-transform: translateX(-33%);
      -ms-transform: translateX(-33%);
       -o-transform: translateX(-33%);
          transform: translateX(-33%);
}
.nfp-episode-selector .episodes-pane {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
}
.nfp-episode-selector .of-hidden {
  overflow: hidden;
  width: 25.55555556em;
  height: 22.94444444em;
}
.nfp-episode-selector .show-title {
  padding: 0.8em;
  margin: 0;
}
.audio-subtitle-controller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #282828;
  direction: ltr;
}
.audio-subtitle-controller .track-list {
  margin: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 0 0.5em 0;
}
.audio-subtitle-controller .track-list.disabled {
  opacity: 0.25;
}
.audio-subtitle-controller .track-list h3 {
  margin: 0;
}
.audio-subtitle-controller .track-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  max-height: 70vh;
  position: relative;
  min-width: 100px;
}
.audio-subtitle-controller .track-list li {
  padding: 1em 3.4em 1em 3.4em;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  font-size: 0.72222222em;
  color: #b3b3b3;
  outline: none;
}
.audio-subtitle-controller .track-list li:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.audio-subtitle-controller .track-list li .video-controls-check {
  position: absolute;
  fill: white;
  left: 0;
  margin-left: 1.3em;
}
.audio-subtitle-controller .track-list .selected {
  color: #fff;
  font-weight: 600;
}
.audio-subtitle-controller .track-list .list-header {
  cursor: default;
  white-space: nowrap;
  font-size: 0.94444444em;
  padding: 0.75em 2.6em;
  color: #fff;
  font-weight: 600;
}
.audio-subtitle-controller .track-list .list-header:hover {
  background: none;
}
.bottom-controls .audio-subtitle-controller .track-list {
  padding: 0.5em 0 0.5em 0;
}
.KeyboardNotification__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  width: 60em;
  height: 40em;
  top: 50%;
  left: 50%;
  margin-left: -30em;
  margin-top: -20em;
}
.KeyboardNotification__container .KeyboardNotification__icon {
  width: 100%;
  height: 100%;
  position: absolute;
  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-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
  -webkit-animation: buttonFader 750ms normal forwards ease-out;
     -moz-animation: buttonFader 750ms normal forwards ease-out;
       -o-animation: buttonFader 750ms normal forwards ease-out;
          animation: buttonFader 750ms normal forwards ease-out;
}
.KeyboardNotification__container .KeyboardNotification__icon:before {
  content: '';
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  width: 8em;
  height: 8em;
  position: absolute;
  font-size: 1.4em;
  -webkit-transform: translateY(-50%) translateX(-50%) /*!rtl:ignore*/;
     -moz-transform: translateY(-50%) translateX(-50%) /*!rtl:ignore*/;
      -ms-transform: translateY(-50%) translateX(-50%) /*!rtl:ignore*/;
       -o-transform: translateY(-50%) translateX(-50%) /*!rtl:ignore*/;
          transform: translateY(-50%) translateX(-50%) /*!rtl:ignore*/;
  top: 50%;
  left: 50% /*!rtl:ignore*/;
}
.KeyboardNotification__container .KeyboardNotification__icon .svg-icon {
  fill: white;
  font-size: 3.5em;
  position: absolute;
  -webkit-transform: translateZ(0) translateY(-50%) translateX(-50%) /*!rtl:ignore*/;
     -moz-transform: translateZ(0) translateY(-50%) translateX(-50%) /*!rtl:ignore*/;
          transform: translateZ(0) translateY(-50%) translateX(-50%) /*!rtl:ignore*/;
  top: 50%;
  left: 50% /*!rtl:ignore*/;
}
.KeyboardNotification__container .KeyboardNotification__icon.KeyboardNotification--play:before,
.KeyboardNotification__container .KeyboardNotification__icon.KeyboardNotification--pause:before {
  width: 10em;
  height: 10em;
}
.KeyboardNotification__container .KeyboardNotification__icon.KeyboardNotification--play .svg-icon,
.KeyboardNotification__container .KeyboardNotification__icon.KeyboardNotification--pause .svg-icon {
  font-size: 6em;
}
.KeyboardNotification__container .KeyboardNotification__icon.KeyboardNotification--seek-forward {
  width: 33.33%;
  right: 0 /*!rtl:ignore*/;
  left: auto /*!rtl:ignore*/;
}
.KeyboardNotification__container .KeyboardNotification__icon.KeyboardNotification--seek-back {
  width: 33.33%;
  left: 0 /*!rtl:ignore*/;
  right: auto /*!rtl:ignore*/;
}
.promotional-metadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.promotional-metadata .promotional-metadata--evidence {
  width: 32%;
}
.promotional-metadata .promotional-metadata--evidence .promotional-metadata--logo {
  max-height: 9.5em;
  max-width: 100%;
  margin-bottom: 1em;
}
.promotional-metadata .promotional-metadata--evidence .promotional-metadata--supplemental-message {
  font-size: 1.7em;
  font-weight: 800;
  margin: 0.4em 0 0.4em 0;
}
.promotional-metadata .promotional-metadata--buttons .nf-flat-button {
  margin-right: 0;
  margin-left: 0.75em;
  font-size: 1.6em;
}
/* Minimum aspect ratio */
@media (max-aspect-ratio: 1/1) {
  .promotional-metadata .promotional-metadata--evidence {
    width: 45%;
  }
}
/* stylelint-disable no-descending-specificity */
.nfp .svg-icon,
.nfp-player-upsell-view .svg-icon {
  width: 1.6em;
  height: 1.6em;
  overflow: visible;
  border: solid 1px transparent;
  margin: 0 -1px;
  stroke-width: 0;
  stroke: white;
  font-size: 1.1em;
}
.nfp .svg-icon.svg-icon-nfplayerMdx,
.nfp-player-upsell-view .svg-icon.svg-icon-nfplayerMdx,
.nfp .svg-icon.svg-icon-nfplayerMdxFull,
.nfp-player-upsell-view .svg-icon.svg-icon-nfplayerMdxFull {
  -webkit-transform: scale(0.84);
     -moz-transform: scale(0.84);
      -ms-transform: scale(0.84);
       -o-transform: scale(0.84);
          transform: scale(0.84);
}
/*
    AB 12963 Lottie systems test
 */
.nfp .lottie-icon {
  width: 1.6em;
  height: 1.6em;
}
.ellipsize-text {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: normal;
}
/*** Report A Problem ***/
.ReportAProblem--popup {
  cursor: pointer;
  padding: 1em;
}
.ReportAProblem--popup:hover {
  text-decoration: underline;
}
.ReportAProblem--popup-text {
  /*
    This ltr is required since a parent is forcing ltr, causing this to
    always inherit it instead of the rtl from the page. By adding it here, it
    will get converted to rtl for rtl languages during the CSS build process.
    */
  direction: ltr;
  white-space: nowrap;
}
.ReportAProblemPopupContainer {
  position: relative;
}
.ReportAProblemDialog--container,
.ReportAProblemDialog--focus-trap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ReportAProblemDialog--container {
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: fadeIn 0.25s forwards;
     -moz-animation: fadeIn 0.25s forwards;
       -o-animation: fadeIn 0.25s forwards;
          animation: fadeIn 0.25s forwards;
}
.ReportAProblemDialog--container.ReportAProblemDialog--container-leaving {
  -webkit-animation: fadeOut 0.25s forwards;
     -moz-animation: fadeOut 0.25s forwards;
       -o-animation: fadeOut 0.25s forwards;
          animation: fadeOut 0.25s forwards;
}
.ReportAProblemDialog--dialog-box {
  width: 50rem;
  font-size: 1.4rem;
  background-color: #141414;
  border: 2px solid #404040;
  border-top: none;
  -webkit-box-shadow: 0 -4px #bf1315;
     -moz-box-shadow: 0 -4px #bf1315;
          box-shadow: 0 -4px #bf1315;
  color: white;
  position: relative;
  padding: 2rem;
  max-height: 100%;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.ReportAProblemDialog--submit-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: white;
  background-color: #bf1315;
  border: 1px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.5rem 0 0 0;
  padding: 0.75rem;
}
.ReportAProblemDialog--submit-button:hover,
.ReportAProblemDialog--submit-button:focus {
  border-color: white;
}
.ReportAProblemDialog--form-container {
  overflow: hidden;
  min-height: 15rem;
  position: relative;
  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;
}
.ReportAProblemDialog--form-container.ReportAProblemDialog--request-complete {
  height: 15rem;
}
.ReportAProblemDialog--form-contents {
  overflow: hidden;
  max-height: 56rem;
  -webkit-transition: max-height 250ms ease-out, opacity 250ms ease-out;
  -o-transition: max-height 250ms ease-out, opacity 250ms ease-out;
  -moz-transition: max-height 250ms ease-out, opacity 250ms ease-out;
  transition: max-height 250ms ease-out, opacity 250ms ease-out;
}
.ReportAProblemDialog--form-contents.ReportAProblemDialog--request-sent {
  max-height: 0;
  opacity: 0;
}
.ReportAProblemDialog--completion-container {
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  -webkit-transition: opacity 250ms ease-out;
  -o-transition: opacity 250ms ease-out;
  -moz-transition: opacity 250ms ease-out;
  transition: opacity 250ms ease-out;
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ReportAProblemDialog--completion-container.ReportAProblemDialog--request-complete {
  opacity: 1;
  max-height: 50rem;
}
.ReportAProblemDialog--close-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
  padding: 0;
  margin: 0;
  z-index: 1;
  width: 2rem;
  height: 2rem;
}
.ReportAProblemDialog--close-button .svg-icon.svg-icon-nfplayerExit {
  fill: #666;
  height: 100%;
  width: 100%;
}
.ReportAProblemDialog--close-button:hover .svg-icon.svg-icon-nfplayerExit,
.ReportAProblemDialog--close-button:focus .svg-icon.svg-icon-nfplayerExit {
  fill: white;
}
.ReportAProblemDialog--header,
.ReportAProblemDialog--sub-header {
  margin: 0;
  padding: 0;
}
.ReportAProblemDialog--header {
  font-size: 2.2rem;
}
.ReportAProblemDialog--sub-header {
  font-size: 1.4rem;
  font-weight: normal;
  color: #b3b3b3;
  padding: 0.2rem 0;
}
.ReportAProblemDialog--form {
  margin: 2rem 0 0 0;
}
.ReportAProblemDialog--fieldset {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1rem;
}
.ReportAProblemDialog--fieldset:hover .ReportAProblemDialog--checkbox {
  border-color: white;
}
.ReportAProblemDialog--message-fieldset {
  -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;
  max-height: 0;
  opacity: 0;
  -webkit-transition: max-height 250ms ease-out, opacity 250ms ease-out;
  -o-transition: max-height 250ms ease-out, opacity 250ms ease-out;
  -moz-transition: max-height 250ms ease-out, opacity 250ms ease-out;
  transition: max-height 250ms ease-out, opacity 250ms ease-out;
}
.ReportAProblemDialog--message-fieldset.ReportAProblemDialog--message-fieldset-visible {
  max-height: 20rem;
  opacity: 1;
}
.ReportAProblemDialog--label-container {
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
}
.ReportAProblemDialog--checkbox-label {
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
}
.ReportAProblemDialog--checkbox-label-definition {
  color: #b3b3b3;
  font-size: 1.2rem;
  display: block;
  font-weight: normal;
}
.ReportAProblemDialog--checkbox-container {
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0 1rem 0 0;
}
.ReportAProblemDialog--checkbox-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ReportAProblemDialog--checkbox-input:focus {
  outline: none;
}
.ReportAProblemDialog--checkbox-input:focus + .ReportAProblemDialog--checkbox {
  border-color: white;
}
.ReportAProblemDialog--checkbox-input:checked + .ReportAProblemDialog--checkbox:before {
  color: #bf1315;
  content: '✔';
}
.ReportAProblemDialog--checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #000;
  border: 1px solid #979797;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
}
.ReportAProblemDialog--textarea {
  background-color: #000;
  color: #fff;
  resize: none;
  border: 1px solid #979797;
  width: 50%;
}
.ReportAProblemDialog--details-header {
  font-weight: normal;
  padding: 0;
  margin: 2rem 0 0.5rem 0;
}
.ReportAProblemDialog--details-question,
.ReportAProblemDialog--details-question-optional {
  display: inline-block;
}
.ReportAProblemDialog--details-question-optional {
  padding-left: 0.5rem;
  color: #b3b3b3;
}
.ReportAProblemDialog--confirmation-title {
  display: block;
  font-weight: bold;
  font-size: 1.8rem;
  margin: 0.25rem 0 1rem 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ReportAProblemDialog--confirmation-subtext {
  color: #b3b3b3;
  font-size: 1.2rem;
  display: block;
}
.ReportAProblemDialog--button-row {
  margin: 3rem 0 0 0;
  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;
}
.ReportAProblemDialog--finish-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: white;
  background-color: #bf1315;
  border: 1px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem 2rem;
  margin: 0 3rem 0 0;
}
.ReportAProblemDialog--finish-button:hover,
.ReportAProblemDialog--finish-button:focus {
  border-color: white;
}
.ReportAProblemDialog--help-link {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ReportAProblemDialog--help-link:focus {
  outline: none;
}
.ReportAProblemDialog--help-link:hover,
.ReportAProblemDialog--help-link:focus {
  text-decoration: underline;
}
.ReportAProblemDialog--chevron {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReportAProblemDialog--chevron:before {
  border-style: solid;
  border-width: 0.1em 0.1em 0 0;
  content: '';
  display: block;
  position: relative;
  height: 0.45em;
  width: 0.45em;
  left: 0;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 0.5rem;
}
.ReportAProblemDialog--error-message {
  color: #b3b3b3;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 1rem 0 0 0;
}
/*** Buttons ***/
.nfp-button-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  background: transparent;
  border: 0;
  cursor: pointer;
  fill: white;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.nfp-button-control:focus {
  outline: none;
}
.nfp-control-row {
  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;
}
.nfp-control-row.top-right-controls {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.nfp-control-row.top-left-controls {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
/*** Popup ***/
.nfp-popup-control {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.nfp-popup-control .popup-content-wrapper {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  -webkit-transform: scale(0.95) translateZ(0);
     -moz-transform: scale(0.95) translateZ(0);
          transform: scale(0.95) translateZ(0);
  -webkit-transition: opacity 160ms ease, visibility 0s linear 160ms, -webkit-transform .2s ease;
  transition: opacity 160ms ease, visibility 0s linear 160ms, -webkit-transform .2s ease;
  -o-transition: opacity 160ms ease, visibility 0s linear 160ms, -o-transform .2s ease;
  -moz-transition: opacity 160ms ease, transform .2s ease, visibility 0s linear 160ms, -moz-transform .2s ease;
  transition: opacity 160ms ease, transform .2s ease, visibility 0s linear 160ms;
  transition: opacity 160ms ease, transform .2s ease, visibility 0s linear 160ms, -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease;
  visibility: hidden;
  will-change: transform, opacity;
  bottom: 3.5em;
  margin: -0.5em;
  padding: .5em;
  right: 0.5em /*!rtl:ignore*/;
}
.nfp-popup-control .popup-content-wrapper.popup-content-wrapper--centered-content {
  width: 100%;
  right: 0 /*!rtl:ignore*/;
  left: auto /*!rtl:ignore*/;
}
.nfp-popup-control .popup-content-wrapper.popup-content-wrapper--centered-content .popup-content {
  margin: 0 auto;
}
.nfp-popup-control .popup-content-wrapper.active {
  opacity: 1;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  pointer-events: auto;
  z-index: 1;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  visibility: visible;
}
.nfp-popup-control .popup-content-wrapper.keep-right {
  left: auto /*!rtl:ignore*/;
  right: 0 /*!rtl:ignore*/;
}
.nfp-popup-control .popup-content-wrapper.no-padding {
  padding: 0;
}
.nfp-popup-control .popup-content {
  background: #262626;
  font-size: 0.8em;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
  overflow: hidden;
}
.nfp-popup-control--static-position {
  position: static;
}
.popup-content-wrapper--top-placement {
  bottom: 100%;
}
.nfp-control-row.top-right-controls .popup-content-wrapper.popup-content-wrapper--fill-screen,
.nfp-control-row.top-left-controls .popup-content-wrapper.popup-content-wrapper--fill-screen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*** Scrubber ***/
.nfp .scrubber-container {
  width: 100%;
  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;
  cursor: pointer;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  height: 3.3em;
}
.nfp .scrubber-container:focus {
  outline: none;
}
.nfp .scrubber-container .scrubber-bar {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: auto;
  position: relative;
}
.nfp .scrubber-container .track {
  height: 0.5em;
  background: #5b5b5b;
  position: relative;
  -webkit-transition: height .2s ease;
  -o-transition: height .2s ease;
  -moz-transition: height .2s ease;
  transition: height .2s ease;
  will-change: height;
}
.nfp .scrubber-container .current-progress,
.nfp .scrubber-container .buffered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.nfp .scrubber-container .current-progress {
  background: #E50914;
}
.nfp .scrubber-container .buffered {
  background: rgba(255, 255, 255, 0.2);
}
.nfp .scrubber-container .scrubber-head {
  position: absolute;
  top: 50%;
  height: 2.3em;
  width: 2.3em;
  margin: -1.15em;
  background: #E50914;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  opacity: 1;
  -webkit-transform: scale(1) translateZ(0);
     -moz-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  -o-transition: -o-transform .2s ease;
  -moz-transition: transform .2s ease, -moz-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease;
  -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  cursor: pointer;
}
.nfp .scrubber-container .scrubber-head:hover {
  -webkit-transform: scale(1.2) translateZ(0);
     -moz-transform: scale(1.2) translateZ(0);
          transform: scale(1.2) translateZ(0);
}
.nfp .scrubber-container .scrubber-head:focus {
  outline: none;
}
.nfp .scrubber-container .play-head {
  height: 100%;
  border-left: solid 1px rgba(255, 255, 255, 0.5);
  border-right: solid 1px rgba(255, 255, 255, 0.5);
  margin-left: -1px;
  position: absolute;
  display: none;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
}
.nfp .is-scrubbing .scrubber-head {
  -webkit-transform: scale(1.2) translateZ(0);
     -moz-transform: scale(1.2) translateZ(0);
          transform: scale(1.2) translateZ(0);
}
.nfp .is-scrubbing .scrubber-container .track,
.nfp .scrubber-container:hover .track {
  height: 1em;
}
/*** TrickPlay ***/
.nfp .trickplay {
  pointer-events: none;
  display: none;
  position: absolute;
  bottom: 2.5em;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
  overflow: hidden;
}
.nfp .trickplay:focus {
  outline: none;
}
.nfp .trickplay.trickplay-visible {
  display: block;
}
.nfp .trickplay.trickplay-text-and-image {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 0;
  background: #262626;
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
}
.nfp .trickplay.trickplay-text-and-image img {
  display: block;
  width: 100%;
}
.nfp .trickplay.trickplay-text-and-image .tp-text {
  padding: 0.5em 0;
  text-align: center;
  font-size: 1.8em;
}
.nfp .trickplay.trickplay-text-only {
  text-align: center;
  overflow: visible;
}
.nfp .trickplay.trickplay-text-only .tp-text {
  position: relative;
  left: -50% /*!rtl:ignore*/;
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  padding: 1em;
  text-align: center;
  margin: 0 auto;
  font-size: 1.8em;
  background: #262626;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
}
/*** Time Remaining ***/
.time-remaining__time {
  font-size: 1.8em;
}
.time-remaining--modern {
  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;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
/*** Episode Selector ***/
.nfp-episode-selector .pane {
  position: absolute;
}
.nfp-season-preview {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 0;
}
.nfp-season-preview .title {
  font-size: 0.72222222em;
  font-weight: bold;
}
.nfp-episode-selector .of-hidden {
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
}
.nfp-episode-selector .show-title {
  font-size: 0.94444444em;
}
/*** Episode Preview Overrides ***/
.nfp-episode-preview {
  padding: 1em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.nfp-episode-preview .thumbnail {
  margin: 0 0 0 1em;
}
.nfp-episode-preview .thumbnail-image {
  background-repeat: no-repeat;
}
/*** Full Hit Zone ***/
.controls-full-hit-zone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.center-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  font-size: 4em;
}
.center-controls.active {
  opacity: 1;
}
/*** Audio & Subtitles ***/
.audio-subtitle-controller .track-list li .video-controls-check {
  top: 50%;
  margin-top: -0.9em;
}
/*** Episode Selector ***/
.nfp .nfp-episode-selector .header-title {
  font-weight: bold;
}
/*** Neo Layout Specific Styles ***/
.PlayerControlsNeo__layout,
.PlayerControlsNeo__all-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.PlayerControlsNeo__layout {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.PlayerControlsNeo__layout--dimmed {
  background-color: rgba(0, 0, 0, 0.5);
}
.PlayerControlsNeo__progress-control-row--row-hidden {
  opacity: 0;
}
.PlayerControlsNeo__layout--inactive .PlayerControlsNeo__core-controls,
.PlayerControlsNeo__layout--dimmed .PlayerControlsNeo__core-controls {
  opacity: 0;
}
.PlayerControlsNeo__layout--active .recap-lower,
.PlayerControlsNeo__layout--timedout .PlayerControlsNeo__core-controls {
  opacity: 1;
}
.PlayerControlsNeo__layout--active .PlayerControlsNeo__gradient-top,
.PlayerControlsNeo__layout--active .PlayerControlsNeo__gradient-bottom {
  opacity: 0.75;
}
.PlayerControlsNeo__bottom-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  visibility: visible;
  direction: ltr /*!rtl:ignore*/;
  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 0.4s, 0s;
     -moz-transition-duration: 0.4s, 0s;
       -o-transition-duration: 0.4s, 0s;
          transition-duration: 0.4s, 0s;
  -webkit-transition-delay: 0s, 0s;
     -moz-transition-delay: 0s, 0s;
       -o-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
}
.PlayerControlsNeo__bottom-controls .nfp-popup-control {
  font-size: 2.8em;
  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;
  width: 3.4em;
  height: 3.6em;
}
.PlayerControlsNeo__bottom-controls .nfp-popup-control .nfp-button-control {
  font-size: inherit;
  width: 100%;
  height: 100%;
}
.PlayerControlsNeo__bottom-controls .nfp-button-control {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 3px solid transparent;
  -webkit-border-radius: 0.3em;
     -moz-border-radius: 0.3em;
          border-radius: 0.3em;
  width: 3.4em;
  height: 3.6em;
  padding: 0 0 0.6em 0;
  font-size: 2.8em;
  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;
}
.PlayerControlsNeo__bottom-controls .nfp-button-control.badge-text:before {
  position: absolute;
  top: 0.6125em;
  right: -0.85em;
  content: attr(data-badge-text);
  background: red;
  padding: .125em .5em;
  font-size: .5em;
  -webkit-border-radius: 0.1em;
     -moz-border-radius: 0.1em;
          border-radius: 0.1em;
  font-weight: bold;
}
.PlayerControlsNeo__bottom-controls .tooltip-button-pos-bottom:after {
  top: 70%;
  font-size: 0.45em;
  font-weight: bold;
  background: #000;
  padding: 0.2em 0.45em;
  border: 0.15em solid #414141;
  -webkit-border-radius: 0.2em;
     -moz-border-radius: 0.2em;
          border-radius: 0.2em;
}
.PlayerControlsNeo__bottom-controls--faded {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s, 0.4s;
     -moz-transition-delay: 0s, 0.4s;
       -o-transition-delay: 0s, 0.4s;
          transition-delay: 0s, 0.4s;
}
.nf-kb-nav-wrapper.kb-nav .PlayerControlsNeo__bottom-controls .nfp-button-control:focus {
  border: white solid 3px;
  outline: 0;
}
.PlayerControlsNeo__button-control-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 0.9em;
}
.PlayerControlsNeo__button-control-row-left,
.PlayerControlsNeo__button-control-row-right {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4em;
}
.PlayerControlsNeo__button-control-row-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.PlayerControlsNeo__button-control-row-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.PlayerControlsNeo__progress-control-row,
.PlayerControlsNeo__bottom-controls .promotional-metadata {
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.PlayerControlsNeo__progress-control-row {
  /*
    WARNING: do not add padding or margin to this class: it will break
    custom interactive progress control components. You can add it to
    the PlayerControlsNeo__progress-container instead.
    */
  position: relative;
}
.PlayerControlsNeo__progress-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /*
    NOTE: The padding is to allow horizontal alignment with the buttons below.
    */
  padding-left: 3em;
  padding-right: 3em;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.PlayerControlsNeo__bottom-controls .promotional-metadata {
  padding: 0.4em 6.6em 0.4em 7.6em;
  margin-bottom: 1.8em;
}
.PlayerControls--control-element {
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  transition: opacity 0.25s, -webkit-transform 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  -o-transition: opacity 0.25s, -o-transform 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  -moz-transition: transform 0.25s cubic-bezier(0.5, 0, 0.1, 1), opacity 0.25s, -moz-transform 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.1, 1), opacity 0.25s;
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.1, 1), opacity 0.25s, -webkit-transform 0.25s cubic-bezier(0.5, 0, 0.1, 1), -moz-transform 0.25s cubic-bezier(0.5, 0, 0.1, 1), -o-transform 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  -webkit-transform: translateZ(0) scale(1);
     -moz-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
}
.PlayerControls--control-element.progress-control {
  width: 100%;
  margin: 0 2.5em 0 0 /*!rtl:ignore*/;
  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;
}
.PlayerControls--control-element.video-title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 1.5em;
  overflow: hidden;
  padding: 0 0 1.68em 0;
}
.PlayerControls--control-element.video-title .ellipsize-text {
  width: 100%;
  direction: ltr;
}
.PlayerControls--control-element.video-title span,
.PlayerControls--control-element.video-title h4 {
  display: inline-block;
}
.PlayerControls--control-element.video-title h4 {
  font-size: 2.2em;
  padding: 0;
  margin: 0 0.5em 0 0 /*!rtl:ignore*/;
  white-space: nowrap;
}
.PlayerControls--control-element.video-title span {
  font-size: 2em;
  padding-right: 0.5em /*!rtl:ignore*/;
  color: #adadad;
  /*
            The following `display: inline` is required to prevent bugs in
            Firefox with `text-overflow: ellipsis`.
            */
  display: inline;
}
.PlayerControls--control-element--active {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.PlayerControls--control-element-blurred.nfp-button-control {
  opacity: 0.5;
}
.PlayerControlsNeo__all-controls--low-power {
  display: none;
}
.PlayerControlsNeo__core-controls {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.PlayerControlsNeo__core-controls .top-left-controls {
  margin: 4em;
}
.PlayerControlsNeo__core-controls .button-nfplayerBack {
  font-size: 2.8em;
}
.PlayerControlsNeo__gradient-bottom,
.PlayerControlsNeo__gradient-top {
  position: absolute;
  left: 0;
  right: 0;
  height: 20%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  will-change: opacity;
}
.PlayerControlsNeo__gradient-bottom.promotional-metadata-gradient {
  height: 45%;
}
.PlayerControlsNeo__gradient-bottom {
  bottom: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
}
.PlayerControlsNeo__gradient-top {
  top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  background-image: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
}
.nf-loading-spinner {
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  margin: auto;
  text-align: center;
  background-image: url(https://assets.nflxext.com/en_us/pages/wiplayer/site-spinner.png);
  width: 7vh;
  height: 7vh;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: load_spinner 900ms linear infinite;
     -moz-animation: load_spinner 900ms linear infinite;
       -o-animation: load_spinner 900ms linear infinite;
          animation: load_spinner 900ms linear infinite;
  min-width: 5rem;
  min-height: 5rem;
}
.PlayerSpinner--container {
  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: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7vh;
  height: 7vh;
  min-width: 5rem;
  min-height: 5rem;
}
.PlayerSpinner--percentage {
  -webkit-animation: none;
     -moz-animation: none;
       -o-animation: none;
          animation: none;
  font-weight: bold;
  font-size: 1.4em;
  color: white;
  text-shadow: 0 1px 0 black;
}
@-webkit-keyframes load_spinner {
  0% {
    -webkit-transform: rotateZ(0deg) /*!rtl:ignore*/;
            transform: rotateZ(0deg) /*!rtl:ignore*/;
  }
  50% {
    -webkit-transform: rotateZ(180deg) /*!rtl:ignore*/;
            transform: rotateZ(180deg) /*!rtl:ignore*/;
  }
  100% {
    -webkit-transform: rotateZ(360deg) /*!rtl:ignore*/;
            transform: rotateZ(360deg) /*!rtl:ignore*/;
  }
}
@-moz-keyframes load_spinner {
  0% {
    -moz-transform: rotateZ(0deg) /*!rtl:ignore*/;
         transform: rotateZ(0deg) /*!rtl:ignore*/;
  }
  50% {
    -moz-transform: rotateZ(180deg) /*!rtl:ignore*/;
         transform: rotateZ(180deg) /*!rtl:ignore*/;
  }
  100% {
    -moz-transform: rotateZ(360deg) /*!rtl:ignore*/;
         transform: rotateZ(360deg) /*!rtl:ignore*/;
  }
}
@-o-keyframes load_spinner {
  0% {
    -o-transform: rotateZ(0deg) /*!rtl:ignore*/;
       transform: rotateZ(0deg) /*!rtl:ignore*/;
  }
  50% {
    -o-transform: rotateZ(180deg) /*!rtl:ignore*/;
       transform: rotateZ(180deg) /*!rtl:ignore*/;
  }
  100% {
    -o-transform: rotateZ(360deg) /*!rtl:ignore*/;
       transform: rotateZ(360deg) /*!rtl:ignore*/;
  }
}
@keyframes load_spinner {
  0% {
    -webkit-transform: rotateZ(0deg) /*!rtl:ignore*/;
       -moz-transform: rotateZ(0deg) /*!rtl:ignore*/;
         -o-transform: rotateZ(0deg) /*!rtl:ignore*/;
            transform: rotateZ(0deg) /*!rtl:ignore*/;
  }
  50% {
    -webkit-transform: rotateZ(180deg) /*!rtl:ignore*/;
       -moz-transform: rotateZ(180deg) /*!rtl:ignore*/;
         -o-transform: rotateZ(180deg) /*!rtl:ignore*/;
            transform: rotateZ(180deg) /*!rtl:ignore*/;
  }
  100% {
    -webkit-transform: rotateZ(360deg) /*!rtl:ignore*/;
       -moz-transform: rotateZ(360deg) /*!rtl:ignore*/;
         -o-transform: rotateZ(360deg) /*!rtl:ignore*/;
            transform: rotateZ(360deg) /*!rtl:ignore*/;
  }
}
.nfp-aspect-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  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-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
}
.nfp-aspect-container {
  display: inline-block;
  position: relative;
  width: 100%;
  max-height: 100%;
}
.nfp-aspect-inner {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.VideoContainer {
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.VideoContainer video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.VideoContainer .player-streams,
.VideoContainer .player-info {
  z-index: 3;
}
.VideoContainer--hide-subtitles .player-timedtext {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}
.VideoContainer--use-element-dimensions {
  height: auto;
}
.VideoContainer--use-element-dimensions video {
  position: relative;
}
.VideoContainer--use-video-width video {
  height: auto;
}
.VideoContainer--maximize-height video {
  height: 100%;
  width: auto;
  right: auto;
  top: auto;
  bottom: auto;
  left: 50% /*!rtl:ignore*/;
  -webkit-transform: translateX(-50%) /*!rtl:ignore*/;
     -moz-transform: translateX(-50%) /*!rtl:ignore*/;
      -ms-transform: translateX(-50%) /*!rtl:ignore*/;
       -o-transform: translateX(-50%) /*!rtl:ignore*/;
          transform: translateX(-50%) /*!rtl:ignore*/;
}
[dir="rtl"] .VideoContainer--maximize-height video {
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
.PlayView {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  bottom: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1rem;
}
.PlayView-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5.07rem 4.17rem;
  position: relative;
}
.PlayView-exit {
  position: relative;
  font-size: 2.7rem;
  padding: 0.39rem 1.29rem 0 0;
}
.PlayView-play {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 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%);
  width: 100%;
}
.PlayView-info {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 3.62rem;
  font-weight: 700;
  padding-top: 0.54rem;
  position: relative;
}
.PlayView-gradient {
  position: absolute;
  height: 11.11111111em;
  left: 0;
  top: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65098)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65098), rgba(0, 0, 0, 0));
  background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0.65098), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65098), rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65098), rgba(0, 0, 0, 0));
}
@-webkit-keyframes PlayView-playbutton-enter {
  from {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
@-moz-keyframes PlayView-playbutton-enter {
  from {
    opacity: 0;
    -moz-transform: scale(1);
         transform: scale(1);
  }
  to {
    opacity: 1;
    -moz-transform: scale(1.3);
         transform: scale(1.3);
  }
}
@-o-keyframes PlayView-playbutton-enter {
  from {
    opacity: 0;
    -o-transform: scale(1);
       transform: scale(1);
  }
  to {
    opacity: 1;
    -o-transform: scale(1.3);
       transform: scale(1.3);
  }
}
@keyframes PlayView-playbutton-enter {
  from {
    opacity: 0;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
  }
}
.PlayView .button-nfplayerExit {
  opacity: 0.5;
  padding: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  width: 3.26rem;
  height: 3.26rem;
}
.PlayView .button-nfplayerExit:before {
  background: none;
  width: auto;
  height: auto;
  content: none;
}
.PlayView .button-nfplayerExit:hover {
  opacity: 1;
}
.PlayView .svg-icon-nfplayerExit {
  height: 2.72rem;
  padding: 0;
  width: 3.10rem;
}
.PlayView .nf-big-play-pause {
  -webkit-animation: PlayView-playbutton-enter;
     -moz-animation: PlayView-playbutton-enter;
       -o-animation: PlayView-playbutton-enter;
          animation: PlayView-playbutton-enter;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 50ms;
     -moz-animation-delay: 50ms;
       -o-animation-delay: 50ms;
          animation-delay: 50ms;
  -webkit-animation-duration: 400ms;
     -moz-animation-duration: 400ms;
       -o-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
     -moz-animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
       -o-animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
          animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
.PlayView .nf-big-play-pause .svg-icon-nfplayerOpticalCenterPlay {
  fill: #fff;
  -webkit-transition: fill 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  -o-transition: fill 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  -moz-transition: fill 0.25s cubic-bezier(0.5, 0, 0.1, 1);
  transition: fill 0.25s cubic-bezier(0.5, 0, 0.1, 1);
}
.PlayView .nf-big-play-pause:hover .svg-icon-nfplayerOpticalCenterPlay {
  fill: #e50914;
}
.PlayView .nf-big-play-pause button {
  border: 4px solid white;
}
/* stylelint-disable no-descending-specificity */
.NFPlayer {
  height: 100%;
  -webkit-transition: width 300ms, height 300ms, top 300ms, left 300ms, opacity 300ms;
  -o-transition: width 300ms, height 300ms, top 300ms, left 300ms, opacity 300ms;
  -moz-transition: width 300ms, height 300ms, top 300ms, left 300ms, opacity 300ms;
  transition: width 300ms, height 300ms, top 300ms, left 300ms, opacity 300ms;
  width: 100%;
}
.NFPlayer.postplay {
  border: .15em solid #EEE;
  height: 14.16666667em;
  left: 1.5em;
  top: 1.5em;
  width: 22.22222222em;
  z-index: 2;
}
.NFPlayer.ended .VideoContainer {
  opacity: 0;
}
.NFPlayer.can-resume:hover {
  border: .15em solid white;
  cursor: pointer;
}
.NFPlayer button:focus,
.NFPlayer div:focus,
.NFPlayer li:focus,
.NFPlayer span:focus {
  outline: none;
}
.NFPlayer.container-large {
  font-size: 24px;
}
.NFPlayer.container-small {
  font-size: 18px;
}
.NFPlayer.nf-player-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  /*
        Please do not remove this z-index because it is required to activate
        Safari + Mac OSX low-power detached mode.
        */
  z-index: 1;
  /*
        Incase we have not downloaded the nf-icon font yet, force downloading
        it. The nf-icon font is used in the case of the network disconnected
        message. When the element actually renders b/c the network connection is
        gone, the browser will then actually attempt to download the icon
        font.
        */
  /*
        We are specifically setting the z-index of child elements of 1 to allow
        for interactive children (pin prompt, adult verification, autoplay
        interrupter). There is a prop (childrenElementsInteractive) for NFPlayer
        which can be set which will not include this z-index declaration for
        situations such as: Advisories.
        */
  /*
        IE11 and Edge have strange behavior (read: loses the pointer focus)
        around the cursor and SVG's. Setting pointer events to 'none' normalized
        the behavior to be like Chrome.
        */
}
.NFPlayer.nf-player-container:focus {
  outline: none;
}
.NFPlayer.nf-player-container:after {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-family: 'nf-icon';
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  content: '\e641';
}
.NFPlayer.nf-player-container.active {
  cursor: default;
}
.NFPlayer.nf-player-container.inactive {
  cursor: none;
}
.NFPlayer.nf-player-container .player-view-childrens {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.NFPlayer.nf-player-container .player-view-childrens-interactive {
  z-index: 2;
}
.NFPlayer.nf-player-container .svg-icon use {
  pointer-events: none;
}
.NFPlayer.fast-forward .VideoContainer {
  opacity: 0;
}
.NFPlayer.fast-forward .scrubber-head {
  -webkit-transition: left 500ms ease;
  -o-transition: left 500ms ease;
  -moz-transition: left 500ms ease;
  transition: left 500ms ease;
}
.NFPlayer.fast-forward .current-progress {
  -webkit-transition: width 500ms ease;
  -o-transition: width 500ms ease;
  -moz-transition: width 500ms ease;
  transition: width 500ms ease;
}
/* attached to the body when scrubbing to prevent touch scrolling or text selection */
.NFPlayer--scrubbing-surface {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.nf-kb-nav-wrapper.kb-nav .scrubber-head:focus,
.nf-kb-nav-wrapper.kb-nav .nfp-button-control:focus {
  outline: white solid 3px;
}
.nf-kb-nav-wrapper.kb-nav .audio-subtitle-controller .track:focus {
  -webkit-box-shadow: inset 0px 0px 0px 3px #fff;
     -moz-box-shadow: inset 0px 0px 0px 3px #fff;
          box-shadow: inset 0px 0px 0px 3px #fff;
}
.nf-kb-nav-wrapper.kb-nav .nfp-episode-expander:focus .focus-rect,
.nf-kb-nav-wrapper.kb-nav .episode-list .header:focus .focus-rect,
.nf-kb-nav-wrapper.kb-nav .nfp-season-preview:focus .focus-rect {
  border: white solid 3px;
}
.nf-kb-nav-wrapper.kb-nav .episode-list .header:focus .focus-rect,
.nf-kb-nav-wrapper.kb-nav .nfp-season-preview:focus .focus-rect {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
/*
The spinner can be rendered by the core components.
*/
/*
NFPlayer can render the VideoAspectContainer component if needed, so it must
be included in the core styles.
*/
/*
The video container styles are used for styling the elemnts containing the
video tag.
*/
/*
Used for block autoplay UI, which is controlled by a staticConfiguration
value, so the CSS should be included in the core component styles.
*/
/*
This file fixes an issue for IE11 where the video element will turn black due
to bad compositing.
*/
.subtitles-and-audio-popup {
  padding: 1em;
}
.audio-selection-modal-content {
  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;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #282828;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #FFF;
}
.audio-selection-modal-content .close-menu-bar {
  -webkit-box-flex: 0;
  -webkit-flex: none;
     -moz-box-flex: 0;
      -ms-flex: none;
          flex: none;
  text-align: right;
}
.audio-selection-modal-content .close-audio-menu {
  margin: 1em 1em 0 1em;
  padding: 0.25em;
  line-height: 1em;
  background: none;
  border: none;
}
.audio-selection-modal-content .close-audio-menu:focus {
  -webkit-transform: scale(1.25);
     -moz-transform: scale(1.25);
      -ms-transform: scale(1.25);
       -o-transform: scale(1.25);
          transform: scale(1.25);
}
.audio-selection-modal-content .close-audio-menu svg {
  color: #FFF;
  height: 1.5em;
}
.audio-selection-modal-content .audio-subtitle-menu {
  overflow: auto;
}
.audio-selection-modal-content .track-list {
  padding: 0 3em;
}
.audio-selection-modal-content .track-list ~ .track-list {
  margin-top: 3em;
}
.audio-selection-modal-content .track-list ul {
  padding: 0;
  margin: 0;
}
.audio-selection-modal-content .list-header {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #FFF;
  padding: 0;
}
.audio-selection-modal-content .track {
  list-style: none;
  margin: 0;
  padding: .2em 0;
}
.audio-selection-modal-content .track ~ .track {
  border-top: solid 1px #3d3d3d;
}
.audio-selection-modal-content .track-option {
  width: 100%;
  padding: .25em 1em .25em 1.6em;
  background: none;
  border: none;
  text-align: left;
  color: #A3A3A3;
}
.audio-selection-modal-content .track-option:focus,
.audio-selection-modal-content .track-option:active {
  font-weight: bold;
  color: #FFF;
}
.audio-selection-modal-content .track-selected .track-option {
  font-weight: bold;
  color: #FFF;
}
.audio-selection-modal-content .current-track-check {
  float: right;
}
.audio-selection-modal-content .current-track-check svg {
  height: 1em;
}
/*
    This file handles the player component only, and should not
    have code related to the hero or the available video rows...
    things that should be in here are the splash page, play buttons, etc etc
*/
.nf-player-wrapper {
  position: relative;
  z-index: 1;
  /*
    NOTE: These CSS rules are a temporary change to make the new player
    controls layout work in non-member trailer until the productized player
    components that can handle multiple layouts are finished.
    */
}
.nf-player-wrapper .PlayerControlsNeo__button-control-row {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.nf-player-wrapper .PlayerControlsNeo__button-control-row .button-nfplayerFullscreen {
  margin-left: auto;
}
.nf-loading-spinner {
  z-index: 3;
}
.player-splash {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.player-splash-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #FFF;
}
.player-splash-gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(0, 0, 0, 0.8)), color-stop(95%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 95%);
  background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 95%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 95%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0) 95%);
  position: absolute;
  bottom: 0;
  right: -0.5px;
  left: 0;
  height: 100px;
}
.maturity-rating {
  display: inline-block;
}
.maturity-rating .maturity-number {
  border: 1px solid #a1a1a1;
  padding: 0 5px;
}
.maturity-rating .maturity-custom-styling,
.maturity-rating .maturity-reason {
  vertical-align: middle;
  font-size: 1.2em;
}
.maturity-rating .maturity-custom-styling:not(:last-child),
.maturity-rating .maturity-reason:not(:last-child) {
  margin: 0 0.2em 0 0;
}
.maturity-rating .maturity-custom-styling:before,
.maturity-rating .maturity-reason:before {
  vertical-align: 8%;
}
/*
 *   Custom Country Styling for Brazil (BR)
 */
.maturity-rating-BR {
  font-family: 'Arial Narrow', Arial, sans-serif;
  /* stylelint-disable-line declaration-property-value-blacklist */
  color: white;
  display: inline-block;
  -webkit-border-radius: 0.15em;
     -moz-border-radius: 0.15em;
          border-radius: 0.15em;
  padding: 0.15em 0.1em 0.15em 0;
  text-align: center;
  width: 1.3em;
  font-weight: bold;
  letter-spacing: -0.05em;
}
.maturity-rating-BR.maturity-rating-BR-L {
  background-color: #00af51;
}
.maturity-rating-BR.maturity-rating-BR-10 {
  background-color: #00ccff;
}
.maturity-rating-BR.maturity-rating-BR-12 {
  background-color: #ffcc00;
}
.maturity-rating-BR.maturity-rating-BR-14 {
  background-color: #ff6600;
}
.maturity-rating-BR.maturity-rating-BR-16 {
  background-color: #fe0000;
}
.maturity-rating-BR.maturity-rating-BR-18 {
  background-color: #000;
}
.maturity-rating-BR.maturity-rating-BR-ER {
  background-color: #fff;
  color: #000;
  border: 0.1em solid #000;
}
/*
 *   Custom Country Styling for UK
 */
.maturity-rating-BBFC,
.maturity-rating-GB {
  vertical-align: top;
  display: inline-block;
  border: none;
  width: 33px;
  height: 25px;
  background: transparent url(https://assets.nflxext.com/en_us/icons/maturity_ratings/bbfc_gbguidance_ratings_icons_sprite.png) no-repeat top left;
  padding: 0;
  background-position: 0 -320px;
  /* Make default rating blank rather than showing spot 0 */
  /* BBFC has asked us personally to never show this rating.  It is only for movie theaters */
}
.maturity-rating-BBFC.maturity-rating-BBFC-U,
.maturity-rating-GB.maturity-rating-BBFC-U,
.maturity-rating-BBFC.maturity-rating-GB-U,
.maturity-rating-GB.maturity-rating-GB-U {
  background-position: 0 -240px;
}
.maturity-rating-BBFC.maturity-rating-BBFC-PG,
.maturity-rating-GB.maturity-rating-BBFC-PG,
.maturity-rating-BBFC.maturity-rating-GB-PG,
.maturity-rating-GB.maturity-rating-GB-PG {
  background-position: 0 -160px;
}
.maturity-rating-BBFC.maturity-rating-BBFC-12,
.maturity-rating-GB.maturity-rating-BBFC-12,
.maturity-rating-BBFC.maturity-rating-GB-12,
.maturity-rating-GB.maturity-rating-GB-12 {
  background-position: 0 -40px;
}
.maturity-rating-BBFC.maturity-rating-BBFC-15,
.maturity-rating-GB.maturity-rating-BBFC-15,
.maturity-rating-BBFC.maturity-rating-GB-15,
.maturity-rating-GB.maturity-rating-GB-15 {
  background-position: 0 -80px;
}
.maturity-rating-BBFC.maturity-rating-BBFC-18,
.maturity-rating-GB.maturity-rating-BBFC-18,
.maturity-rating-BBFC.maturity-rating-GB-18,
.maturity-rating-GB.maturity-rating-GB-18 {
  background-position: 0 -120px;
}
.maturity-rating-BBFC.maturity-rating-BBFC-R18,
.maturity-rating-GB.maturity-rating-BBFC-R18,
.maturity-rating-BBFC.maturity-rating-GB-R18,
.maturity-rating-GB.maturity-rating-GB-R18 {
  background-position: 0 -200px;
}
.maturity-rating-BBFC.maturity-rating-BBFC-G,
.maturity-rating-GB.maturity-rating-BBFC-G,
.maturity-rating-BBFC.maturity-rating-GB-G,
.maturity-rating-GB.maturity-rating-GB-G {
  background-position: 0 -280px;
}
#section-hero .title-title,
#section-cinematic-hero .title-title {
  margin-top: 10px;
}
#section-hero .title-info-synopsis-talent,
#section-cinematic-hero .title-info-synopsis-talent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 100%;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 5px;
  margin-bottom: 5px;
}
#section-hero .title-info-synopsis,
#section-cinematic-hero .title-info-synopsis,
#section-hero .title-info-talent,
#section-cinematic-hero .title-info-talent {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #FFF;
  max-width: 100%;
}
#section-hero .title-info-metadata-wrapper > :not(:last-child),
#section-cinematic-hero .title-info-metadata-wrapper > :not(:last-child) {
  border-right: 1px solid #A3A3A3;
  margin-right: 9px;
  padding-right: 11px;
}
#section-hero .title-info-metadata-item,
#section-cinematic-hero .title-info-metadata-item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #A3A3A3;
  display: inline-block;
}
#section-hero .title-data-info-item-label,
#section-cinematic-hero .title-data-info-item-label {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #A3A3A3;
  margin-right: 5px;
}
@media only screen and (max-width: 599px) {
  #section-hero .title-data-info-item-label,
  #section-cinematic-hero .title-data-info-item-label {
    font-size: 14px;
  }
}
#section-hero .title-data-info-item-list,
#section-cinematic-hero .title-data-info-item-list {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #FFF;
}
@media only screen and (max-width: 599px) {
  #section-hero .title-data-info-item-list,
  #section-cinematic-hero .title-data-info-item-list {
    font-size: 14px;
  }
}
#section-hero .title-info-content-warning,
#section-cinematic-hero .title-info-content-warning {
  border: 1px solid #A3A3A3;
  display: inline-block;
  padding: 4px 8px;
  margin: 0;
}
#section-hero .title-info-content-warning .svg-icon-content-warning,
#section-cinematic-hero .title-info-content-warning .svg-icon-content-warning {
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
}
#section-hero .title-info-content-warning .svg-icon-content-warning g:first-child,
#section-cinematic-hero .title-info-content-warning .svg-icon-content-warning g:first-child {
  fill: #A3A3A3;
}
#section-hero .title-info-content-warning .content-warning-link,
#section-cinematic-hero .title-info-content-warning .content-warning-link {
  margin-left: 3px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #A3A3A3;
}
#section-cinematic-hero .title-info-synopsis-talent {
  -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;
}
#section-cinematic-hero .title-info-synopsis,
#section-cinematic-hero .title-info-talent {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 6px;
}
#section-cinematic-hero .title-info-synopsis {
  margin-left: 0px;
}
#section-cinematic-hero .title-info-talent {
  margin-right: 0px;
}
@media only screen and (max-width: 599px) {
  #section-cinematic-hero .title-info-synopsis-talent {
    -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;
  }
  #section-cinematic-hero .title-info-synopsis,
  #section-cinematic-hero .title-info-talent {
    margin: 6px 0;
  }
}
.value-prop-with-cta {
  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;
  padding: 1em;
  z-index: 2;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, #333), color-stop(95%, #181818));
  background-image: -webkit-linear-gradient(left, #333 5%, #181818 95%);
  background-image: -moz- oldlinear-gradient(left, #333 5%, #181818 95%);
  background-image: -o-linear-gradient(left, #333 5%, #181818 95%);
  background-image: linear-gradient(to right, #333 5%, #181818 95%);
}
.value-prop-with-cta .value-prop-logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 34px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 34px;
          flex: 0 0 34px;
  display: block;
  height: 60px;
  padding: 0 5px;
}
.value-prop-with-cta .value-prop-wrapper {
  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;
  padding-left: 15px;
  font-weight: bold;
}
.value-prop-with-cta .btn {
  margin: 0.8em 0 0 0;
  font-size: 13px;
  padding: 9px 20px;
  min-height: auto;
  line-height: 15px;
  width: auto;
}
@media only screen and (min-width: 599px) {
  .value-prop-with-cta {
    padding: 8px;
  }
  .value-prop-with-cta .value-prop-logo {
    height: 38px;
    padding: 0;
    margin-left: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 21px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 21px;
            flex: 0 0 21px;
  }
  .value-prop-with-cta .value-prop-wrapper {
    -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;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .value-prop-with-cta .value-prop {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .value-prop-with-cta .btn {
    margin: 5px 25px 5px 1em;
    white-space: nowrap;
  }
}
.nm-modal-underlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  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: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.85);
}
.nm-modal-underlay .nm-modal-dialog {
  max-width: 80vw;
  max-height: 100vw;
  cursor: default;
}
@media only screen and (max-width: 599px) {
  .nm-modal-underlay .nm-modal-dialog {
    max-width: 100vw;
  }
}
.nm-modal-underlay .modal-header {
  position: relative;
  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;
}
.nm-modal-underlay .modal-header:after {
  content: "";
  position: absolute;
  left: 0;
  width: 3px;
  top: 8px;
  bottom: 8px;
  background-color: #E50914;
}
.nm-modal-underlay .modal-header-close-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.nm-modal-underlay .modal-header-close {
  background: none;
  border: none;
  padding: 3px;
}
.nm-modal-underlay .modal-header-close-icon {
  height: 26px;
  vertical-align: middle;
}
.nm-modal-underlay .modal-header-title-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 20px;
  padding-left: 1em;
  margin: 0;
}
.nm-modal-underlay .modal-header-title {
  font-weight: bold;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.nm-modal-underlay .modal-header-subtitle {
  display: block;
}
.nm-modal-underlay .nm-content-horizontal-row-item {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media only screen and (max-width: 599px) {
  .nm-modal-underlay .modal-header {
    margin: 0 15px;
  }
  .nm-modal-underlay .nm-modal-dialog {
    max-width: 100vw;
  }
  .nm-modal-underlay .modal-header-close-icon {
    height: 18px;
  }
}
/* stylelint-disable no-descending-specificity */
@media only screen and (min-width: 500px) {
}
@media (max-width: 599px) {
}
@media only screen and (max-width: 599px) {
}
@media only screen and (max-width: 1919px) {
}
@media only screen and (max-width: 1439px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 599px) {
}
@media only screen and (max-width: 1919px) {
}
@media only screen and (max-width: 1439px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 1919px) {
}
@media only screen and (max-width: 1439px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 1919px) {
}
@media only screen and (max-width: 1439px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 1919px) {
}
@media only screen and (max-width: 1439px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 740px) {
}
h1 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 400;
  color: #FFF;
}
@media only screen and (max-width: 599px) {
  h1 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #FFF;
  }
}
h2 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  color: #FFF;
}
@media only screen and (max-width: 599px) {
  h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #FFF;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
h3 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  color: #FFF;
}
@media only screen and (max-width: 599px) {
  h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #FFF;
  }
}
.nmtitle-section {
  padding: 25px 5vw;
  background: #181818;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .nmtitle-section {
    padding: 5px 5vw 20px;
  }
}
.section-header > h2 {
  display: inline-block;
}
@media only screen and (max-width: 599px) {
  .section-header > h2 {
    display: block;
  }
}
.section-header > :not(:first-child) {
  border-left: 1px solid #A3A3A3;
  margin-left: 9px;
  padding-left: 15px;
}
@media only screen and (max-width: 599px) {
  .section-header > :not(:first-child) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 599px) {
  .section-header .section-header-text {
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
    color: #FFF;
  }
}
.section-header .section-link {
  color: #FFF;
  text-decoration: none;
}
.section-header .section-subheader-text {
  color: #A3A3A3;
  white-space: nowrap;
}
.section-header .section-header-children {
  display: inline-block;
}
.section-header .section-collapse-control {
  background: none;
  border: none;
  width: 35px;
  height: 35px;
  padding: 0;
  position: relative;
  bottom: -8px;
}
@media only screen and (max-width: 599px) {
  .section-header .section-collapse-control {
    position: absolute;
    right: 5px;
    top: 0;
  }
}
.section-header .section-collapse-control .nf-svg-icon {
  color: #E50914;
}
.section-header .section-collapse-control .nf-svg-icon svg {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 35px;
}
.section-header .section-collapse-control.collapsed svg {
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.nm-content-horizontal-row-nav .nf-svg-icon {
  width: 40px;
}
.nm-content-horizontal-row-nav .nf-svg-icon svg {
  width: 40px;
}
.nmtitle-wrapper.with-fixed-header {
  margin-top: 56px;
}
.nm-content-header {
  z-index: 20;
  height: 24px;
  top: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 599px) {
  .nm-content-header {
    background-color: rgba(0, 0, 0, 0.75);
  }
}