netflix.com.css

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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: .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: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    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] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    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: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

@font-face {
    font-family:nf-icon;src:url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-88.eot);src:url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-88.eot?#iefix) format('embedded-opentype'),url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-88.woff) format('woff'),url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-88.ttf) format('truetype'),url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-88.svg#nf-icon-v1-88) format('svg');font-weight:400;font-style:normal
}

[class*=" icon-"],[class^=icon-] {
    font-family: nf-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.icon-logoUpdate:before {
    content: '\e5d0'
}

.icon-close:before {
    content: '\e762'
}

.icon-search:before {
    content: '\e636'
}

.icon-circle-solid:before {
    content: '\e622'
}

.icon-star-25-percent:before {
    content: '\e637'
}

.icon-star-50-percent:before {
    content: '\e638'
}

.icon-star-75-percent:before {
    content: '\e639'
}

.icon-star:before {
    content: '\e640'
}

.icon-add:before {
    content: '\e641'
}

.icon-play:before {
    content: '\e646'
}

.icon-leftArrow:before {
    content: '\e659'
}

.icon-rightArrow:before {
    content: '\e658'
}

.icon-kids:before {
    content: '\e691'
}

.icon-tvuiAdd:before {
    content: '\e716'
}

.icon-TvRatings:before {
    content: '\e733'
}

.icon-Talent:before {
    content: '\e734'
}

.icon-Awards:before {
    content: '\e736'
}

.icon-BoxOffice:before {
    content: '\e737'
}

.icon-round-x:before {
    content: '\e747'
}

.icon-globe:before {
    content: '\e896'
}

.icon-warning:before {
    content: '\e620'
}

.icon-rightCaret:before {
    content: '\e867'
}

.icon-leftCaret:before {
    content: '\e868'
}

.icon-disc:before {
    content: '\e871'
}

.icon-spinner:before {
    content: '\e765'
}

.icon-plainCheck:before {
    content: '\e804'
}

.icon-plainX:before {
    content: '\e807'
}

.icon-facebook:before {
    content: '\e628'
}

.icon-error:before {
    content: '\e798'
}

.icon-valid:before {
    content: '\e804'
}

.icon-lock:before {
    content: '\e625'
}

.icon-info-inv:before {
    content: '\e748'
}

.icon-success-inv:before {
    content: '\e746'
}

.icon-warn-inv:before {
    content: '\e743'
}

.icon-visa:before {
    content: '\e901'
}

.icon-mastercard:before {
    content: '\e902'
}

.icon-discover:before {
    content: '\e903'
}

.icon-amex:before {
    content: '\e900'
}

.icon-paypal:before {
    content: '\e914'
}

.icon-nicam-AL:before {
    content: '\f000'
}

.icon-nicam-6:before {
    content: '\f001'
}

.icon-nicam-9:before {
    content: '\f004'
}

.icon-nicam-12:before {
    content: '\f002'
}

.icon-nicam-16:before {
    content: '\f003'
}

.icon-nicam-violence:before {
    content: '\f005'
}

.icon-nicam-fear-anxiety:before {
    content: '\f006'
}

.icon-nicam-profanity:before {
    content: '\f007'
}

.icon-nicam-discrimination:before {
    content: '\f008'
}

.icon-nicam-drug-or-alcohol:before {
    content: '\f009'
}

.icon-nicam-sex:before {
    content: '\f010'
}

.icon-androidPlayRing:before {
    content: '\e665'
}

.icon-akiraMyListAdd:before {
    content: '\e850'
}

.icon-akiraMyListRemove:before {
    content: '\e852'
}

.icon-akiraCaretDown:before {
    content: '\e854'
}

.icon-akiraCaretRight:before {
    content: '\e658'
}

.icon-akiraCaretLeft:before {
    content: '\e659'
}

.icon-button-play:before {
    content: '\e884'
}

.icon-button-play-reverse:before {
    content: '\e890'
}

.icon-button-mylist-add:before {
    content: '\e885'
}

.icon-button-mylist-add-reverse:before {
    content: '\e891'
}

.icon-button-mylist-added:before {
    content: '\e888'
}

.icon-button-mylist-added-reverse:before {
    content: '\e894'
}

.icon-button-share:before {
    content: '\e886'
}

.icon-button-share-reverse:before {
    content: '\e892'
}

.icon-button-episodes:before {
    content: '\e887'
}

.icon-button-episodes-reverse:before {
    content: '\e893'
}

.icon-button-spinner:before {
    content: '\e765'
}

.icon-button-spinner-reverse:before {
    content: '\e765'
}

.icon-button-minus:before {
    content: '\e889'
}

.icon-button-minus-reverse:before {
    content: '\e895'
}

.icon-button-audio-on:before {
    content: '\e88a'
}

.icon-button-audio-on-reverse:before {
    content: '\e88c'
}

.icon-button-audio-off:before {
    content: '\e88b'
}

.icon-button-audio-off-reverse:before {
    content: '\e88d'
}

.icon-button-replay:before {
    content: '\f095'
}

.icon-button-replay-reverse:before {
    content: '\f096'
}

.icon-button-notification:before {
    content: '\e663'
}

.icon-button-notification-reverse:before {
    content: '\e663'
}

.icon-thumb-down:before {
    content: '\e660'
}

.icon-thumb-up:before {
    content: '\e661'
}

.icon-thin-caret-left:before {
    content: '\e704'
}

.icon-thin-caret-right:before {
    content: '\e705'
}

.icon-long-arrow-left:before {
    content: '\e673'
}

.icon-long-arrow-right:before {
    content: '\e672'
}

.icon-short-arrow-right:before {
    content: '\e89B'
}

.icon-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 {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    background: #f3f3f3;
    color: #333;
    font-size: 16px;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1 {
    font-size: 1.5em;
    color: #333;
    margin: 0 0 .4em;
    font-weight: 400
}

@media screen and (min-width:740px) {
    h1 {
        font-size: 2.15em;
        margin: 0 0 .55em
    }
}

.controlBar {
    position: relative
}

.controlBar .control {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: .67em
}

h2,h3,h4,h5 {
    font-weight: 400;
    margin: .75em 0 .25em
}

.bold,strong {
    font-weight: 700
}

.confirmation {
    color: #3ba93c
}

.confirmation:before {
    font-family: nf-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\E802";
    margin-right: 1ex
}

.valignMiddle {
    vertical-align: middle
}

.clearfix:after {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both
}

.nowrap {
    white-space: nowrap
}

a {
    text-decoration: none;
    color: #0080ff
}

a:hover {
    text-decoration: underline
}

ul {
    padding: 0
}

ul>li {
    margin-left: 1.1em;
    margin-bottom: 5px;
    list-style-type: disc
}

ul.structural {
    padding: 0;
    margin: 0
}

ul.structural>li {
    list-style: none;
    margin-left: 0
}

.i-b {
    display: inline-block
}

.no-display {
    display: none!important
}

.visually-hidden {
    visibility: hidden!important
}

.pointer {
    cursor: pointer
}

.hidden-checkbox,.hidden-radio {
    border: 0;
    clip: rect(0 0 0 0);
    height: 2rem;
    margin: 0 -2rem -2rem 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 2rem;
    opacity: .001
}

.screen-reader-text {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.nf-button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    font-family: arial,helvetica,sans-serif;
    font-weight: 700;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    padding: 4px 7px;
    margin: 0;
    display: inline-block
}

.nf-button:hover {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 2px 1px rgba(1,1,1,.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 2px 1px rgba(1,1,1,.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 2px 1px rgba(1,1,1,.3);
    text-decoration: none
}

.nf-button:active {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    text-decoration: none
}

.nf-button .icon {
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle
}

.nf-button-white {
    background-color: #fff
}

.nf-button-white:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
    background: -webkit-linear-gradient(#fff,#ddd);
    background: -moz-linear-gradient(#fff,#ddd);
    background: -o-linear-gradient(#fff,#ddd);
    background: linear-gradient(#fff,#ddd)
}

.nf-button-white:active {
    background: -webkit-gradient(linear,left top,left bottom,from(#cbcbcb),to(#b3b3b3));
    background: -webkit-linear-gradient(#cbcbcb,#b3b3b3);
    background: -moz-linear-gradient(#cbcbcb,#b3b3b3);
    background: -o-linear-gradient(#cbcbcb,#b3b3b3);
    background: linear-gradient(#cbcbcb,#b3b3b3)
}

.nf-button-silver {
    background-color: #e5e5e5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#cbcbcb));
    background-image: -webkit-linear-gradient(top,#e5e5e5,#cbcbcb);
    background-image: -moz-linear-gradient(top,#e5e5e5,#cbcbcb);
    background-image: -o-linear-gradient(top,#e5e5e5,#cbcbcb);
    background-image: linear-gradient(to bottom,#e5e5e5,#cbcbcb);
    border: 1px solid #b3b3b3
}

.nf-button-silver:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e5e5e5));
    background: -webkit-linear-gradient(#fff,#e5e5e5);
    background: -moz-linear-gradient(#fff,#e5e5e5);
    background: -o-linear-gradient(#fff,#e5e5e5);
    background: linear-gradient(#fff,#e5e5e5)
}

.nf-button-silver:active {
    background: -webkit-gradient(linear,left top,left bottom,from(#cbcbcb),to(#b3b3b3));
    background: -webkit-linear-gradient(#cbcbcb,#b3b3b3);
    background: -moz-linear-gradient(#cbcbcb,#b3b3b3);
    background: -o-linear-gradient(#cbcbcb,#b3b3b3);
    background: linear-gradient(#cbcbcb,#b3b3b3)
}

.nf-button-red {
    color: #fff;
    background-color: #d30b03;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d30b03),to(#a50709));
    background-image: -webkit-linear-gradient(top,#d30b03,#a50709);
    background-image: -moz-linear-gradient(top,#d30b03,#a50709);
    background-image: -o-linear-gradient(top,#d30b03,#a50709);
    background-image: linear-gradient(to bottom,#d30b03,#a50709);
    border: 1px solid #810507;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3)
}

.nf-button-red:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#ed0b0f),to(#930709));
    background: -webkit-linear-gradient(#ed0b0f,#930709);
    background: -moz-linear-gradient(#ed0b0f,#930709);
    background: -o-linear-gradient(#ed0b0f,#930709);
    background: linear-gradient(#ed0b0f,#930709)
}

.nf-button-red:active {
    background: -webkit-gradient(linear,left top,left bottom,from(#9c0b0e),to(#850708));
    background: -webkit-linear-gradient(#9c0b0e,#850708);
    background: -moz-linear-gradient(#9c0b0e,#850708);
    background: -o-linear-gradient(#9c0b0e,#850708);
    background: linear-gradient(#9c0b0e,#850708)
}

.nf-button-blue {
    color: #fff;
    background-color: #1771d9;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#1771d9),to(#1359ab));
    background-image: -webkit-linear-gradient(top,#1771d9,#1359ab);
    background-image: -moz-linear-gradient(top,#1771d9,#1359ab);
    background-image: -o-linear-gradient(top,#1771d9,#1359ab);
    background-image: linear-gradient(to bottom,#1771d9,#1359ab);
    border: 1px solid #0f4585;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3)
}

.nf-button-blue:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#1b7ff1),to(#114f99));
    background: -webkit-linear-gradient(#1b7ff1,#114f99);
    background: -moz-linear-gradient(#1b7ff1,#114f99);
    background: -o-linear-gradient(#1b7ff1,#114f99);
    background: linear-gradient(#1b7ff1,#114f99)
}

.nf-button-blue:active {
    background: -webkit-gradient(linear,left top,left bottom,from(#114f99),to(#0d3b73));
    background: -webkit-linear-gradient(#114f99,#0d3b73);
    background: -moz-linear-gradient(#114f99,#0d3b73);
    background: -o-linear-gradient(#114f99,#0d3b73);
    background: linear-gradient(#114f99,#0d3b73)
}

.nf-button-dark {
    color: #fff;
    background-color: #646464;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#646464),to(#191919));
    background-image: -webkit-linear-gradient(top,#646464,#191919);
    background-image: -moz-linear-gradient(top,#646464,#191919);
    background-image: -o-linear-gradient(top,#646464,#191919);
    background-image: linear-gradient(to bottom,#646464,#191919);
    border: 1px solid #323232;
    border-top-color: #505050
}

.nf-button-dark:hover {
    background-color: #4b4b4b
}

.nf-button-dark:active {
    background-color: #2f2f2f
}

.nf-button-medium {
    padding: 10px 20px
}

.btn-flat {
    font-size: 1.1vw;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: .75em;
    padding: .57em 1.35em;
    color: #fff;
    border: 1px solid rgba(255,255,255,.4);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
    background-image: none;
    background-color: rgba(0,0,0,.4)
}

.btn-flat .nf-icon-button-icon,.btn-flat .playRing {
    margin-right: .71em;
    background-color: transparent;
    font-size: inherit;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.btn-flat .icon-button-mylist-added,.btn-flat .icon-button-mylist-added-reverse {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.btn-flat .nf-icon-button-label {
    padding: 0;
    margin: 0;
    top: auto
}

.btn-flat:hover {
    background-color: rgba(51,51,51,.4)
}

.btn-flat:hover .nf-icon-button-icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.btn-flat:hover .nf-icon-button-icon.icon-button-mylist-added,.btn-flat:hover .nf-icon-button-icon.icon-button-mylist-added-reverse {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.btn-flat-primary {
    background-color: #e50914;
    border-color: #ff0a16
}

.btn-flat-primary:hover {
    background-color: #ff0a16
}

.icon-button-mylist-no-ring .icon-button-mylist-add:before {
    content: '\e641'
}

.icon-button-mylist-no-ring .icon-button-mylist-add-reverse:before {
    content: '\e641'
}

.icon-button-mylist-no-ring .icon-button-mylist-added:before {
    content: '\e804'
}

.icon-button-mylist-no-ring .icon-button-mylist-added-reverse:before {
    content: '\e804'
}

.icon-button-mylist-sharp .mylist-button .nf-icon-button-icon,.icon-button-mylist-sharp .mylist-button.hovered .nf-icon-button-icon {
    background-color: transparent
}

.icon-button-mylist-sharp .icon-button-mylist-add,.icon-button-mylist-sharp .icon-button-mylist-add-reverse {
    font-size: 1.2vw
}

.icon-button-mylist-sharp .icon-button-mylist-add:before {
    content: '\f018'
}

.icon-button-mylist-sharp .icon-button-mylist-add-reverse:before {
    content: '\f018'
}

.icon-button-mylist-sharp .icon-button-mylist-added:before {
    content: '\e804'
}

.icon-button-mylist-sharp .icon-button-mylist-added-reverse:before {
    content: '\e804'
}

.nf-flat-button {
    font-size: 1vw;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: .75em;
    padding: .57em 1.35em;
    color: #fff;
    border: 1px solid rgba(255,255,255,.4);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
    background-image: none;
    background-color: rgba(0,0,0,.4)
}

.nf-flat-button .nf-flat-button-icon {
    vertical-align: middle;
    margin-right: .71em;
    background-color: transparent;
    font-size: inherit
}

.nf-flat-button .nf-flat-button-icon.empty-label {
    margin-right: initial
}

.nf-flat-button.no-icon .nf-flat-button-icon {
    display: none
}

.nf-flat-button .nf-flat-button-text {
    vertical-align: middle;
    padding: 0;
    margin: 0;
    top: auto;
    white-space: nowrap
}

.nf-flat-button .nf-icon-button-tooltip {
    display: none;
    position: absolute;
    top: -2.5vw;
    margin-top: 6px;
    left: .5vw;
    background: #fff;
    text-transform: uppercase;
    color: #000;
    width: 10vw;
    margin-left: -3.5vw;
    font-size: .8vw;
    font-weight: 700;
    padding: 2px 0;
    text-align: center
}

.nf-flat-button .nf-icon-button-tooltip:hover {
    display: block
}

.nf-flat-button .nf-icon-button-tooltip:before {
    content: initial;
    border-color: initial;
    border-style: initial;
    border-width: initial
}

.nf-flat-button .nf-icon-button-tooltip:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -2px;
    margin-bottom: -3px;
    position: absolute;
    bottom: 0;
    width: 0
}

.nf-flat-button:hover {
    background-color: rgba(51,51,51,.4)
}

.nf-flat-button:hover .nf-flat-button-icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.nf-flat-button .nf-flat-button-icon-close,.nf-flat-button .nf-flat-button-icon-episodes,.nf-flat-button .nf-flat-button-icon-mylist-add,.nf-flat-button .nf-flat-button-icon-mylist-added,.nf-flat-button .nf-flat-button-icon-play,.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-restart:before {
    content: '\e752'
}

.nf-flat-button .nf-flat-button-icon-close:before {
    content: '\e762'
}

.nf-flat-button-primary {
    background-color: #e50914;
    border-color: #ff0a16
}

.nf-flat-button-primary:hover {
    background-color: #ff0a16
}

.nf-flat-button-type-borderless {
    font-size: inherit;
    margin: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    font-weight: 400;
    border: .1em solid transparent
}

.nf-flat-button-type-borderless:focus {
    border-color: #fff
}

.nf-flat-button-type-focusable-static {
    font-size: inherit;
    border: .1em solid transparent
}

.nf-flat-button-type-focusable-static:focus {
    border-color: #fff
}

.nf-spinner {
    display: none;
    margin: 0 auto;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-image: url(https://assets.nflxext.com/en_us/home/ringloader_white_57x57_tail_red.gif),url(https://assets.nflxext.com/en_us/home/ringloader_white_57x57_base.png);
    -moz-background-size: 57px;
    -o-background-size: 57px;
    background-size: 57px;
    background-repeat: no-repeat;
    width: 57px;
    height: 57px
}

.footer-mount {
    width: 100%;
    padding: 0
}

.site-footer-wrapper {
    min-width: 190px;
    width: 100%;
    margin-top: 80px;
    font-size: 1em;
    color: #999;
    position: relative
}

.pt11 .site-footer-wrapper {
    margin-bottom: 80px
}

.pt11 .site-footer-wrapper .footer-divider {
    display: none
}

.footer-top-a {
    color: #999
}

.footer-divider {
    height: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5
}

.site-footer {
    margin: 0 auto;
    padding-top: 30px;
    width: 90%
}

.footer-top {
    padding: 0;
    margin: 0 0 30px
}

.footer-links {
    max-width: 1000px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.footer-link-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 16px;
    display: inline-block;
    min-width: 100px;
    width: 25%;
    padding-right: 12px;
    vertical-align: top
}

@media only screen and (max-width:740px) {
    .footer-link-item {
        width: 33%
    }
}

@media only screen and (max-width:500px) {
    .footer-link-item {
        width: 50%
    }
}

.footer-link {
    color: #999
}

.service-code-wrapper {
    color: #999;
    margin: 45px 0 20px
}

.service-code {
    border: 1px solid #999;
    padding: 8px;
    display: inline-block;
    color: #999;
    font-size: .8521em;
    min-width: 90px;
    text-align: center
}

.service-code:focus,.service-code:hover {
    text-decoration: none
}

.copy-text {
    color: grey;
    margin: 20px 0;
    font-size: .75em;
    line-height: 1em
}

.copy-text a {
    color: grey
}

.copy-text a:focus,.copy-text a:hover {
    text-decoration: underline
}

.footer-country {
    font-size: 13px;
    margin-top: 24px
}

.privacy-updated,.terms-updated {
    font-weight: 700
}

.btn-bar {
    padding: 0 0 1em;
    clear: both
}

.btn-bar.hilite {
    background-color: #e5e5e5;
    padding: 10px
}

.btn-bar.hilite b,.btn-bar.hilite em {
    font-weight: 700;
    font-style: normal
}

.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-right: 1em;
    margin-left: 0
}

.btn-bar-right {
    text-align: right
}

.btn-bar-right .btn {
    margin-right: 0;
    margin-left: 1em
}

.btn-bar-center {
    text-align: center
}

.btn-bar-center .btn {
    margin-right: .5em;
    margin-left: .5em
}

.btn {
    display: inline-block;
    text-decoration: none;
    line-height: 1em;
    vertical-align: middle;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    position: relative;
    color: #000;
    background-color: #e6e6e6;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#ddd));
    background-image: -webkit-linear-gradient(top,#e6e6e6,#ddd);
    background-image: -moz-linear-gradient(top,#e6e6e6,#ddd);
    background-image: -o-linear-gradient(top,#e6e6e6,#ddd);
    background-image: linear-gradient(to bottom,#e6e6e6,#ddd);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(0,0,0,.2)
}

.btn .btn-text {
    position: relative;
    top: 1px
}

.btn.disabled {
    cursor: default;
    opacity: .5
}

.btn.waiting {
    color: rgba(255,255,255,0)
}

.btn.waiting span {
    opacity: 0
}

.btn.hover,.btn:hover {
    text-decoration: none;
    background: #eaeaea;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(0,0,0,.2)
}

.btn.active,.btn:active {
    background: #c2c2c2
}

.btn.disabled {
    background-color: #e6e6e6;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#ddd));
    background-image: -webkit-linear-gradient(top,#e6e6e6,#ddd);
    background-image: -moz-linear-gradient(top,#e6e6e6,#ddd);
    background-image: -o-linear-gradient(top,#e6e6e6,#ddd);
    background-image: linear-gradient(to bottom,#e6e6e6,#ddd);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(0,0,0,.2)
}

.btn .waitIndicator {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn .waitIndicator .basic-spinner {
    margin: 7px auto
}

.action-button,.btn-blue,.btn-submit {
    color: #fff;
    background-color: #0080ff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#0080ff),to(#0277ec));
    background-image: -webkit-linear-gradient(top,#0080ff,#0277ec);
    background-image: -moz-linear-gradient(top,#0080ff,#0277ec);
    background-image: -o-linear-gradient(top,#0080ff,#0277ec);
    background-image: linear-gradient(to bottom,#0080ff,#0277ec);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    box-shadow: 0 1px 0 rgba(0,0,0,.55)
}

.action-button.hover,.action-button:hover,.btn-blue.hover,.btn-blue:hover,.btn-submit.hover,.btn-submit:hover {
    background: #2490fd;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    box-shadow: 0 1px 0 rgba(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: -webkit-gradient(linear,left top,left bottom,from(#0080ff),to(#0272e2));
    background-image: -webkit-linear-gradient(top,#0080ff,#0272e2);
    background-image: -moz-linear-gradient(top,#0080ff,#0272e2);
    background-image: -o-linear-gradient(top,#0080ff,#0272e2);
    background-image: linear-gradient(to bottom,#0080ff,#0272e2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(0,0,0,.55);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(0,0,0,.55);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(0,0,0,.55)
}

.btn-red {
    color: #fff;
    background-color: #e50914;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e50914),to(#db0510));
    background-image: -webkit-linear-gradient(top,#e50914,#db0510);
    background-image: -moz-linear-gradient(top,#e50914,#db0510);
    background-image: -o-linear-gradient(top,#e50914,#db0510);
    background-image: linear-gradient(to bottom,#e50914,#db0510);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    box-shadow: 0 1px 0 rgba(0,0,0,.45)
}

.btn-red .basic-spinner {
    -webkit-box-shadow: inset 2px 2px 0 #fff;
    -moz-box-shadow: inset 2px 2px 0 #fff;
    box-shadow: inset 2px 2px 0 #fff
}

.btn-red.hover,.btn-red:hover {
    background: #f40612;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    box-shadow: 0 1px 0 rgba(0,0,0,.45)
}

.btn-red.active,.btn-red:active {
    background: #bb0a12
}

.btn-red.disabled {
    background-color: #e50914;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e50914),to(#db0510));
    background-image: -webkit-linear-gradient(top,#e50914,#db0510);
    background-image: -moz-linear-gradient(top,#e50914,#db0510);
    background-image: -o-linear-gradient(top,#e50914,#db0510);
    background-image: linear-gradient(to bottom,#e50914,#db0510);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    box-shadow: 0 1px 0 rgba(0,0,0,.45)
}

.btn-orange {
    color: #000;
    background-color: #ffa00a;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffa00a),to(#f09300));
    background-image: -webkit-linear-gradient(top,#ffa00a,#f09300);
    background-image: -moz-linear-gradient(top,#ffa00a,#f09300);
    background-image: -o-linear-gradient(top,#ffa00a,#f09300);
    background-image: linear-gradient(to bottom,#ffa00a,#f09300);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    box-shadow: 0 1px 0 rgba(0,0,0,.45)
}

.btn-orange.hover,.btn-orange:hover {
    background: #ffb43d;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    box-shadow: 0 1px 0 rgba(0,0,0,.45)
}

.btn-orange.active,.btn-orange:active {
    background: #d68300
}

.btn-orange.disabled {
    background-color: #e50914;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e50914),to(#db0510));
    background-image: -webkit-linear-gradient(top,#e50914,#db0510);
    background-image: -moz-linear-gradient(top,#e50914,#db0510);
    background-image: -o-linear-gradient(top,#e50914,#db0510);
    background-image: linear-gradient(to bottom,#e50914,#db0510);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.45);
    box-shadow: 0 1px 0 rgba(0,0,0,.45)
}

.btn-gray,.btn-plain {
    color: #000;
    background-color: #e6e6e6;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#ddd));
    background-image: -webkit-linear-gradient(top,#e6e6e6,#ddd);
    background-image: -moz-linear-gradient(top,#e6e6e6,#ddd);
    background-image: -o-linear-gradient(top,#e6e6e6,#ddd);
    background-image: linear-gradient(to bottom,#e6e6e6,#ddd);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(0,0,0,.2)
}

.btn-gray.hover,.btn-gray:hover,.btn-plain.hover,.btn-plain:hover {
    background: #eaeaea;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(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: -webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#ddd));
    background-image: -webkit-linear-gradient(top,#e6e6e6,#ddd);
    background-image: -moz-linear-gradient(top,#e6e6e6,#ddd);
    background-image: -o-linear-gradient(top,#e6e6e6,#ddd);
    background-image: linear-gradient(to bottom,#e6e6e6,#ddd);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(0,0,0,.2)
}

.btn-dark-gray {
    color: #fff;
    background-color: #8c8c8c;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#8c8c8c),to(#7a7a7a));
    background-image: -webkit-linear-gradient(top,#8c8c8c,#7a7a7a);
    background-image: -moz-linear-gradient(top,#8c8c8c,#7a7a7a);
    background-image: -o-linear-gradient(top,#8c8c8c,#7a7a7a);
    background-image: linear-gradient(to bottom,#8c8c8c,#7a7a7a);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    box-shadow: 0 1px 0 rgba(0,0,0,.55)
}

.btn-dark-gray.hover,.btn-dark-gray:hover {
    background: #878787;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    box-shadow: 0 1px 0 rgba(0,0,0,.55)
}

.btn-dark-gray.active,.btn-dark-gray:active {
    background: #555
}

.btn-dark-gray.disabled {
    background-color: #8c8c8c;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#8c8c8c),to(#7a7a7a));
    background-image: -webkit-linear-gradient(top,#8c8c8c,#7a7a7a);
    background-image: -moz-linear-gradient(top,#8c8c8c,#7a7a7a);
    background-image: -o-linear-gradient(top,#8c8c8c,#7a7a7a);
    background-image: linear-gradient(to bottom,#8c8c8c,#7a7a7a);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    box-shadow: 0 1px 0 rgba(0,0,0,.55)
}

.btn-darker-gray {
    color: #fff;
    background-color: #3a3a3a;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3a3a3a),to(#393939));
    background-image: -webkit-linear-gradient(top,#3a3a3a,#393939);
    background-image: -moz-linear-gradient(top,#3a3a3a,#393939);
    background-image: -o-linear-gradient(top,#3a3a3a,#393939);
    background-image: linear-gradient(to bottom,#3a3a3a,#393939);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    box-shadow: 0 1px 0 rgba(0,0,0,.55)
}

.btn-darker-gray.hover,.btn-darker-gray:hover {
    background: #464646;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    box-shadow: 0 1px 0 rgba(0,0,0,.55)
}

.btn-darker-gray.active,.btn-darker-gray:active {
    background: #444
}

.btn-darker-gray.disabled {
    background-color: #3a3a3a;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3a3a3a),to(#393939));
    background-image: -webkit-linear-gradient(top,#3a3a3a,#393939);
    background-image: -moz-linear-gradient(top,#3a3a3a,#393939);
    background-image: -o-linear-gradient(top,#3a3a3a,#393939);
    background-image: linear-gradient(to bottom,#3a3a3a,#393939);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.55);
    box-shadow: 0 1px 0 rgba(0,0,0,.55)
}

.btn-outline {
    color: #666;
    background: rgba(0,0,0,0);
    border: 1px solid #666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-outline.hover,.btn-outline:hover {
    background: 0 0;
    border-color: #333;
    color: #333
}

.btn-outline.active,.btn-outline:active {
    border-color: #1a1a1a;
    color: #1a1a1a
}

.btn-outline.disabled {
    border-color: #999;
    color: #999
}

.btn-white-outline {
    color: #fff;
    background: rgba(0,0,0,0);
    border: solid 1px rgba(255,255,255,.75);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.15)
}

.btn-white-outline.hover,.btn-white-outline:hover {
    background: rgba(0,0,0,0);
    border: solid 1px #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-white-outline.active,.btn-white-outline:active {
    background: rgba(0,0,0,0);
    border: solid 1px rgba(255,255,255,.55)
}

.btn-white-outline.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: solid 1px rgba(255,255,255,.75)
}

.btn-white-outline.btn-medium {
    text-shadow: 0 1px 1px rgba(0,0,0,.25)
}

.btn-white-outline.btn-small {
    text-shadow: 0 1px 1px rgba(0,0,0,.35)
}

.btn.btn-retro-signup {
    background-color: #1872d9;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#1872d9),to(#135aac));
    background-image: -webkit-linear-gradient(top,#1872d9,#135aac);
    background-image: -moz-linear-gradient(top,#1872d9,#135aac);
    background-image: -o-linear-gradient(top,#1872d9,#135aac);
    background-image: linear-gradient(to bottom,#1872d9,#135aac);
    color: #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #5e9de4;
    -moz-box-shadow: inset 0 1px 0 0 #5e9de4;
    box-shadow: inset 0 1px 0 0 #5e9de4;
    border: 1px solid #265890;
    text-shadow: 1px 1px 1px #000;
    line-height: 22px;
    font-weight: 700;
    font-size: 20px;
    padding: 15px 40px;
    min-width: 250px
}

.btn.btn-retro-signup:hover {
    background: #115099;
    background-color: #1b7ff2;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#1b7ff2),to(#115099));
    background-image: -webkit-linear-gradient(top,#1b7ff2,#115099);
    background-image: -moz-linear-gradient(top,#1b7ff2,#115099);
    background-image: -o-linear-gradient(top,#1b7ff2,#115099);
    background-image: linear-gradient(to bottom,#1b7ff2,#115099);
    -webkit-box-shadow: 0 4px 10px -6px #010101,inset 0 1px 0 0 #60a6f6;
    -moz-box-shadow: 0 4px 10px -6px #010101,inset 0 1px 0 0 #60a6f6;
    box-shadow: 0 4px 10px -6px #010101,inset 0 1px 0 0 #60a6f6
}

.btn.btn-retro-signup:active {
    background: #0d3c73;
    background-color: #115099;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#115099),to(#0d3c73));
    background-image: -webkit-linear-gradient(top,#115099,#0d3c73);
    background-image: -moz-linear-gradient(top,#115099,#0d3c73);
    background-image: -o-linear-gradient(top,#115099,#0d3c73);
    background-image: linear-gradient(to bottom,#115099,#0d3c73);
    -webkit-box-shadow: inset 0 1px 0 0 #073b7e;
    -moz-box-shadow: inset 0 1px 0 0 #073b7e;
    box-shadow: inset 0 1px 0 0 #073b7e;
    color: #b3b3b3;
    border: 1px solid #1e5292
}

.btn-block {
    display: block;
    margin-left: 0;
    margin-right: 0
}

.btn {
    position: relative;
    font-size: 1em;
    padding: 24.5px 2em;
    min-width: 74px;
    min-height: 50px;
    margin: .5em .5em .5em 0
}

@media only screen and (max-width:500px) {
    .btn {
        width: 100%;
        margin: .5em auto
    }
}

.btn.btn-x-large {
    font-size: 26px;
    padding: 23px 2em;
    min-width: 124px;
    min-height: 72px
}

@media only screen and (max-width:500px) {
    .btn.btn-x-large {
        width: 100%;
        margin: .5em auto
    }
}

.btn.btn-large {
    font-size: 20px;
    padding: 12px 2em;
    min-width: 112px;
    min-height: 44px
}

.btn.btn-large .waitIndicator .basic-spinner {
    margin: 9px auto
}

@media only screen and (max-width:500px) {
    .btn.btn-large {
        width: 100%;
        margin: .5em auto
    }
}

.btn.btn-medium {
    font-size: 16px;
    padding: 10.5px 2em;
    min-width: 104px;
    min-height: 37px
}

@media only screen and (max-width:500px) {
    .btn.btn-medium {
        width: 100%;
        margin: .5em auto
    }
}

.btn.btn-select {
    font-size: 16px;
    padding: 5.5px 2em;
    min-width: 104px;
    min-height: 27px
}

.btn.btn-select.t-size-SMALL {
    font-size: 10px;
    line-height: 9px;
    vertical-align: middle
}

.btn.btn-select.t-size-MEDIUM {
    font-size: 15px;
    line-height: 15px;
    vertical-align: middle
}

.btn.btn-select.t-size-LARGE {
    font-size: 18px;
    line-height: 18px;
    vertical-align: middle
}

@media only screen and (max-width:500px) {
    .btn.btn-select {
        width: 30%;
        margin: .5em auto
    }
}

.btn.btn-small {
    display: block;
    width: 100%;
    padding: 0;
    margin: .5em auto;
    line-height: 50px
}

.btn.btn-small .waitIndicator .basic-spinner {
    margin: 13px auto
}

@media only screen and (min-width:500px) {
    .btn.btn-small {
        display: inline-block;
        font-size: 13px;
        padding: 12px 2em;
        min-width: 98px;
        min-height: 37px;
        margin-right: .5em;
        padding-left: 1em;
        padding-right: 1em;
        width: auto;
        line-height: 1em
    }

    .btn.btn-small .waitIndicator .basic-spinner {
        margin: 7px auto
    }
}

.akira-button {
    outline: 0;
    padding: .5em 1em;
    margin: 0;
    display: inline-block;
    border: none;
    background: #333;
    color: #fff;
    font-weight: 700
}

.akira-button.btn-medium {
    padding: .5em 1em
}

.akira-button:hover {
    background-color: #4d4d4d
}

.akira-button:active {
    background-color: #4d4d4d
}

.akira-button:disabled {
    color: #333;
    background-color: #333
}

.akira-button:disabled.waiting {
    color: #333
}

.akira-button.akira-button-red {
    background-color: #b9090b;
    color: #fff
}

.akira-button.akira-button-red:hover {
    background-color: #c20002
}

.akira-button.akira-button-red:active {
    background-color: #c20002
}

.akira-button.akira-button-red:disabled {
    color: #4d4d4d;
    background-color: rgba(185,9,11,.3)
}

.outline-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #e50914;
    color: #e50914;
    padding: 13px 2em;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.outline-btn:focus,.outline-btn:hover {
    background-color: rgba(50,50,50,.05);
    text-decoration: none
}

.outline-btn:active {
    background-color: rgba(50,50,50,.15)
}

.outline-btn.outline-btn-white {
    color: #fff;
    border-color: #fff
}

.outline-btn.outline-btn-white:hover {
    background-color: rgba(220,220,220,.3);
    text-decoration: none
}

.outline-btn.outline-btn-white:active {
    background-color: rgba(220,220,220,.45)
}

.nfHeader {
    background-color: #fafafa;
    border-bottom: solid 1px #dcdde0;
    height: 90px
}

.nfHeader.signupBasicHeader {
    height: 90px
}

@media screen and (max-width:700px) {
    .nfHeader.signupBasicHeader {
        height: 75px
    }
}

@media screen and (max-width:440px) {
    .nfHeader.signupBasicHeader {
        height: 45px
    }
}

.nfHeader.signupBasicHeader.iosInAppHeader {
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1100
}

.focused .nfHeader.iosInAppHeader {
    position: absolute
}

.noBorderHeader {
    background-color: transparent;
    border-bottom: 0;
    position: relative
}

.nfLogo {
    text-decoration: none;
    vertical-align: middle;
    color: #e50914;
    font-size: 2.8em;
    line-height: 90px;
    float: left
}

@media screen and (max-width:700px) {
    .nfLogo {
        font-size: 1.8em;
        line-height: 75px
    }
}

@media screen and (max-width:440px) {
    .nfLogo {
        font-size: 1.2em;
        line-height: 45px
    }
}

.nfLogo:focus,.nfLogo:hover {
    text-decoration: none
}

.nfLogo.signupBasicHeader {
    margin-left: 3%
}

.svg-nfLogo {
    text-decoration: none;
    vertical-align: middle;
    fill: #e50914;
    display: inline-block;
    line-height: 90px
}

.svg-nfLogo .svg-icon-netflix-logo {
    height: 45px;
    width: 167px;
    vertical-align: middle
}

@media screen and (max-width:700px) {
    .svg-nfLogo {
        line-height: 75px
    }
}

@media screen and (max-width:440px) {
    .svg-nfLogo {
        line-height: 45px
    }
}

@media screen and (max-width:440px) {
    .svg-nfLogo .svg-icon-netflix-logo {
        height: 20px;
        width: 75px;
        padding-top: 12px
    }
}

.svg-nfLogo.signupBasicHeader {
    margin-left: 3%
}

.authLinks {
    float: right;
    color: #e50914;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 90px
}

@media screen and (max-width:700px) {
    .authLinks {
        font-size: 1em;
        line-height: 75px
    }
}

@media screen and (max-width:440px) {
    .authLinks {
        font-size: .8em;
        line-height: 45px
    }
}

.authLinks.signupBasicHeader {
    margin: 0 3%
}

@media screen and (max-width:440px) {
    .authLinks.signupBasicHeader {
        margin: 0 10px
    }
}

.basic-spinner {
    display: inline-block;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://assets.nflxext.com/ffe/siteui/common/site-spinner-240.png);
    width: 57px;
    height: 57px;
    -webkit-animation: full-rotation 1s infinite linear;
    -moz-animation: full-rotation 1s infinite linear;
    -o-animation: full-rotation 1s infinite linear;
    animation: full-rotation 1s infinite linear;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal
}

.basic-spinner.isHidden {
    display: none
}

.basic-spinner.basic-spinner-light {
    background-image: url(https://assets.nflxext.com/ffe/siteui/common/site-spinner-240-light.png)
}

.center-fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 2000
}

.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)
}

@-webkit-keyframes full-rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes full-rotation {
    from {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes full-rotation {
    from {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes full-rotation {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui-select-wrapper {
    display: inline-block;
    position: relative
}

.ui-select-wrapper>.ui-label {
    margin-bottom: 0
}

.ui-select-wrapper .select-arrow {
    position: relative;
    display: inline-block;
    width: 100%
}

.ui-select-wrapper .select-arrow::after {
    font-family: nf-icon;
    color: #000;
    font-size: 6px;
    content: '\e898';
    position: absolute;
    pointer-events: none
}

.ui-select-wrapper .select-arrow.medium::after {
    right: 10px;
    top: 18px
}

.ui-select-wrapper .select-arrow.medium::before {
    top: 11px;
    left: 15px
}

.ui-select-wrapper .select-arrow.prefix.globe::before {
    content: '\e896'
}

.ui-select-wrapper .select-arrow.prefix::before {
    font-family: nf-icon;
    color: #000;
    font-size: 16px;
    position: absolute;
    pointer-events: none
}

.ui-select-wrapper .select-arrow.prefix .ui-select.medium {
    padding-left: 50px
}

.ui-select {
    background: #fff;
    font-size: 16px;
    border: 1px solid #b3b3b3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%
}

.ui-select::-ms-expand {
    display: none
}

.ui-select.error {
    border-color: #b00500
}

.ui-select.valid {
    border-color: #5fa53f
}

.ui-select.medium {
    padding: 12px
}

.lang-selection-container {
    margin-top: 20px
}

.lang-selection-container .ui-select-wrapper {
    width: 165px
}

.lang-selection-container .ui-select {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));
    background-image: -webkit-linear-gradient(top,#fff,#f7f7f7);
    background-image: -moz-linear-gradient(top,#fff,#f7f7f7);
    background-image: -o-linear-gradient(top,#fff,#f7f7f7);
    background-image: linear-gradient(to bottom,#fff,#f7f7f7);
    text-transform: uppercase;
    font-size: 13px
}

.basicLayout[lang=tr] .lang-selection-container .ui-select {
    text-transform: none
}

html {
    background-color: #f3f3f3
}

.minHeight {
    min-height: 2200px
}

.in-transition {
    -webkit-transition: -webkit-transform .9s ease;
    transition: -webkit-transform .9s ease;
    -o-transition: -o-transform .9s ease;
    -moz-transition: transform .9s ease,-moz-transform .9s ease;
    transition: transform .9s ease;
    transition: transform .9s ease,-webkit-transform .9s ease,-moz-transform .9s ease,-o-transform .9s ease
}

h1,h2,h3,h4,h5 {
    margin-bottom: 10px
}

.centerContainer {
    margin: 0 auto 15px;
    padding: 20px 3% 60px;
    max-width: 978px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.centerContainer.smallForm {
    max-width: 500px
}

.iosInApp:not(.modernInApp) .centerContainer {
    margin-top: 90px
}

@media screen and (max-width:700px) {
    .iosInApp:not(.modernInApp) .centerContainer {
        margin-top: 75px
    }
}

@media screen and (max-width:440px) {
    .iosInApp:not(.modernInApp) .centerContainer {
        margin-top: 45px
    }
}

h1 {
    font-size: 24px;
    font-weight: 400;
    color: #333
}

@media only screen and (min-width:700px) {
    h1 {
        font-size: 34px
    }
}

h2 {
    font-size: 1.125em
}

@media only screen and (min-width:700px) {
    h2 {
        font-size: 1.5em
    }
}

.hidden-input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0
}

.error {
    color: #b00500
}

.link {
    cursor: pointer
}

.signupTerms {
    font-size: 13px;
    color: grey
}

.signupTermsError {
    color: #b00500;
    font-size: 16px
}

.touIntlWarning {
    font-size: 16px;
    color: #333;
    margin: 0 0 3em
}

#homelist {
    background-color: #dad8d3
}

.rgba #homelist {
    background: -moz-linear-gradient(top,rgba(227,224,215,.6) 0,rgba(166,164,157,.6) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(227,224,215,.6)),color-stop(100%,rgba(166,164,157,.6)));
    background: -webkit-linear-gradient(top,rgba(227,224,215,.6) 0,rgba(166,164,157,.6) 100%);
    background: -o-linear-gradient(top,rgba(227,224,215,.6) 0,rgba(166,164,157,.6) 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(227,224,215,.6)),to(rgba(166,164,157,.6)));
    background: linear-gradient(to bottom,rgba(227,224,215,.6) 0,rgba(166,164,157,.6) 100%)
}

.listitems.contents {
    padding-top: 30px;
    padding-bottom: 30px
}

.listitems ul {
    display: table;
    margin: 0 auto
}

.listitems li {
    width: 30%;
    text-align: center;
    color: #444;
    font-size: 14px;
    vertical-align: top;
    float: left
}

.listitems .icon {
    height: 53px;
    margin: 0 auto 10px auto;
    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 {
    padding-right: 2.25%
}

.listitems .c2 {
    padding-left: 2.25%;
    padding-right: 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: solid 1px #888
}

.rgba .listitems .c1 {
    border-right: solid 1px rgba(89,89,91,.2)
}

.listitems .c2 {
    border-left: solid 1px #888;
    border-right: solid 1px #888
}

.rgba .listitems .c2 {
    border-left: solid 1px rgba(255,255,255,.2);
    border-right: solid 1px rgba(89,89,91,.2)
}

.listitems .c3 {
    border-left: solid 1px #888
}

.rgba .listitems .c3 {
    border-left: solid 1px rgba(255,255,255,.2)
}

.listitems li strong {
    font-weight: 400;
    color: #333
}

.listitems li img {
    display: block;
    margin: 0 auto 15px
}

.listitems li .text {
    text-align: center;
    margin: 0 auto;
    max-width: 90%
}

@media screen and (max-width:700px) {
    #homelist {
        padding: 20px 0
    }

    .listitems ul {
        display: block
    }

    .display-table .listitems li,.listitems li {
        display: block;
        float: none;
        margin: 0 auto;
        font-size: 14px;
        line-height: 16px;
        width: 100%
    }

    .display-table .listitems .c1,.listitems .c1,.rgba.display-table .listitems .c1 {
        padding-bottom: 20px;
        padding-right: 0;
        border-bottom: solid 1px #59595b;
        border-right: none
    }

    .rgba .listitems .c1,.rgba.display-table .listitems .c1 {
        border-bottom: solid 1px rgba(89,89,91,.2);
        border-right: 0
    }

    .display-table .listitems .c2,.listitems .c2,.no-flexbox .listitems .c2,.rgba.display-table .listitems .c2 {
        margin: 0 auto;
        padding: 20px 0;
        border-top: solid 1px #fff;
        border-bottom: solid 1px #59595b;
        border-left: none;
        border-right: none
    }

    .rgba .listitems .c2,.rgba.display-table .listitems .c2 {
        border-top: solid 1px rgba(255,255,255,.2);
        border-bottom: solid 1px rgba(89,89,91,.2);
        border-right: 0;
        border-left: 0
    }

    .display-table .listitems .c3,.listitems .c3,.rgba.display-table .listitems .c3 {
        padding-top: 20px;
        padding-left: 0;
        border-top: solid 1px #fff;
        border-left: none
    }

    .rgba .listitems .c3,.rgba.display-table .listitems .c3 {
        border-top: solid 1px rgba(255,255,255,.2);
        border-left: 0
    }
}

.cust-icon img {
    height: 53px;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    margin: 0 auto 10px;
    max-width: 146px
}

.title-logo-set {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11
}

.title-logo {
    padding: 0 3%;
    background: 0 0;
    position: absolute;
    bottom: 0;
    opacity: 0
}

.title-logo img {
    width: 64vw;
    max-width: 900px
}

.title-logo-active {
    opacity: 1;
    -webkit-animation: fadelogo 1s ease-in;
    -moz-animation: fadelogo 1s ease-in;
    -o-animation: fadelogo 1s ease-in;
    animation: fadelogo 1s ease-in
}

@-webkit-keyframes fadelogo {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadelogo {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadelogo {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadelogo {
    from {
        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:0.8) 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;
    position: relative;
    margin: 10px 0 10px;
    font-weight: 300;
    letter-spacing: .2px;
    font-size: 20px;
    overflow: hidden;
    background: 0 0
}

.title-message .title-message-text {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-top: -7px;
    padding: 8px 0;
    margin-left: 14px;
    white-space: normal;
    position: relative
}

.title-message .title-message-text:before {
    content: '|';
    color: transparent;
    position: absolute;
    left: -9px;
    top: 1px;
    bottom: 9px;
    background-color: red;
    width: 5px;
    line-height: .8
}

.title-message .title-message-text span {
    display: inline-block;
    white-space: nowrap;
    padding-right: 10px
}

.title-message .title-message-text .bold {
    display: inline-block;
    white-space: nowrap;
    font-weight: 700
}

@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: .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-weight: 600;
    font-size: 1.8em
}

@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
    }
}

.input-message {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    height: 32px;
    left: 0;
    color: #999
}

.input-message.error {
    color: #b00500
}

.input-message a {
    color: inherit;
    text-decoration: underline
}

.dark .input-message.error {
    color: #fff
}

.dark .input-message.warning {
    color: #f7f7f7
}

.nfCompactInput,.ui-label,.ui-label-no-margin {
    font-size: 1em;
    font-weight: 400;
    color: grey;
    display: block
}

@media only screen and (max-width:740px) {
    .nfCompactInput,.ui-label,.ui-label-no-margin {
        font-size: .875em
    }
}

.nfCompactInput.inline,.ui-label-no-margin.inline,.ui-label.inline {
    display: inline-block
}

.nfCompactInput.inline .ui-text-input,.ui-label-no-margin.inline .ui-text-input,.ui-label.inline .ui-text-input {
    margin-bottom: 0
}

.nfCompactInput.nmHomeTextInput .ui-label-text,.ui-label-no-margin.nmHomeTextInput .ui-label-text,.ui-label.nmHomeTextInput .ui-label-text {
    margin-right: 1ex
}

.nfCompactInput.nmHomeTextInput .input-password-input,.nfCompactInput.nmHomeTextInput .ui-text-input,.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,.8);
    border-color: #4d4d4d;
    font-size: 24px;
    color: #fff
}

.ui-label {
    margin-bottom: 6px
}

.icon-error {
    color: #b00500
}

.icon-valid {
    color: #5fa53f
}

.ui-input-wrapper {
    display: inline-block;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:500px) {
    .ui-input-wrapper {
        display: block
    }
}

.ui-input-label {
    padding-bottom: 32px;
    position: relative
}

.ui-readonly-value {
    padding: 10px 0;
    margin-bottom: 20px;
    color: #333
}

.input-password-input,.ui-text-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    border: solid 1px #b3b3b3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    max-width: 500px;
    color: #000;
    line-height: 18px;
    padding: 10px 11px;
    height: 44px
}

.input-password-input.large,.ui-text-input.large {
    padding: 14px 11px;
    line-height: 20px
}

@media only screen and (max-width:740px) {
    .input-password-input.large,.ui-text-input.large {
        font-size: 1em;
        line-height: 20px;
        padding: 11px
    }
}

.input-password-input.small,.ui-text-input.small {
    padding: 5px 8px;
    line-height: 18px;
    font-size: 14px
}

@media only screen and (max-width:740px) {
    .input-password-input.small,.ui-text-input.small {
        font-size: 1em;
        padding: 8px 11px
    }
}

.input-password-input:focus,.ui-text-input:focus {
    border-color: grey;
    outline: 0
}

.error>.input-password-input,.error>.ui-text-input,.input-password-input.error,.input-password-inputerror:focus,.ui-text-input.error,.ui-text-inputerror:focus {
    border-color: #b00500
}

.input-password-input.valid,.ui-text-input.valid,.valid>.input-password-input,.valid>.ui-text-input {
    border-color: #5fa53f
}

.input-password-input.inline,.ui-text-input.inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: auto;
    max-width: 100%;
    margin-right: 12px
}

.input-password-input.inline.medium,.ui-text-input.inline.medium {
    margin-right: 8px
}

.input-password-input.inline.small,.ui-text-input.inline.small {
    margin-right: 4px
}

.ui-input-label .ui-text-input+.icon-lock {
    position: absolute;
    bottom: 20px;
    color: #9e9e9e;
    font-size: 1.2em;
    right: 10px
}

.floating-label.ui-input-label {
    padding-bottom: 0
}

.floating-label .ui-label-text {
    position: absolute;
    top: 18px;
    left: 11px
}

.floating-label.active .ui-label-text {
    top: 3px;
    font-size: .8em
}

.floating-label .ui-text-input.error:focus {
    border-color: #b00500
}

.floating-label .ui-text-input.valid:focus {
    border-color: #5fa53f
}

.floating-label .ui-text-input:focus {
    border-color: #0f84fa
}

.floating-label .ui-text-input.medium {
    padding: 15px 11px 5px
}

.nfCompactInput {
    padding: 2px 0 10px;
    position: relative;
    min-height: 80px
}

.nfCompactInput .placeLabel {
    position: absolute;
    top: 16px;
    left: 10px;
    color: #999;
    font-size: 20px;
    -webkit-transition: font .2s ease,top .2s ease;
    -o-transition: font .2s ease,top .2s ease;
    -moz-transition: font .2s ease,top .2s ease;
    transition: font .2s ease,top .2s ease
}

.nfCompactInput input[type=text] {
    height: 54px;
    padding: 10px 2px 0
}

.nfCompactInput .hasText+.placeLabel,.nfCompactInput input[type=text]:focus+.placeLabel {
    top: 4px;
    font-size: 11px
}

.nfCompactInput .inputError {
    font-size: 12px;
    color: #b00500
}

.dark .nfCompactInput .ui-text-input.error {
    border-color: #ffa100
}

.dark .nfCompactInput .inputError {
    color: #ffa100
}

.cta-wrapper {
    position: absolute;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    font-size: 1.8vw;
    z-index: 13;
    left: 0;
/*!rtl:ignore*/
    margin: 0 3%;
    width: 94%
}

.cta-wrapper .cta-headline,.cta-wrapper .cta-pitch {
    color: #fff;
    margin: 0 0 .2em;
    line-height: 1.1em;
    font-weight: 700;
    text-shadow: 1px 1px 10px #000
}

.cta-wrapper .cta-headline.small-font,.cta-wrapper .cta-pitch.small-font {
    font-size: 2.6em
}

@media (min-width:658px),(orientation:landscape) {
    .cta-wrapper .cta-headline,.cta-wrapper .cta-pitch {
        font-size: 2.5em
    }

    .cta-wrapper .cta-headline.small-font,.cta-wrapper .cta-pitch.small-font {
        font-size: 2em
    }
}

.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 .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: 700;
    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: .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 {
    text-decoration: underline;
    position: relative
}

.cta-wrapper .cta-pricing.link-treatment .hero-link:after {
    content: '';
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media (max-aspect-ratio:0.8) and (orientation:portrait),(max-width:1000px) and (orientation:portrait) {
    .cta-wrapper {
        top: 8vw;
        margin-top: 30px;
        font-size: 3.2vw;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        text-align: center;
        max-width: 100%
    }
}

@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:1000px) {
    .cta-wrapper .cta-former-member-greeting {
        font-size: 1.5em
    }
}

@media (min-width:1000px) {
    .cta-wrapper {
        top: 45%;
        max-width: 60%
    }
}

@media (max-width:658px) {
    .cta-wrapper .cta-link-wrapper .btn,.cta-wrapper .outline-btn {
        padding: 18px 28px;
        min-height: 32px;
        width: auto
    }
}

@media (max-width:350px) {
    .cta-wrapper {
        margin: 0 auto;
        width: 100%
    }
}

@media (max-width:1000px) and (orientation:landscape) {
    .cta-wrapper {
        top: 60%;
        max-width: 60%
    }
}

@media (max-width:1000px) and (orientation:portrait) {
    .cta-wrapper {
        position: absolute;
        top: auto;
        bottom: 44px
    }

    .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 {
        top: 45%;
        max-width: 60%
    }
}

@media (max-width:658px) {
    .cta-wrapper .cta-link-wrapper .btn.btn-large,.cta-wrapper .outline-btn {
        padding: 18px 20px;
        min-height: 32px;
        width: auto
    }

    .cta-wrapper .cta-link-wrapper .btn.btn-large.long-text,.cta-wrapper .outline-btn.long-text {
        padding: 18px 10px;
        font-size: 13px
    }
}

@media (max-aspect-ratio:0.8) {
    .concord-with-title .cta-wrapper {
        top: 40%
    }

    .concord-with-title .cta-wrapper .cta-pitch {
        font-size: 1.7em;
        line-height: 1em;
        margin: 0 0 .5em
    }
}

.cta-text {
    position: relative;
    top: 0;
    min-font-size: 12pt
}

.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
}

@-webkit-keyframes slideup {
    from {
        top: 20px
    }
}

@-moz-keyframes slideup {
    from {
        top: 20px
    }
}

@-o-keyframes slideup {
    from {
        top: 20px
    }
}

@keyframes slideup {
    from {
        top: 20px
    }
}

.cta-link {
    color: #e50914;
    font-size: 16px
}

.cta-link-wrapper {
    opacity: 1
}

.cta-link-wrapper button {
    outline: 0;
    white-space: nowrap
}

.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 {
        padding: 13px 2em;
        min-width: 108px;
        min-height: 44px;
        margin-bottom: 40px;
        font-size: 20px
    }
}

@media screen and (max-width:495px) {
    .hero-cta-btn {
        font-size: 18px
    }
}

@media screen and (max-width:500px) {
    .hero-cta-btn {
        width: auto
    }
}

#this-is-netflix {
    margin-top: 0;
    position: relative
}

#this-is-netflix.animate-tin-peek {
    background-color: #1a1a1a;
    -webkit-animation-name: show-tin-peek;
    -moz-animation-name: show-tin-peek;
    -o-animation-name: show-tin-peek;
    animation-name: show-tin-peek;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes show-tin-peek {
    from {
        margin-top: 100px
    }

    to {
        margin-top: 0
    }
}

@-moz-keyframes show-tin-peek {
    from {
        margin-top: 100px
    }

    to {
        margin-top: 0
    }
}

@-o-keyframes show-tin-peek {
    from {
        margin-top: 100px
    }

    to {
        margin-top: 0
    }
}

@keyframes show-tin-peek {
    from {
        margin-top: 100px
    }

    to {
        margin-top: 0
    }
}

.tin-nav {
    padding-top: 15px;
    background-color: #141414;
    border-bottom: 2px solid #3d3d3d;
    border-right: none
}

@media (max-width:700px) {
    .tin-nav {
        border-width: 1px
    }
}

@media (max-width:1000px) {
    .tin-nav {
        padding-top: 0
    }
}

.tin-nav .tin-header {
    text-align: center;
    cursor: pointer
}

.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 {
    color: #fff;
    fill: #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 {
    width: 25%;
    border-right: none
}

@media (max-width:700px) {
    .tin-nav .tin-nav-list .tin-nav-cell {
        font-size: 15px
    }
}

.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-nav .tin-nav-list .tin-nav-cell {
    display: inline-block;
    color: #777;
    fill: #777;
    padding: 0 1px;
    vertical-align: top;
    cursor: pointer;
    border-right: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.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 {
    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 {
    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 {
    height: 125px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@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 {
    margin-top: 10px;
    color: #777;
    font-weight: 700
}

.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 {
    color: #fff;
    fill: #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) {
    color: #fff;
    fill: #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-module-selector {
    display: none
}

.tin-module-selector.tin-module-active {
    display: block
}

.tin-module {
    margin: 0 auto;
    padding: 40px 0;
    width: 70%;
    max-width: 1400px
}

@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;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    padding: 18px 20px;
    width: auto
}

@media (max-width:658px) {
    .tin-module .cta-link-wrapper .cta-form .btn.long-text {
        padding: 18px 10px;
        font-size: 13px
    }
}

.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 {
    height: 496px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: none;
    padding: 0;
    position: relative
}

.tin-panes .tin-panes-background {
    margin-left: -175px;
    width: -webkit-calc(100% + 350px);
    width: -moz-calc(100% + 350px);
    width: calc(100% + 350px);
    background-color: #000
}

.tin-panes .tin-panes-background .bg-images-enter {
    opacity: .01
}

.tin-panes .tin-panes-background .bg-images-enter.bg-images-enter-active {
    opacity: .25;
    -webkit-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

.tin-panes .tin-panes-background .bg-images-leave {
    opacity: .25
}

.tin-panes .tin-panes-background .bg-images-leave.bg-images-leave-active {
    opacity: .01;
    -webkit-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

.tin-panes .tin-panes-background .tin-image-row-image {
    width: 220px;
    height: 124px;
    opacity: .25;
    display: inline-block;
    vertical-align: top
}

.tin-panes .tin-panes-content {
    width: 75%;
    position: absolute;
    top: 10%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 55%
}

@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: 700;
    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 {
        padding: 16px 1.5em;
        min-width: 120px;
        min-height: 44px
    }
}

@media screen and (max-width:1295px) {
    .tin-panes .tin-panes-content .tin-panes-btn .btn {
        padding: 14px 1em;
        min-height: 32px
    }
}

.tin-panes .tin-panes-content.sub-only {
    top: 45%
}

.tin-small-showcase {
    width: 100%;
    max-width: 100%;
    padding-top: 0
}

.tin-small-showcase .tin-small-header-wrapper {
    background-color: #000;
    padding: 40px 0
}

.tin-small-showcase .tin-small-header {
    width: 70%;
    margin: 0 auto
}

.tin-small-showcase .tin-small-header .tin-small-header-content {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tin-small-showcase .tin-small-header .tin-small-cta {
    width: 70%;
    color: #fff;
    font-size: 30px
}

.tin-small-showcase .tin-small-header .tin-small-cta .netflix-app-icon {
    float: left;
    width: 10%;
    margin-right: 20px
}

@media screen and (max-width:990px) {
    .tin-small-showcase .tin-small-header .tin-small-cta .netflix-app-icon {
        max-width: 80px;
        width: 100%;
        margin: 0 auto;
        float: none;
        display: block
    }
}

@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;
        width: 100%;
        text-align: center;
        padding: 10px
    }
}

@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 {
    width: 30%;
    text-align: center
}

@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 {
        padding: 16px 1.5em;
        min-width: 120px;
        min-height: 44px
    }
}

@media screen and (max-width:1295px) {
    .tin-small-showcase .tin-small-header .tin-small-btn .btn {
        padding: 18px 20px;
        min-height: 32px
    }
}

.tin-small-showcase .tin-small-content {
    width: 70%;
    margin: 0 auto
}

.tin-small-showcase .tin-small-content .tin-small-block,.tin-small-showcase .tin-small-content .tin-small-desc {
    display: inline-block;
    vertical-align: bottom;
    width: 33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 15px 0
}

@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 {
    width: 100%;
    height: auto
}

.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 {
    font-weight: 700;
    color: #fff
}

.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
}

@media screen and (max-width:900px) {
    .tin-small-showcase .tin-small-content .tin-small-desc .tin-small-desc-text {
        display: none
    }
}

.tin-small-showcase .tin-small-content .tin-small-desc {
    vertical-align: top;
    padding-top: 0
}

@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 {
    width: 100%;
    text-align: center
}

.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 {
    width: 100%;
    margin-top: 20px
}

@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;
    text-transform: uppercase;
    padding: 10px 10px
}

@media screen and (max-width:1024px) {
    .tin-pricing .tin-pricing-table .tin-table-header .tin-pricing-th {
        font-size: .8em;
        padding: 10px
    }
}

@media screen and (max-width:700px) {
    .tin-pricing .tin-pricing-table .tin-table-header .tin-pricing-th:first-child {
        display: none
    }
}

@media screen and (max-width:700px) {
    .tin-pricing .tin-pricing-table .tin-table-header .tin-pricing-th:not(:first-child) {
        width: 33%;
        min-width: 33%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }
}

.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 {
    padding: 10px 0;
    font-size: 12px;
    color: #999;
    font-weight: 400
}

@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 {
        padding: 5px 10px;
        font-size: 14px;
        font-weight: 700
    }
}

@media screen and (max-width:700px) {
    .tin-pricing .tin-pricing-table .tin-pricing-table-row .tin-pricing-table-data .icon {
        font-size: 18px
    }
}

@media screen and (max-width:700px) {
    .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
    }
}

@media screen and (max-width:700px) {
    .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 {
    vertical-align: top;
    width: 50%;
    height: auto;
    display: inline-block;
    position: relative;
    top: 70px
}

@media screen and (max-width:1340px) {
    .tin-large-showcase .tin-large-cta {
        top: 70px;
        font-size: 24px
    }
}

@media screen and (max-width:990px) {
    .tin-large-showcase .tin-large-cta {
        top: 20px;
        width: 100%;
        text-align: center
    }
}

.tin-large-showcase .tin-large-cta .tin-large-cta-text {
    position: relative;
    color: #fff;
    font-size: 32px;
    margin-bottom: 20px
}

@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 {
    font-weight: 400;
    font-size: 16px;
    margin: 5px 0;
    color: #999;
    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 {
        padding: 13px 2em;
        min-width: 108px;
        min-height: 44px;
        margin-bottom: 40px
    }
}

@media screen and (max-width:495px) {
    .tin-large-showcase .tin-large-cta .large-showcase-btn {
        font-size: 20px
    }
}

.tin-large-showcase .tin-large-image {
    vertical-align: top;
    width: 50%;
    display: inline-block
}

@media screen and (max-width:990px) {
    .tin-large-showcase .tin-large-image {
        width: 100%;
        text-align: center
    }
}

.tin-large-showcase .tin-large-image .tin-large-image-tag {
    height: auto;
    max-height: 400px;
    width: auto;
    max-width: 100%
}

@media screen and (max-width:990px) {
    .tin-large-showcase .tin-large-image .tin-large-image-tag {
        margin: 10px auto 0;
        max-width: 90%;
        display: block
    }
}

@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 {
        top: 0;
        padding-top: 0;
        margin-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: 0 0;
        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%
    }
}

.sliding-doors-secondary-control .tin-module-wrapper {
    min-height: 100vh
}

.sliding-doors-secondary-control .tin-large-cta {
    margin-bottom: 10px
}

.all-originals-titles {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    cursor: pointer
}

.all-originals-titles a {
    color: #999
}

.all-originals-titles .btn-toggle {
    margin-right: .4em;
    background: 0 0;
    border: none;
    padding: 0 25px 0 0
}

.all-originals-titles .btn-toggle:active,.all-originals-titles .btn-toggle:focus,.all-originals-titles .btn-toggle:hover {
    outline: 0;
    text-decoration: underline
}

.all-originals-titles .btn-toggle:after {
    top: .4em;
    position: absolute;
    content: "";
    vertical-align: middle;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #999 transparent transparent transparent
}

.all-originals-titles .all-originals-dropdown-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #333;
    background-color: #1a1a1a;
    overflow: hidden;
    max-height: 250px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    padding: 10px
}

.all-originals-titles .all-originals-dropdown-wrapper.open {
    display: inline-block;
    z-index: 2
}

.all-originals-titles .all-originals-dropdown-wrapper a {
    display: block;
    padding: 4px 7px
}

.all-originals-titles .all-originals-dropdown-wrapper .all-originals-close {
    width: 100%;
    text-align: right;
    height: 25px
}

.all-originals-titles .all-originals-dropdown-wrapper .all-originals-close .close-btn {
    background-color: transparent;
    border: none;
    font-size: 18px
}

.all-originals-titles .all-originals-dropdown-wrapper .all-originals-close .close-btn:hover {
    color: #fff
}

.all-originals-titles .all-originals-dropdown-wrapper .all-originals-dropdown-content {
    overflow-y: scroll;
    max-height: 200px
}

.all-originals-titles .all-originals-dropdown-wrapper .all-originals-dropdown-content a {
    display: block;
    padding: 4px 7px
}

@media only screen and (min-width:950px) {
    .all-originals-titles .all-originals-dropdown-wrapper {
        border: 1px solid #333;
        min-width: 150px;
        max-width: 500px;
        margin-top: -250px;
        width: inherit;
        position: relative;
        top: 0;
        left: 0
    }

    .all-originals-titles a {
        white-space: nowrap
    }
}

.light .all-originals-dropdown-wrapper {
    background-color: #fff;
    border-color: #f3f3f3
}

.nfHeader {
    background: 0 0;
    border: 0;
    position: absolute;
    z-index: 5;
    width: 100%
}

.nfHeader .authLinks {
    color: #fff;
    background-color: #e50914;
    line-height: normal;
    margin: 18px 3% 0;
    padding: 7px 17px;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px
}

.nfHeader .authLinks:hover {
    background: #f40612;
    text-decoration: none
}

@media (max-width:440px) {
    .nfHeader .authLinks {
        margin-top: 10px;
        font-size: 15px;
        padding: 5px 15px
    }
}

.nfHeader .authLinks.signupBasicHeader.iosInAppHeader {
    position: absolute;
    right: 0;
    top: 20%;
    background-color: inherit;
    margin: 0
}

.nfHeader.iosInAppHeader {
    background-color: #131313
}

.nfLogo.signupBasicHeader.iosInAppHeader {
    float: none
}

.basicLayout.light {
    background-color: #fff
}

.basicLayout.dark {
    background-color: #000
}

#cookie-disclosure {
    position: relative
}

#homelist {
    background: #000;
    overflow: hidden;
    position: relative;
    -webkit-animation-name: show-peek;
    -moz-animation-name: show-peek;
    -o-animation-name: show-peek;
    animation-name: show-peek;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    margin-top: -110px
}

@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
    }
}

@-webkit-keyframes show-peek {
    from {
        margin-top: 0
    }
}

@-moz-keyframes show-peek {
    from {
        margin-top: 0
    }
}

@-o-keyframes show-peek {
    from {
        margin-top: 0
    }
}

@keyframes show-peek {
    from {
        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 {
    padding-bottom: 5px;
    font-size: 60px
}

.footer-divider {
    border: 0
}

.site-footer {
    height: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.dark .ui-select-wrapper .ui-select {
    background-color: #000;
    background-image: none;
    border: 1px solid #333
}

.dark .ui-select-wrapper .select-arrow::after {
    color: #999
}

.dark .ui-select-wrapper .select-arrow.prefix::before {
    color: #999
}

.home,.iosHome,html {
    background-color: #000
}

.concord {
    background: #1a1a1a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    color: #fff;
    position: relative;
    z-index: 0;
    min-height: 0;
    height: 94vh;
    max-height: 180vw
}

@media (orientation:landscape),(min-width:1000px) {
    .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 {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    -webkit-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
    -moz-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
    -ms-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
    -o-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
    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;
        -webkit-transform: translate(-70%);
/*!rtl:ignore*/
        -moz-transform: translate(-70%);
/*!rtl:ignore*/
        -ms-transform: translate(-70%);
/*!rtl:ignore*/
        -o-transform: translate(-70%);
/*!rtl:ignore*/
        transform: translate(-70%)/*!rtl:ignore*/
    }
}

@media (max-aspect-ratio:80/100),(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
}

@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 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.concord .bg .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.concord .bg .image .concord-img,.concord .bg .image .concord-img-gradient,.concord .bg .image video {
    width: 118%;
    position: absolute;
    top: 66%;
    left: 70%;
/*!rtl:ignore*/
    opacity: 0;
    -webkit-transform-origin: 70% 62.5%;
/*!rtl:ignore*/
    -moz-transform-origin: 70% 62.5%;
/*!rtl:ignore*/
    -ms-transform-origin: 70% 62.5%;
/*!rtl:ignore*/
    -o-transform-origin: 70% 62.5%;
/*!rtl:ignore*/
    transform-origin: 70% 62.5%;
/*!rtl:ignore*/
    z-index: 2
}

.concord .bg .image .concord-img-gradient.animate-img,.concord .bg .image .concord-img.animate-img,.concord .bg .image video.animate-img {
    -webkit-transition: opacity 0s linear 1s,-webkit-transform 0s linear 1s;
    transition: opacity 0s linear 1s,-webkit-transform 0s linear 1s;
    -o-transition: opacity 0s linear 1s,-o-transform 0s linear 1s;
    -moz-transition: opacity 0s linear 1s,transform 0s linear 1s,-moz-transform 0s linear 1s;
    transition: opacity 0s linear 1s,transform 0s linear 1s;
    transition: opacity 0s linear 1s,transform 0s linear 1s,-webkit-transform 0s linear 1s,-moz-transform 0s linear 1s,-o-transform 0s linear 1s;
    -webkit-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
    -moz-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
    -ms-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
    -o-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
    transform: translate(-70%,-62.5%) scale(1.05)/*!rtl:ignore*/
}

@media (max-aspect-ratio:160/100) and (min-width:1000px) {
    .concord .bg .image .concord-img,.concord .bg .image .concord-img-gradient,.concord .bg .image video {
        width: auto;
        height: 135%;
        top: 60%
    }
}

@media (max-aspect-ratio:160/100) 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 {
        width: auto;
        height: 135%
    }
}

@media (max-height:600px) {
    .concord .bg .image .concord-img,.concord .bg .image .concord-img-gradient,.concord .bg .image video {
        top: 50%
    }
}

@media (orientation:portrait),(max-width:400px) {
    .concord .bg .image .concord-img,.concord .bg .image .concord-img-gradient,.concord .bg .image video {
        width: auto;
        left: 75%;
/*!rtl:ignore*/
        top: 67%;
        height: 67%
    }
}

@media (min-aspect-ratio:80/100) and (max-width:400px) {
    .concord .bg .image .concord-img,.concord .bg .image .concord-img-gradient,.concord .bg .image video {
        top: 80%;
        left: 50%;
/*!rtl:ignore*/
        width: auto;
        height: 100%
    }
}

@media (max-width:1000px) and (orientation:portrait) {
    .concord .bg .image .concord-img,.concord .bg .image .concord-img-gradient {
        top: 0;
        -webkit-transform: translate(-75%);
/*!rtl:ignore*/
        -moz-transform: translate(-75%);
/*!rtl:ignore*/
        -ms-transform: translate(-75%);
/*!rtl:ignore*/
        -o-transform: translate(-75%);
/*!rtl:ignore*/
        transform: translate(-75%)/*!rtl:ignore*/
    }

    .concord .bg .image .concord-img-gradient {
        width: 118%;
        padding-bottom: 0
    }

    .concord .bg .image .concord-img-gradient:after,.concord .bg .image .concord-img-gradient:before {
        content: '';
        display: block;
        height: 20%;
        width: 100%;
        position: absolute
    }

    .concord .bg .image .concord-img-gradient:before {
        top: -1px;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(26,26,26,.9)),to(transparent));
        background-image: -webkit-linear-gradient(top,rgba(26,26,26,.9),transparent);
        background-image: -moz-linear-gradient(top,rgba(26,26,26,.9),transparent);
        background-image: -o-linear-gradient(top,rgba(26,26,26,.9),transparent);
        background-image: linear-gradient(to bottom,rgba(26,26,26,.9),transparent)
    }

    .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 {
        height: 30%;
        bottom: -1px;
        background-image: -webkit-gradient(linear,left bottom,left top,from(#1a1a1a),to(transparent));
        background-image: -webkit-linear-gradient(bottom,#1a1a1a,transparent);
        background-image: -moz-linear-gradient(bottom,#1a1a1a,transparent);
        background-image: -o-linear-gradient(bottom,#1a1a1a,transparent);
        background-image: linear-gradient(to top,#1a1a1a,transparent)
    }
}

@media (max-aspect-ratio:160/100) and (min-width:1000px) {
    .concord .bg .image .concord-img,.concord .bg .image .concord-img-gradient {
        width: auto;
        height: 135%;
        top: 60%
    }
}

.concord .bg .image.active .concord-img,.concord .bg .image.active .concord-img-gradient,.concord .bg .image.active video {
    z-index: 3;
    opacity: 1;
    -webkit-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
    -moz-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
    -ms-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
    -o-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
    transform: translate(-70%,-62.5%) scale(1)/*!rtl:ignore*/
}

.concord .bg .image.active .concord-img-gradient.animate-img,.concord .bg .image.active .concord-img.animate-img,.concord .bg .image.active video.animate-img {
    -webkit-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-animation: zoomimage 6s ease-out;
    -moz-animation: zoomimage 6s ease-out;
    -o-animation: zoomimage 6s ease-out;
    animation: zoomimage 6s ease-out
}

@media (max-width:1000px) and (orientation:portrait) {
    .concord .bg .image.active .concord-img,.concord .bg .image.active .concord-img-gradient {
        top: 0;
        -webkit-transform: translate(-70%);
/*!rtl:ignore*/
        -moz-transform: translate(-70%);
/*!rtl:ignore*/
        -ms-transform: translate(-70%);
/*!rtl:ignore*/
        -o-transform: translate(-70%);
/*!rtl:ignore*/
        transform: translate(-70%)/*!rtl:ignore*/
    }

    .concord .bg .image.active .concord-img-gradient.animate-img,.concord .bg .image.active .concord-img.animate-img {
        -webkit-animation: zoomimage-portrait 6s ease-out;
        -moz-animation: zoomimage-portrait 6s ease-out;
        -o-animation: zoomimage-portrait 6s ease-out;
        animation: zoomimage-portrait 6s ease-out
    }
}

@-webkit-keyframes zoomimage {
    from {
        -webkit-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
        transform: translate(-70%,-62.5%) scale(1)/*!rtl:ignore*/
    }

    to {
        -webkit-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
        transform: translate(-70%,-62.5%) scale(1.05)/*!rtl:ignore*/
    }
}

@-moz-keyframes zoomimage {
    from {
        -moz-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
        transform: translate(-70%,-62.5%) scale(1)/*!rtl:ignore*/
    }

    to {
        -moz-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
        transform: translate(-70%,-62.5%) scale(1.05)/*!rtl:ignore*/
    }
}

@-o-keyframes zoomimage {
    from {
        -o-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
        transform: translate(-70%,-62.5%) scale(1)/*!rtl:ignore*/
    }

    to {
        -o-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
        transform: translate(-70%,-62.5%) scale(1.05)/*!rtl:ignore*/
    }
}

@keyframes zoomimage {
    from {
        -webkit-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
        -moz-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
        -o-transform: translate(-70%,-62.5%) scale(1);
/*!rtl:ignore*/
        transform: translate(-70%,-62.5%) scale(1)/*!rtl:ignore*/
    }

    to {
        -webkit-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
        -moz-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
        -o-transform: translate(-70%,-62.5%) scale(1.05);
/*!rtl:ignore*/
        transform: translate(-70%,-62.5%) scale(1.05)/*!rtl:ignore*/
    }
}

@-webkit-keyframes zoomimage-portrait {
    from {
        -webkit-transform: translate(-70%) scale(1);
/*!rtl:ignore*/
        transform: translate(-70%) scale(1)/*!rtl:ignore*/
    }

    to {
        -webkit-transform: translate(-70%) scale(1.05);
/*!rtl:ignore*/
        transform: translate(-70%) scale(1.05)/*!rtl:ignore*/
    }
}

@-moz-keyframes zoomimage-portrait {
    from {
        -moz-transform: translate(-70%) scale(1);
/*!rtl:ignore*/
        transform: translate(-70%) scale(1)/*!rtl:ignore*/
    }

    to {
        -moz-transform: translate(-70%) scale(1.05);
/*!rtl:ignore*/
        transform: translate(-70%) scale(1.05)/*!rtl:ignore*/
    }
}

@-o-keyframes zoomimage-portrait {
    from {
        -o-transform: translate(-70%) scale(1);
/*!rtl:ignore*/
        transform: translate(-70%) scale(1)/*!rtl:ignore*/
    }

    to {
        -o-transform: translate(-70%) scale(1.05);
/*!rtl:ignore*/
        transform: translate(-70%) scale(1.05)/*!rtl:ignore*/
    }
}

@keyframes zoomimage-portrait {
    from {
        -webkit-transform: translate(-70%) scale(1);
/*!rtl:ignore*/
        -moz-transform: translate(-70%) scale(1);
/*!rtl:ignore*/
        -o-transform: translate(-70%) scale(1);
/*!rtl:ignore*/
        transform: translate(-70%) scale(1)/*!rtl:ignore*/
    }

    to {
        -webkit-transform: translate(-70%) scale(1.05);
/*!rtl:ignore*/
        -moz-transform: translate(-70%) scale(1.05);
/*!rtl:ignore*/
        -o-transform: translate(-70%) scale(1.05);
/*!rtl:ignore*/
        transform: translate(-70%) scale(1.05)/*!rtl:ignore*/
    }
}

.concord .bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(20%,rgba(0,0,0,.8)),color-stop(85%,rgba(0,0,0,0)));
/*!rtl:ignore*/
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.8) 20%,rgba(0,0,0,0) 85%);
/*!rtl:ignore*/
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.8) 20%,rgba(0,0,0,0) 85%);
/*!rtl:ignore*/
    background-image: -o-linear-gradient(left,rgba(0,0,0,.8) 20%,rgba(0,0,0,0) 85%);
/*!rtl:ignore*/
    background-image: linear-gradient(to right,rgba(0,0,0,.8) 20%,rgba(0,0,0,0) 85%);
/*!rtl:ignore*/
    zoom: 1
}

@media (max-aspect-ratio:5/8),(max-width:400px) {
    .concord .bg:before {
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#000),color-stop(59%,rgba(0,0,0,0)));
/*!rtl:ignore*/
        background-image: -webkit-linear-gradient(top,#000 20%,rgba(0,0,0,0) 59%);
/*!rtl:ignore*/
        background-image: -moz-linear-gradient(top,#000 20%,rgba(0,0,0,0) 59%);
/*!rtl:ignore*/
        background-image: -o-linear-gradient(top,#000 20%,rgba(0,0,0,0) 59%);
/*!rtl:ignore*/
        background-image: linear-gradient(to bottom,#000 20%,rgba(0,0,0,0) 59%)/*!rtl:ignore*/
    }

    .androidInApp .concord .bg:before,.iosInApp .concord .bg:before {
        background-image: none
    }
}

@media (max-aspect-ratio:160/100) and (max-width:1000px) and (orientation:portrait) {
    .concord .bg:before {
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(31%,#000),color-stop(59%,rgba(0,0,0,0)));
/*!rtl:ignore*/
        background-image: -webkit-linear-gradient(top,#000 31%,rgba(0,0,0,0) 59%);
/*!rtl:ignore*/
        background-image: -moz-linear-gradient(top,#000 31%,rgba(0,0,0,0) 59%);
/*!rtl:ignore*/
        background-image: -o-linear-gradient(top,#000 31%,rgba(0,0,0,0) 59%);
/*!rtl:ignore*/
        background-image: linear-gradient(to bottom,#000 31%,rgba(0,0,0,0) 59%)/*!rtl:ignore*/
    }

    .androidInApp .concord .bg:before,.iosInApp .concord .bg:before {
        background-image: none
    }
}

@media (max-aspect-ratio:160/100) and (max-width:1000px) and (orientation:portrait) and (max-height:700px) {
    .concord .bg:before {
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(26%,#000),color-stop(35%,rgba(0,0,0,0)));
/*!rtl:ignore*/
        background-image: -webkit-linear-gradient(top,#000 26%,rgba(0,0,0,0) 35%);
/*!rtl:ignore*/
        background-image: -moz-linear-gradient(top,#000 26%,rgba(0,0,0,0) 35%);
/*!rtl:ignore*/
        background-image: -o-linear-gradient(top,#000 26%,rgba(0,0,0,0) 35%);
/*!rtl:ignore*/
        background-image: linear-gradient(to bottom,#000 26%,rgba(0,0,0,0) 35%)/*!rtl:ignore*/
    }
}

@media (max-width:1000px) and (orientation:portrait) {
    .concord .bg:before {
        content: '';
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(5%,rgba(0,0,0,.5)),color-stop(95%,rgba(0,0,0,0)));
/*!rtl:ignore*/
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5) 5%,rgba(0,0,0,0) 95%);
/*!rtl:ignore*/
        background-image: -moz-linear-gradient(top,rgba(0,0,0,.5) 5%,rgba(0,0,0,0) 95%);
/*!rtl:ignore*/
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5) 5%,rgba(0,0,0,0) 95%);
/*!rtl:ignore*/
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5) 5%,rgba(0,0,0,0) 95%);
/*!rtl:ignore*/
        zoom: 1;
        height: 10%;
        top: 0
    }

    .androidInApp .concord .bg:before,.iosInApp .concord .bg:before {
        background-image: none
    }
}

@media (max-width:1000px) and (orientation:portrait) {
    .concord .bg:after {
        content: '';
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(20%,rgba(0,0,0,.8)),color-stop(65%,rgba(0,0,0,0)));
/*!rtl:ignore*/
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.8) 20%,rgba(0,0,0,0) 65%);
/*!rtl:ignore*/
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.8) 20%,rgba(0,0,0,0) 65%);
/*!rtl:ignore*/
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.8) 20%,rgba(0,0,0,0) 65%);
/*!rtl:ignore*/
        background-image: linear-gradient(to top,rgba(0,0,0,.8) 20%,rgba(0,0,0,0) 65%);
/*!rtl:ignore*/
        zoom: 1;
        height: 65%
    }
}

.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
    }
}

.isp-data-disclaimer {
    text-align: center;
    color: #999
}

.ie8 .concord {
    height: 1000px
}

.ie8 .concord .wrap {
    height: 1000px
}

.ie8 .concord .wrap .image .concord-img,.ie8 .concord .wrap .image .concord-img-gradient {
    top: 0;
    left: 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 {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

@media (max-width:700px) {
    .concord .bg .image.active .concord-img,.concord .bg .image.active .concord-img-gradient {
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }
}

.sliding-doors-secondary-control .concord .bg .concord-img.concord-img.concord-img {
    -webkit-transform: scale(1.5) translate(-10%);
    -moz-transform: scale(1.5) translate(-10%);
    -ms-transform: scale(1.5) translate(-10%);
    -o-transform: scale(1.5) translate(-10%);
    transform: scale(1.5) translate(-10%)
}

.sliding-doors-secondary-control .cta-wrapper {
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(10%,#000));
    background: -webkit-linear-gradient(top,transparent,#000 10%);
    background: -moz-linear-gradient(top,transparent,#000 10%);
    background: -o-linear-gradient(top,transparent,#000 10%);
    background: linear-gradient(to bottom,transparent,#000 10%);
    width: 100%;
    margin-left: 0;
    margin-right: 0
}