body,
html {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #f3f3f3;
color: #333;
font-size: 16px;
direction: ltr;
}
h1 {
font-size: 1.5em;
color: #333;
margin: 0 0 0.4em;
font-weight: 400;
}
@media screen and (min-width: 740px) {
h1 {
font-size: 2.15em;
margin: 0 0 0.55em;
}
}
.controlBar {
position: relative;
}
.controlBar .control {
position: absolute;
top: 3px;
right: 0;
font-size: 0.67em;
}
h2,
h3,
h4,
h5 {
font-weight: 400;
margin: 0.75em 0 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.stru {
padding: 0;
margin: 0;
}
ul.stru>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: 0.001;
}
.screen-reader-text {
position: absolute;
top: -9999px;
left: -9999px;
}
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: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-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: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@font-face {
font-family: nf-icon;
src: url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.eot);
src: url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.eot?#iefix) format("embedded-opentype"), url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.woff) format("woff"), url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.ttf) format("truetype"), url(https://assets.nflxext.com/ffe/siteui/fonts/nf-icon-v1-93.svg#nf-icon-v1-93) format("svg");
font-weight: 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-back:before {
content: "\e635";
}
.icon-uniE5D0:before {
content: "\E5D0";
}
.icon-uniE5D1:before {
content: "\E5D1";
}
.icon-uniE600:before {
content: "\E600";
}
.icon-uniE601:before {
content: "\E601";
}
.icon-uniE602:before {
content: "\E602";
}
.icon-uniE603:before {
content: "\E603";
}
.icon-uniE604:before {
content: "\E604";
}
.icon-uniE605:before {
content: "\E605";
}
.icon-uniE606:before {
content: "\E606";
}
.icon-uniE607:before {
content: "\E607";
}
.icon-uniE608:before {
content: "\E608";
}
.icon-uniE609:before {
content: "\E609";
}
.icon-uniE610:before {
content: "\E610";
}
.icon-uniE611:before {
content: "\E611";
}
.icon-uniE612:before {
content: "\E612";
}
.icon-uniE613:before {
content: "\E613";
}
.icon-uniE614:before {
content: "\E614";
}
.icon-uniE615:before {
content: "\E615";
}
.icon-uniE616:before {
content: "\E616";
}
.icon-uniE617:before {
content: "\E617";
}
.icon-uniE618:before {
content: "\E618";
}
.icon-uniE619:before {
content: "\E619";
}
.icon-uniE620:before {
content: "\E620";
}
.icon-uniE621:before {
content: "\E621";
}
.icon-uniE622:before {
content: "\E622";
}
.icon-uniE623:before {
content: "\E623";
}
.icon-uniE624:before {
content: "\E624";
}
.icon-uniE625:before {
content: "\E625";
}
.icon-uniE626:before {
content: "\E626";
}
.icon-uniE627:before {
content: "\E627";
}
.icon-uniE628:before {
content: "\E628";
}
.icon-uniE629:before {
content: "\E629";
}
.icon-uniE630:before {
content: "\E630";
}
.icon-uniE631:before {
content: "\E631";
}
.icon-uniE632:before {
content: "\E632";
}
.icon-uniE633:before {
content: "\E633";
}
.icon-uniE634:before {
content: "\E634";
}
.icon-uniE635:before {
content: "\E635";
}
.icon-uniE636:before {
content: "\E636";
}
.icon-uniE637:before {
content: "\E637";
}
.icon-uniE638:before {
content: "\E638";
}
.icon-uniE639:before {
content: "\E639";
}
.icon-uniE640:before {
content: "\E640";
}
.icon-uniE641:before {
content: "\E641";
}
.icon-uniE642:before {
content: "\E642";
}
.icon-uniE643:before {
content: "\E643";
}
.icon-uniE644:before {
content: "\E644";
}
.icon-uniE645:before {
content: "\E645";
}
.icon-uniE646:before {
content: "\E646";
}
.icon-uniE647:before {
content: "\E647";
}
.icon-uniE648:before {
content: "\E648";
}
.icon-uniE649:before {
content: "\E649";
}
.icon-uniE650:before {
content: "\E650";
}
.icon-uniE651:before {
content: "\E651";
}
.icon-uniE652:before {
content: "\E652";
}
.icon-uniE653:before {
content: "\E653";
}
.icon-uniE654:before {
content: "\E654";
}
.icon-uniE655:before {
content: "\E655";
}
.icon-uniE656:before {
content: "\E656";
}
.icon-uniE657:before {
content: "\E657";
}
.icon-uniE658:before {
content: "\E658";
}
.icon-uniE659:before {
content: "\E659";
}
.icon-uniE660:before {
content: "\E660";
}
.icon-uniE661:before {
content: "\E661";
}
.icon-uniE662:before {
content: "\E662";
}
.icon-uniE663:before {
content: "\E663";
}
.icon-uniE664:before {
content: "\E664";
}
.icon-uniE665:before {
content: "\E665";
}
.icon-uniE666:before {
content: "\E666";
}
.icon-uniE667:before {
content: "\E667";
}
.icon-uniE668:before {
content: "\E668";
}
.icon-uniE669:before {
content: "\E669";
}
.icon-uniE670:before {
content: "\E670";
}
.icon-uniE671:before {
content: "\E671";
}
.icon-uniE672:before {
content: "\E672";
}
.icon-uniE673:before {
content: "\E673";
}
.icon-uniE674:before {
content: "\E674";
}
.icon-uniE675:before {
content: "\E675";
}
.icon-uniE676:before {
content: "\E676";
}
.icon-uniE677:before {
content: "\E677";
}
.icon-uniE678:before {
content: "\E678";
}
.icon-uniE679:before {
content: "\E679";
}
.icon-uniE680:before {
content: "\E680";
}
.icon-uniE681:before {
content: "\E681";
}
.icon-uniE682:before {
content: "\E682";
}
.icon-uniE683:before {
content: "\E683";
}
.icon-uniE684:before {
content: "\E684";
}
.icon-uniE685:before {
content: "\E685";
}
.icon-uniE687:before {
content: "\E687";
}
.icon-uniE688:before {
content: "\E688";
}
.icon-uniE689:before {
content: "\E689";
}
.icon-uniE690:before {
content: "\E690";
}
.icon-uniE691:before {
content: "\E691";
}
.icon-uniE692:before {
content: "\E692";
}
.icon-uniE693:before {
content: "\E693";
}
.icon-uniE694:before {
content: "\E694";
}
.icon-uniE695:before {
content: "\E695";
}
.icon-uniE696:before {
content: "\E696";
}
.icon-uniE697:before {
content: "\E697";
}
.icon-uniE698:before {
content: "\E698";
}
.icon-uniE699:before {
content: "\E699";
}
.icon-uniE700:before {
content: "\E700";
}
.icon-uniE701:before {
content: "\E701";
}
.icon-uniE702:before {
content: "\E702";
}
.icon-uniE703:before {
content: "\E703";
}
.icon-uniE704:before {
content: "\E704";
}
.icon-uniE705:before {
content: "\E705";
}
.icon-uniE706:before {
content: "\E706";
}
.icon-uniE707:before {
content: "\E707";
}
.icon-uniE708:before {
content: "\E708";
}
.icon-uniE709:before {
content: "\E709";
}
.icon-uniE710:before {
content: "\E710";
}
.icon-uniE711:before {
content: "\E711";
}
.icon-uniE712:before {
content: "\E712";
}
.icon-uniE713:before {
content: "\E713";
}
.icon-uniE714:before {
content: "\E714";
}
.icon-uniE715:before {
content: "\E715";
}
.icon-uniE716:before {
content: "\E716";
}
.icon-uniE718:before {
content: "\E718";
}
.icon-uniE719:before {
content: "\E719";
}
.icon-uniE720:before {
content: "\E720";
}
.icon-uniE721:before {
content: "\E721";
}
.icon-uniE722:before {
content: "\E722";
}
.icon-uniE723:before {
content: "\E723";
}
.icon-uniE724:before {
content: "\E724";
}
.icon-uniE725:before {
content: "\E725";
}
.icon-uniE726:before {
content: "\E726";
}
.icon-uniE727:before {
content: "\E727";
}
.icon-uniE728:before {
content: "\E728";
}
.icon-uniE729:before {
content: "\E729";
}
.icon-uniE730:before {
content: "\E730";
}
.icon-uniE731:before {
content: "\E731";
}
.icon-uniE732:before {
content: "\E732";
}
.icon-uniE733:before {
content: "\E733";
}
.icon-uniE734:before {
content: "\E734";
}
.icon-uniE735:before {
content: "\E735";
}
.icon-uniE736:before {
content: "\E736";
}
.icon-uniE737:before {
content: "\E737";
}
.icon-uniE738:before {
content: "\E738";
}
.icon-uniE739:before {
content: "\E739";
}
.icon-uniE740:before {
content: "\E740";
}
.icon-uniE741:before {
content: "\E741";
}
.icon-uniE742:before {
content: "\E742";
}
.icon-uniE743:before {
content: "\E743";
}
.icon-uniE744:before {
content: "\E744";
}
.icon-uniE745:before {
content: "\E745";
}
.icon-uniE746:before {
content: "\E746";
}
.icon-uniE747:before {
content: "\E747";
}
.icon-uniE748:before {
content: "\E748";
}
.icon-uniE749:before {
content: "\E749";
}
.icon-uniE750:before {
content: "\E750";
}
.icon-uniE751:before {
content: "\E751";
}
.icon-uniE752:before {
content: "\E752";
}
.icon-uniE753:before {
content: "\E753";
}
.icon-uniE754:before {
content: "\E754";
}
.icon-uniE755:before {
content: "\E755";
}
.icon-uniE756:before {
content: "\E756";
}
.icon-uniE757:before {
content: "\E757";
}
.icon-uniE758:before {
content: "\E758";
}
.icon-uniE759:before {
content: "\E759";
}
.icon-uniE760:before {
content: "\E760";
}
.icon-uniE761:before {
content: "\E761";
}
.icon-uniE762:before {
content: "\E762";
}
.icon-uniE763:before {
content: "\E763";
}
.icon-uniE764:before {
content: "\E764";
}
.icon-uniE765:before {
content: "\E765";
}
.icon-uniE766:before {
content: "\E766";
}
.icon-uniE767:before {
content: "\E767";
}
.icon-uniE775:before {
content: "\E775";
}
.icon-uniE776:before {
content: "\E776";
}
.icon-uniE777:before {
content: "\E777";
}
.icon-uniE778:before {
content: "\E778";
}
.icon-uniE779:before {
content: "\E779";
}
.icon-uniE780:before {
content: "\E780";
}
.icon-uniE781:before {
content: "\E781";
}
.icon-uniE782:before {
content: "\E782";
}
.icon-uniE783:before {
content: "\E783";
}
.icon-uniE784:before {
content: "\E784";
}
.icon-uniE785:before {
content: "\E785";
}
.icon-uniE786:before {
content: "\E786";
}
.icon-uniE787:before {
content: "\E787";
}
.icon-uniE796:before {
content: "\E796";
}
.icon-uniE797:before {
content: "\E797";
}
.icon-uniE798:before {
content: "\E798";
}
.icon-uniE799:before {
content: "\E799";
}
.icon-uniE800:before {
content: "\E800";
}
.icon-uniE801:before {
content: "\E801";
}
.icon-uniE802:before {
content: "\E802";
}
.icon-uniE803:before {
content: "\E803";
}
.icon-uniE804:before {
content: "\E804";
}
.icon-uniE805:before {
content: "\E805";
}
.icon-uniE806:before {
content: "\E806";
}
.icon-uniE807:before {
content: "\E807";
}
.icon-uniE850:before {
content: "\E850";
}
.icon-uniE851:before {
content: "\E851";
}
.icon-uniE852:before {
content: "\E852";
}
.icon-uniE853:before {
content: "\E853";
}
.icon-uniE854:before {
content: "\E854";
}
.icon-uniE855:before {
content: "\E855";
}
.icon-uniE856:before {
content: "\E856";
}
.icon-uniE857:before {
content: "\E857";
}
.icon-uniE858:before {
content: "\E858";
}
.icon-uniE859:before {
content: "\E859";
}
.icon-uniE860:before {
content: "\E860";
}
.icon-uniE861:before {
content: "\E861";
}
.icon-uniE862:before {
content: "\E862";
}
.icon-uniE863:before {
content: "\E863";
}
.icon-uniE864:before {
content: "\E864";
}
.icon-uniE865:before {
content: "\E865";
}
.icon-uniE866:before {
content: "\E866";
}
.icon-uniE867:before {
content: "\E867";
}
.icon-uniE868:before {
content: "\E868";
}
.icon-uniE869:before {
content: "\E869";
}
.icon-uniE870:before {
content: "\E870";
}
.icon-uniE871:before {
content: "\E871";
}
.icon-uniE872:before {
content: "\E872";
}
.icon-uniE873:before {
content: "\E873";
}
.icon-uniE874:before {
content: "\E874";
}
.icon-uniE875:before {
content: "\E875";
}
.icon-uniE876:before {
content: "\E876";
}
.icon-uniE877:before {
content: "\E877";
}
.icon-uniE878:before {
content: "\E878";
}
.icon-uniE879:before {
content: "\E879";
}
.icon-uniE880:before {
content: "\E880";
}
.icon-uniE881:before {
content: "\E881";
}
.icon-uniE882:before {
content: "\E882";
}
.icon-uniE883:before {
content: "\E883";
}
.icon-uniE884:before {
content: "\E884";
}
.icon-uniE885:before {
content: "\E885";
}
.icon-uniE886:before {
content: "\E886";
}
.icon-uniE887:before {
content: "\E887";
}
.icon-uniE888:before {
content: "\E888";
}
.icon-uniE889:before {
content: "\E889";
}
.icon-uniE88A:before {
content: "\E88A";
}
.icon-uniE88B:before {
content: "\E88B";
}
.icon-uniE88C:before {
content: "\E88C";
}
.icon-uniE88D:before {
content: "\E88D";
}
.icon-uniE890:before {
content: "\E890";
}
.icon-uniE891:before {
content: "\E891";
}
.icon-uniE892:before {
content: "\E892";
}
.icon-uniE893:before {
content: "\E893";
}
.icon-uniE894:before {
content: "\E894";
}
.icon-uniE895:before {
content: "\E895";
}
.icon-uniE896:before {
content: "\E896";
}
.icon-uniE897:before {
content: "\E897";
}
.icon-uniE898:before {
content: "\E898";
}
.icon-uniE89A:before {
content: "\E89A";
}
.icon-uniE89B:before {
content: "\E89B";
}
.icon-uniE89C:before {
content: "\E89C";
}
.icon-uniE89D:before {
content: "\E89D";
}
.icon-uniE8A1:before {
content: "\E8A1";
}
.icon-uniE8A2:before {
content: "\E8A2";
}
.icon-uniE8A3:before {
content: "\E8A3";
}
.icon-uniE8A4:before {
content: "\E8A4";
}
.icon-uniE8A5:before {
content: "\E8A5";
}
.icon-uniE8A6:before {
content: "\E8A6";
}
.icon-uniE8A7:before {
content: "\E8A7";
}
.icon-uniE8A8:before {
content: "\E8A8";
}
.icon-uniE900:before {
content: "\E900";
}
.icon-uniE901:before {
content: "\E901";
}
.icon-uniE902:before {
content: "\E902";
}
.icon-uniE903:before {
content: "\E903";
}
.icon-uniE904:before {
content: "\E904";
}
.icon-uniE905:before {
content: "\E905";
}
.icon-uniE906:before {
content: "\E906";
}
.icon-uniE907:before {
content: "\E907";
}
.icon-uniE908:before {
content: "\E908";
}
.icon-uniE909:before {
content: "\E909";
}
.icon-uniE910:before {
content: "\E910";
}
.icon-uniE911:before {
content: "\E911";
}
.icon-uniE912:before {
content: "\E912";
}
.icon-uniE913:before {
content: "\E913";
}
.icon-uniE914:before {
content: "\E914";
}
.icon-uniE915:before {
content: "\E915";
}
.icon-uniE916:before {
content: "\E916";
}
.icon-uniE940:before {
content: "\E940";
}
.icon-uniE941:before {
content: "\E941";
}
.icon-uniE942:before {
content: "\E942";
}
.icon-uniE943:before {
content: "\E943";
}
.icon-uniF000:before {
content: "\F000";
}
.icon-uniF001:before {
content: "\F001";
}
.icon-uniF002:before {
content: "\F002";
}
.icon-uniF003:before {
content: "\F003";
}
.icon-uniF004:before {
content: "\F004";
}
.icon-uniF005:before {
content: "\F005";
}
.icon-uniF006:before {
content: "\F006";
}
.icon-uniF007:before {
content: "\F007";
}
.icon-uniF008:before {
content: "\F008";
}
.icon-uniF009:before {
content: "\F009";
}
.icon-uniF010:before {
content: "\F010";
}
.icon-uniF011:before {
content: "\F011";
}
.icon-uniF012:before {
content: "\F012";
}
.icon-uniF013:before {
content: "\F013";
}
.icon-uniF014:before {
content: "\F014";
}
.icon-uniF015:before {
content: "\F015";
}
.icon-uniF016:before {
content: "\F016";
}
.icon-uniF017:before {
content: "\F017";
}
.icon-uniF018:before {
content: "\F018";
}
.icon-uniF019:before {
content: "\F019";
}
.icon-uniF020:before {
content: "\F020";
}
.icon-uniF021:before {
content: "\F021";
}
.icon-uniF022:before {
content: "\F022";
}
.icon-uniF023:before {
content: "\F023";
}
.icon-uniF024:before {
content: "\F024";
}
.icon-uniF025:before {
content: "\F025";
}
.icon-uniF026:before {
content: "\F026";
}
.icon-uniF027:before {
content: "\F027";
}
.icon-uniF028:before {
content: "\F028";
}
.icon-uniF029:before {
content: "\F029";
}
.icon-uniF030:before {
content: "\F030";
}
.icon-uniF031:before {
content: "\F031";
}
.icon-uniF032:before {
content: "\F032";
}
.icon-uniF033:before {
content: "\F033";
}
.icon-uniF034:before {
content: "\F034";
}
.icon-uniF035:before {
content: "\F035";
}
.icon-uniF036:before {
content: "\F036";
}
.icon-uniF037:before {
content: "\F037";
}
.icon-uniF038:before {
content: "\F038";
}
.icon-uniF039:before {
content: "\F039";
}
.icon-uniF040:before {
content: "\F040";
}
.icon-stacked-screens:before {
content: "\F041";
}
.icon-stacked-screens-small:before {
content: "\F099";
}
.icon-cross-device-screens:before {
content: "\F042";
}
.icon-cross-device-screens-desktop:before {
content: "\F098";
}
.icon-cross-device-screens-small:before {
content: "\F097";
}
.icon-tv-screen:before {
content: "\F043";
}
.icon-price-tag:before {
content: "\F044";
}
.icon-cancel:before {
content: "\F045";
}
.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;
background-size: 57px;
background-repeat: no-repeat;
width: 57px;
height: 57px;
}
.bd {
margin: 20px 3% 0;
background-color: #f3f3f3;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
.bd {
padding: 40px;
margin: 0 auto;
max-width: 450px;
min-height: 500px;
}
}
.bd h1 {
padding-top: 0;
margin-top: 0;
}
.footer-mount {
width: 100%;
padding: 0;
}
.footer_main {
min-width: 190px;
width: 100%;
margin-top: 80px;
padding-bottom: 20px;
font-size: 1em;
color: #999;
position: relative;
}
.pt11 .footer_main {
margin-bottom: 80px;
}
.pt11 .footer_main .footer_divider {
display: none;
}
.footer_top_a {
color: #999;
}
.footer_divider {
height: 0;
width: 100%;
border-top: 1px solid #e5e5e5;
}
.footer_wrapper {
margin: 0 auto;
padding-top: 30px;
width: 90%;
}
.footer__top {
padding: 0;
margin: 0 0 30px;
}
.footer_lnk {
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: 0.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: 0.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;
}
.basic-spinner {
display: inline-block;
margin: 0 auto;
opacity: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(https://assets.nflxext.com/ffe/siteui/common/site-spinner-240.png);
width: 57px;
height: 57px;
-webkit-animation: full-rotation 1s infinite linear;
-moz-animation: full-rotation 1s infinite linear;
-o-animation: full-rotation 1s infinite linear;
animation: full-rotation 1s infinite linear;
-webkit-animation-direction: normal;
-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%;
z-index: 2000;
}
.center-absolute {
position: absolute;
top: 50%;
left: 50%;
}
.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: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0);
}
to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@-moz-keyframes full-rotation {
from {
-moz-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0);
}
to {
-moz-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@-o-keyframes full-rotation {
from {
-o-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0);
}
to {
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes full-rotation {
from {
-webkit-transform: translate(-50%, -50%) rotate(0);
-moz-transform: translate(-50%, -50%) rotate(0);
-o-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0);
}
to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
.head_logo {
height: 90px;
}
@media screen and (max-width: 700px) {
.head_logo {
height: 75px;
}
}
@media screen and (max-width: 440px),
screen and (orientation: landscape) and (max-width: 700px) {
.head_logo {
height: 45px;
}
}
.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 {
margin-left: 3%;
}
.head_logo>div {
text-decoration: none;
vertical-align: middle;
fill: #e50914;
display: inline-block;
line-height: 90px;
margin-left: 3%;
}
.head_logo>div img {
height: 45px;
width: 167px;
vertical-align: middle;
}
@media screen and (max-width: 700px) {
.head_logo>div {
line-height: 75px;
}
}
@media screen and (max-width: 440px),
screen and (orientation: landscape) and (max-width: 700px) {
.head_logo>div {
line-height: 45px;
}
}
@media screen and (max-width: 440px),
screen and (orientation: landscape) and (max-width: 700px) {
.head_logo>div img {
height: 20px;
width: 75px;
padding-top: 12px;
}
}
.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: 0.8em;
line-height: 45px;
}
}
.authLinks.authLinks--isYap,
.authLinks {
margin: 0 3%;
}
@media screen and (max-width: 440px) {
.authLinks.authLinks--isYap,
.authLinks {
margin: 0 10px;
}
}
.authLinks.authLinks--isYap {
color: grey;
}
.remember_inp {
display: inline-block;
margin-bottom: -5px;
}
.remember_inp input {
margin-right: 10px;
}
.login-label-remember-me {
padding: 10px 0;
display: inline-block;
margin-bottom: -5px;
letter-spacing: -0.1px;
}
.remember_inp-alt {
font-size: 14px;
}
.remember_inp-alt input {
margin-left: 6px;
margin-right: 10px;
-webkit-transform: scale(1.7);
-moz-transform: scale(1.7);
-ms-transform: scale(1.7);
-o-transform: scale(1.7);
transform: scale(1.7);
}
.remember_inp-modal {
min-height: 0;
padding-bottom: 60px;
}
.remember_inp-toggle {
margin-left: 10px;
vertical-align: middle;
line-height: 21px;
position: relative;
top: -3px;
}
.login-help-icon {
display: inline-block;
font-size: 14px;
height: 21px;
width: 21px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #077af5;
color: #fff;
font-weight: 700;
vertical-align: middle;
line-height: 21px;
text-align: center;
}
.remember_lbl {
font-size: 14px;
}
.sms-login {
padding-bottom: 1px;
}
.sms-login.main_content {
position: relative;
min-height: 330px;
}
.sms-login .action-container.loginEmail {
margin-top: 25px;
}
.sms-login .email-header {
margin: 25px auto;
font-size: 22px;
text-align: center;
display: inline-block;
width: 100%;
}
.sms-login .phone-header {
margin: 0 auto 25px auto;
font-size: 20px;
text-align: center;
display: inline-block;
width: 97%;
}
.sms-login .phone-header .phone-header-text {
width: 80%;
margin: 0 auto;
}
@media screen and (max-width: 500px) {
.sms-login .email-header {
font-size: 22px;
}
}
.sms-login .login-input-email,
.sms-login .login-input-password.ui-label {
padding-bottom: 25px;
}
.sms-login .sign-in-header {
color: #000;
font-weight: 300;
text-align: center;
font-size: 32px;
margin-bottom: 10px;
}
.sms-login .sign-in-header .back-btn {
float: left;
cursor: pointer;
}
.sms-login .two-step-login-form {
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
-o-transition: -o-transform 0.5s;
-moz-transition: transform 0.5s, -moz-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.sms-login .two-step-login-form.active {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sms-login .two-step-login-form.inactive {
-webkit-transform: translate3d(-1000%, 0, 0);
-moz-transform: translate3d(-1000%, 0, 0);
transform: translate3d(-1000%, 0, 0);
display: none;
}
.sms-login .password-poll-form {
text-align: center;
}
.sms-login .email-left {
margin: 25px 0;
text-align: left;
}
.sms-login .email-center {
margin: 25px 0;
text-align: center;
}
.sms-login .password-message {
font-size: 15px;
margin-bottom: 20px;
color: #666;
}
.sms-login .hr-gray {
height: 0;
width: 100%;
border-top: 1px solid #e5e5e5;
margin: 20px 0;
}
.sms-login .poll-wrapper {
margin-bottom: 100px;
}
.sms-login .poll-wrapper.cell4 {
margin-bottom: 10px;
margin-top: 40px;
}
.sms-login .email-sent-header {
font-size: 25px;
}
.sms-login .email-sent-header.cell4 {
font-size: 21px;
font-weight: 600;
}
.sms-login .email-sent-info.cell4 {
font-size: 19px;
font-weight: 300;
}
.sms-login .hr-red {
height: 0;
width: 10%;
border-top: 1px solid #b9090b;
margin: 10px 0;
display: inline-block;
}
.sms-login .logo-wrapper {
display: inline-block;
width: 100%;
}
.sms-login .sms-nf-logo {
width: 100%;
text-align: center;
}
.sms-login .remember_inp-wrapper {
font-weight: 300;
margin-bottom: 20px;
margin-top: 10px;
float: left;
}
.sms-login .remember_inp-wrapper.sms-login {
margin-bottom: 0;
}
.sms-login .remember_inp-wrapper.two-step-login-cell-2,
.sms-login .remember_inp-wrapper.two-step-login-cell-6 {
margin-bottom: 0;
margin-top: 0;
}
@media screen and (max-width: 500px) {
.sms-login .remember_inp-wrapper {
margin-bottom: 4px;
}
.sms-login .remember_inp-wrapper.sms-login {
margin-bottom: 5px;
}
}
.sms-login .forgot-email {
color: #0080ff;
position: relative;
top: -23px;
float: right;
font-size: 14px;
font-weight: 400;
}
.sms-login .forgot-phone {
color: #0080ff;
position: relative;
top: -33px;
left: 3px;
font-size: 14px;
}
.sms-login .forgot-password {
color: #0080ff;
position: relative;
top: -23px;
float: right;
font-size: 14px;
font-weight: 400;
}
.sms-login .forgot-password.cell2 {
float: none;
top: 0;
}
.sms-login .forgot-password.phone-login {
top: -6px;
}
.sms-login .new_acc {
font-size: 15px;
margin-top: 10px;
width: 100%;
display: inline-block;
}
.sms-login .phone-number-input {
display: inline-block;
width: 100%;
}
.sms-login .phone-number-input .phone-number-input__text {
display: inline-block;
width: 80%;
}
.sms-login .phone-number-input .phone-number-input__text input {
border-left: none;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
.sms-login .phone-number-input .phone-number-input__text input:focus {
border-color: #b3b3b3;
}
.sms-login .phone-number-input .country-select {
width: 14%;
border-right: none;
right: -1px;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
@media screen and (max-width: 500px) {
.sms-login .phone-number-input .country-select {
width: 20%;
}
}
.sms-login .phone-fee-message {
font-size: 14px;
color: grey;
margin: 6px 0;
}
.sms-login .code-entry-header {
text-align: center;
font-size: 30px;
margin-bottom: 10px;
}
.sms-login .sms-code-entry {
text-align: center;
font-size: 22px;
font-weight: 300;
}
.sms-login .sms-code-entry.code-entry-waiting {
cursor: progress;
}
.sms-login .sms-code-entry.code-entry-waiting input {
background: 0 0;
}
.sms-login .sms-code-entry .nf-text {
vertical-align: middle;
line-height: 22px;
display: inline-block;
margin-bottom: 21px;
margin-right: 10px;
font-weight: 500;
font-size: 31px;
}
.sms-login .sms-code-entry form {
margin: 30px 0;
}
.sms-login .sms-code-entry input {
border: none;
margin: 0 2.5px;
background: rgba(204, 204, 204, 0.75);
width: 45px;
height: 60px;
font-size: 45px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0;
}
.sms-login .sms-code-entry input:invalid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.sms-login .sms-code-entry input:focus {
background: #fff;
outline: 0;
border: 2px solid #b3b3b3;
margin: -2px 0.5px;
}
.sms-login .sms-code-entry input[type="tel"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sms-login .sms-code-entry .has-value {
background: #fff;
}
.sms-login .sms-code-entry .action-links {
font-size: 15px;
color: #0080ff;
cursor: pointer;
font-weight: 300;
}
@media screen and (max-width: 500px) {
.sms-login .sms-code-entry {
font-size: 19px;
}
.sms-login .sms-code-entry .nf-text {
font-size: 24px;
}
.sms-login .sms-code-entry input {
width: 32px;
height: 47px;
font-size: 32px;
}
.sms-login .sms-code-entry input:disabled {
border: none;
background: 0 0;
}
.sms-login .sms-code-entry .country-select {
width: 20%;
}
}
.sms-login .verify-phone {
text-align: center;
}
.sms-login .verify-phone .phone-image {
background: url(https://assets.nflxext.com/ffe/siteui/login/images/phone_red.png);
-moz-background-size: contain;
background-size: contain;
width: 90px;
height: 90px;
margin: 8px auto;
}
.sms-login .verify-phone .verify-text {
padding: 10px 50px;
font-size: 22px;
}
.sms-login .verify-phone .button-container {
margin-top: 1px;
}
.sms-login .verify-phone .button-container button {
font-weight: 700;
}
.sms-login .verify-phone .btn-no-thanks {
background: #f3f3f3;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.sms-login .verify-phone .btn-send-code {
color: #fff;
}
.sms-login .verify-phone .fee-notice {
font-size: 13px;
color: grey;
margin: 5px 0;
text-align: center;
}
@media screen and (max-width: 500px) {
.sms-login .verify-phone .verify-text {
font-size: 17px;
}
}
@media screen and (min-width: 500px) {
.sms-login .verify-phone .phone-image {
background: url(https://assets.nflxext.com/ffe/siteui/login/images/phone_red@2x.png);
-moz-background-size: contain;
background-size: contain;
}
}
@media screen and (max-width: 500px) {
.sms-login .sms-nf-logo {
display: none;
}
}
.sms-login .sms-msg-action {
text-decoration: underline;
cursor: pointer;
}
.login-dg-top-text {
text-align: center;
margin-bottom: 30px;
font-size: 30px;
padding: 0 45px;
}
.login-dg-item {
text-align: left;
border: 1px solid #b3b3b3;
height: 100px;
width: 100%;
display: inline-block;
cursor: pointer;
margin-bottom: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
outline: 0;
}
.login-dg-item:focus,
.login-dg-item:hover {
background: #f9f9f9;
border-color: #999;
}
.login-dg-item:focus .login-dg-item-arrow,
.login-dg-item:hover .login-dg-item-arrow {
color: #999;
}
.login-dg-item-text {
font-size: 18px;
display: inline-block;
width: 68%;
padding-top: 24px;
font-weight: 700;
}
.login-dg-item-text-sub {
color: grey;
display: block;
font-size: 15px;
font-weight: 400;
}
.login-dg-item-image-wrapper {
height: 100%;
width: 85px;
float: left;
margin-left: 10px;
}
.login-dg-item-image {
margin: 31px 14px;
width: 50px;
}
.login-dg-item-image.phone {
margin: 21px 22px;
width: 33px;
}
.login-dg-facebook-link {
cursor: pointer;
text-align: center;
font-weight: 600;
color: grey;
padding-bottom: 15px;
width: 100%;
border: none;
background: 0 0;
}
.login-dg-item-arrow {
width: 20px;
margin-right: 4px;
font-size: 30px;
height: 90%;
-webkit-transform: translateY(35%);
-moz-transform: translateY(35%);
-ms-transform: translateY(35%);
-o-transform: translateY(35%);
transform: translateY(35%);
float: right;
color: #ccc;
text-shadow: 0 0 #666;
-webkit-transition: text-shadow 0.5s, font-size 0.5s, -webkit-transform 0.5s;
transition: text-shadow 0.5s, font-size 0.5s, -webkit-transform 0.5s;
-o-transition: text-shadow 0.5s, font-size 0.5s, -o-transform 0.5s;
-moz-transition: transform 0.5s, text-shadow 0.5s, font-size 0.5s, -moz-transform 0.5s;
transition: transform 0.5s, text-shadow 0.5s, font-size 0.5s;
transition: transform 0.5s, text-shadow 0.5s, font-size 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
}
@media screen and (max-width: 500px) {
.login-dg-item {
height: 80px;
}
.login-dg-top-text {
font-size: 24px;
padding: 0 38px;
}
.login-dg-item-text {
padding-top: 16px;
font-size: 18px;
width: 70%;
}
.login-dg-item-text.email {
padding-top: 13px;
}
.login-dg-item-image-wrapper {
width: 21%;
margin-left: 0;
}
.login-dg-item-image {
margin: 28px 10px;
width: 40px;
}
.login-dg-item-image.phone {
margin: 19px 16px;
width: 30px;
}
.login-dg-item-text-sub {
color: grey;
display: block;
font-size: 12px;
}
.login-dg-item-arrow {
font-size: 15px;
width: 11px;
-webkit-transform: translateY(39%);
-moz-transform: translateY(39%);
-ms-transform: translateY(39%);
-o-transform: translateY(39%);
transform: translateY(39%);
height: 100%;
}
}
.sms-nf-logo {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
@media screen and (max-width: 500px) {
.sms-nf-logo {
display: none;
}
}
body,
html {
height: 100%;
}
h1 {
margin: 0 0 10px 0;
padding: 0;
}
@media only screen and (min-width: 740px) {
h1 {
margin-bottom: 20px;
}
}
main {
height: 100%;
}
@media only screen and (min-width: 740px) {
main {
background-color: transparent;
color: #fff;
}
}
main>div {
min-height: 100%;
margin: 0;
padding: 0;
position: relative;
z-index: 0;
background-color: #000;
color: #fff;
}
.official_bg>img {
display: none;
}
@media only screen and (min-width: 740px) {
main>div {
background-color: #000;
color: #fff;
}
.official_bg {
-moz-background-size: cover;
background-size: cover;
height: 100%;
min-height: 100vh;
overflow: hidden;
position: absolute;
width: 100%;
z-index: -1;
}
.official_bg>img {
display: block;
}
}
.main_content {
padding-top: 20px;
background-color: #f3f3f3;
}
@media only screen and (min-width: 740px) {
.main_content {
padding: 40px;
}
}
@media only screen and (min-width: 500px) {
.main_content {
min-width: 380px;
}
}
.main_body {
color: #333;
margin: 0 auto;
padding: 0 5%;
}
.main_body .decision-gate {
padding: 0 25px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
@media screen and (max-width: 500px) {
.main_body .decision-gate {
padding: 0 2px;
}
}
@media only screen and (min-width: 740px) {
.main_body {
margin: 0 auto -236px;
min-height: 100vh;
background-color: transparent;
max-width: 450px;
}
.main_body:before {
content: "";
height: 91px;
display: block;
}
.main_body:after {
content: "";
height: 236px;
display: block;
}
}
@media only screen and (min-width: 740px) {
.head_logo {
position: absolute;
left: 0;
top: 0;
width: 100%;
border-bottom: transparent;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
}
}
.footer_main_first {
position: relative;
vertical-align: bottom;
margin-top: 15px;
background-color: #f3f3f3;
min-height: 236px;
}
@media only screen and (min-width: 740px) {
.footer_main_first {
margin: 0;
padding: 0;
background-color: transparent;
}
}
.footer_main_first .flat_select {
border: none;
}
.footer_main_first .flat_select::after {
display: none;
}
@media only screen and (min-width: 740px) {
.footer_main_first .flat_select .ui-select {
background-color: #000;
background-image: none;
border: 1px solid #333;
}
.footer_main_first .flat_select .select-arrow.prefix::after,
.footer_main_first .flat_select .select-arrow.prefix::before {
color: #999;
}
}
.footer_wrapper {
padding: 30px 0;
}
.footer_wrapper,
.footer_wrapper .footer-link,
.footer_wrapper .footer__top,
.footer_wrapper .footer_top_a {
color: #777;
}
@media only screen and (min-width: 740px) {
.footer_wrapper {
max-width: 1000px;
margin: 0 auto;
}
.footer_wrapper,
.footer_wrapper .footer-link,
.footer_wrapper .footer__top,
.footer_wrapper .footer_top_a {
color: #999;
}
}
@media only screen and (min-width: 740px) {
.footer_divider {
display: none;
}
}
.extra_inp {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 36px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 16px;
}
.extra_inp input:disabled~.helper,
.extra_inp input[type="checkbox"]:disabled+label,
.extra_inp input[type="radio"]:disabled+label {
color: #b3b3b3;
}
.extra_inp .helper {
font-size: 14px;
line-height: 1.3em;
color: grey;
}
.extra_inp.error>.helper {
color: #b00500;
}
.extra_inp input[type="checkbox"],
.extra_inp input[type="radio"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.extra_inp input[type="checkbox"]:focus+label::before,
.extra_inp input[type="radio"]:focus+label::before {
-webkit-box-shadow: 0 0 5px 2px rgba(150, 200, 255, 0.6);
-moz-box-shadow: 0 0 5px 2px rgba(150, 200, 255, 0.6);
box-shadow: 0 0 5px 2px rgba(150, 200, 255, 0.6);
border-color: grey;
}
.extra_inp input[type="checkbox"]+label,
.extra_inp input[type="radio"]+label {
color: #333;
position: relative;
display: block;
line-height: 1.2;
padding: 6px 0;
}
.extra_inp input[type="checkbox"]+label:before,
.extra_inp input[type="radio"]+label:before {
content: "";
position: absolute;
display: block;
top: 2px;
left: -36px;
padding: 0;
border: 1px solid #b3b3b3;
background-color: #fff;
}
.extra_inp input[type="checkbox"]+label:after,
.extra_inp input[type="radio"]+label:after {
position: absolute;
}
.extra_inp input[type="checkbox"]+label:before {
width: 25px;
height: 25px;
}
.extra_inp input[type="checkbox"]:checked+label:after {
color: #0080ff;
content: "\e804";
top: -2px;
left: -36px;
font-family: nf-icon;
font-size: 28px;
}
.extra_inp input[type="radio"]+label:before {
width: 25px;
height: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.extra_inp input[type="radio"]:checked+label:after {
content: "";
top: 8px;
left: -30px;
width: 15px;
height: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #0080ff;
}
.extra_inp.error input[type="checkbox"]+label:before,
.extra_inp.error input[type="radio"]+label:before {
border-color: #b00500;
}
.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: 0.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 {
height: 60px;
background-color: rgba(0, 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;
padding: 10px 11px;
height: 44px;
}
.input-password-input.large,
.ui-text-input.large {
padding: 14px 11px;
}
@media only screen and (max-width: 740px) {
.input-password-input.large,
.ui-text-input.large {
font-size: 1em;
padding: 11px;
}
}
.input-password-input.small,
.ui-text-input.small {
padding: 5px 8px;
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-msg_error:focus,
.ui-text-input.error,
.ui-text-msg_error: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: 0.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 .place_lbl {
position: absolute;
top: 16px;
left: 10px;
color: #999;
font-size: 20px;
-webkit-transition: font 0.2s ease, top 0.2s ease;
-o-transition: font 0.2s ease, top 0.2s ease;
-moz-transition: font 0.2s ease, top 0.2s ease;
transition: font 0.2s ease, top 0.2s ease;
}
.nfCompactInput input[type="text"] {
height: 54px;
padding: 10px 2px 0;
}
.nfCompactInput .hasText+.place_lbl,
.nfCompactInput input[type="text"]:focus+.place_lbl {
top: 4px;
font-size: 11px;
}
.nfCompactInput .msg_error {
font-size: 12px;
color: #b00500;
}
.dark .nfCompactInput .ui-text-input.error {
border-color: #ffa100;
}
.dark .nfCompactInput .msg_error {
color: #ffa100;
}
.nfLabel {
font-size: 16px;
color: #333;
}
.background-dark {
color: inherit;
}
.nfFormSpace {
margin-bottom: 10px;
}
.nfFormSpace.no-padding .signupTerms {
margin-left: 0;
margin-right: 0;
}
.nfCompactInput,
.ui-label,
.ui-label-no-margin {
font-size: 16px;
font-weight: 400;
color: #8c8c8c;
display: block;
}
@media only screen and (max-width: 740px) {
.nfCompactInput,
.ui-label,
.ui-label-no-margin {
font-size: 13px;
}
}
.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, 0.8);
border-color: #737373;
font-size: 23px;
color: #fff;
}
.ui-label {
margin-bottom: 6px;
}
.icon-error {
color: #b92d2b;
}
.icon-valid {
color: #0071eb;
}
.ui-input-wrapper {
display: inline-block;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 500px) {
.ui-input-wrapper {
display: block;
}
}
.ui-input-label {
padding-bottom: 32px;
position: relative;
}
.ui-readonly-value {
padding: 10px 0;
margin-bottom: 20px;
color: #333;
}
.input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
border: solid 1px #8c8c8c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
color: #000;
padding: 10px 11px;
height: 44px;
}
.input.large {
padding: 14px 11px;
}
@media only screen and (max-width: 740px) {
.input.large {
font-size: 16px;
padding: 11px;
}
}
.input.small {
padding: 5px 8px;
font-size: 14px;
}
@media only screen and (max-width: 740px) {
.input.small {
font-size: 16px;
padding: 8px 11px;
}
}
.input:invalid,
.input:valid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.input:focus {
border-color: #0071eb;
outline: 0;
}
.error>.input,
.input.error {
border-color: #b92d2b;
}
.input.valid,
.valid>.input {
border-color: #5fa53f;
}
.input.warning,
.warning>.input {
border-color: #ffa00a;
}
.input:disabled {
color: #a6a6a6;
border-color: #ccc;
}
.ui-input-label .ui-text-input+.icon-lock {
position: absolute;
bottom: 20px;
color: #8c8c8c;
font-size: 19px;
right: 10px;
}
.main_inp {
max-width: 500px;
position: relative;
}
.main_inp .place_inp {
position: relative;
}
.main_inp .place_inp.showInvalidIcon .input,
.main_inp .place_inp.showValidIcon .input {
padding-right: 40px;
}
.main_inp .place_inp.showValidIcon:after {
content: "";
position: absolute;
right: 10px;
top: 50%;
border-bottom: 1px solid #0071eb;
border-left: 1px solid #0071eb;
width: 20px;
height: 8px;
-webkit-transform: translateY(-100%) rotate(-45deg);
-moz-transform: translateY(-100%) rotate(-45deg);
-ms-transform: translateY(-100%) rotate(-45deg);
-o-transform: translateY(-100%) rotate(-45deg);
transform: translateY(-100%) rotate(-45deg);
}
.main_inp .place_inp.showInvalidIcon:after {
content: "\00d7";
font-size: 27px;
font-weight: 200;
color: #b92d2b;
position: absolute;
right: 10px;
top: 50%;
width: 20px;
height: 20px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.main_inp .place_lbl {
position: absolute;
top: 50%;
left: 10px;
color: #8c8c8c;
font-size: 14px;
-webkit-transition: font 0.1s ease, top 0.1s ease, -webkit-transform 0.1s ease;
transition: font 0.1s ease, top 0.1s ease, -webkit-transform 0.1s ease;
-o-transition: font 0.1s ease, top 0.1s ease, -o-transform 0.1s ease;
-moz-transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease, -moz-transform 0.1s ease;
transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease;
transition: font 0.1s ease, top 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 740px) {
.main_inp .place_lbl {
font-size: 16px;
}
}
.main_inp .input {
height: 48px;
padding: 10px 10px 0;
width: 100%;
}
.main_inp .hasText+.place_lbl,
.main_inp .input:focus+.place_lbl {
top: 4px;
font-size: 11px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.main_inp .input:-webkit-autofill+.place_lbl {
top: 4px;
font-size: 11px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.main_inp .inputCaption {
font-size: 13px;
color: #8c8c8c;
}
.nfInput.validated .input {
border-color: #5fa53f;
}
.nfInput.nmHomeTextInput .ui-label-text {
margin-right: 1ex;
}
.nfInput.nmHomeTextInput .input {
background-color: rgba(0, 0, 0, 0.8);
border-color: #737373;
font-size: 23px;
color: #fff;
}
.nfInput.nmHomeTextInput .input.error {
border-color: #ffa00a;
}
.nfInput.nmHomeTextInput .msg_error {
color: #ffa00a;
}
.nfInput.nmHomeTextInput .msg_error a {
color: #ffa00a;
text-decoration: underline;
}
.nfInput.nfInputOversize .input {
height: 60px;
}
.nfInput.nfInputOversize .hasText+.place_lbl,
.nfInput.nfInputOversize .input:focus+.place_lbl {
top: 6px;
font-weight: 700;
font-size: 13px;
}
.nfInput.nfInputOversize .input:-webkit-autofill+.place_lbl {
top: 6px;
font-weight: 700;
font-size: 13px;
}
@media screen and (min-width: 740px) {
.nfInput.nfInputResponsive .input {
height: 60px;
}
.nfInput.nfInputResponsive .hasText+.place_lbl,
.nfInput.nfInputResponsive .input:focus+.place_lbl {
top: 6px;
font-weight: 700;
font-size: 13px;
}
.nfInput.nfInputResponsive .input:-webkit-autofill+.place_lbl {
top: 6px;
font-weight: 700;
font-size: 13px;
}
}
.nfInput.externalLabel .input {
padding: 0 10px;
}
.nfInput.externalLabel .hasText+.place_lbl,
.nfInput.externalLabel .input:focus+.place_lbl,
.nfInput.externalLabel .place_lbl {
top: 0;
left: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
font-size: 16px;
}
.main_inp .tooltipWrapper,
.main_inp .tooltipWrapperErr {
position: absolute;
top: 12px;
right: 10px;
}
.nfInput.tooltip .place_inp,
.nfInput.tooltipError .place_inp {
width: 100%;
}
.nfInput.tooltip .input,
.nfInput.tooltipError .input {
padding: 10px 50px 0 10px;
border: solid 1px #8c8c8c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.nfInput.tooltip .input:focus,
.nfInput.tooltipError .input:focus {
border-color: #0071eb;
outline: 0;
}
.nfInput.tooltipError .input {
border-color: #b92d2b;
}
.nfInput.tooltipError .input:focus {
border-color: #b92d2b;
outline: 0;
}
.nfInput.tooltipValidated .input {
border-color: #5fa53f;
}
.nfInput.tooltipValidated .input:focus {
border-color: #5fa53f;
outline: 0;
}
.inp_control {
position: relative;
}
.inp_control.nfEmailPhoneHasSelector .input {
padding-right: 68px;
}
.inp_control.nfEmailPhoneHasSelector.nfEmailPhoneOnMobile {
overflow: hidden;
}
.inp_control .input::-webkit-credentials-auto-fill-button {
background-color: #8c8c8c;
margin-top: -11px;
}
.inp_control .input::-ms-clear {
background: 0 0;
color: #8c8c8c;
height: 24px;
margin-top: -10px;
width: 24px;
}
.inp_control .flat_select.country-select {
position: absolute;
right: 1px;
top: 3px;
border: 0;
}
.inp_control .ui-select-current {
background: 0 0;
}
.inp_control .ui-select-options {
left: auto;
right: -1px;
top: 45px;
}
.inp_pass {
position: relative;
z-index: 0;
}
.inp_pass .input {
background: 0 0;
}
.inp_pass .input::-webkit-credentials-auto-fill-button {
background-color: #8c8c8c;
margin-top: -11px;
}
.inp_pass .input::-webkit-caps-lock-indicator {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17"><path fill="black" d="M12.5 0.5A 4 4 0 0 1 16.5 4.5L 16.5 12.5A 4 4 0 0 1 12.5 16.5L 4.5 16.5A 4 4 0 0 1 0.5 12.5L 0.5 4.5A 4 4 0 0 1 4.5 0.5L 12.5 0.5M 8.5 2L 4 7L 6.25 7L 6.25 10.25L 10.75 10.25L 10.75 7L 13 7L 8.5 2M 10.75 12L 6.25 12L 6.25 14.25L 10.75 14.25L 10.75 12"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17"><path fill="black" d="M12.5 0.5A 4 4 0 0 1 16.5 4.5L 16.5 12.5A 4 4 0 0 1 12.5 16.5L 4.5 16.5A 4 4 0 0 1 0.5 12.5L 0.5 4.5A 4 4 0 0 1 4.5 0.5L 12.5 0.5M 8.5 2L 4 7L 6.25 7L 6.25 10.25L 10.75 10.25L 10.75 7L 13 7L 8.5 2M 10.75 12L 6.25 12L 6.25 14.25L 10.75 14.25L 10.75 12"/></svg>');
-webkit-mask-size: 14px 14px;
mask-size: 14px 14px;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
appearance: none;
background-color: #8c8c8c;
content: "";
height: 14px;
margin: 6px 2px 0 3px;
width: 14px;
}
.inp_pass .input::-ms-clear,
.inp_pass .input::-ms-reveal {
background: 0 0;
color: #8c8c8c;
height: 24px;
margin-top: -10px;
width: 24px;
}
.inp_pass_control {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
background: #fff;
}
.inp_pass_control>label {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.nfPasswordHasToggle .inp_pass_control {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #0071eb;
}
.nfPasswordHasToggle .inp_pass_control .show_hide,
.nfPasswordHasToggle .inp_pass_control .input {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 46px;
}
.nfPasswordInError .inp_pass_control {
border-color: #b92d2b;
}
.show_hide {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #8c8c8c;
font-size: 14px;
border: 0;
background: 0 0;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.main_alert {
display: table;
width: 100%;
margin: 10px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.main_alert_msg {
display: table-cell;
vertical-align: middle;
padding: 20px 10px;
color: #fff;
}
.main_alert_msg a {
color: inherit;
text-decoration: underline;
}
.ui-message-link {
color: #fff;
text-decoration: underline;
}
.ui-message-icon {
display: table-cell;
vertical-align: middle;
color: #fff;
width: 53px;
}
.ui-message-icon:before {
font-family: nf-icon;
line-height: 1.5em;
padding-left: 20px;
font-size: 1.5em;
}
.ui-message-subtle {
background-color: #f7f7f7;
border: solid 1px #ccc;
}
.ui-message-subtle>.ui-message-icon {
color: #000;
}
.ui-message-subtle>.ui-message-icon:before {
content: "\e799";
}
.ui-message-subtle .main_alert_msg {
color: #000;
}
.ui-message-info {
background: #03aefd;
}
.ui-message-info>.ui-message-icon:before {
content: "\e799";
}
.ui-message-wait {
text-align: center;
}
.ui-message-warn {
background: #ffa00a;
}
.ui-message-warn>.ui-message-icon:before {
content: "\e796";
}
.ui-message-error {
background: #ffa00a;
}
.ui-message-error>.ui-message-icon:before {
content: "\e805";
}
.ui-message-success {
background: #5fa53f;
}
.ui-message-success>.ui-message-icon:before {
content: "\e802";
}
.body-modal-open {
overflow: hidden;
}
.nfmodal {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.65);
z-index: 100;
overflow: auto;
overflow: scroll;
-webkit-overflow-scrolling: touch;
color: #333;
}
.nfmodal.opaque {
background-color: #000;
}
.nfmodal.opaque .nfdialog {
color: #fff;
background-color: transparent;
}
.nfmodal.clearBackground {
background-color: transparent;
}
.nfmodal.fluidWidth {
text-align: center;
}
.nfmodal.fluidWidth .nfdialog {
display: inline-block;
text-align: left;
max-width: none;
}
.nfdialog {
max-width: 640px;
min-height: 200px;
color: inherit;
font-size: 0.9em;
text-align: left;
margin: 12% auto 0;
overflow: visible;
background-color: #fff;
padding-bottom: 20px;
}
.nfdialog.small {
width: 500px;
min-height: 150px;
padding-bottom: 0;
}
.nfdialog.large {
max-width: 700px;
width: 700px;
min-height: 250px;
margin-top: 3%;
}
@media only screen and (max-width: 790px) {
.nfdialog.large,
.nfdialog.small {
width: 90%;
}
}
@media only screen and (max-width: 360px) {
.nfdialog {
width: 95%;
}
}
.nfdfoot,
.nfdhead {
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
min-height: 18px;
}
.nfdfoot.unused,
.nfdhead.unused {
display: none;
}
.nfdcontent,
.nfdfoot,
.nfdhead {
padding: 6px 20px;
}
.nfdhead {
border-bottom-radius: 0;
position: relative;
margin-bottom: 10px;
}
.nfdhead h1 {
margin: 10px 20px 0 0;
padding: 0;
font-weight: 400;
color: inherit;
}
.nfdhead h3 {
margin: 5px 0 0;
}
.opaque .nfdhead h1 {
font-size: 3.5vw;
text-align: center;
}
@media screen and (max-width: 800px) {
.opaque .nfdhead h1 {
font-size: 30px;
}
}
.buttonbar {
margin-bottom: 25px;
}
.buttonbar,
.nfdfoot {
text-align: right;
overflow: hidden;
}
.buttonbar .svf-button,
.nfdfoot .svf-button {
float: none;
display: inline-block;
margin-left: 1em;
margin-right: 0;
min-width: 8em;
text-align: center;
}
.buttonbar .leftLink,
.nfdfoot .leftLink {
float: left;
margin-left: 0;
margin-right: 1em;
}
.buttonbar .rightLink,
.nfdfoot .rightLink {
float: right;
margin-right: 0;
margin-left: 1em;
}
.nfdcontent {
padding: 6px 20px 5px;
}
@media only screen and (max-width: 360px) {
.nfdcontent {
padding: 6px 10px 5px;
}
}
.nfdcontent em {
color: #ae1d00;
font-style: normal;
font-weight: 700;
}
.nfdcontent .topImg {
display: block;
min-height: 300px;
min-width: 400px;
margin: 15px auto 0;
}
.nfdclose {
position: absolute;
height: 30px;
width: 30px;
cursor: pointer;
text-align: center;
line-height: 30px;
margin: 0;
padding: 0;
text-decoration: none;
top: 10px;
right: 10px;
}
.nfdclose:hover {
text-decoration: none;
}
.nfdclose:before {
content: "\00D7";
font-size: 40px;
color: #666;
}
.flat_select {
padding: 0;
margin: 0;
border: solid 1px #b3b3b3;
cursor: pointer;
width: 100%;
position: relative;
}
.flat_select:after {
font-family: nf-icon;
color: #000;
font-size: 6px;
content: "\e898";
position: absolute;
pointer-events: none;
right: 10px;
top: 17px;
}
.flat_select.flat_select-open:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
@media only screen AND (min-width: 740px) {
.flat_select {
max-width: 600px;
}
}
.flat_select .native-select {
position: absolute;
opacity: 0;
bottom: 0;
height: 100%;
}
.flat_select-link {
padding: 0;
margin: 0;
text-decoration: none;
display: block;
color: #333;
}
.flat_select-link:hover {
text-decoration: none;
}
.ui-select-current {
padding: 10px 20px 10px 10px;
margin: 0;
position: relative;
height: 42px;
width: 100%;
background: #fff;
}
.ui-select-current:after {
content: "";
visibility: hidden;
}
.ui-select-options-hidden {
display: none;
}
.ui-select-item-highlighted {
background-color: #f3f3f3;
}
.ui-select-item-selected {
font-weight: 700;
}
.ui-select-item {
list-style: none;
margin: 0;
padding: 10px;
}
.ui-select-item-link {
color: #333;
text-decoration: none;
}
.ui-select-item-link:hover {
text-decoration: none;
}
.ui-select-item:hover {
background-color: #f3f3f3;
}
.ui-select-options {
margin: 1px 0 0 0;
padding: 0;
position: absolute;
top: 40px;
left: -1px;
width: 100%;
border: 1px solid #ccc;
margin-top: -1px;
background: #fff;
z-index: 2;
max-height: 500px;
overflow-y: scroll;
overflow-x: hidden;
}
.nf-flag {
background-image: url(https://assets.nflxext.com/ffe/siteui/common/icons/flags/flag-sprite-v4.png);
background-repeat: no-repeat;
display: block;
}
.nf-flag.nf-flag-ad {
background-position: -5px -5px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ae {
background-position: -5px -26px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-af {
background-position: -5px -47px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ag {
background-position: -5px -68px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ai {
background-position: -5px -89px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-al {
background-position: -5px -110px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-am {
background-position: -5px -131px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-an {
background-position: -5px -152px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ao {
background-position: -5px -173px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ar {
background-position: -5px -194px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-as {
background-position: -5px -215px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-at {
background-position: -5px -236px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-au {
background-position: -5px -257px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-aw {
background-position: -5px -278px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ax {
background-position: -5px -299px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-az {
background-position: -5px -320px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ba {
background-position: -5px -341px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bb {
background-position: -5px -362px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bd {
background-position: -5px -383px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-be {
background-position: -5px -404px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bf {
background-position: -5px -425px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bg {
background-position: -5px -446px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bh {
background-position: -5px -467px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bi {
background-position: -5px -488px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bj {
background-position: -5px -509px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bl {
background-position: -5px -530px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bm {
background-position: -5px -551px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bn {
background-position: -5px -572px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bo {
background-position: -5px -593px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bq {
background-position: -5px -614px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-br {
background-position: -5px -635px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bs {
background-position: -5px -656px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bt {
background-position: -5px -677px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bv {
background-position: -5px -698px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bw {
background-position: -5px -719px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-by {
background-position: -5px -740px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-bz {
background-position: -5px -761px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ca {
background-position: -5px -782px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-catalonia {
background-position: -5px -803px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cc {
background-position: -5px -824px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cd {
background-position: -5px -845px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cf {
background-position: -5px -866px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cg {
background-position: -5px -887px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ch {
background-position: -5px -908px;
width: 11px;
height: 11px;
}
.nf-flag.nf-flag-ci {
background-position: -5px -929px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ck {
background-position: -5px -950px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cl {
background-position: -5px -971px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cm {
background-position: -5px -992px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cn {
background-position: -5px -1013px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-co {
background-position: -5px -1034px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cr {
background-position: -5px -1055px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cs {
background-position: -5px -1076px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cu {
background-position: -5px -1097px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cv {
background-position: -5px -1118px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cw {
background-position: -5px -1139px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cx {
background-position: -5px -1160px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cy {
background-position: -5px -1181px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-cz {
background-position: -5px -1202px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-de {
background-position: -5px -1223px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-dj {
background-position: -5px -1244px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-dk {
background-position: -5px -1265px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-dm {
background-position: -5px -1286px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-do {
background-position: -5px -1307px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-dz {
background-position: -5px -1328px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ec {
background-position: -5px -1349px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ee {
background-position: -5px -1370px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-eg {
background-position: -5px -1391px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-eh {
background-position: -5px -1412px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-england {
background-position: -5px -1433px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-er {
background-position: -5px -1454px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-es {
background-position: -5px -1475px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-et {
background-position: -5px -1496px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-europeanunion {
background-position: -5px -1517px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-fam {
background-position: -5px -1538px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-fi {
background-position: -5px -1559px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-fj {
background-position: -5px -1580px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-fk {
background-position: -5px -1601px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-fm {
background-position: -5px -1622px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-fo {
background-position: -5px -1643px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-fr {
background-position: -5px -1664px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ga {
background-position: -5px -1685px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gb {
background-position: -5px -1706px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gd {
background-position: -5px -1727px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ge {
background-position: -5px -1748px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gf {
background-position: -5px -1769px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gg {
background-position: -5px -1790px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gh {
background-position: -5px -1811px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gi {
background-position: -5px -1832px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gl {
background-position: -5px -1853px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gm {
background-position: -5px -1874px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gn {
background-position: -5px -1895px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gp {
background-position: -5px -1916px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gq {
background-position: -5px -1937px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gr {
background-position: -5px -1958px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gs {
background-position: -5px -1979px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gt {
background-position: -5px -2000px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gu {
background-position: -5px -2021px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gw {
background-position: -5px -2042px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-gy {
background-position: -5px -2063px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-hk {
background-position: -5px -2084px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-hm {
background-position: -5px -2105px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-hn {
background-position: -5px -2126px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-hr {
background-position: -5px -2147px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ht {
background-position: -5px -2168px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-hu {
background-position: -5px -2189px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-id {
background-position: -5px -2210px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ie {
background-position: -5px -2231px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-il {
background-position: -5px -2252px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-im {
background-position: -5px -2273px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-in {
background-position: -5px -2294px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-io {
background-position: -5px -2315px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-iq {
background-position: -5px -2336px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ir {
background-position: -5px -2357px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-is {
background-position: -5px -2378px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-it {
background-position: -5px -2399px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-je {
background-position: -5px -2420px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-jm {
background-position: -5px -2441px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-jo {
background-position: -5px -2462px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-jp {
background-position: -5px -2483px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ke {
background-position: -5px -2504px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-kg {
background-position: -5px -2525px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-kh {
background-position: -5px -2546px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ki {
background-position: -5px -2567px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-km {
background-position: -5px -2588px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-kn {
background-position: -5px -2609px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-kp {
background-position: -5px -2630px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-kr {
background-position: -5px -2651px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-kw {
background-position: -5px -2672px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ky {
background-position: -5px -2693px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-kz {
background-position: -5px -2714px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-la {
background-position: -5px -2735px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-lb {
background-position: -5px -2756px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-lc {
background-position: -5px -2777px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-li {
background-position: -5px -2798px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-lk {
background-position: -5px -2819px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-lr {
background-position: -5px -2840px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ls {
background-position: -5px -2861px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-lt {
background-position: -5px -2882px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-lu {
background-position: -5px -2903px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-lv {
background-position: -5px -2924px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ly {
background-position: -5px -2945px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ma {
background-position: -5px -2966px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mc {
background-position: -5px -2987px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-md {
background-position: -5px -3008px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-me {
background-position: -5px -3029px;
width: 16px;
height: 12px;
}
.nf-flag.nf-flag-mf {
background-position: -5px -3051px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mg {
background-position: -5px -3072px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mh {
background-position: -5px -3093px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mk {
background-position: -5px -3114px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ml {
background-position: -5px -3135px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mm {
background-position: -5px -3156px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mn {
background-position: -5px -3177px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mo {
background-position: -5px -3198px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mp {
background-position: -5px -3219px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mq {
background-position: -5px -3240px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mr {
background-position: -5px -3261px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ms {
background-position: -5px -3282px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mt {
background-position: -5px -3303px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mu {
background-position: -5px -3324px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mv {
background-position: -5px -3345px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mw {
background-position: -5px -3366px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mx {
background-position: -5px -3387px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-my {
background-position: -5px -3408px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-mz {
background-position: -5px -3429px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-na {
background-position: -5px -3450px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-nc {
background-position: -5px -3471px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ne {
background-position: -5px -3492px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-nf {
background-position: -5px -3513px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ng {
background-position: -5px -3534px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ni {
background-position: -5px -3555px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-nl {
background-position: -5px -3576px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-no {
background-position: -5px -3597px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-np {
background-position: -5px -3618px;
width: 9px;
height: 11px;
}
.nf-flag.nf-flag-nr {
background-position: -5px -3639px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-nu {
background-position: -5px -3660px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-nz {
background-position: -5px -3681px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-om {
background-position: -5px -3702px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pa {
background-position: -5px -3723px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pe {
background-position: -5px -3744px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pf {
background-position: -5px -3765px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pg {
background-position: -5px -3786px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ph {
background-position: -5px -3807px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pk {
background-position: -5px -3828px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pl {
background-position: -5px -3849px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pm {
background-position: -5px -3870px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pn {
background-position: -5px -3891px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pr {
background-position: -5px -3912px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ps {
background-position: -5px -3933px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pt {
background-position: -5px -3954px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-pw {
background-position: -5px -3975px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-py {
background-position: -5px -3996px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-qa {
background-position: -5px -4017px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-re {
background-position: -5px -4038px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ro {
background-position: -5px -4059px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-rs {
background-position: -5px -4080px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ru {
background-position: -5px -4101px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-rw {
background-position: -5px -4122px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sa {
background-position: -5px -4143px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sb {
background-position: -5px -4164px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sc {
background-position: -5px -4185px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-scotland {
background-position: -5px -4206px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sd {
background-position: -5px -4227px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-se {
background-position: -5px -4248px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sg {
background-position: -5px -4269px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sh {
background-position: -5px -4290px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-si {
background-position: -5px -4311px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sj {
background-position: -5px -4332px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sk {
background-position: -5px -4353px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sl {
background-position: -5px -4374px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sm {
background-position: -5px -4395px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sn {
background-position: -5px -4416px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-so {
background-position: -5px -4437px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sr {
background-position: -5px -4458px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ss {
background-position: -5px -4479px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-st {
background-position: -5px -4500px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sv {
background-position: -5px -4521px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sx {
background-position: -5px -4542px;
width: 15px;
height: 11px;
}
.nf-flag.nf-flag-sy {
background-position: -5px -4563px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-sz {
background-position: -5px -4584px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tc {
background-position: -5px -4605px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-td {
background-position: -5px -4626px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tf {
background-position: -5px -4647px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tg {
background-position: -5px -4668px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-th {
background-position: -5px -4689px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tj {
background-position: -5px -4710px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tk {
background-position: -5px -4731px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tl {
background-position: -5px -4752px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tm {
background-position: -5px -4773px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tn {
background-position: -5px -4794px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-to {
background-position: -5px -4815px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tr {
background-position: -5px -4836px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tt {
background-position: -5px -4857px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tv {
background-position: -5px -4878px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tw {
background-position: -5px -4899px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-tz {
background-position: -5px -4920px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ua {
background-position: -5px -4941px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ug {
background-position: -5px -4962px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-um {
background-position: -5px -4983px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-us {
background-position: -5px -5004px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-uy {
background-position: -5px -5025px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-uz {
background-position: -5px -5046px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-va {
background-position: -5px -5067px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-vc {
background-position: -5px -5088px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ve {
background-position: -5px -5109px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-vg {
background-position: -5px -5130px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-vi {
background-position: -5px -5151px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-vn {
background-position: -5px -5172px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-vu {
background-position: -5px -5193px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-wales {
background-position: -5px -5214px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-wf {
background-position: -5px -5235px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ws {
background-position: -5px -5256px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-ye {
background-position: -5px -5277px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-yt {
background-position: -5px -5298px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-za {
background-position: -5px -5319px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-zm {
background-position: -5px -5340px;
width: 16px;
height: 11px;
}
.nf-flag.nf-flag-zw {
background-position: -5px -5361px;
width: 16px;
height: 11px;
}
.flat_select.country-select {
vertical-align: top;
position: relative;
width: 60px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #b3b3b3;
}
.flat_select.country-select .ui-select-current {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.flat_select.country-select .ui-select-current .country-name {
display: none;
}
.flat_select-link {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.country-name {
padding-left: 26px;
float: left;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.country-code {
color: #999;
font-style: normal;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.flag-select-option {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.flag-select-item-list {
width: 350px;
max-width: 100vw;
max-height: 380px;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.country-select-flag {
margin-top: 5px;
position: absolute;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.currently-selected-code {
position: absolute;
z-index: 2;
top: 13px;
left: 70px;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.code-entry {
padding-left: 60px;
position: relative;
color: #999;
}
.code-entry:before {
font-family: nf-icon;
content: "\E786";
font-size: 40px;
height: 40px;
width: 40px;
position: absolute;
left: 0;
}
.code-entry:after {
font-family: nf-icon;
content: "\E89B";
font-size: 30px;
height: 30px;
width: 20px;
position: absolute;
top: 5px;
left: 30px;
}
.resend-container {
margin-top: 10px;
position: relative;
}
.resend-container>.basic-spinner {
position: absolute;
top: 2px;
}
.resend-message {
margin-left: 25px;
}
.resend-link:focus,
.resend-link:hover {
cursor: pointer;
}
.code-entry-input {
max-width: 120px;
}
.code-entry-input>input {
text-align: center;
}
.reset-password-mop-input>input {
width: 100%;
}
.flat_select {
display: inline-block;
position: relative;
}
.flat_select>.ui-label {
margin-bottom: 0;
}
.flat_select .select-arrow {
position: relative;
display: inline-block;
width: 100%;
}
.flat_select .select-arrow::after {
font-family: nf-icon;
color: #000;
font-size: 6px;
content: "\e898";
position: absolute;
pointer-events: none;
}
.flat_select .select-arrow.medium::after {
right: 10px;
top: 18px;
}
.flat_select .select-arrow.medium::before {
top: 11px;
left: 15px;
}
.flat_select .select-arrow.prefix.globe::before {
content: "\e896";
}
.flat_select .select-arrow.prefix::before {
font-family: nf-icon;
color: #000;
font-size: 16px;
position: absolute;
pointer-events: none;
}
.flat_select .select-arrow.prefix .ui-select.medium {
padding-left: 50px;
text-indent: 2px;
line-height: 1.7;
}
.ui-select {
background: #fff;
font-size: 16px;
border: 1px solid #b3b3b3;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 100%;
}
.ui-select::-ms-expand {
display: none;
}
.ui-select.error {
border-color: #b00500;
}
.ui-select.valid {
border-color: #5fa53f;
}
.ui-select.medium {
padding: 12px;
}
.lang_switch {
margin-top: 20px;
}
.lang_switch .flat_select {
width: 165px;
}
.lang_switch .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_switch .ui-select {
text-transform: none;
}
.cta-fb-gdp {
background: #3b5998;
color: #fff;
cursor: pointer;
}
.cta-fb-gdp.disabled {
background-color: #4c70ba;
background-image: none;
opacity: 1;
cursor: default;
}
.cta-fb-gdp.disabled:hover {
background-color: #4c70ba;
}
.cta-fb-gdp:hover {
background: #3b5998;
color: #fff;
}
.icon-facebook {
margin-right: 10px;
vertical-align: middle;
}
.fb_min {
margin-bottom: -8px;
}
.fb_min hr {
background: #ccc;
height: 1px;
border: none;
}
.fb_min .fb-login {
background: 0 0;
color: #0080ff;
cursor: pointer;
border: none;
font-size: 14px;
}
.fb_min .minimal-login {
border: none;
background: 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
margin: 0;
}
.fb_min .minimal-login.btn-small {
width: auto;
}
.fb_min .icon-facebook {
margin-right: 10px;
vertical-align: middle;
width: 23px;
height: 23px;
color: #fff;
}
.fb_min .icon-facebook::before {
background: #3b5998;
padding-left: 1px;
padding-right: 1px;
}
.main_inp {
padding-bottom: 24px;
}
.nfInput>.ui-text-input {
margin-top: 3px;
}
@media only screen and (min-width: 360px) {
.nfInput>.ui-text-input {
width: 100%;
max-width: 100%;
}
}
.login-forgot-password-wrapper {
width: 100%;
text-align: left;
margin-bottom: 10px;
font-size: 14px;
}
.login-hr {
background: #ccc;
height: 1px;
border: none;
margin: 15px 0;
}
.ui-label-text {
color: #333;
}
.main_alert {
background: #999;
}
.ui-message-icon {
display: none;
}
.cta-fb-gdp.btn {
width: 100%;
margin-top: 0;
}
@media only screen and (min-width: 500px) {
.cta-fb-gdp.btn {
padding: 16px;
font-size: 18px;
}
}
@media only screen and (min-width: 360px) {
.cta-fb-gdp.btn {
width: 100%;
max-width: 100%;
}
}
.input-message.error {
bottom: -12px;
}
.no-password-login-help-form {
display: inline-block;
}
.no-password-login-help-button {
border: 0;
background: 0 0;
text-decoration: underline;
pointer: cursor;
padding: 0;
color: #fff;
}
.ui-input-label.login-input-password {
padding-bottom: 42px;
}
@media only screen and (min-width: 350px) {
.ui-input-label.login-input-password {
padding-bottom: 16px;
}
}
.hybrid-password-wrapper {
position: relative;
}
.hybrid-password-wrapper .hidden-input {
position: absolute;
left: -9999px;
}
.hybrid-password-wrapper .input-message {
-webkit-transition: bottom 0.3s;
-o-transition: bottom 0.3s;
-moz-transition: bottom 0.3s;
transition: bottom 0.3s;
}
.hybrid-password-wrapper .input-message.error {
bottom: 6px;
}
.hybrid-password-wrapper.hybrid-password-shown .input-message.error {
bottom: -42px;
}
.hybrid-password-wrapper~.login-forgot-password-wrapper,
.hybrid-password-wrapper~.login-forgot-password-wrapper-left {
margin-top: 30px;
text-align: left;
}
@media only screen and (min-width: 350px) {
.hybrid-password.login-input-password {
padding-bottom: 43px;
}
}
.hybrid-password>input {
position: relative;
z-index: 30;
}
.hide-toggle,
.no-toggle,
.show-toggle {
position: absolute;
border: 0;
background: 0 0;
font-size: 0.875em;
right: 0;
top: 2px;
padding: 0;
z-index: 40;
color: #0080ff;
}
.hide-toggle:focus,
.no-toggle:focus,
.show-toggle:focus {
outline: 0;
}
.no-toggle {
visibility: hidden;
}
.password-reveal {
position: absolute;
display: inline-block;
z-index: 20;
top: 62px;
width: 100%;
padding: 12px 50px 12px 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #dcdcdc;
min-height: 42px;
}
.password-reveal>span {
overflow: hidden;
position: relative;
display: inline-block;
width: 100%;
}
.password-reveal-show-enter {
top: 20px;
}
.password-reveal-show-enter-active {
top: 62px;
-webkit-transition: top 0.3s;
-o-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.password-reveal-show-leave {
top: 20px;
-webkit-transition: top 0.3s;
-o-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.wrapper {
background-color: #000;
color: #fff;
}
.head_logo {
background: 0 0;
border: 0;
}
.official_bg {
opacity: 0.5;
}
.wrapper .footer_divider {
border-color: #737373;
}
.wrapper .footer_main {
margin-top: 0;
}
.wrapper .footer_main_first {
background: rgba(0, 0, 0, 0.75);
}
.wrapper .footer-link,
.wrapper .footer__top,
.wrapper .footer_top_a,
.wrapper .footer_wrapper {
color: #999;
}
.wrapper .flat_select .ui-select {
background-color: #000;
background-image: none;
border: 1px solid #333;
}
.wrapper .flat_select .native-select {
width: 100%;
}
.wrapper .flat_select .select-arrow.prefix::after,
.wrapper .flat_select .select-arrow.prefix::before {
color: #999;
}
.main_formule {
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
min-height: 515px;
padding: 20px 0 30px;
width: 100%;
}
.main_formule {
min-height: 550px;
}
@media only screen and (min-width: 740px) {
.main_formule {
min-height: 625px;
padding: 60px 68px 40px;
margin-bottom: 90px;
}
.main_formule {
min-height: 660px;
}
}
.main_frm_wrapper {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.main_formule h1 {
color: #fff;
font-size: 32px;
font-weight: 700;
margin-bottom: 28px;
}
.main_formule .main_alert {
background: #e87c03;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
margin: 0 0 16px;
}
.main_formule .main_alert_msg {
padding: 10px 20px;
}
.main_formule .main_inp {
max-width: 100%;
}
.main_formule .input {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 0;
color: #fff;
height: 50px;
padding: 16px 20px 0;
}
.main_formule .main_inp {
padding-bottom: 16px;
}
.main_formule .place_lbl {
left: 20px;
}
.main_formule .input:-webkit-autofill+.place_lbl {
color: #000;
top: 7px;
}
.main_formule .hasText+.place_lbl,
.main_formule .input:focus+.place_lbl {
top: 7px;
}
.main_formule .login-input-static .input+.place_lbl {
top: 7px;
font-size: 11px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.msg_error {
display: none;
}
.error .msg_error {
color: #e87c03;
margin-bottom: -6px;
padding: 6px 3px;
font-size: 13px;
display: block;
}
.main_formule .nfEmailPhoneInError .inp_control,
.main_formule .nfPasswordInError .inp_pass_control {
position: relative;
}
.error>div>div::after {
border-bottom: 2px solid #e87c03;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
bottom: 0;
content: "";
display: block;
height: 6px;
left: 0;
pointer-events: none;
position: absolute;
width: 100%;
}
.main_formule .inp_control {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 0;
}
.main_formule .inp_control .input {
background: #333;
}
.main_formule .inp_control .input:focus {
background: #454545;
}
.main_formule .inp_control .input::-webkit-credentials-auto-fill-button {
background-color: #8c8c8c;
margin-top: -14px;
}
.main_formule .inp_control .input::-ms-clear {
color: #8c8c8c;
margin-top: -15px;
}
.main_formule .inp_control.nfEmailPhoneHasSelector .input {
padding-right: 55px;
}
.main_formule .inp_control.nfEmailPhoneHasSelector .country-select {
display: inline-block;
}
.main_formule .flat_select.country-select {
right: 0;
top: 0;
width: 55px;
display: none;
}
.main_formule .flat_select.country-select .ui-select-current {
height: 50px;
}
.main_formule .flat_select.country-select .country-select-flag {
margin-top: 10px;
}
.main_formule .flat_select::after {
color: #8c8c8c;
top: 22px;
}
.main_formule .ui-select-options {
background: #595959;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 0;
-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
max-height: 285px;
max-width: 90vw;
padding: 15px;
right: 0;
top: 51px;
width: 500px;
}
@media only screen and (min-width: 740px) {
.main_formule .ui-select-options {
width: 314px;
}
}
.main_formule .ui-select-item {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 10px 15px;
}
.main_formule .ui-select-item-highlighted,
.main_formule .ui-select-item:hover {
background: #737373;
}
.main_formule .ui-select-item-link {
color: #fff;
}
.main_formule .ui-select-item-link .country-name {
font-size: 14px;
padding: 0;
}
.main_formule .ui-select-item-link .country-code {
color: #fff;
}
.main_formule .ui-select-item-link .country-select-flag {
display: none;
}
.main_formule .inp_pass_control {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 0;
background: #333;
}
.main_formule .inp_pass_control .input {
height: 50px;
}
.main_formule .inp_pass_control .input::-webkit-credentials-auto-fill-button {
background-color: #8c8c8c;
margin-top: -14px;
}
.main_formule .inp_pass_control .input::-webkit-caps-lock-indicator {
background-color: #8c8c8c;
margin-top: 3px;
}
.main_formule .inp_pass_control .input::-ms-clear,
.main_formule .inp_pass_control .input::-ms-reveal {
color: #8c8c8c;
margin-top: -15px;
}
.main_formule .inp_pass_control .show_hide {
height: 50px;
padding: 0 12px;
display: none;
}
.main_formule .nfPasswordHasToggle .inp_pass_control {
background: #454545;
}
.main_formule .nfPasswordHasToggle .inp_pass_control .input {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
padding-right: 0;
}
.main_formule .nfPasswordHasToggle .inp_pass_control .input:-webkit-autofill {
padding-right: 20px;
}
.main_formule .nfPasswordHasToggle .inp_pass_control .show_hide {
display: block;
}
.main_formule .login-button {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 16px;
font-weight: 700;
margin: 24px 0 12px;
}
.remember_help {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.main_formule .remember_inp {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 20px;
}
.main_formule .remember_inp input[type="checkbox"]+label {
padding: 0;
}
.main_formule .remember_inp input[type="checkbox"]+label::before {
background: #737373;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 0;
height: 16px;
left: -20px;
width: 16px;
}
.main_formule .remember_inp input[type="checkbox"]:active+label::before,
.main_formule .remember_inp input[type="checkbox"]:focus+label::before {
background: #e6e6e6;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.main_formule .remember_inp input[type="checkbox"]:checked+label::after {
color: #000;
font-size: 18px;
left: -21px;
top: 0;
}
.main_formule .remember_lbl {
color: #b3b3b3;
font-size: 13px;
font-weight: 500;
}
.main_formule .help_lnk {
color: #b3b3b3;
-webkit-box-flex: 0;
-webkit-flex: 0 0 1;
-moz-box-flex: 0;
-ms-flex: 0 0 1;
flex: 0 0 1;
font-size: 13px;
font-weight: 500;
padding-top: 2px;
}
.using_fb {
-webkit-box-flex: 0;
-webkit-flex: 0 0 1;
-moz-box-flex: 0;
-ms-flex: 0 0 1;
flex: 0 0 1;
}
form {
margin-bottom: 10px;
margin-bottom: 0;
}
.main_formule .fb_frm hr {
display: none;
}
.main_formule .fb_frm .fb_min {
margin-bottom: 0;
}
.main_formule .fb_frm .btn-submit {
margin-top: 16px;
min-height: 0;
}
.main_formule .fb_frm .icon-facebook {
height: 20px;
width: 20px;
}
.main_formule .fb_frm .fbBtnText {
color: #737373;
font-size: 13px;
font-weight: 500;
}
.main_formule .new_acc {
color: #737373;
font-size: 16px;
font-weight: 500;
margin-top: 16px;
}
.main_formule .new_acc a {
color: #fff;
}
.circle {
z-index: 17;
position: fixed;
width: 100%;
top: 0;
left: 0;
min-height: 100%;
overflow: hidden;
}
.rotate {
background: transparent url(assets/img/loader.svg) top no-repeat;
-moz-background-size: 100px 100px;
background-size: 100px 100px;
width: 100px;
height: 100px;
border: 0;
left: 50%;
top: 50%;
z-index: 6;
}
.rotate,
.rotate:before {
content: "";
position: absolute;
}
.rotate:before {
left: -2px;
top: -2px;
width: 104px;
height: 104px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: rotation 1s linear infinite;
-moz-animation: rotation 1s linear infinite;
-o-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite;
}
.rotate {
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.overlay {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 16;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
-webkit-opacity: 0.9;
opacity: 0.9;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
filter: alpha(opacity=90);
background-color: #0c0c0ce8;
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes rotation {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes rotation {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
DR.KR LITE SHELL COPYRIGHT 2016