@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap");
html, body {
  background: #fae383; }

body[fb-loaded] .fb-ext-hide {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important; }

html body {
  background: linear-gradient(135deg, #fac49e, #fae383);
  color: #232f3e;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin: 0 !important;
  padding: 0 0 100px;
  position: relative;
  text-align: center;
  width: 100vw;
  overflow-x: hidden; }
  html body.page-join, html body.page-support {
    background: #ffffff !important; }
  html body.page-after-install, html body.page-auth, html body.page-uninstall, html body.page-tutorial {
    background: #fffced !important; }
  html body p, html body section {
    font-size: 1.15rem; }
  html body > header, html body > footer, html body > main, html body > div, html body > p, html body > section {
    display: inline-block;
    position: relative;
    width: 100%; }
  html body > header, html body > div.head, html body > div.header {
    margin: 0;
    padding: 15px 0;
    position: relative; }
    html body > header #logo-container, html body > div.head #logo-container, html body > div.header #logo-container {
      display: inline-block;
      margin: 0;
      position: relative; }
      html body > header #logo-container a, html body > div.head #logo-container a, html body > div.header #logo-container a {
        display: inline-block;
        position: relative; }
      html body > header #logo-container #logo-small, html body > div.head #logo-container #logo-small, html body > div.header #logo-container #logo-small {
        display: inline-block;
        min-height: 105.7px;
        position: relative;
        width: 100px; }
    html body > header h1#logo-text, html body > div.head h1#logo-text, html body > div.header h1#logo-text {
      display: inline-block;
      margin: 0;
      position: relative;
      width: 100%;
      font-weight: 400;
      font-size: 50px; }
  html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
    line-height: initial; }
  html body h3 {
    text-align: center; }
  html body .fullwidth {
    width: 100%; }
  html body .d-block {
    display: block; }
  html body .d-inline {
    display: inline; }
  html body .d-inline-block {
    display: inline-block; }
  html body .go-to-homepage {
    outline: none !important;
    background: #f2ca02;
    color: #333333;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 50px;
    line-height: inherit;
    font-size: 20px;
    margin-top: 50px;
    text-transform: uppercase;
    cursor: pointer;
    border: 2px solid #333333; }
    html body .go-to-homepage:hover {
      background: #ff9800; }
  html body #welcome-msg {
    font-size: 30px;
    margin: 0;
    padding: 15px;
    position: relative;
    width: calc(100% - 30px); }
  html body div.streaming-services {
    display: inline-block;
    text-align: center;
    width: 100%; }
    html body div.streaming-services > div.streaming-service {
      display: inline-block;
      float: none;
      height: auto;
      margin: 10px;
      padding: 10px 10px; }
      html body div.streaming-services > div.streaming-service.netflix {
        background: #ffffff; }
      html body div.streaming-services > div.streaming-service.crackle {
        background: #fffaf3;
        border-radius: 30px;
        padding-right: 18px !important; }
      html body div.streaming-services > div.streaming-service > img {
        display: inline-block;
        height: 58px;
        margin: auto;
        width: auto; }
  html body #download-notice {
    margin: 0;
    position: relative; }
  html body #download-from-chrome, html body #download-from-chrome:visited, html body #download-from-chrome:active, html body #download-from-chrome:hover {
    background: #ffffff;
    border: 2px solid #f18516;
    border-radius: 30px;
    color: #f18516;
    cursor: pointer;
    display: inline-block;
    font-size: 35px;
    margin: 40px 0;
    max-width: calc(100vw - 60px);
    outline: none !important;
    padding: 5px 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase; }
  html body .lds-ring {
    display: inline-block;
    min-height: 80px;
    overflow: hidden;
    position: relative;
    width: 80px; }
    html body .lds-ring div {
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #ffffff transparent transparent transparent;
      border-radius: 50%;
      box-sizing: border-box;
      display: block;
      height: 64px;
      margin: 8px;
      position: absolute;
      width: 64px; }
      html body .lds-ring div:nth-child(1) {
        animation-delay: -0.45s; }
      html body .lds-ring div:nth-child(2) {
        animation-delay: -0.3s; }
      html body .lds-ring div:nth-child(3) {
        animation-delay: -0.15s; }
@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  html body #join-container {
    background: #f6b15f;
    border: 2px dotted #fffffe;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    min-height: 200px;
    padding: 30px; }
    html body #join-container h1 {
      font-size: 28px;
      margin: 0 0 10px;
      text-transform: uppercase; }
  html body footer, html body div.footer, html body div.foot {
    text-align: center;
    margin-top: 100px; }
    html body footer a, html body div.footer a, html body div.foot a {
      font-size: 17px;
      font-weight: 600;
      text-decoration: none; }
      html body footer a, html body footer a:visited, html body footer a:hover, html body div.footer a, html body div.footer a:visited, html body div.footer a:hover, html body div.foot a, html body div.foot a:visited, html body div.foot a:hover {
        color: inherit !important; }
      html body footer a:hover, html body div.footer a:hover, html body div.foot a:hover {
        text-decoration: underline; }
  html body .fullwidth.animated, html body h1, html body h2, html body h3 {
    overflow: hidden; }
  html body .card.uninstall-form {
    max-width: 90vw;
    width: 460px; }
    html body .card.uninstall-form > .card-content > p.uninstall-reason:not(:first-child) {
      margin-top: 15px; }
    html body .card.uninstall-form > .card-content > p.uninstall-reason > label > span {
      font-size: 18px;
      color: #5d5d5d;
      height: auto; }
    html body .card.uninstall-form #other-reason-container {
      margin-bottom: 0 !important; }
      html body .card.uninstall-form #other-reason-container span.character-counter {
        color: #000000;
        font-weight: 600; }
    html body .card.uninstall-form .card-action {
      width: 100%;
      display: inline-block;
      padding: 8px 24px;
      text-align: left; }
      html body .card.uninstall-form .card-action > * {
        float: none;
        display: inline-block;
        margin-top: 4px;
        margin-right: 10px;
        margin-bottom: 4px; }
      html body .card.uninstall-form .card-action #btn-submit {
        background: #1972f5; }
      html body .card.uninstall-form .card-action #btn-submit-and-reinstall {
        background: #f18517; }
      html body .card.uninstall-form .card-action #btn-reinstall {
        background: #f18517; }
      html body .card.uninstall-form .card-action #submiting {
        margin-left: 5px; }
  html body .card.support-form {
    margin-bottom: 100px;
    max-width: 420px;
    width: 90vw; }
    html body .card.support-form > .card-content > p.support-reason:not(:first-child) {
      margin-top: 15px; }
    html body .card.support-form > .card-content > p.support-reason > label > span {
      font-size: 18px;
      color: #5d5d5d; }
    html body .card.support-form #support-text-container {
      margin-bottom: 0 !important; }
      html body .card.support-form #support-text-container span.character-counter {
        color: #000000;
        font-weight: 600; }
    html body .card.support-form .card-action {
      width: 100%;
      display: inline-block;
      padding: 8px 24px; }
      html body .card.support-form .card-action > * {
        float: left;
        margin-top: 4px;
        margin-right: 10px;
        margin-bottom: 4px; }
      html body .card.support-form .card-action #btn-submit {
        background: #1972f5; }
      html body .card.support-form .card-action #submiting {
        margin-left: 5px; }

.tutorial-container .tutorial-desc {
  padding: 0 30px; }
.tutorial-container .tutorial-img-block {
  display: inline-block; }
  .tutorial-container .tutorial-img-block > img {
    width: 100%;
    max-width: calc(100vw - 10px); }

/*# sourceMappingURL=styles.css.map */