| Server IP : 51.91.236.193 / Your IP : 216.73.216.224 Web Server : Apache System : Linux webm010.cluster128.gra.hosting.ovh.net 6.18.39-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Tue Jul 21 12:03:15 CEST 2026 x86_64 User : institutah ( 16501) PHP Version : 7.2.34 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/institutah/www/MX_PaymzentCoyxnfir_78a92ba261ff6/index_files/ |
Upload File : |
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
b,
h1,
h2,
h3,
h4,
h5,
h6,
optgroup,
strong {
font-weight: 500;
}
@font-face {
font-family: nf-icon;
font-style: normal;
font-weight: 400;
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");
}
[class*=" icon-"],
[class^="icon-"] {
speak: none;
font-family: nf-icon;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
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-reverse:before,
.icon-button-remindme-add:before {
content: "\e663";
}
.icon-button-remindme-added-reverse:before,
.icon-button-remindme-added: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-reverse:before,
.icon-button-spinner: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-reverse:before,
.icon-button-notification: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";
}
body,
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #f3f3f3;
color: #333;
direction: ltr;
font-family: Netflix Sans, Helvetica Neue, Segoe UI, Roboto, Ubuntu, sans-serif;
font-size: 16px;
}
h1 {
font-size: 1.5em;
margin: 0 0 0.4em;
}
@media screen and (min-width: 740px) {
h1 {
font-size: 2.15em;
margin: 0 0 0.55em;
}
}
.controlBar {
position: relative;
}
.controlBar .control {
font-size: 0.67em;
position: absolute;
right: 0;
top: 3px;
}
h2,
h3,
h4,
h5 {
font-weight: 400;
margin: 0.75em 0 0.25em;
}
.bold,
strong {
font-weight: 500;
}
.confirmation {
color: #3ba93c;
}
.confirmation:before {
speak: none;
content: "\E802";
font-family: nf-icon;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
margin-right: 1ex;
text-transform: none;
}
.valignMiddle {
vertical-align: middle;
}
.clearfix:after {
clear: both;
content: " ";
display: block;
height: 0;
overflow: hidden;
width: 0;
}
.nowrap {
white-space: nowrap;
}
a {
color: #0080ff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul {
padding: 0;
}
ul > li {
list-style-type: disc;
margin-bottom: 5px;
margin-left: 1.1em;
}
ul.structural {
margin: 0;
padding: 0;
}
ul.structural > li {
list-style: none;
margin-left: 0;
}
.i-b {
display: inline-block;
}
.no-display {
display: none !important;
}
.pointer {
cursor: pointer;
}
.hidden-checkbox,
.hidden-radio {
clip: rect(0 0 0 0);
border: 0;
height: 2rem;
margin: 0 -2rem -2rem 0;
opacity: 0.001;
overflow: hidden;
padding: 0;
position: absolute;
width: 2rem;
}
.screen-reader-text {
left: -9999px;
position: absolute;
top: -9999px;
}
.nf-button {
border-radius: 4px;
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.3);
cursor: pointer;
display: inline-block;
font-family: arial, helvetica, sans-serif;
font-weight: 500;
margin: 0;
padding: 4px 7px;
text-decoration: none;
}
.nf-button:focus {
outline: none;
}
.nf-button:hover {
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.3), 0 2px 1px rgba(1, 1, 1, 0.3);
text-decoration: none;
}
.nf-button:active {
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.3);
text-decoration: none;
}
.nf-button .icon {
display: inline-block;
margin-right: 7px;
vertical-align: middle;
}
.nf-button-white {
background-color: #fff;
}
.nf-button-white:hover {
background: linear-gradient(#fff, #ddd);
}
.nf-button-white:active {
background: linear-gradient(#cbcbcb, #b3b3b3);
}
.nf-button-silver {
background-color: #e5e5e5;
background-image: linear-gradient(180deg, #e5e5e5, #cbcbcb);
border: 1px solid #b3b3b3;
}
.nf-button-silver:hover {
background: linear-gradient(#fff, #e5e5e5);
}
.nf-button-silver:active {
background: linear-gradient(#cbcbcb, #b3b3b3);
}
.nf-button-red {
background-color: #d30b03;
background-image: linear-gradient(180deg, #d30b03, #a50709);
border: 1px solid #810507;
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.3);
color: #fff;
}
.nf-button-red:hover {
background: linear-gradient(#ed0b0f, #930709);
}
.nf-button-red:active {
background: linear-gradient(#9c0b0e, #850708);
}
.nf-button-blue {
background-color: #1771d9;
background-image: linear-gradient(180deg, #1771d9, #1359ab);
border: 1px solid #0f4585;
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.3);
color: #fff;
}
.nf-button-blue:hover {
background: linear-gradient(#1b7ff1, #114f99);
}
.nf-button-blue:active {
background: linear-gradient(#114f99, #0d3b73);
}
.nf-button-dark {
background-color: #646464;
background-image: linear-gradient(180deg, #646464, #191919);
border: 1px solid #323232;
border-top-color: #505050;
color: #fff;
}
.nf-button-dark:hover {
background-color: #4b4b4b;
}
.nf-button-dark:active {
background-color: #2f2f2f;
}
.nf-button-medium {
padding: 10px 20px;
}
.btn-flat {
background-color: rgba(0, 0, 0, 0.4);
background-image: none;
border: 1px solid hsla(0, 0%, 100%, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 1.1vw;
font-weight: 500;
margin-right: 0.75em;
padding: 0.57em 1.35em;
}
.btn-flat .nf-icon-button-icon,
.btn-flat .playRing {
background-color: transparent;
font-size: inherit;
margin-right: 0.71em;
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 {
transform: scale(1.5);
}
.btn-flat .nf-icon-button-label {
margin: 0;
padding: 0;
top: auto;
}
.btn-flat:hover {
background-color: rgba(51, 51, 51, 0.4);
}
.btn-flat:hover .nf-icon-button-icon {
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 {
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-reverse:before,
.icon-button-mylist-no-ring .icon-button-mylist-add:before {
content: "\e641";
}
.icon-button-mylist-no-ring .icon-button-mylist-added-reverse:before,
.icon-button-mylist-no-ring .icon-button-mylist-added: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-reverse:before,
.icon-button-mylist-sharp .icon-button-mylist-add:before {
content: "\f018";
}
.icon-button-mylist-sharp .icon-button-mylist-added-reverse:before,
.icon-button-mylist-sharp .icon-button-mylist-added:before {
content: "\e804";
}
.nf-flat-button {
background-color: rgba(0, 0, 0, 0.4);
background-image: none;
border: 1px solid hsla(0, 0%, 100%, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 1vw;
font-weight: 500;
margin-right: 0.75em;
padding: 0.57em 1.35em;
}
.nf-flat-button .nf-flat-button-icon {
background-color: transparent;
font-size: inherit;
margin-right: 0.71em;
vertical-align: middle;
}
.nf-flat-button .nf-flat-button-icon.empty-label {
margin-right: 0;
}
.nf-flat-button .nf-flat-button-icon.svg-icon {
border: none;
font-size: inherit;
height: inherit;
margin: inherit;
width: 1.2vw;
}
.nf-flat-button.no-icon .nf-flat-button-icon {
display: none;
}
.nf-flat-button .nf-flat-button-text {
margin: 0;
padding: 0;
top: auto;
vertical-align: middle;
white-space: nowrap;
}
.nf-flat-button .nf-icon-button-tooltip {
background: #fff;
color: #000;
display: none;
font-size: 0.8vw;
font-weight: 500;
left: 0.5vw;
margin-left: -3.5vw;
margin-top: 6px;
padding: 2px 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: -2.5vw;
width: 10vw;
}
.nf-flat-button .nf-icon-button-tooltip:hover {
display: block;
}
.nf-flat-button .nf-icon-button-tooltip:before {
border: initial;
content: normal;
}
.nf-flat-button .nf-icon-button-tooltip:after {
border-color: #fff transparent transparent;
border-style: solid;
border-width: 3px 3px 0;
bottom: 0;
content: "";
height: 0;
left: 50%;
margin-bottom: -3px;
margin-left: -2px;
position: absolute;
width: 0;
}
.nf-flat-button:focus,
.nf-flat-button:hover {
background-color: rgba(51, 51, 51, 0.4);
outline: none;
transform: scale(1.05);
transition: transform 0.35s cubic-bezier(0.86, 0, 0.07, 1);
}
.nf-flat-button:focus .nf-flat-button-icon,
.nf-flat-button:hover .nf-flat-button-icon {
transform: scale(1);
}
.nf-flat-button:focus {
border-color: #fff;
}
.nf-flat-button .nf-flat-button-icon-close,
.nf-flat-button .nf-flat-button-icon-episodes,
.nf-flat-button .nf-flat-button-icon-info,
.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-play,
.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 {
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 {
border-radius: 0.2vw;
}
.nf-flat-button-uppercase {
text-transform: uppercase;
}
.nf-flat-button-white {
border-width: 0;
box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35);
color: #000;
font-size: 1.1vw;
font-weight: 500;
height: 1.2vw;
line-height: 1vw;
padding: 0.75em 2.3em;
}
.nf-flat-button-white,
.nf-flat-button-white:focus,
.nf-flat-button-white:hover {
background-color: #e6e6e6;
}
.nf-flat-button-black-transparent {
background-color: rgba(51, 51, 51, 0.4);
border-radius: 0.2vw;
border-width: 0;
box-shadow: none;
color: #fff;
font-size: 1.1vw;
font-weight: 500;
height: 1.2vw;
line-height: 1vw;
padding: 0.75em 2.3em;
}
.nf-flat-button-black-transparent:hover {
background-color: #e6e6e6;
box-shadow: 0 0.6vw 1vw -0.4vw rgba(0, 0, 0, 0.35);
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:not(:disabled):focus,
.playLink:not(:disabled):focus {
outline: none;
transform: scale(1.05);
transition: transform 0.35s cubic-bezier(0.86, 0, 0.07, 1);
}
.mylist-button:not(:disabled):focus .nf-flat-button-primary,
.playLink:not(:disabled):focus .nf-flat-button-primary {
background-color: #ff0a16;
}
.playLink.isToolkit:not(:disabled):focus {
transform: none;
transition: none;
}
.playLink.isToolkit:not(:disabled):focus > button:before {
border: 2px solid #fff;
border-radius: 8px;
box-sizing: content-box;
content: "";
display: block;
height: 100%;
left: -4px;
padding: 2px;
position: absolute;
top: -4px;
width: 100%;
}
.playLink.isToolkit:not(:disabled):focus.isRound > button:before {
border-radius: 50%;
}
.nf-flat-button-type-borderless {
background: transparent;
border: 0.1em solid transparent;
box-shadow: none;
font-size: inherit;
font-weight: 400;
margin: 0;
text-transform: none;
}
.nf-flat-button-type-borderless:focus {
border-color: #fff;
}
.nf-flat-button-type-focusable-static {
border: 0.1em solid transparent;
font-size: inherit;
}
.nf-flat-button-type-focusable-static:focus {
border-color: #fff;
}
.nf-spinner {
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);
background-repeat: no-repeat;
background-size: 57px;
border-radius: 50%;
display: none;
height: 57px;
margin: 0 auto;
text-align: center;
width: 57px;
}
.footer-mount {
padding: 0;
width: 100%;
}
.site-footer-wrapper {
color: #737373;
font-size: 1em;
margin-top: 80px;
min-width: 190px;
padding-bottom: 20px;
position: relative;
width: 100%;
}
.pt11 .site-footer-wrapper {
margin-bottom: 80px;
}
.pt11 .site-footer-wrapper .footer-divider {
display: none;
}
.footer-top-a {
color: #737373;
}
.footer-divider {
border-top: 1px solid #e6e6e6;
height: 0;
width: 100%;
}
.site-footer {
padding-top: 30px;
width: 90%;
}
.footer-top {
margin: 0 0 30px;
padding: 0;
}
.footer-links {
box-sizing: border-box;
font-size: 13px;
max-width: 1000px;
}
.footer-link-item {
box-sizing: border-box;
display: inline-block;
margin-bottom: 16px;
min-width: 100px;
padding: 0 22px 0 0;
vertical-align: top;
width: 25%;
}
@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: #737373;
}
.service-code-wrapper {
color: #737373;
margin: 45px 0 20px;
}
.service-code {
border: 1px solid #737373;
color: #737373;
display: inline-block;
font-size: 0.8521em;
min-width: 90px;
padding: 8px;
text-align: center;
}
.service-code:focus,
.service-code:hover {
text-decoration: none;
}
.copy-text {
color: grey;
font-size: 0.75em;
line-height: 1em;
margin: 20px 0;
}
.copy-text a {
color: grey;
}
.copy-text a:focus,
.copy-text a:hover {
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: 500;
}
.btn-bar {
clear: both;
padding: 0 0 1em;
}
.btn-bar.hilite {
background-color: #e6e6e6;
padding: 10px;
}
.btn-bar.hilite b,
.btn-bar.hilite em {
font-style: normal;
font-weight: 500;
}
.btn-bar.noHilite b,
.btn-bar.noHilite em {
font-style: normal;
font-weight: 400;
}
.btn-bar.top-padding {
padding-top: 1em;
}
.btn-bar-left {
text-align: left;
}
.btn-bar-left .btn {
margin-left: 0;
margin-right: 1em;
}
.btn-bar-right {
text-align: right;
}
.btn-bar-right .btn {
margin-left: 1em;
margin-right: 0;
}
.btn-bar-center {
text-align: center;
}
.btn-bar-center .btn {
margin-left: 0.5em;
margin-right: 0.5em;
}
.btn {
background-color: #e6e6e6;
background-image: linear-gradient(180deg, #e6e6e6, #ddd);
border: 0;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
box-sizing: border-box;
color: #000;
cursor: pointer;
display: inline-block;
font-weight: 400;
letter-spacing: 0.1px;
line-height: 1em;
text-align: center;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
vertical-align: middle;
}
.btn .btn-text {
position: relative;
top: 1px;
}
.btn.disabled {
cursor: default;
filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: 0.5;
}
.btn.waiting,
.btn.waiting.akira-button,
.btn.waiting.akira-button-red,
.btn.waiting:disabled,
.btn.waiting:disabled.akira-button,
.btn.waiting:disabled.akira-button-red {
color: hsla(0, 0%, 100%, 0);
}
.btn.waiting span,
.btn.waiting.akira-button span,
.btn.waiting.akira-button-red span,
.btn.waiting:disabled span,
.btn.waiting:disabled.akira-button span,
.btn.waiting:disabled.akira-button-red span {
opacity: 0;
}
.btn.hover,
.btn:hover {
background: #eaeaea;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
text-decoration: none;
}
.btn.active,
.btn:active {
background: #c2c2c2;
}
.btn.disabled {
background-color: #e6e6e6;
background-image: linear-gradient(180deg, #e6e6e6, #ddd);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.btn .waitIndicator {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.btn .waitIndicator .basic-spinner {
left: 50%;
position: absolute;
top: 50%;
}
.action-button,
.btn-blue,
.btn-submit {
background-color: #0080ff;
background-image: linear-gradient(180deg, #0080ff, #0277ec);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
color: #fff;
}
.action-button.hover,
.action-button:hover,
.btn-blue.hover,
.btn-blue:hover,
.btn-submit.hover,
.btn-submit:hover {
background: #2490fd;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.action-button.active,
.action-button:active,
.btn-blue.active,
.btn-blue:active,
.btn-submit.active,
.btn-submit:active {
background: #0166c9;
}
.action-button.disabled,
.btn-blue.disabled,
.btn-submit.disabled {
background-color: #0080ff;
background-image: linear-gradient(180deg, #0080ff, #0272e2);
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.3), 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-black {
background-color: #393939;
background-image: linear-gradient(180deg, #393939, #000);
color: #fff;
}
.btn-black.hover,
.btn-black:hover {
background: #464646;
}
.btn-black.active,
.btn-black:active {
background: #000;
}
.btn-black.disabled {
background-color: #3a3a3a;
background-image: linear-gradient(180deg, #3a3a3a, #393939);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-red {
background-color: #e50914;
background-image: linear-gradient(180deg, #e50914, #db0510);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
color: #fff;
}
.btn-red .basic-spinner {
box-shadow: inset 2px 2px 0 #fff;
}
.btn-red.hover,
.btn-red:focus,
.btn-red:hover {
background: #f40612;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
.btn-red:focus {
box-shadow: 0 0 0 0.085em #85050b;
}
.btn-red.active,
.btn-red:active {
background: #bb0a12;
}
.btn-red.disabled {
background-color: #e50914;
background-image: linear-gradient(180deg, #e50914, #db0510);
}
.btn-orange,
.btn-red.disabled {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
.btn-orange {
background-color: #ffa00a;
background-image: linear-gradient(180deg, #ffa00a, #f09300);
color: #000;
}
.btn-orange.hover,
.btn-orange:hover {
background: #ffb43d;
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: linear-gradient(180deg, #e50914, #db0510);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
.btn-gray,
.btn-plain {
background-color: #e6e6e6;
background-image: linear-gradient(180deg, #e6e6e6, #ddd);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
color: #000;
}
.btn-gray.hover,
.btn-gray:hover,
.btn-plain.hover,
.btn-plain:hover {
background: #eaeaea;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.btn-gray.active,
.btn-gray:active,
.btn-plain.active,
.btn-plain:active {
background: #c2c2c2;
}
.btn-gray.disabled,
.btn-plain.disabled {
background-color: #e6e6e6;
background-image: linear-gradient(180deg, #e6e6e6, #ddd);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.btn-dark-gray {
background-color: #8c8c8c;
background-image: linear-gradient(180deg, #8c8c8c, #7a7a7a);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
color: #fff;
}
.btn-dark-gray.hover,
.btn-dark-gray:hover {
background: #878787;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-dark-gray.active,
.btn-dark-gray:active {
background: #555;
}
.btn-dark-gray.disabled {
background-color: #8c8c8c;
background-image: linear-gradient(180deg, #8c8c8c, #7a7a7a);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-darker-gray {
background-color: #3a3a3a;
background-image: linear-gradient(180deg, #3a3a3a, #393939);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
color: #fff;
}
.btn-darker-gray.hover,
.btn-darker-gray:hover {
background: #464646;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-darker-gray.active,
.btn-darker-gray:active {
background: #444;
}
.btn-darker-gray.disabled {
background-color: #3a3a3a;
background-image: linear-gradient(180deg, #3a3a3a, #393939);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
}
.btn-outline {
background: transparent;
border: 1px solid #666;
box-shadow: none;
color: #666;
}
.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 {
background: transparent;
border: 1px solid hsla(0, 0%, 100%, 0.75);
box-shadow: none;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.btn-white-outline.hover,
.btn-white-outline:hover {
background: transparent;
border: 1px solid #fff;
box-shadow: none;
}
.btn-white-outline.active,
.btn-white-outline:active {
background: transparent;
border: 1px solid hsla(0, 0%, 100%, 0.55);
}
.btn-white-outline.disabled {
background: none;
border: 1px solid hsla(0, 0%, 100%, 0.75);
box-shadow: none;
}
.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 {
background-color: #e6e6e6;
background-image: linear-gradient(180deg, #e6e6e6, #ddd);
box-shadow: 0 1px 0 rgba(1, 1, 0, 0.2);
color: #fff;
}
.btn-white.hover,
.btn-white:hover {
background: transparent;
border: 1px solid #fff;
box-shadow: none;
}
.btn-white.active,
.btn-white:active {
background: transparent;
border: 1px solid hsla(0, 0%, 100%, 0.55);
}
.btn-white.disabled {
background: none;
border: 1px solid hsla(0, 0%, 100%, 0.75);
box-shadow: none;
}
.btn.btn-retro-signup {
background-color: #1872d9;
background-image: linear-gradient(180deg, #1872d9, #135aac);
border: 1px solid #265890;
box-shadow: inset 0 1px 0 0 #5e9de4;
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 22px;
min-width: 250px;
padding: 15px 40px;
text-shadow: 1px 1px 1px #000;
}
.btn.btn-retro-signup:hover {
background: #115099;
background-color: #1b7ff2;
background-image: linear-gradient(180deg, #1b7ff2, #115099);
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: linear-gradient(180deg, #115099, #0d3c73);
border: 1px solid #1e5292;
box-shadow: inset 0 1px 0 0 #073b7e;
color: #b3b3b3;
}
.btn-block {
display: block;
margin-left: 0;
margin-right: 0;
}
.btn {
font-size: 1em;
margin: 0.5em 0.5em 0.5em 0;
min-height: 50px;
min-width: 74px;
padding: 24.5px 2em;
position: relative;
}
@media only screen and (max-width: 500px) {
.btn {
margin: 0.5em auto;
width: 100%;
}
}
.btn.btn-x-large {
font-size: 26px;
min-height: 72px;
min-width: 124px;
padding: 23px 2em;
}
@media only screen and (max-width: 500px) {
.btn.btn-x-large {
margin: 0.5em auto;
width: 100%;
}
}
.btn.btn-large {
font-size: 20px;
min-height: 48px;
min-width: 112px;
padding: 14px 2em;
}
@media only screen and (max-width: 500px) {
.btn.btn-large {
margin: 0.5em auto;
width: 100%;
}
}
.btn.btn-medium {
font-size: 16px;
min-height: 37px;
min-width: 104px;
padding: 10.5px 2em;
}
@media only screen and (max-width: 500px) {
.btn.btn-medium {
margin: 0.5em auto;
width: 100%;
}
}
.btn.btn-select {
font-size: 16px;
min-height: 27px;
min-width: 104px;
padding: 5.5px 2em;
}
.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 {
margin: 0.5em auto;
width: 30%;
}
}
.btn.btn-small {
display: block;
line-height: 50px;
margin: 0.5em auto;
padding: 0;
width: 100%;
}
@media only screen and (min-width: 500px) {
.btn.btn-small {
display: inline-block;
font-size: 13px;
line-height: 1em;
margin-right: 0.5em;
min-height: 37px;
min-width: 98px;
padding: 12px 1em;
width: auto;
}
}
.akira-button {
background: #333;
border: none;
color: #fff;
display: inline-block;
font-weight: 500;
margin: 0;
}
.akira-button,
.akira-button.btn-medium {
padding: 0.5em 1em;
}
.akira-button:active,
.akira-button:hover {
background-color: #4d4d4d;
}
.akira-button:disabled {
background-color: #333;
color: #333;
}
.akira-button:disabled.waiting {
color: #333;
}
.akira-button.akira-button-red {
background-color: #e50914;
color: #fff;
}
.akira-button.akira-button-red:active,
.akira-button.akira-button-red:hover {
background-color: #ee000c;
}
.akira-button.akira-button-red:disabled {
background-color: rgba(229, 9, 20, 0.3);
color: #4d4d4d;
}
.outline-btn {
background-color: transparent;
border: 2px solid #e50914;
border-radius: 2px;
box-sizing: border-box;
color: #e50914;
cursor: pointer;
display: inline-block;
padding: 13px 2em;
text-decoration: none;
}
.outline-btn:focus,
.outline-btn:hover {
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 {
border-color: #fff;
color: #fff;
}
.outline-btn.outline-btn-white:hover {
background-color: hsla(0, 0%, 86%, 0.3);
text-decoration: none;
}
.outline-btn.outline-btn-white:active {
background-color: hsla(0, 0%, 86%, 0.45);
}
.basic-spinner {
animation: full-rotation 1s linear infinite;
animation-direction: normal;
background-image: url(https://assets.nflxext.com/ffe/siteui/common/site-spinner-240.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
display: inline-block;
height: 57px;
margin: 0 auto;
opacity: 1;
width: 57px;
}
.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 {
left: 50%;
position: fixed;
top: 50%;
z-index: 2000;
}
.center-absolute {
left: 50%;
position: absolute;
top: 50%;
z-index: 1;
}
.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);
}
@keyframes full-rotation {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(1turn);
}
}
.basic-spinner-region {
position: relative;
}
.basic-spinner-region.isLoading:before {
background-color: hsla(0, 0%, 100%, 0.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.nfHeader {
background-color: #fafafa;
border-bottom: 1px solid #dcdde0;
z-index: 2;
}
.nfHeader,
.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 {
color: #e50914;
float: left;
font-size: 2.8em;
line-height: 90px;
text-decoration: none;
vertical-align: middle;
}
@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:focus,
.nfLogo:hover {
text-decoration: none;
}
.nfLogo.signupBasicHeader {
margin-left: 3%;
}
.svg-nfLogo {
fill: #e50914;
display: inline-block;
line-height: 90px;
text-decoration: none;
vertical-align: middle;
}
.svg-nfLogo .svg-icon-netflix-logo {
height: 45px;
vertical-align: middle;
width: 167px;
}
@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;
}
.svg-nfLogo .svg-icon-netflix-logo {
height: 20px;
padding-top: 12px;
width: 75px;
}
}
.svg-nfLogo.signupBasicHeader {
margin-left: 3%;
}
.authLinks {
color: #e50914;
float: right;
font-size: 1.2em;
font-weight: 500;
line-height: 90px;
}
@media screen and (max-width: 700px) {
.authLinks {
font-size: 1em;
line-height: 75px;
}
}
@media screen and (max-width: 440px) {
.authLinks {
font-size: 0.8em;
line-height: 45px;
}
}
.authLinks.signupBasicHeader {
margin: 0 3%;
}
@media screen and (max-width: 440px) {
.authLinks.signupBasicHeader {
margin: 0 10px;
}
}
.lang-selection-container {
margin-top: 20px;
}
.lang-selection-container .ui-label {
clip: rect(0 0 0 0);
border: 0;
display: block;
height: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.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 {
padding-right: 26px;
text-indent: 0;
}
.lang-selection-container .ui-select {
background-color: #fff;
background-image: linear-gradient(180deg, #fff, #f7f7f7);
font-size: 13px;
}
.ui-select-wrapper {
display: inline-block;
position: relative;
}
.ui-select-wrapper > .ui-label {
margin-bottom: 0;
}
.ui-select-wrapper .select-arrow {
display: inline-block;
position: relative;
width: 100%;
}
.ui-select-wrapper .select-arrow:after {
color: #000;
content: "\e898";
font-family: nf-icon;
font-size: 6px;
pointer-events: none;
position: absolute;
}
.ui-select-wrapper .select-arrow.medium:after {
right: 10px;
top: 18px;
}
.ui-select-wrapper .select-arrow.medium:before {
left: 15px;
top: 11px;
}
.ui-select-wrapper .select-arrow.prefix.globe:before {
content: "\e896";
}
.ui-select-wrapper .select-arrow.prefix:before {
color: #000;
font-family: nf-icon;
font-size: 16px;
pointer-events: none;
position: absolute;
}
.ui-select-wrapper .select-arrow.prefix .ui-select.medium {
line-height: 1.7;
padding-left: 50px;
text-indent: 2px;
}
.ui-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: 1px solid #b3b3b3;
border-radius: 2px;
font-size: 16px;
width: 100%;
}
.ui-select::-ms-expand {
display: none;
}
.ui-select.error {
border-color: #b00500;
}
.ui-select.valid {
border-color: #5fa53f;
}
.ui-select.medium {
padding: 12px;
}
html {
background-color: #f3f3f3;
}
.minHeight {
min-height: 2200px;
}
.in-transition {
transition: transform 0.9s ease;
}
h1,
h2,
h3,
h4,
h5 {
margin-bottom: 10px;
}
.centerContainer {
box-sizing: border-box;
margin: 0 auto 15px;
max-width: 978px;
padding: 20px 3% 60px;
}
.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 {
color: #333;
font-size: 24px;
font-weight: 400;
}
@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 {
height: 0;
opacity: 0;
position: absolute;
width: 0;
}
.error {
color: #b00500;
}
.link {
cursor: pointer;
}
.signupTerms {
color: grey;
font-size: 13px;
}
.signupTermsError {
color: #b00500;
font-size: 16px;
}
#homelist {
background-color: #dad8d3;
}
.rgba #homelist {
background: linear-gradient(180deg, hsla(45, 18%, 87%, 0.6) 0, hsla(47, 5%, 63%, 0.6));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99e3e0d7",endColorstr="#99a6a49d",GradientType=0);
}
.listitems.contents {
padding-bottom: 30px;
padding-top: 30px;
}
.listitems ul {
display: table;
margin: 0 auto;
}
.listitems li {
color: #444;
float: left;
font-size: 14px;
text-align: center;
vertical-align: top;
width: 30%;
}
.listitems .icon {
height: 53px;
margin: 0 auto 10px;
max-width: 147px;
}
.listitems .c1 .icon {
background-position: 50% 0;
}
.listitems .c2 .icon {
background-position: 50%;
}
.listitems .c3 .icon {
background-position: 50% 100%;
}
.listitems .c1,
.listitems .c2 {
padding-right: 2.25%;
}
.listitems .c2 {
padding-left: 2.25%;
}
.no-flexbox .listitems .c2 {
padding-left: 0;
padding-right: 0;
}
.listitems .c3 {
padding-left: 2.25%;
}
.listitems li {
display: table-cell;
float: none;
}
.listitems .c1 {
border-right: 1px solid #888;
}
.rgba .listitems .c1 {
border-right: 1px solid rgba(89, 89, 91, 0.2);
}
.listitems .c2 {
border-left: 1px solid #888;
border-right: 1px solid #888;
}
.rgba .listitems .c2 {
border-left: 1px solid hsla(0, 0%, 100%, 0.2);
border-right: 1px solid rgba(89, 89, 91, 0.2);
}
.listitems .c3 {
border-left: 1px solid #888;
}
.rgba .listitems .c3 {
border-left: 1px solid hsla(0, 0%, 100%, 0.2);
}
.listitems li strong {
color: #333;
font-weight: 400;
}
.listitems li img {
display: block;
margin: 0 auto 15px;
}
.listitems li .text {
margin: 0 auto;
max-width: 90%;
text-align: center;
}
@media screen and (max-width: 700px) {
#homelist {
padding: 20px 0;
}
.listitems ul {
display: block;
}
.display-table .listitems li,
.listitems li {
display: block;
float: none;
font-size: 14px;
line-height: 16px;
margin: 0 auto;
width: 100%;
}
.display-table .listitems .c1,
.listitems .c1,
.rgba.display-table .listitems .c1 {
border-bottom: 1px solid #59595b;
border-right: none;
padding-bottom: 20px;
padding-right: 0;
}
.rgba .listitems .c1,
.rgba.display-table .listitems .c1 {
border-bottom: 1px solid rgba(89, 89, 91, 0.2);
border-right: 0;
}
.display-table .listitems .c2,
.listitems .c2,
.no-flexbox .listitems .c2,
.rgba.display-table .listitems .c2 {
border: none;
border-bottom: 1px solid #59595b;
border-top: 1px solid #fff;
margin: 0 auto;
padding: 20px 0;
}
.rgba .listitems .c2,
.rgba.display-table .listitems .c2 {
border-bottom: 1px solid rgba(89, 89, 91, 0.2);
border-left: 0;
border-right: 0;
border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}
.display-table .listitems .c3,
.listitems .c3,
.rgba.display-table .listitems .c3 {
border-left: none;
border-top: 1px solid #fff;
padding-left: 0;
padding-top: 20px;
}
.rgba .listitems .c3,
.rgba.display-table .listitems .c3 {
border-left: 0;
border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}
}
.cust-icon img {
height: 53px;
margin: 0 auto 10px;
max-width: 146px;
transform: scale(2);
}
.title-logo-set {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 11;
}
.title-logo {
background: none;
bottom: 0;
opacity: 0;
padding: 0 3%;
position: absolute;
}
.title-logo img {
max-width: 900px;
width: 64vw;
}
.title-logo-active {
animation: fadelogo 1s ease-in;
opacity: 1;
}
@keyframes fadelogo {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.concord-with-bullets .title-logo {
margin-bottom: 110px;
}
@media (max-width: 440px) {
.concord-with-bullets .title-logo {
margin-bottom: 40px;
}
}
@media (max-aspect-ratio: 4/5) and (orientation: landscape), (max-width: 740px) and (orientation: landscape) {
.concord-with-bullets .title-logo {
margin-bottom: 0;
}
.concord-with-bullets .title-logo .title-logo-text-wrapper {
text-align: left;
}
}
.title-message {
background-color: #000;
background: none;
font-size: 20px;
font-weight: 300;
letter-spacing: 0.2px;
margin: 10px 0;
overflow: hidden;
position: relative;
}
.title-message .title-message-text {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
margin-left: 14px;
margin-top: -7px;
padding: 8px 0;
position: relative;
white-space: normal;
}
.title-message .title-message-text:before {
background-color: red;
bottom: 9px;
color: transparent;
content: "|";
left: -9px;
line-height: 0.8;
position: absolute;
top: 1px;
width: 5px;
}
.title-message .title-message-text span {
display: inline-block;
padding-right: 10px;
white-space: nowrap;
}
.title-message .title-message-text .bold {
display: inline-block;
font-weight: 500;
white-space: nowrap;
}
@media (max-width: 650px) {
.title-logo {
width: 100%;
}
.title-message .title-message-text {
display: inline-block;
text-align: left;
}
.title-message .title-message-text span {
display: block;
}
}
@media (max-width: 650px) and (orientation: landscape) {
.title-logo .title-logo-text-wrapper .netflix-original {
font-size: 1em;
}
.title-logo .title-logo-text-wrapper .title-logo-text {
font-size: 0.8em;
}
.title-logo .title-message {
font-size: 15px;
}
}
@media (max-width: 650px) and (orientation: portrait) {
.title-message > div {
text-align: center;
}
}
.title-logo-text-wrapper {
display: none;
margin: 2px 0;
}
.title-logo-text-wrapper .netflix-original,
.title-logo-text-wrapper .title-logo-text {
margin: 2px 0;
}
.title-logo-text-wrapper .netflix-original {
font-size: 1.2em;
}
.title-logo-text-wrapper .title-logo-text {
font-size: 1.8em;
font-weight: 500;
}
@media (max-width: 650px) {
.title-logo img {
display: none;
}
.title-logo-text-wrapper {
display: block;
text-align: center;
}
.title-message {
margin-top: 10px;
}
}
@media (orientation: landscape) and (max-width: 740px) {
.title-logo img {
display: none;
}
.title-logo-text-wrapper {
display: block;
text-align: center;
}
.title-message {
margin-top: 10px;
}
}
.ui-label,
.ui-label-no-margin {
color: #8c8c8c;
display: block;
font-size: 16px;
font-weight: 400;
}
@media only screen and (max-width: 740px) {
.ui-label,
.ui-label-no-margin {
font-size: 13px;
}
}
.ui-label-no-margin.inline,
.ui-label.inline {
display: inline-block;
}
.ui-label-no-margin.inline .ui-text-input,
.ui-label.inline .ui-text-input {
margin-bottom: 0;
}
.ui-label-no-margin.nmHomeTextInput .ui-label-text,
.ui-label.nmHomeTextInput .ui-label-text {
margin-right: 1ex;
}
.ui-label-no-margin.nmHomeTextInput .input-password-input,
.ui-label-no-margin.nmHomeTextInput .ui-text-input,
.ui-label.nmHomeTextInput .input-password-input,
.ui-label.nmHomeTextInput .ui-text-input {
background-color: rgba(0, 0, 0, 0.8);
border-color: #737373;
color: #fff;
font-size: 23px;
}
.ui-label {
margin-bottom: 6px;
}
.icon-error {
color: #b92d2b;
}
.icon-valid {
color: #0071eb;
}
.ui-input-wrapper {
display: inline-block;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 500px) {
.ui-input-wrapper {
display: block;
}
}
.ui-input-label {
padding-bottom: 32px;
position: relative;
}
.ui-readonly-value {
color: #333;
margin-bottom: 20px;
padding: 10px 0;
}
.nfTextField {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #8c8c8c;
border-radius: 2px;
box-sizing: border-box;
color: #000;
display: block;
font-size: 16px;
height: 44px;
padding: 10px 11px;
width: 100%;
}
.nfTextField.large {
padding: 14px 11px;
}
@media only screen and (max-width: 740px) {
.nfTextField.large {
font-size: 16px;
padding: 11px;
}
}
.nfTextField.small {
font-size: 14px;
padding: 5px 8px;
}
@media only screen and (max-width: 740px) {
.nfTextField.small {
font-size: 16px;
padding: 8px 11px;
}
}
.nfTextField:invalid,
.nfTextField:valid {
box-shadow: none;
}
.nfTextField:focus {
border-color: #0071eb;
outline: none;
}
.error > .nfTextField,
.nfTextField.error {
border-color: #b92d2b;
}
.nfTextField.valid,
.valid > .nfTextField {
border-color: #5fa53f;
}
.nfTextField.warning,
.warning > .nfTextField {
border-color: #ffa00a;
}
.nfTextField:disabled {
border-color: #ccc;
color: #a6a6a6;
}
.ui-input-label .ui-text-input + .icon-lock {
bottom: 20px;
color: #8c8c8c;
font-size: 19px;
position: absolute;
right: 10px;
}
.nfInput {
max-width: 500px;
}
.nfInput,
.nfInput .nfInputPlacement {
position: relative;
}
.nfInput .nfInputPlacement.showInvalidIcon .nfTextField,
.nfInput .nfInputPlacement.showValidIcon .nfTextField {
padding-right: 40px;
}
.nfInput .nfInputPlacement.showValidIcon:after {
border-bottom: 1px solid #0071eb;
border-left: 1px solid #0071eb;
content: "";
height: 8px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-100%) rotate(-45deg);
width: 20px;
}
.nfInput .nfInputPlacement.showInvalidIcon:after {
color: #b92d2b;
content: "\00d7";
font-size: 27px;
font-weight: 100;
height: 20px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-100%);
width: 20px;
}
.nfInput .placeLabel {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
left: 16px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease;
}
@media only screen and (min-width: 740px) {
.nfInput .placeLabel {
font-size: 16px;
}
}
.nfInput .nfTextField {
height: 56px;
padding: 10px 10px 0;
width: 100%;
}
.nfInput .hasText + .placeLabel,
.nfInput .nfTextField:focus + .placeLabel {
font-size: 11px;
top: 4px;
transform: translateY(0);
}
.nfInput .nfTextField:-webkit-autofill + .placeLabel {
font-size: 11px;
top: 4px;
transform: translateY(0);
}
.nfInput .inputError {
color: #b92d2b;
font-size: 13px;
}
.nfInput .inputCaption {
color: #8c8c8c;
font-size: 13px;
}
.nfInput.validated .nfTextField {
border-color: #5fa53f;
}
.nfInput .nfTextField::-moz-placeholder {
opacity: 0;
}
.nfInput .nfTextField::placeholder {
opacity: 0;
}
.nfInput .nfTextField:focus::-moz-placeholder {
opacity: 1;
}
.nfInput .nfTextField:focus::placeholder {
opacity: 1;
}
.nfInput.nmHomeTextInput .ui-label-text {
margin-right: 1ex;
}
.nfInput.nmHomeTextInput .nfTextField {
background-color: rgba(0, 0, 0, 0.8);
border-color: #737373;
color: #fff;
font-size: 18px;
}
.nfInput.nmHomeTextInput .nfTextField.error {
border-color: #ffa00a;
}
.nfInput.nmHomeTextInput .inputError {
color: #ffa00a;
}
.nfInput.nmHomeTextInput .inputError a {
color: #ffa00a;
text-decoration: underline;
}
.nfInput.nfInputOversize .nfTextField {
height: 60px;
}
.nfInput.nfInputOversize .hasText + .placeLabel,
.nfInput.nfInputOversize .nfTextField:focus + .placeLabel {
font-size: 13px;
font-weight: 500;
top: 6px;
}
.nfInput.nfInputOversize .nfTextField:-webkit-autofill + .placeLabel {
font-size: 13px;
font-weight: 500;
top: 6px;
}
@media screen and (min-width: 740px) {
.nfInput.nfInputResponsive .nfTextField {
height: 60px;
}
.nfInput.nfInputResponsive .hasText + .placeLabel,
.nfInput.nfInputResponsive .nfTextField:focus + .placeLabel {
font-size: 13px;
font-weight: 500;
top: 6px;
}
.nfInput.nfInputResponsive .nfTextField:-webkit-autofill + .placeLabel {
font-size: 13px;
font-weight: 500;
top: 6px;
}
}
.nfInput.externalLabel .nfTextField {
padding: 0 10px;
}
.nfInput.externalLabel .hasText + .placeLabel,
.nfInput.externalLabel .nfTextField:focus + .placeLabel,
.nfInput.externalLabel .placeLabel {
font-size: 16px;
left: 0;
top: 0;
transform: translateY(0);
}
.nfInput .tooltipWrapper {
background: transparent;
border: 0;
padding: 0;
position: absolute;
right: 10px;
top: 17px;
}
.nfInput.hasLogo .nfInputPlacement,
.nfInput.tooltip .nfInputPlacement,
.nfInput.tooltipError .nfInputPlacement {
width: 100%;
}
.nfInput.hasLogo .nfTextField,
.nfInput.tooltip .nfTextField,
.nfInput.tooltipError .nfTextField {
border: 1px solid #8c8c8c;
border-radius: 2px;
padding: 10px 55px 0 10px;
}
.nfInput.hasLogo .nfTextField:focus,
.nfInput.tooltip .nfTextField:focus,
.nfInput.tooltipError .nfTextField:focus {
border-color: #0071eb;
outline: none;
}
.nfInput.tooltipError .nfTextField {
border-color: #b92d2b;
}
.nfInput.tooltipError .nfTextField:focus {
border-color: #b92d2b;
outline: none;
}
.nfInput.tooltipValidated .nfTextField {
border-color: #5fa53f;
}
.nfInput.tooltipValidated .nfTextField:focus {
border-color: #5fa53f;
outline: none;
}
.nfLabel {
color: #333;
font-size: 16px;
}
.background-dark {
color: inherit;
}
.hidden {
display: none;
}
.nfFormSpace {
margin-bottom: 10px;
}
.nfFormSpace.no-padding .signupTerms {
margin-left: 0;
margin-right: 0;
}
.recaptcha-terms-of-use {
position: relative;
text-align: left;
}
.recaptcha-terms-of-use--link-button {
background-color: transparent;
border: none;
color: #0071eb;
cursor: pointer;
display: inline;
font-family: inherit;
font-size: inherit;
padding: 0;
}
.recaptcha-terms-of-use--link-button:hover {
text-decoration: underline;
}
.recaptcha-terms-of-use--link-button:focus {
outline: none;
}
.recaptcha-terms-of-use--link-button.-hidden {
visibility: hidden;
}
.recaptcha-terms-of-use--disclosure {
opacity: 0;
transition: height 0.5s ease, opacity 0.5s ease;
visibility: hidden;
}
.recaptcha-terms-of-use--disclosure.-visible {
opacity: 1;
visibility: visible;
}
.recaptcha-terms-of-use--disclosure.-absolute {
position: absolute;
}
.grecaptcha-badge {
display: none;
}
.cta-wrapper {
font-size: 1.8vw;
left: 0 /*!rtl:ignore*/;
margin: 0 3%;
position: absolute;
transform: translateY(-50%);
width: 94%;
z-index: 13;
}
.cta-wrapper .cta-headline,
.cta-wrapper .cta-pitch {
color: #fff;
font-weight: 500;
line-height: 1.1em;
margin: 0 0 0.2em;
text-shadow: 1px 1px 10px #000;
}
@media (min-width: 658px), (orientation: landscape) {
.cta-wrapper .cta-headline,
.cta-wrapper .cta-pitch {
font-size: 2.5em;
}
}
.cta-wrapper .cta-pitch {
font-size: 3em;
}
@media (max-width: 658px) {
.cta-wrapper .cta-text .cta-pitch {
font-size: 2.5em;
}
}
.cta-wrapper .cta-headline {
font-size: 20pt;
}
@media (min-width: 658px) {
.cta-wrapper .cta-headline {
font-size: 2em;
}
}
.cta-wrapper .cta-former-member-greeting,
.cta-wrapper .cta-pricing {
font-size: 1em;
margin: 0 0 0.5em;
}
@media (max-width: 700px) {
.cta-wrapper .cta-former-member-greeting,
.cta-wrapper .cta-pricing {
font-size: 1.2em;
}
}
.cta-wrapper .cta-former-member-greeting .hero-link,
.cta-wrapper .cta-pricing .hero-link {
color: inherit;
text-decoration: underline;
}
.cta-wrapper .cta-former-member-greeting {
font-weight: 500;
text-shadow: 1px 1px 10px #000;
}
.cta-wrapper .outline-btn-white.outline-btn {
font-size: 18px;
}
.cta-wrapper .cta-link-wrapper .btn,
.cta-wrapper .cta-pricing,
.cta-wrapper .outline-btn {
font-weight: 400;
}
.cta-wrapper .cta-link-wrapper .extra-free-trial.btn {
text-transform: none;
}
.cta-wrapper .cta-link-wrapper .btn {
letter-spacing: 1.9px;
}
.cta-wrapper .cta-link-wrapper .btn,
.cta-wrapper .outline-btn {
font-size: 14px;
}
.cta-wrapper .cta-pricing {
font-size: 1.3em;
letter-spacing: 0.2px;
}
@media (min-width: 658px) {
.cta-wrapper .cta-pricing {
font-size: 1em;
}
}
@media (max-width: 320px) {
.cta-wrapper .cta-pricing {
padding: 0 10px;
}
}
.cta-wrapper .cta-pricing.link-treatment {
position: relative;
text-decoration: underline;
}
.cta-wrapper .cta-pricing.link-treatment .hero-link:after {
bottom: 0;
content: "";
display: inline;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
@media (max-aspect-ratio: 4/5) and (orientation: portrait), (max-width: 1000px) and (orientation: portrait) {
.cta-wrapper {
font-size: 3.2vw;
margin-top: 30px;
max-width: 100%;
text-align: center;
top: 8vw;
transform: none;
}
}
@media (max-width: 400px) {
.cta-wrapper {
margin-top: 0;
}
}
@media (max-width: 500px) and (orientation: landscape) {
.cta-wrapper {
max-width: 53%;
}
}
@media (max-width: 700px) {
.cta-wrapper .cta-link-wrapper .btn,
.cta-wrapper .outline-btn {
font-size: 15px;
}
}
@media (max-width: 658px) {
.cta-wrapper .cta-link-wrapper .btn,
.cta-wrapper .outline-btn {
min-height: 32px;
padding: 18px 28px;
width: auto;
}
}
@media (max-width: 1000px) and (orientation: landscape) {
.cta-wrapper {
max-width: 60%;
top: 60%;
}
}
@media (max-aspect-ratio: 3/2) and (max-height: 400px) {
.cta-wrapper {
max-width: 100%;
text-align: center;
}
}
@media (max-width: 1000px) and (orientation: portrait) {
.cta-wrapper {
bottom: 44px;
position: absolute;
top: auto;
}
.cta-wrapper .cta-link-wrapper .btn {
margin: 1em auto;
}
.cta-wrapper .outline-btn {
margin-bottom: 1em;
}
}
@media (max-width: 1000px) {
.cta-wrapper .cta-former-member-greeting {
font-size: 1.5em;
}
}
@media (min-width: 1000px) {
.cta-wrapper {
max-width: 60%;
top: 45%;
}
}
@media (max-width: 658px) {
.cta-wrapper .cta-link-wrapper .btn.btn-large,
.cta-wrapper .outline-btn {
line-height: 1.3em;
min-height: 32px;
padding: 16px 20px;
width: auto;
}
.cta-wrapper .cta-link-wrapper .btn.btn-large.long-text,
.cta-wrapper .outline-btn.long-text {
font-size: 13px;
padding: 18px 10px;
}
}
@media (max-aspect-ratio: 4/5) {
.concord-with-title .cta-wrapper {
top: 40%;
}
.concord-with-title .cta-wrapper .cta-pitch {
font-size: 1.7em;
line-height: 1em;
margin: 0 0 0.5em;
}
}
.cta-text {
position: relative;
top: 0;
}
.cta-call {
font-size: 12pt;
}
@media (min-width: 658px) {
.cta-call {
font-size: 1em;
}
}
.cta-smallForm {
display: inline-block;
min-width: 270px;
}
.cta-codeEntry {
width: 14em;
}
@keyframes slideup {
0% {
top: 20px;
}
}
.cta-link {
color: #e50914;
font-size: 16px;
}
.cta-link-secondary {
color: #a6a6a6;
font-size: 16px;
}
.cta-link-wrapper {
opacity: 1;
}
.cta-link-wrapper button {
outline: 0;
white-space: normal;
}
.hero-cta-btn {
font-size: 26px;
padding: 14.5px 1em;
}
@media screen and (max-width: 1340px) {
.hero-cta-btn {
font-size: 22px;
}
}
@media screen and (max-width: 990px) {
.hero-cta-btn {
font-size: 20px;
margin-bottom: 40px;
min-height: 44px;
min-width: 108px;
padding: 13px 2em;
}
}
@media screen and (max-width: 495px) {
.hero-cta-btn {
font-size: 18px;
}
}
@media screen and (max-width: 500px) {
.hero-cta-btn {
width: auto;
}
}
.recaptcha-terms-of-use {
color: #8c8c8c;
font-size: 14px;
margin: 18px auto 0;
max-width: 364px;
}
@media (max-width: 1000px) and (orientation: landscape), (min-width: 1000px) {
.recaptcha-terms-of-use {
margin: 18px 0 0;
}
}
@media (min-width: 1000px) {
.gift-old-browser-error-text,
.gift-redemption-down-text {
max-width: 76%;
}
}
.gift-old-browser-error-link {
color: #fff;
text-decoration: underline;
}
#this-is-netflix {
margin-top: 0;
position: relative;
}
#this-is-netflix.animate-tin-peek {
animation-duration: 1s;
animation-iteration-count: 1;
animation-name: show-tin-peek;
animation-timing-function: ease-in-out;
background-color: #1a1a1a;
}
@keyframes show-tin-peek {
0% {
margin-top: 100px;
}
to {
margin-top: 0;
}
}
.tin-nav {
background-color: #141414;
border-bottom: 2px solid #3d3d3d;
border-right: none;
padding-top: 15px;
}
@media (max-width: 700px) {
.tin-nav {
border-width: 1px;
}
}
@media (max-width: 1000px) {
.tin-nav {
padding-top: 0;
}
}
.tin-nav .tin-header {
cursor: pointer;
text-align: center;
}
.tin-nav .tin-header .tin-small-title,
.tin-nav .tin-header .tin-title {
display: none;
}
@media screen and (min-width: 768px) {
.tin-nav .tin-header .tin-small-title {
display: none;
}
}
@media screen and (max-width: 767px) {
.tin-nav .tin-header .tin-title {
display: none;
}
}
.tin-nav .tin-header:hover .tin-small-title,
.tin-nav .tin-header:hover .tin-title {
fill: #fff;
color: #fff;
}
.tin-nav .tin-nav-list {
margin: 0 auto;
padding-top: 20px;
width: 80%;
}
@media screen and (max-width: 480px) {
.tin-nav .tin-nav-list {
width: 100%;
}
}
@media (max-width: 700px) {
.tin-nav .tin-nav-list {
padding-top: 15px;
}
}
.tin-nav .tin-nav-list .tin-nav-cell {
fill: #777;
border-right: none;
box-sizing: border-box;
color: #777;
cursor: pointer;
display: inline-block;
padding: 0 1px;
vertical-align: top;
width: 25%;
}
@media (max-width: 700px) {
.tin-nav .tin-nav-list .tin-nav-cell {
font-size: 15px;
}
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-icon-svg {
text-align: center;
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-icon .svg-icon {
display: block;
height: 49px;
}
@media screen and (max-width: 899px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-icon .svg-icon {
display: none;
}
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-small-icon.tin-icon-svg:before {
display: none;
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-small-icon .svg-icon {
display: inline-block;
height: 34px;
width: 100%;
}
@media screen and (min-width: 900px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-small-icon .svg-icon {
display: none;
}
}
@media screen and (max-width: 899px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-small-icon .svg-icon {
font-size: 48px;
}
}
@media screen and (max-width: 767px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-small-icon .svg-icon {
font-size: 32px;
}
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container {
box-sizing: border-box;
height: 125px;
}
@media screen and (max-width: 900px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container {
height: 100px;
}
}
@media screen and (max-width: 767px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container {
height: 80px;
}
}
@media (max-width: 700px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container {
height: 70px;
}
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-icon-image {
height: 45%;
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-icon-image img {
height: 100%;
pointer-events: none;
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-icon:before {
font-family: nf-icon;
}
@media screen and (min-width: 900px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-icon:before {
font-size: 48px;
}
}
@media screen and (max-width: 899px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-icon:before {
display: none;
}
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-small-icon:before {
font-family: nf-icon;
}
@media screen and (min-width: 900px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-small-icon:before {
display: none;
}
}
@media screen and (max-width: 899px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-small-icon:before {
font-size: 48px;
}
}
@media screen and (max-width: 767px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-small-icon:before {
font-size: 32px;
}
}
@media screen and (min-width: 768px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .icon-cross-device-screens:before {
font-size: 48px;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .icon-cross-device-screens:before {
font-size: 32px;
}
}
@media screen and (max-width: 480px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .icon-cross-device-screens:before {
font-size: 16px;
}
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-cell-text,
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-icon,
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-small-icon {
text-align: center;
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-cell-text svg,
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-icon svg,
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-small-icon svg {
width: 100%;
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-cell-text {
color: #777;
font-weight: 500;
margin-top: 10px;
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-cell-text .text-short {
display: none;
}
@media screen and (min-width: 1440px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-cell-text {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-cell-text {
font-size: 16px;
}
}
@media screen and (max-width: 900px) {
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-cell-text .text-full {
display: none;
}
.tin-nav .tin-nav-list .tin-nav-cell .tin-cell-container .tin-cell-text .text-short {
display: inline;
}
}
.tin-nav .tin-nav-list .tin-nav-cell.active {
fill: #fff;
color: #fff;
}
.tin-nav .tin-nav-list .tin-nav-cell.active .tin-cell-text {
color: #fff;
}
.tin-nav .tin-nav-list .tin-nav-cell.active .tin-cell-container {
border-bottom: 5px solid #e50914;
}
@media (max-width: 700px) {
.tin-nav .tin-nav-list .tin-nav-cell.active {
padding: 0 7px;
}
.tin-nav .tin-nav-list .tin-nav-cell.active .tin-cell-container {
border-width: 3px;
}
}
.tin-nav .tin-nav-list .tin-nav-cell:hover:not(.is-mobile) {
fill: #fff;
color: #fff;
}
.tin-nav .tin-nav-list .tin-nav-cell:hover:not(.is-mobile) .tin-cell-text {
color: #fff;
}
.tin-nav .tin-nav-list .tin-nav-cell:last-child {
border-right: none;
}
.tin-nav .tin-nav-list.four-items .tin-nav-cell {
width: 25%;
}
.tin-nav .tin-nav-list.three-items .tin-nav-cell {
width: 33.3%;
}
.tin-nav .tin-nav-list.two-items .tin-nav-cell {
width: 50%;
}
.tin-nav .tin-nav-list.one-item .tin-nav-cell {
width: 100%;
}
.tin-module-selector {
display: none;
}
.tin-module-selector.tin-module-active {
display: block;
}
.tin-module {
margin: 0 auto;
max-width: 1400px;
padding: 40px 0;
width: 70%;
}
@media screen and (min-width: 900px) {
.tin-module {
min-height: 496px;
}
}
@media screen and (max-width: 990px) {
.tin-module {
padding-top: 20px;
}
}
@media screen and (max-width: 495px) {
.tin-module {
width: 90%;
}
}
@media screen and (max-width: 350px) {
.tin-module {
width: 100%;
}
}
.tin-module .cta-link-wrapper .cta-form {
font-size: 1.8vw;
}
.tin-module .cta-link-wrapper .cta-form .btn {
font-size: 14px;
letter-spacing: 1.9px;
padding: 18px 20px;
width: auto;
}
@media (max-width: 658px) {
.tin-module .cta-link-wrapper .cta-form .btn.long-text {
font-size: 13px;
padding: 18px 10px;
}
}
.tin-module .cta-link-wrapper .cta-form .extra-free-trial.btn {
text-transform: none;
}
@media (max-width: 700px) {
.tin-module .cta-link-wrapper .cta-form {
font-size: 3.2vw;
}
.tin-module .cta-link-wrapper .cta-form .btn {
font-size: 15px;
}
}
.tin-panes {
color: #fff;
height: 496px;
max-width: none;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}
.tin-panes .tin-panes-background {
background-color: #000;
margin-left: -175px;
width: calc(100% + 350px);
}
.tin-panes .tin-panes-background .bg-images-enter {
opacity: 0.01;
}
.tin-panes .tin-panes-background .bg-images-enter.bg-images-enter-active {
opacity: 0.25;
transition: opacity 0.5s ease-in;
}
.tin-panes .tin-panes-background .bg-images-exit {
opacity: 0.25;
}
.tin-panes .tin-panes-background .bg-images-exit.bg-images-exit-active {
opacity: 0.01;
transition: opacity 0.5s ease-in;
}
.tin-panes .tin-panes-background .tin-image-row-image {
display: inline-block;
height: 124px;
opacity: 0.25;
vertical-align: top;
width: 220px;
}
.tin-panes .tin-panes-content {
height: 55%;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 10%;
width: 75%;
}
@media screen and (max-width: 480px) {
.tin-panes .tin-panes-content {
width: 85%;
}
}
.tin-panes .tin-panes-content .tin-panes-content-head {
font-size: 54px;
font-weight: 500;
margin-bottom: 20px;
}
@media screen and (max-width: 1575px) {
.tin-panes .tin-panes-content .tin-panes-content-head {
font-size: 44px;
}
}
@media screen and (max-width: 990px) {
.tin-panes .tin-panes-content .tin-panes-content-head {
font-size: 32px;
}
}
@media screen and (max-width: 560px) {
.tin-panes .tin-panes-content .tin-panes-content-head {
font-size: 26px;
}
}
.tin-panes .tin-panes-content .tin-panes-content-subhead {
font-size: 36px;
}
@media screen and (max-width: 1575px) {
.tin-panes .tin-panes-content .tin-panes-content-subhead {
font-size: 28px;
}
}
@media screen and (max-width: 990px) {
.tin-panes .tin-panes-content .tin-panes-content-subhead {
font-size: 20px;
}
}
@media screen and (max-width: 560px) {
.tin-panes .tin-panes-content .tin-panes-content-subhead {
font-size: 16px;
}
}
.tin-panes .tin-panes-content .tin-panes-btn .btn {
margin: 0;
min-height: 44px;
}
@media screen and (max-width: 1500px) {
.tin-panes .tin-panes-content .tin-panes-btn .btn {
min-height: 44px;
min-width: 120px;
padding: 16px 1.5em;
}
}
@media screen and (max-width: 1295px) {
.tin-panes .tin-panes-content .tin-panes-btn .btn {
min-height: 32px;
padding: 14px 1em;
}
}
.tin-panes .tin-panes-content.sub-only {
top: 45%;
}
.tin-small-showcase {
max-width: 100%;
padding-top: 0;
width: 100%;
}
.tin-small-showcase .tin-small-header-wrapper {
background-color: #000;
padding: 40px 0;
}
.tin-small-showcase .tin-small-header {
margin: 0 auto;
width: 70%;
}
.tin-small-showcase .tin-small-header .tin-small-header-content {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}
@media screen and (min-width: 990px) {
.tin-module-device .tin-small-showcase .tin-small-header .tin-small-header-content {
padding-right: 12px;
}
}
.tin-small-showcase .tin-small-header .tin-small-header-content .tin-small-header-originals-link a {
color: #fff;
text-decoration: underline;
}
.tin-small-showcase .tin-small-header .tin-small-cta {
color: #fff;
font-size: 30px;
width: 70%;
}
.tin-small-showcase .tin-small-header .tin-small-cta .netflix-app-icon {
float: left;
margin-right: 20px;
width: 10%;
}
@media screen and (max-width: 990px) {
.tin-small-showcase .tin-small-header .tin-small-cta .netflix-app-icon {
display: block;
float: none;
margin: 0 auto;
max-width: 80px;
width: 100%;
}
}
@media screen and (max-width: 1730px) {
.tin-small-showcase .tin-small-header .tin-small-cta {
font-size: 26px;
}
}
@media screen and (max-width: 1500px) {
.tin-small-showcase .tin-small-header .tin-small-cta {
font-size: 22px;
}
}
@media screen and (max-width: 1295px) {
.tin-small-showcase .tin-small-header .tin-small-cta {
font-size: 19px;
}
}
@media screen and (max-width: 990px) {
.tin-small-showcase .tin-small-header .tin-small-cta {
font-size: 20px;
padding: 10px;
text-align: center;
width: 100%;
}
}
@media screen and (max-width: 495px) {
.tin-small-showcase .tin-small-header .tin-small-cta {
font-size: 17px;
}
}
.tin-small-showcase .tin-small-header .tin-small-btn {
text-align: center;
width: 30%;
}
@media screen and (max-width: 990px) {
.tin-small-showcase .tin-small-header .tin-small-btn {
width: 100%;
}
}
.tin-small-showcase .tin-small-header .tin-small-btn .btn {
margin: 0;
min-height: 44px;
}
@media screen and (max-width: 1500px) {
.tin-small-showcase .tin-small-header .tin-small-btn .btn {
min-height: 44px;
min-width: 120px;
padding: 16px 1.5em;
}
}
@media screen and (max-width: 1295px) {
.tin-small-showcase .tin-small-header .tin-small-btn .btn {
min-height: 32px;
padding: 18px 20px;
}
}
.tin-small-showcase .tin-small-content {
margin: 0 auto;
width: 70%;
}
.tin-small-showcase .tin-small-content .tin-small-block,
.tin-small-showcase .tin-small-content .tin-small-desc {
box-sizing: border-box;
display: inline-block;
padding: 20px 15px 0;
vertical-align: bottom;
width: 33%;
}
@media screen and (max-width: 900px) {
.tin-small-showcase .tin-small-content .tin-small-block,
.tin-small-showcase .tin-small-content .tin-small-desc {
width: 100%;
}
}
.tin-small-showcase .tin-small-content .tin-small-block .tin-small-block-img-tag,
.tin-small-showcase .tin-small-content .tin-small-desc .tin-small-block-img-tag {
height: auto;
width: 100%;
}
.tin-small-showcase .tin-small-content .tin-small-block .tin-small-desc-text,
.tin-small-showcase .tin-small-content .tin-small-desc .tin-small-desc-text {
text-align: center;
vertical-align: top;
}
.tin-small-showcase .tin-small-content .tin-small-block .tin-small-desc-text .tin-small-desc-headline,
.tin-small-showcase .tin-small-content .tin-small-desc .tin-small-desc-text .tin-small-desc-headline {
color: #fff;
font-weight: 500;
}
.tin-small-showcase .tin-small-content .tin-small-block .tin-small-desc-text .tin-small-desc-subhead,
.tin-small-showcase .tin-small-content .tin-small-desc .tin-small-desc-text .tin-small-desc-subhead {
color: #999;
}
@media screen and (min-width: 901px) {
.tin-small-showcase .tin-small-content .tin-small-block .tin-small-desc-text {
display: none;
}
}
.tin-small-showcase .tin-small-content .tin-small-block:not(:first-child) {
margin-top: 2em;
}
.tin-small-showcase .tin-small-content .tin-small-desc {
padding-top: 0;
vertical-align: top;
}
@media screen and (max-width: 900px) {
.tin-small-showcase .tin-small-content .tin-small-desc .tin-small-desc-text {
display: none;
}
}
@media screen and (max-width: 700px) {
.tin-pricing {
width: 90%;
}
}
@media screen and (max-width: 350px) {
.tin-pricing {
width: 100%;
}
}
.tin-pricing .tin-pricing-header {
text-align: center;
width: 100%;
}
.tin-pricing .tin-pricing-header .tin-pricing-header-btn,
.tin-pricing .tin-pricing-header .tin-pricing-header-text {
display: inline-block;
padding: 0 20px;
}
@media screen and (max-width: 700px) {
.tin-pricing .tin-pricing-header .tin-pricing-header-btn,
.tin-pricing .tin-pricing-header .tin-pricing-header-text {
padding: 0;
}
}
.tin-pricing .tin-pricing-header .tin-pricing-headline {
color: #fff;
padding: 0 10px;
}
.tin-pricing .tin-pricing-table {
margin-top: 20px;
width: 100%;
}
@media screen and (max-width: 700px) {
.tin-pricing .tin-pricing-table .tin-table-header {
width: 100%;
}
}
.tin-pricing .tin-pricing-table .tin-table-header .tin-pricing-th {
color: #fff;
padding: 10px;
text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
.tin-pricing .tin-pricing-table .tin-table-header .tin-pricing-th {
font-size: 0.8em;
padding: 10px;
}
}
@media screen and (max-width: 700px) {
.tin-pricing .tin-pricing-table .tin-table-header .tin-pricing-th:first-child {
display: none;
}
}
.tin-pricing .tin-pricing-table .tin-table-header .tin-pricing-th:not(:first-child) {
white-space: nowrap;
width: 16.66667%;
}
@media screen and (max-width: 700px) {
.tin-pricing .tin-pricing-table .tin-table-header .tin-pricing-th:not(:first-child) {
box-sizing: border-box;
min-width: 33%;
text-align: center;
width: 33%;
}
}
.tin-pricing .tin-pricing-table.tin-pricing-table--has4Plans .tin-table-header .tin-pricing-th:not(:first-child) {
width: 12.5%;
}
@media screen and (max-width: 700px) {
.tin-pricing .tin-pricing-table.tin-pricing-table--has4Plans .tin-table-header .tin-pricing-th:not(:first-child) {
min-width: 25%;
width: 25%;
}
}
.tin-pricing .tin-pricing-table .alt-header {
display: none;
}
@media screen and (max-width: 700px) {
.tin-pricing .tin-pricing-table .alt-header {
display: table-row;
}
}
.tin-pricing .tin-pricing-table .alt-header > .tin-pricing-th {
color: #999;
font-size: 12px;
font-weight: 400;
padding: 10px 0;
}
@media (max-width: 320px) {
.tin-pricing .tin-pricing-table .alt-header > .tin-pricing-th {
padding: 10px;
}
}
.tin-pricing .tin-pricing-table .tin-pricing-table-row .tin-pricing-table-data {
color: #999;
padding: 10px 20px;
}
@media screen and (max-width: 700px) {
.tin-pricing .tin-pricing-table .tin-pricing-table-row .tin-pricing-table-data {
font-size: 14px;
font-weight: 500;
padding: 5px 10px;
}
.tin-pricing .tin-pricing-table .tin-pricing-table-row .tin-pricing-table-data .icon {
font-size: 18px;
}
.tin-pricing .tin-pricing-table .tin-pricing-table-row .tin-pricing-table-data:first-child {
display: none;
}
}
.tin-pricing .tin-pricing-table .tin-pricing-table-row .tin-pricing-table-data:not(:first-child) {
text-align: center;
}
@media screen and (max-width: 700px) {
.tin-pricing .tin-pricing-table .tin-pricing-table-row .tin-pricing-table-data:not(:first-child) {
border-right: 1px solid #262626;
}
.tin-pricing .tin-pricing-table .tin-pricing-table-row .tin-pricing-table-data:last-child {
border-right: 0;
}
}
.tin-pricing .tin-pricing-table .tin-pricing-table-row:nth-child(4n + 1):not(:first-child) {
background-color: #222;
}
@media screen and (max-width: 700px) {
.tin-pricing .tin-pricing-table .tin-pricing-table-row:nth-child(4n + 1):not(:first-child) {
background-color: inherit;
}
}
.tin-large-showcase .tin-large-cta {
display: inline-block;
height: auto;
position: relative;
top: 70px;
vertical-align: top;
width: 50%;
}
@media screen and (max-width: 1340px) {
.tin-large-showcase .tin-large-cta {
font-size: 24px;
top: 70px;
}
}
@media screen and (max-width: 990px) {
.tin-large-showcase .tin-large-cta {
text-align: center;
top: 20px;
width: 100%;
}
}
.tin-large-showcase .tin-large-cta .tin-large-cta-text {
color: #fff;
font-size: 32px;
margin-bottom: 20px;
position: relative;
}
@media screen and (max-width: 1340px) {
.tin-large-showcase .tin-large-cta .tin-large-cta-text {
font-size: 24px;
}
}
@media screen and (max-width: 990px) {
.tin-large-showcase .tin-large-cta .tin-large-cta-text {
margin-bottom: 5px;
}
}
@media screen and (max-width: 495px) {
.tin-large-showcase .tin-large-cta .tin-large-cta-text {
font-size: 20px;
}
}
@media screen and (max-width: 350px) {
.tin-large-showcase .tin-large-cta .tin-large-cta-text {
padding: 0 10px;
}
}
.tin-large-showcase .tin-large-cta .tin-large-cta-subhead {
color: #999;
font-size: 16px;
font-weight: 400;
margin: 5px 0;
text-align: center;
}
.tin-large-showcase .tin-large-cta .large-showcase-btn {
font-size: 26px;
}
@media screen and (max-width: 1340px) {
.tin-large-showcase .tin-large-cta .large-showcase-btn {
font-size: 22px;
}
}
@media screen and (max-width: 990px) {
.tin-large-showcase .tin-large-cta .large-showcase-btn {
margin-bottom: 40px;
min-height: 44px;
min-width: 108px;
padding: 13px 2em;
}
}
@media screen and (max-width: 495px) {
.tin-large-showcase .tin-large-cta .large-showcase-btn {
font-size: 20px;
}
}
.tin-large-showcase .tin-large-image {
display: inline-block;
vertical-align: top;
width: 50%;
}
@media screen and (max-width: 990px) {
.tin-large-showcase .tin-large-image {
text-align: center;
width: 100%;
}
}
.tin-large-showcase .tin-large-image .tin-large-image-tag {
height: auto;
max-height: 400px;
max-width: 100%;
width: auto;
}
@media screen and (max-width: 990px) {
.tin-large-showcase .tin-large-image .tin-large-image-tag {
display: block;
margin: 10px auto 0;
max-width: 90%;
}
}
@media (max-device-width: 658px) and (orientation: portrait) {
#this-is-netflix .tin-large-cta-text,
#this-is-netflix .tin-panes .tin-panes-content .tin-panes-content-subhead,
#this-is-netflix .tin-pricing-header-text > h2,
#this-is-netflix .tin-small-showcase .tin-small-header .tin-small-cta {
font-size: 20px;
}
#this-is-netflix .tin-large-cta-text:first-child,
#this-is-netflix .tin-large-showcase .tin-large-cta:first-child,
#this-is-netflix .tin-module.tin-large-showcase,
#this-is-netflix .tin-module.tin-large-showcase:first-child,
#this-is-netflix .tin-module.tin-pricing,
#this-is-netflix .tin-panes .tin-panes-content,
#this-is-netflix .tin-panes .tin-panes-content .tin-panes-content-subhead:first-child,
#this-is-netflix .tin-panes-content-head:first-child,
#this-is-netflix .tin-panes-content:first-child,
#this-is-netflix .tin-pricing-header-text > h2,
#this-is-netflix .tin-small-header-wrapper:first-child,
#this-is-netflix .tin-small-showcase .tin-small-header .tin-small-cta:first-child {
margin-top: 0;
padding-top: 0;
top: 0;
}
#this-is-netflix .tin-module.tin-large-showcase .tin-large-cta,
#this-is-netflix .tin-module.tin-panes .tin-panes-content,
#this-is-netflix .tin-module.tin-pricing .tin-pricing-header,
#this-is-netflix .tin-module.tin-small-showcase .tin-small-header-wrapper {
padding-top: 50px;
}
#this-is-netflix .tin-module.tin-panes .hide-headline .tin-panes-content-head {
display: none;
}
#this-is-netflix .tin-small-showcase .tin-small-header-wrapper {
background: transparent;
padding-bottom: 0;
}
#this-is-netflix .tin-small-showcase .tin-small-content,
#this-is-netflix .tin-small-showcase .tin-small-header {
width: 90%;
}
}
@media screen and (max-width: 350px) {
#this-is-netflix .tin-small-showcase .tin-small-content,
#this-is-netflix .tin-small-showcase .tin-small-header {
width: 100%;
}
}
.nfHeader {
background: none;
border: 0;
position: absolute;
width: 100%;
z-index: 5;
}
.nfHeader .authLinks {
background-color: #e50914;
border-radius: 3px;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: normal;
margin: 18px 3% 0;
padding: 7px 17px;
}
.nfHeader .authLinks:hover {
background: #f40612;
text-decoration: none;
}
@media (max-width: 440px) {
.nfHeader .authLinks {
font-size: 15px;
margin-top: 10px;
padding: 5px 15px;
}
}
.nfHeader .authLinks.signupBasicHeader.iosInAppHeader {
background-color: inherit;
margin: 0;
position: absolute;
right: 0;
top: 20%;
}
.nfHeader.iosInAppHeader {
background-color: #131313;
}
.nfLogo.signupBasicHeader.iosInAppHeader,
.svg-nfLogo.signupBasicHeader.iosInAppHeader {
float: none;
}
.svg-nfLogo .svg-icon-netflix-logo {
height: 35px;
width: 106px;
}
.basicLayout.light {
background-color: #fff;
}
.basicLayout.dark {
background-color: #000;
}
#cookie-disclosure,
#homelist {
position: relative;
}
#homelist {
animation-duration: 1s;
animation-iteration-count: 1;
animation-name: show-peek;
animation-timing-function: ease-in-out;
background: #000;
margin-top: -110px;
overflow: hidden;
}
@media (max-width: 700px) {
#homelist {
padding: 0;
}
}
@media (max-width: 440px) {
#homelist {
margin-top: -40px;
}
}
@media (max-width: 740px) and (orientation: landscape) {
#homelist {
margin-top: 0;
}
}
@keyframes show-peek {
0% {
margin-top: 0;
}
}
.listitems .c1,
.listitems .c2,
.listitems .c3 {
border: 0;
color: #999;
}
.listitems .c1 .bullet-icon,
.listitems .c2 .bullet-icon,
.listitems .c3 .bullet-icon {
font-size: 60px;
padding-bottom: 5px;
}
.footer-divider {
border: 0;
}
.site-footer {
height: 100%;
margin: 0 auto;
max-width: 1000px;
}
.dark .ui-select-wrapper .ui-select {
background-color: #000;
background-image: none;
border: 1px solid #333;
}
.dark .ui-select-wrapper .select-arrow.prefix:before,
.dark .ui-select-wrapper .select-arrow:after {
color: #999;
}
.home,
.iosHome,
html {
background-color: #000;
}
.concord {
background: #1a1a1a;
box-sizing: border-box;
color: #fff;
height: 94vh;
max-height: 180vw;
min-height: 0;
overflow: hidden;
position: relative;
transition: height 0.2s linear;
z-index: 0;
}
@media (min-width: 1000px), (orientation: landscape) {
.concord {
height: 100vh;
margin-bottom: -7vh;
}
}
.concord:not(.concord-loaded) .bg .image.active .concord-img,
.concord:not(.concord-loaded) .bg .image.active .concord-img-gradient,
.concord:not(.concord-loaded) .bg .image.active video {
animation: none;
transform: translate(-70%, -62.5%) scale(1); /*!rtl:ignore*/
}
@media (max-width: 1000px) and (orientation: portrait) {
.concord:not(.concord-loaded) .bg .image.active .concord-img,
.concord:not(.concord-loaded) .bg .image.active .concord-img-gradient {
top: 0;
transform: translate(-70%); /*!rtl:ignore*/
}
}
@media (max-aspect-ratio: 4/5), (max-width: 400px) {
.concord {
height: 90vh;
}
}
@media (max-height: 700px) and (min-width: 740px) {
.concord {
min-height: 690px;
}
.concord.concord-with-title.is-former-member {
min-height: 720px;
}
}
@media (max-height: 700px) and (min-width: 1300px) {
.concord {
min-height: 747px;
}
.concord.concord-with-title.is-former-member {
min-height: 800px;
}
}
@media (max-height: 700px) and (min-width: 1600px) {
.concord {
min-height: 900px;
}
}
@media (min-height: 701px) and (min-width: 1600px) {
.concord {
min-height: 900px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.concord {
height: 100vh;
margin-bottom: -10vh;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.concord {
height: 94vh;
}
}
.concord.concord-with-title.concord-with-tin,
.concord.is-former-member.concord-with-tin {
min-height: 0;
}
.concord.gift-code {
min-height: 500px;
}
@media (max-width: 700px) and (orientation: portrait) {
.concord {
height: 94vh;
}
}
@media (max-width: 440px) and (orientation: portrait) {
.concord {
height: 92vh;
}
}
@media (max-width: 1000px) and (orientation: portrait) {
.concord {
position: relative;
}
}
@media (max-height: 320px) and (orientation: landscape) {
.concord {
margin-bottom: -2vh;
}
}
.concord .bg {
z-index: 1;
}
.concord .bg,
.concord .bg .image {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.concord .bg .image .concord-img,
.concord .bg .image .concord-img-gradient,
.concord .bg .image video {
left: 70% /*!rtl:ignore*/;
opacity: 0;
position: absolute;
top: 66%;
transform-origin: 70% 62.5% /*!rtl:ignore*/;
width: 118%;
z-index: 2;
}
.concord .bg .image .concord-img-gradient.animate-img,
.concord .bg .image .concord-img.animate-img,
.concord .bg .image video.animate-img {
transform: translate(-70%, -62.5%) scale(1.05) /*!rtl:ignore*/;
transition: opacity 0s linear 1s, transform 0s linear 1s;
}
@media (max-aspect-ratio: 8/5) and (min-width: 1000px) {
.concord .bg .image .concord-img,
.concord .bg .image .concord-img-gradient,
.concord .bg .image video {
height: 135%;
top: 60%;
width: auto;
}
}
@media (max-aspect-ratio: 8/5) and (min-width: 1000px) and (min-width: 1500px) {
.concord .bg .image .concord-img,
.concord .bg .image .concord-img-gradient,
.concord .bg .image video {
height: 118%;
}
}
@media (min-width: 764px) and (max-width: 1000px) {
.concord .bg .image .concord-img,
.concord .bg .image .concord-img-gradient,
.concord .bg .image video {
height: 135%;
width: auto;
}
}
@media (max-height: 600px) {
.concord .bg .image .concord-img,
.concord .bg .image .concord-img-gradient,
.concord .bg .image video {
top: 50%;
}
}
@media (max-width: 400px), (orientation: portrait) {
.concord .bg .image .concord-img,
.concord .bg .image .concord-img-gradient,
.concord .bg .image video {
height: 67%;
left: 75% /*!rtl:ignore*/;
top: 67%;
width: auto;
}
}
@media (min-aspect-ratio: 4/5) and (max-width: 400px) {
.concord .bg .image .concord-img,
.concord .bg .image .concord-img-gradient,
.concord .bg .image video {
height: 100%;
left: 50% /*!rtl:ignore*/;
top: 80%;
width: auto;
}
}
@media (max-width: 1000px) and (orientation: portrait) {
.concord .bg .image .concord-img,
.concord .bg .image .concord-img-gradient {
top: 0;
transform: translate(-75%); /*!rtl:ignore*/
}
.concord .bg .image .concord-img-gradient {
padding-bottom: 0;
width: 118%;
}
.concord .bg .image .concord-img-gradient:after,
.concord .bg .image .concord-img-gradient:before {
content: "";
display: block;
height: 20%;
position: absolute;
width: 100%;
}
.concord .bg .image .concord-img-gradient:before {
background-image: linear-gradient(180deg, rgba(26, 26, 26, 0.9), transparent);
top: -1px;
}
.androidInApp .concord .bg .image .concord-img-gradient:before,
.iosInApp .concord .bg .image .concord-img-gradient:before {
background-image: none;
}
.concord .bg .image .concord-img-gradient:after {
background-image: linear-gradient(0deg, #1a1a1a, transparent);
bottom: -1px;
height: 30%;
}
}
@media (max-aspect-ratio: 8/5) and (min-width: 1000px) {
.concord .bg .image .concord-img,
.concord .bg .image .concord-img-gradient {
height: 135%;
top: 60%;
width: auto;
}
}
.concord .bg .image.active .concord-img,
.concord .bg .image.active .concord-img-gradient,
.concord .bg .image.active video {
opacity: 1;
transform: translate(-70%, -62.5%) scale(1) /*!rtl:ignore*/;
z-index: 3;
}
.concord .bg .image.active .concord-img-gradient.animate-img,
.concord .bg .image.active .concord-img.animate-img,
.concord .bg .image.active video.animate-img {
animation: zoomimage 6s ease-out;
transition: opacity 1s ease;
}
@media (max-width: 1000px) and (orientation: portrait) {
.concord .bg .image.active .concord-img,
.concord .bg .image.active .concord-img-gradient {
top: 0;
transform: translate(-70%); /*!rtl:ignore*/
}
.concord .bg .image.active .concord-img-gradient.animate-img,
.concord .bg .image.active .concord-img.animate-img {
animation: zoomimage-portrait 6s ease-out;
}
}
@keyframes zoomimage {
0% {
transform: translate(-70%, -62.5%) scale(1); /*!rtl:ignore*/
}
to {
transform: translate(-70%, -62.5%) scale(1.05); /*!rtl:ignore*/
}
}
@keyframes zoomimage-portrait {
0% {
transform: translate(-70%) scale(1); /*!rtl:ignore*/
}
to {
transform: translate(-70%) scale(1.05); /*!rtl:ignore*/
}
}
.concord .bg:before {
zoom: 1;
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 20%, transparent 85%) /*!rtl:ignore*/;
bottom: 0;
content: "";
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#80000000",endColorstr="#00000000");
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
@media (max-aspect-ratio: 5/8), (max-width: 400px) {
.concord .bg:before {
background-image: linear-gradient(180deg, #000 20%, transparent 59%); /*!rtl:ignore*/
}
.androidInApp .concord .bg:before,
.iosInApp .concord .bg:before {
background-image: none;
}
}
@media (max-aspect-ratio: 8/5) and (max-width: 1000px) and (orientation: portrait) {
.concord .bg:before {
background-image: linear-gradient(180deg, #000 31%, transparent 59%); /*!rtl:ignore*/
}
.androidInApp .concord .bg:before,
.iosInApp .concord .bg:before {
background-image: none;
}
}
@media (max-aspect-ratio: 8/5) and (max-width: 1000px) and (orientation: portrait) and (max-height: 700px) {
.concord .bg:before {
background-image: linear-gradient(180deg, #000 26%, transparent 35%); /*!rtl:ignore*/
}
}
@media (max-width: 1000px) and (orientation: portrait) {
.concord .bg:before {
zoom: 1;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 5%, transparent 95%) /*!rtl:ignore*/;
content: "";
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#50000000",endColorstr="#00000000");
height: 10%;
top: 0;
}
.androidInApp .concord .bg:before,
.iosInApp .concord .bg:before {
background-image: none;
}
.concord .bg:after {
zoom: 1;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 20%, transparent 65%) /*!rtl:ignore*/;
bottom: 0;
content: "";
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#80000000",endColorstr="#00000000");
height: 65%;
left: 0;
position: absolute;
right: 0;
top: auto;
z-index: 10;
}
}
.concord.showDisclosure .concord {
height: 87vh;
}
@media (max-width: 1000px) {
.concord.showDisclosure .concord {
height: 90vh;
}
}
@media (max-width: 700px) and (orientation: landscape) {
.concord.showDisclosure .concord {
height: 80vh;
}
}
@media (max-width: 700px) and (orientation: portrait) {
.concord.showDisclosure .concord {
height: 88vh;
}
}
@media (max-width: 400px) {
.basicLayout[lang~="da"] button.btn.btn-large,
.basicLayout[lang~="de"] button.btn.btn-large,
.basicLayout[lang~="fr"] button.btn.btn-large,
.basicLayout[lang~="nb"] button.btn.btn-large,
.basicLayout[lang~="nl"] button.btn.btn-large,
.basicLayout[lang~="no"] button.btn.btn-large,
.basicLayout[lang~="pt"] button.btn.btn-large,
.basicLayout[lang~="se"] button.btn.btn-large {
font-size: 14px;
}
}
@media (min-width: 740px) {
.basicLayout[dir="rtl"] .cta-pitch {
font-size: 2.6em;
}
}
.isp-data-disclaimer {
color: #999;
text-align: center;
}
.ie8 .concord,
.ie8 .concord .wrap {
height: 1000px;
}
.ie8 .concord .wrap .image .concord-img,
.ie8 .concord .wrap .image .concord-img-gradient {
left: 0;
top: 0;
}
.ie8 .bullet-icon {
height: 100%;
}
.androidBrowser .concord {
height: 700px;
}
@media (max-width: 740px) and (orientation: landscape) {
.androidBrowser .concord {
height: 400px;
}
}
.androidBrowser .concord .wrap {
height: 700px;
}
@media (max-width: 740px) and (orientation: landscape) {
.androidBrowser .concord .wrap {
height: 400px;
}
}
.firefox .concord .bg .image.active .concord-img,
.firefox .concord .bg .image.active .concord-img-gradient,
.iosInApp .concord .bg .image.active .concord-img,
.iosInApp .concord .bg .image.active .concord-img-gradient,
.safariDesktop .concord .bg .image.active .concord-img,
.safariDesktop .concord .bg .image.active .concord-img-gradient,
.safariIOS .concord .bg .image.active .concord-img,
.safariIOS .concord .bg .image.active .concord-img-gradient {
animation: none;
}
@media (max-width: 700px) {
.concord .bg .image.active .concord-img,
.concord .bg .image.active .concord-img-gradient {
animation: none;
}
}
.cta-form {
display: inline-block;
position: relative;
}
.cta-gift #id_code {
text-transform: uppercase;
}
.checkboxclss {
min-height: 10px;
min-width: 10px;
position: absolute;
width: 1.75rem;
height: 1.75rem;
left: -1.1125rem;
cursor: pointer;
border-radius: 0.125rem;
}
.nfPasswordToggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
color: #8c8c8c;
flex-grow: 0;
flex-shrink: 0;
font-size: 14px
}
.hybrid-login-form .nfPasswordControls .nfPasswordToggle {
display: none;
height: 50px;
padding: 0 12px
}
.nfPasswordHasToggle .nfPasswordControls .nfPasswordToggle,
.nfPasswordHasToggle .nfPasswordControls .nfTextField {
border: 0;
border-radius: 0;
height: 46px
}