@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700;800&display=swap');body{font-family:'Montserrat',Arial,sans-serif;color:#2f2f2f}
header{background:#000;padding:7px 0;background:url("/img/watch/movies.jpg") bottom center repeat-x;background-size:auto 100%;border-bottom:5px solid #56A2A2;height:60px;display:flex;align-items:center;justify-content:center}
.logo-wrapper{width:15%;max-width:140px;margin:0 auto}
.top-bar{height:80px;background-repeat:repeat-x;background-size:contain}
.row{max-width:71.5em}
.main{max-width:960px;margin:20px auto 50px auto}
.left-col{float:left;width:55%}
.title{font-size:1.4rem;margin-top:6px;margin-bottom:30px;text-transform:uppercase;font-weight:bold}
.sub{font-size:14px;line-height:1.6}
.green{color:#56A2A2}
.steps{margin-top:30px}
.steps-wrapper{padding:30px 0 0 0;overflow:auto;display:flex;flex-direction:row;justify-content:center}
.step{width:33.3%;float:left;font-size:14px;line-height:1.6em;color:#717171;text-align:center}
.step-splitter{width:4%;float:left;height:.8em;border-bottom:solid 1px #BEBEBE}
.steps-wrapper .step-splitter:nth-child(2){margin-left:3%;margin-right:3%}
.steps-wrapper .step-splitter:nth-child(4){margin-left:3%;margin-right:3%}
.steps-wrapper .step:first-child{text-align:left}
.steps-wrapper .step:last-child{text-align:right}
@media screen and (max-width:500px){.steps-wrapper .step:first-child,.steps-wrapper .step:last-child{text-align:center}}
.step-nr{background:#e8e8e8;border-radius:.8em;-moz-border-radius:.8em;-webkit-border-radius:.8em;color:#9c9c9c;display:inline-block;font-weight:700;line-height:1.5em;padding-bottom:.1em;margin-right:10px;text-align:center;width:1.6em}
.green-step{background:#56A2A2;color:white}
.formbox{margin-top:30px;padding:30px;border:1px solid #56A2A2;border-radius:5px;background:#ffffff}
.form-title{font-size:1.4rem;margin-top:6px;margin-bottom:30px;text-transform:uppercase;font-weight:bold}
@media screen and (max-width:500px){.form-title{font-size:1.15rem}}
.error{display:none;color:#ec0909;font-size:13px;padding:2px;margin-bottom:10px !important;text-align:left !important}
.label{margin-top:25px;margin-bottom:7px}
.formbox input{width:100%;height:40px;border:1px solid #d7d7d7;text-indent:10px;background:#F1F5F8}
::-webkit-input-placeholder{color:#B3B3B3}
:-ms-input-placeholder{color:#B3B3B3}
::placeholder{color:#B3B3B3}
.btn-submit{margin-top:30px;font-family:Arial,sans-serif;background-color:#099F1E;color:#fff;font-weight:400;font-size:1.5rem;height:50px;border:none;cursor:pointer;width:100%;border-radius:6px}
.btn-submit:focus{border:none;outline:none}
.spinning{background-color:#b2e8a9 !important}
.spinning:before{border-color:#c0fce5 !important;border-right-color:#fff !important}
.spinning:after{box-shadow:0px 0px 0 1px #c0fce5 !important}
.mini-disclaimer{margin-top:30px;font-size:10px;text-align:center;color:#989898}
.mini-disclaimer a{color:#989898}
.right-col{width:40%;float:left;text-align:left;margin-left:40px}
.title-right{font-size:1.6rem;margin-bottom:30px;font-weight:bold;line-height:1.3;text-align:center}
.devices{width:78%;margin-top:30px}
ul{list-style-type:none;margin-top:30px}
.right-col ul li{position:relative;font-size:.9rem;margin-bottom:20px;padding:0 0 12px 30px;border-bottom:1px solid #e6e6e6}
ul li .fa{position:absolute;top:2px;left:0;color:#56A2A2;font-size:1.2rem}
ul li span{font-weight:bold}
.overlay:not(.exclude){background-color:#ffffff;width:100%;height:fit-content;top:0;left:0;right:0;bottom:0;z-index:10}
.exclude{background-color:white;z-index:100;opacity:1}
.promo{margin-top:80px;margin-bottom:80px;font-size:1.rem;line-height:28px;padding:20px 0;border-top:1px solid #56A2A2;border-bottom:1px solid #56A2A2;text-align:center}
.plan .usp-header{padding-bottom:20px}
.plan-title{font-weight:700;margin:10px 0 0;text-transform:uppercase;letter-spacing:1px;font-size:16px}
.plan .usp-header img{width:50px;height:auto;display:inline-block;float:left;margin-right:10px}
.plan-features{padding:0;margin:0 0 40px;text-align:center;list-style:outside none none;font-size:.8em;text-align:left;width:100%}
.plan-features li{padding:5px 5%;font-weight:500;opacity:.8;border-left:5px solid #56A2A2;margin:2px 20px}
.disclaimer{margin-top:50px;color:#999999;padding-bottom:50px}
@media screen and (max-width:768px){.logo-wrapper{width:45%}
.row{padding:0 10px}
.steps-wrapper{padding:30px 10px 0 10px}
.steps-wrapper .step-splitter:nth-child(2){margin-left:4%;margin-right:1%}
.steps-wrapper .step-splitter:nth-child(4){margin-left:3%;margin-right:0}
ul{width:54%;margin:30px auto 0}
.left-col{width:100%;min-height:650px}
.right-col{width:100%;margin-left:unset;margin-top:120px}
.formbox{width:85%;position:absolute;left:0;right:0;margin:0 auto;top:300px}}
.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}
.btn-submit.loading{background-color:#077f18;cursor:not-allowed}
.btn-submit.loading span{display:inline-flex;align-items:center}
@media screen and (max-width:500px){html:is([lang="de"],[lang="sv"],[lang="no"]) .steps-wrapper .step{line-height:1.3}
html:is([lang="de"],[lang="sv"],[lang="no"]) .steps-wrapper .step .step-nr{margin-bottom:5px}
html:not(:is([lang="zh"],[lang="ko"],[lang="en"])) .steps-wrapper .step .step-nr{}
html:not(:is([lang="zh"],[lang="ko"],[lang="en"])) .steps-wrapper .step .step-nr{display:block;margin-left:auto;margin-right:auto}
html:is([lang="cs"],[lang="de"],[lang="fr"],[lang="hu"],[lang="pl"],[lang="pt"],[lang="ro"],[lang="ru"],[lang="sv"],[lang="tr"],[lang="fi"],[lang="uk"]) .title{font-size:1.1rem}}
@media screen and (min-height:845px) and (max-width:550px){.right-col{margin-top:210px}}