





@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-webkit-keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
@-moz-keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
@-ms-keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
@keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
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, 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: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

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: .65em;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.4em; }
sup span {
  font-size: 0.001px; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

hr {
  -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"] {
  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;
  -moz-box-sizing: content-box;
  -webkit-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 #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td, th {
  padding: 0; }

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  select {
    background: #fff !important; }

  .navbar {
    display: none; }

  .table td, .table th {
    background-color: #fff !important; }

  .btn > .caret, .dropup > .btn > .caret {
    border-top-color: #000 !important; }

  .label {
    border: 1px solid #000; }

  .table {
    border-collapse: collapse !important; }

  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important; } }
@font-face {
  font-family: 'Glyphicons Roku';
  src: url("//image.roku.com/fonts/glyphicons-roku.eot?gfdhad42g");
  src: url("//image.roku.com/fonts/glyphicons-roku.eot?#iefixgfdhad42g") format("embedded-opentype"), url("//image.roku.com/fonts/glyphicons-roku.woff?gfdhad42g") format("woff"), url("//image.roku.com/fonts/glyphicons-roku.ttf?gfdhad42g") format("truetype"), url("//image.roku.com/fonts/glyphicons-roku.svg?gfdhad42g#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
.glyphicon:after, .glyphicon:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Roku';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-bullet:before {
  font-family: sans-serif;
  content: "\2022"; }

.glyphicon-roku:before {
  content: "\e600"; }

.glyphicon-smallcheck:before {
  content: "\e601"; }

.glyphicon-check:before {
  content: "\e602"; }

.glyphicon-no-risk:before {
  content: "\e603"; }

.glyphicon-free-shipping:before {
  content: "\e604"; }

.glyphicon-close:before {
  content: "\e605"; }

.glyphicon-play:before {
  content: "\e606"; }

.glyphicon-roku-blog:before {
  content: "\e607"; }

.glyphicon-youtube:before {
  content: "\e608"; }

.glyphicon-bbb:before {
  content: "\e609"; }

.glyphicon-home:before {
  content: "\e60a"; }

.glyphicon-headphones:before {
  content: "\e60b"; }

.glyphicon-connection:before {
  content: "\e60c"; }

.glyphicon-location:before {
  content: "\e60d"; }

.glyphicon-location2:before {
  content: "\e60e"; }

.glyphicon-mobile:before {
  content: "\e60f"; }

.glyphicon-tablet:before {
  content: "\e610"; }

.glyphicon-tv:before {
  content: "\e611"; }

.glyphicon-heart:before {
  content: "\e612"; }

.glyphicon-chat:before {
  content: "\e613"; }

.glyphicon-comment:before {
  content: "\e614"; }

.glyphicon-camera:before {
  content: "\e615"; }

.glyphicon-checkmark:before {
  content: "\e616"; }

.glyphicon-arrow-left-sm:before, .glyphicon-chevron-left-sm:before {
  content: "\e617"; }

.glyphicon-arrow-down-sm:before, .glyphicon-chevron-down-sm:before {
  content: "\e618"; }

.glyphicon-arrow-up-sm:before, .glyphicon-chevron-up-sm:before {
  content: "\e619"; }

.glyphicon-arrow-right-sm:before, .glyphicon-chevron-right-sm:before {
  content: "\e61a"; }

.glyphicon-arrow-left:before, .glyphicon-chevron-left:before {
  content: "\e61b"; }

.glyphicon-arrow-down:before, .glyphicon-chevron-down:before {
  content: "\e61c"; }

.glyphicon-arrow-up:before, .glyphicon-chevron-up:before {
  content: "\e61d"; }

.glyphicon-arrow-right:before, .glyphicon-chevron-right:before {
  content: "\e61e"; }

.glyphicon-vimeo:before {
  content: "\e61f"; }

.glyphicon-twitter:before {
  content: "\e620"; }

.glyphicon-facebook:before {
  content: "\e621"; }

.glyphicon-googleplus:before {
  content: "\e622"; }

.glyphicon-pinterest:before {
  content: "\e623"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-shopping-cart:before {
  content: "\e116";
  padding-top: 5px;
  top: -4px; }

.glyphicon-rss:before {
  content: "\e624"; }

.glyphicon-instagram:before {
  content: "\e625"; }

.glyphicon-linkedin:before {
  content: "\e626"; }

.glyphicon-rss-email:before {
  content: "\e627"; }

.glyphicon-one-year:before {
  content: "\e628"; }

.glyphicon-roku-after:after {
  content: "\e600"; }

.glyphicon-smallcheck-after:after {
  content: "\e601"; }

.glyphicon-check-after:after {
  content: "\e602"; }

.glyphicon-no-risk-after:after {
  content: "\e603"; }

.glyphicon-free-shipping-after:after {
  content: "\e604"; }

.glyphicon-close-after:after {
  content: "\e605"; }

.glyphicon-play-after:after {
  content: "\e606"; }

.glyphicon-roku-blog-after:after {
  content: "\e607"; }

.glyphicon-youtube-after:after {
  content: "\e608"; }

.glyphicon-bbb-after:after {
  content: "\e609"; }

.glyphicon-home-after:after {
  content: "\e60a"; }

.glyphicon-headphones-after:after {
  content: "\e60b"; }

.glyphicon-connection-after:after {
  content: "\e60c"; }

.glyphicon-location-after:after {
  content: "\e60d"; }

.glyphicon-location2-after:after {
  content: "\e60e"; }

.glyphicon-mobile-after:after {
  content: "\e60f"; }

.glyphicon-tablet-after:after {
  content: "\e610"; }

.glyphicon-tv-after:after {
  content: "\e611"; }

.glyphicon-heart-after:after {
  content: "\e612"; }

.glyphicon-chat-after:after {
  content: "\e613"; }

.glyphicon-comment-after:after {
  content: "\e614"; }

.glyphicon-camera-after:after {
  content: "\e615"; }

.glyphicon-checkmark-after:after {
  content: "\e616"; }

.glyphicon-arrow-left-sm-after:after, .glyphicon-chevron-left-sm-after:after {
  content: "\e617"; }

.glyphicon-arrow-down-sm-after:after, .glyphicon-chevron-down-sm-after:after {
  content: "\e618"; }

.glyphicon-arrow-up-sm-after:after, .glyphicon-chevron-up-sm-after:after {
  content: "\e619"; }

.glyphicon-arrow-right-sm-after:after, .glyphicon-chevron-right-sm-after:after {
  content: "\e61a"; }

.glyphicon-arrow-left-after:after, .glyphicon-chevron-left-after:after {
  content: "\e61b"; }

.glyphicon-arrow-down-after:after, .glyphicon-chevron-down-after:after {
  content: "\e61c"; }

.glyphicon-arrow-up-after:after, .glyphicon-chevron-up-after:after {
  content: "\e61d"; }

.glyphicon-arrow-right-after:after, .glyphicon-chevron-right-after:after {
  content: "\e61e"; }

.glyphicon-vimeo-after:after {
  content: "\e61f"; }

.glyphicon-twitter-after:after {
  content: "\e620"; }

.glyphicon-facebook-after:after {
  content: "\e621"; }

.glyphicon-googleplus-after:after {
  content: "\e622"; }

.glyphicon-pinterest-after:after {
  content: "\e623"; }

.glyphicon-star-after:after {
  content: "\e006"; }

.glyphicon-shopping-cart-after:after {
  content: "\e116"; }

.glyphicon-rss-after:after {
  content: "\e624"; }

.glyphicon-instagram-after:after {
  content: "\e625"; }

.glyphicon-linkedin-after:after {
  content: "\e626"; }

.glyphicon-rss-email-after:after {
  content: "\e627"; }

.glyphicon-trash-can:before, .glyphicon-trash-can-after:after {
  content: "\e90a"; }

.glyphicon-preview:before, .glyphicon-preview-after:after {
  content: "\e90b"; }

.glyphicon-success:before, .glyphicon-success-after:after {
  content: "\e90c"; }

.glyphicon-close2:before, .glyphicon-close2-after:after {
  content: "\e90d"; }

.glyphicon-delete:before, .glyphicon-delete-after:after {
  content: "\e90e"; }

.glyphicon-edit:before, .glyphicon-edit-after:after {
  content: "\e90f"; }

.glyphicon-reorder:before, .glyphicon-reorder-after:after {
  content: "\e910"; }

.glyphicon-warn:before, .glyphicon-warn-after:after {
  content: "\e900"; }

.glyphicon-collapse:before, .glyphicon-collapse-after:after {
  content: "\e901"; }

.glyphicon-expand:before, .glyphicon-expand-after:after {
  content: "\e906"; }

.glyphicon-success-small:before, .glyphicon-success-small-after:after {
  content: "\e906"; }

.glyphicon-warning:before, .glyphicon-warning-after:after {
  content: "\e907"; }

.glyphicon-search:before, .glyphicon-search-after:after {
  content: "\e911"; }

.hero.homepage .glyphicon-play.video:before {
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 5px;
  padding-left: 6px; }

@media (min-width: 768px) {
  span.glyphicon:before {
    left: -3px; } }
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1375px;
  /*
  @media (min-width: $screen-sm-min) {
    width: $container-sm;
  }
  @media (min-width: $screen-md-min) {
    width: $container-md;
  }
  @media (min-width: $screen-lg-min) {
    width: $container-lg;
  }
  @media (min-width: $screen-xl-min) {
    width: $container-xl;
  }
  */ }
.container:before, .container:after {
  content: " ";
  display: table; }
.container:after {
  clear: both; }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table; }
.container-fluid:after {
  clear: both; }

.container-text {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }

.row {
  margin-left: -10px;
  margin-right: -10px; }
.row:before, .row:after {
  content: " ";
  display: table; }
.row:after {
  clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  /*font-size: 10px;*/
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  overflow-x: hidden; }

body {
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.42;
  color: #666666;
  background-color: #fff;
  width: 100%;
  overflow-x: hidden; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #662d91;
  text-decoration: none; }
a:hover, a:focus {
  color: #3d1b57;
  text-decoration: underline; }
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 26px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #dddddd; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

@-ms-viewport {
  width: device-width; }
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs, td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm, td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md, td.visible-md {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg, td.visible-lg {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print, td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }
@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }
@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.lazy-load {
  opacity: 0; }

.lazy-load-visible {
  opacity: 1; }

.lazy-load, .lazy-load-visible {
  -webkit-transition: 0.287s opacity;
  -moz-transition: 0.287s opacity;
  -o-transition: 0.287s opacity;
  transition: 0.287s opacity; }

html {
  font-size: 62.5%;
  height: 100%; }

body {
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif; }
@media (max-width: 767px) {
  body {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  body {
    font-size: 16px; } }
@media (min-width: 1200px) {
  body {
    font-size: 16px; } }

a {
  cursor: pointer; }

p, h4, h5, h6 {
  max-width: 100%;
  width: auto; }

.hidden {
  display: none; }

@font-face {
  font-family: GothamBook;
  src: url("Gotham-Book.eot");
  src: url("Gotham-Book.woff") format("woff"), url("Gotham-Book.ttf") format("truetype"), url("Gotham-Book.svg") format("svg"); }
@font-face {
  font-family: GothamExtraLight;
  src: url("Gotham-ExtraLight.eot");
  src: url("Gotham-ExtraLight.woff") format("woff"), url("Gotham-ExtraLight.ttf") format("truetype"), url("Gotham-ExtraLight.svg") format("svg"); }
@font-face {
  font-family: 'Glyphicons Roku';
  src: url("glyphicons-roku.eot?9m7lai");
  src: url("glyphicons-roku.eot?#iefix9m7lai") format("embedded-opentype"), url("glyphicons-roku.woff?9m7lai") format("woff"), url("glyphicons-roku.ttf?9m7lai") format("truetype"), url("glyphicons-roku.svg?9m7lai#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Button Codes */
button, .roku-button, .btn, .btn.primary {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91; }
button:hover, .roku-button:hover, .btn:hover, .btn.primary:hover {
  text-decoration: none; }
button:hover, .roku-button:hover, .btn:hover, .btn.primary:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
button.btn-super, .roku-button.btn-super, .btn.btn-super, .btn.primary.btn-super {
  border: 2px solid;
  color: #662d91;
  background-color: transparent;
  border-color: #662d91;
  padding: 8px 30px;
  border-radius: 80px; }
button.btn-super:hover, button.btn-super:focus, button.btn-super:active, button.btn-super.active, .open > button.btn-super.dropdown-toggle, .roku-button.btn-super:hover, .roku-button.btn-super:focus, .roku-button.btn-super:active, .roku-button.btn-super.active, .open > .roku-button.btn-super.dropdown-toggle, .btn.btn-super:hover, .btn.btn-super:focus, .btn.btn-super:active, .btn.btn-super.active, .open > .btn.btn-super.dropdown-toggle, .btn.primary.btn-super:hover, .btn.primary.btn-super:focus, .btn.primary.btn-super:active, .btn.primary.btn-super.active, .open > .btn.primary.btn-super.dropdown-toggle {
  color: #662d91;
  border-color: #451f62; }
button.btn-super:active, button.btn-super.active, .open > button.btn-super.dropdown-toggle, .roku-button.btn-super:active, .roku-button.btn-super.active, .open > .roku-button.btn-super.dropdown-toggle, .btn.btn-super:active, .btn.btn-super.active, .open > .btn.btn-super.dropdown-toggle, .btn.primary.btn-super:active, .btn.primary.btn-super.active, .open > .btn.primary.btn-super.dropdown-toggle {
  background-image: none; }
button.btn-super.disabled, button.btn-super.disabled:hover, button.btn-super.disabled:focus, button.btn-super.disabled:active, button.btn-super.disabled.active, button.btn-super[disabled], button.btn-super[disabled]:hover, button.btn-super[disabled]:focus, button.btn-super[disabled]:active, button.btn-super[disabled].active, fieldset[disabled] button.btn-super, fieldset[disabled] button.btn-super:hover, fieldset[disabled] button.btn-super:focus, fieldset[disabled] button.btn-super:active, fieldset[disabled] button.btn-super.active, .roku-button.btn-super.disabled, .roku-button.btn-super.disabled:hover, .roku-button.btn-super.disabled:focus, .roku-button.btn-super.disabled:active, .roku-button.btn-super.disabled.active, .roku-button.btn-super[disabled], .roku-button.btn-super[disabled]:hover, .roku-button.btn-super[disabled]:focus, .roku-button.btn-super[disabled]:active, .roku-button.btn-super[disabled].active, fieldset[disabled] .roku-button.btn-super, fieldset[disabled] .roku-button.btn-super:hover, fieldset[disabled] .roku-button.btn-super:focus, fieldset[disabled] .roku-button.btn-super:active, fieldset[disabled] .roku-button.btn-super.active, .btn.btn-super.disabled, .btn.btn-super.disabled:hover, .btn.btn-super.disabled:focus, .btn.btn-super.disabled:active, .btn.btn-super.disabled.active, .btn.btn-super[disabled], .btn.btn-super[disabled]:hover, .btn.btn-super[disabled]:focus, .btn.btn-super[disabled]:active, .btn.btn-super[disabled].active, fieldset[disabled] .btn.btn-super, fieldset[disabled] .btn.btn-super:hover, fieldset[disabled] .btn.btn-super:focus, fieldset[disabled] .btn.btn-super:active, fieldset[disabled] .btn.btn-super.active, .btn.primary.btn-super.disabled, .btn.primary.btn-super.disabled:hover, .btn.primary.btn-super.disabled:focus, .btn.primary.btn-super.disabled:active, .btn.primary.btn-super.disabled.active, .btn.primary.btn-super[disabled], .btn.primary.btn-super[disabled]:hover, .btn.primary.btn-super[disabled]:focus, .btn.primary.btn-super[disabled]:active, .btn.primary.btn-super[disabled].active, fieldset[disabled] .btn.primary.btn-super, fieldset[disabled] .btn.primary.btn-super:hover, fieldset[disabled] .btn.primary.btn-super:focus, fieldset[disabled] .btn.primary.btn-super:active, fieldset[disabled] .btn.primary.btn-super.active {
  background-color: transparent;
  border-color: #662d91; }
button.btn-super .badge, .roku-button.btn-super .badge, .btn.btn-super .badge, .btn.primary.btn-super .badge {
  color: transparent;
  background-color: #662d91; }
button.btn-super h2, .roku-button.btn-super h2, .btn.btn-super h2, .btn.primary.btn-super h2 {
  margin: 0;
  font-size: 3rem;
  white-space: normal; }
button.btn-super .glyphicon, .roku-button.btn-super .glyphicon, .btn.btn-super .glyphicon, .btn.primary.btn-super .glyphicon {
  position: relative;
  top: 2px; }
button.btn-super:hover .glyphicon-chevron-right, .roku-button.btn-super:hover .glyphicon-chevron-right, .btn.btn-super:hover .glyphicon-chevron-right, .btn.primary.btn-super:hover .glyphicon-chevron-right {
  -webkit-animation: bounce-right 2s infinite;
  -moz-animation: bounce-right 2s infinite;
  -ms-animation: bounce-right 2s infinite;
  animation: bounce-right 2s infinite; }
button.roku-bg-color-b0, .roku-button.roku-bg-color-b0, .btn.roku-bg-color-b0, .btn.primary.roku-bg-color-b0 {
  border-color: transparent; }
button.roku-bg-color-b1, .roku-button.roku-bg-color-b1, .btn.roku-bg-color-b1, .btn.primary.roku-bg-color-b1 {
  border-color: transparent; }
button.roku-bg-color-b2, .roku-button.roku-bg-color-b2, .btn.roku-bg-color-b2, .btn.primary.roku-bg-color-b2 {
  border-color: transparent; }
button.roku-bg-color-b3, .roku-button.roku-bg-color-b3, .btn.roku-bg-color-b3, .btn.primary.roku-bg-color-b3 {
  border-color: transparent; }
button.roku-bg-color-b4, .roku-button.roku-bg-color-b4, .btn.roku-bg-color-b4, .btn.primary.roku-bg-color-b4 {
  border-color: transparent; }
button.roku-bg-color-b5, .roku-button.roku-bg-color-b5, .btn.roku-bg-color-b5, .btn.primary.roku-bg-color-b5 {
  border-color: transparent; }
button.roku-bg-color-b6, .roku-button.roku-bg-color-b6, .btn.roku-bg-color-b6, .btn.primary.roku-bg-color-b6 {
  border-color: transparent; }
button.roku-bg-color-b7, .roku-button.roku-bg-color-b7, .btn.roku-bg-color-b7, .btn.primary.roku-bg-color-b7 {
  border-color: transparent; }
button.roku-bg-color-c1, .roku-button.roku-bg-color-c1, .btn.roku-bg-color-c1, .btn.primary.roku-bg-color-c1 {
  border-color: transparent; }
button.roku-bg-color-c1s, .roku-button.roku-bg-color-c1s, .btn.roku-bg-color-c1s, .btn.primary.roku-bg-color-c1s {
  border-color: transparent; }
button.roku-bg-color-c1h, .roku-button.roku-bg-color-c1h, .btn.roku-bg-color-c1h, .btn.primary.roku-bg-color-c1h {
  border-color: transparent; }
button.roku-bg-color-c2, .roku-button.roku-bg-color-c2, .btn.roku-bg-color-c2, .btn.primary.roku-bg-color-c2 {
  border-color: transparent; }
button.roku-bg-color-c2s, .roku-button.roku-bg-color-c2s, .btn.roku-bg-color-c2s, .btn.primary.roku-bg-color-c2s {
  border-color: transparent; }
button.roku-bg-color-c2h, .roku-button.roku-bg-color-c2h, .btn.roku-bg-color-c2h, .btn.primary.roku-bg-color-c2h {
  border-color: transparent; }
button.roku-bg-color-c3, .roku-button.roku-bg-color-c3, .btn.roku-bg-color-c3, .btn.primary.roku-bg-color-c3 {
  border-color: transparent; }
button.roku-bg-color-c3s, .roku-button.roku-bg-color-c3s, .btn.roku-bg-color-c3s, .btn.primary.roku-bg-color-c3s {
  border-color: transparent; }
button.roku-bg-color-c3h, .roku-button.roku-bg-color-c3h, .btn.roku-bg-color-c3h, .btn.primary.roku-bg-color-c3h {
  border-color: transparent; }
button.roku-bg-color-c4, .roku-button.roku-bg-color-c4, .btn.roku-bg-color-c4, .btn.primary.roku-bg-color-c4 {
  border-color: transparent; }
button.roku-bg-color-c4s, .roku-button.roku-bg-color-c4s, .btn.roku-bg-color-c4s, .btn.primary.roku-bg-color-c4s {
  border-color: transparent; }
button.roku-bg-color-c4h, .roku-button.roku-bg-color-c4h, .btn.roku-bg-color-c4h, .btn.primary.roku-bg-color-c4h {
  border-color: transparent; }
button.roku-bg-color-c5, .roku-button.roku-bg-color-c5, .btn.roku-bg-color-c5, .btn.primary.roku-bg-color-c5 {
  border-color: transparent; }
button.roku-bg-color-c5s, .roku-button.roku-bg-color-c5s, .btn.roku-bg-color-c5s, .btn.primary.roku-bg-color-c5s {
  border-color: transparent; }
button.roku-bg-color-c5h, .roku-button.roku-bg-color-c5h, .btn.roku-bg-color-c5h, .btn.primary.roku-bg-color-c5h {
  border-color: transparent; }
button.roku-bg-color-c6, .roku-button.roku-bg-color-c6, .btn.roku-bg-color-c6, .btn.primary.roku-bg-color-c6 {
  border-color: transparent; }
button.roku-bg-color-success, .roku-button.roku-bg-color-success, .btn.roku-bg-color-success, .btn.primary.roku-bg-color-success {
  border-color: transparent; }
button.roku-bg-color-error, .roku-button.roku-bg-color-error, .btn.roku-bg-color-error, .btn.primary.roku-bg-color-error {
  border-color: transparent; }

button.roku-button-disabled, a.roku-button-disabled, button[disabled], button[disabled=disabled], button:disabled {
  opacity: 1;
  cursor: default;
  border-color: #999;
  background-color: #999; }

button.roku-button-secondary, a.roku-button-secondary, .btn.secondary {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #999;
  background-color: #fff;
  border-color: #999; }
button.roku-button-secondary:hover, a.roku-button-secondary:hover, .btn.secondary:hover {
  text-decoration: none; }
button.roku-button-secondary:hover, a.roku-button-secondary:hover, .btn.secondary:hover {
  color: #fff;
  background-color: #999;
  border-color: #999; }

button.roku-button-secondary[disabled], a.roku-button-secondary[disabled], .btn.secondary[disabled], button.roku-button-secondary[disabled]:hover, a.roku-button-secondary[disabled]:hover, .btn.secondary[disabled]:hover {
  background-color: transparent;
  background-image: none;
  color: #999; }

/* Create inverse button styles */
.roku-button.roku-bg-color-c4.inverse {
  background-color: #00b240;
  color: #fff; }
.roku-button.roku-bg-color-c4.inverse:hover {
  background-color: #00e050; }
.roku-button.roku-bg-color-c4.inverse.active {
  background-color: #fff;
  color: #00cd49;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
.roku-button.roku-bg-color-c4.inverse.active:hover {
  background-color: #fff; }

button.roku-button-b0, a.roku-button-b0 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-b0:hover, a.roku-button-b0:hover {
  text-decoration: none; }

.roku-button-outline-b0 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #fff;
  background-color: transparent;
  border-color: #fff; }
.roku-button-outline-b0:hover {
  text-decoration: none; }
.roku-button-outline-b0:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-b0:hover, .roku-button-outline-b0:focus, .roku-button-outline-b0:active, .roku-button-outline-b0.active, .open > .roku-button-outline-b0.dropdown-toggle {
  color: #fff;
  border-color: #e0e0e0; }
.roku-button-outline-b0:active, .roku-button-outline-b0.active, .open > .roku-button-outline-b0.dropdown-toggle {
  background-image: none; }
.roku-button-outline-b0.disabled, .roku-button-outline-b0.disabled:hover, .roku-button-outline-b0.disabled:focus, .roku-button-outline-b0.disabled:active, .roku-button-outline-b0.disabled.active, .roku-button-outline-b0[disabled], .roku-button-outline-b0[disabled]:hover, .roku-button-outline-b0[disabled]:focus, .roku-button-outline-b0[disabled]:active, .roku-button-outline-b0[disabled].active, fieldset[disabled] .roku-button-outline-b0, fieldset[disabled] .roku-button-outline-b0:hover, fieldset[disabled] .roku-button-outline-b0:focus, fieldset[disabled] .roku-button-outline-b0:active, fieldset[disabled] .roku-button-outline-b0.active {
  background-color: transparent;
  border-color: #fff; }
.roku-button-outline-b0 .badge {
  color: transparent;
  background-color: #fff; }
.roku-button-outline-b0:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-b1, a.roku-button-b1 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-b1:hover, a.roku-button-b1:hover {
  text-decoration: none; }

.roku-button-outline-b1 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #ddd;
  background-color: transparent;
  border-color: #ddd; }
.roku-button-outline-b1:hover {
  text-decoration: none; }
.roku-button-outline-b1:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-b1:hover, .roku-button-outline-b1:focus, .roku-button-outline-b1:active, .roku-button-outline-b1.active, .open > .roku-button-outline-b1.dropdown-toggle {
  color: #ddd;
  border-color: #bebebe; }
.roku-button-outline-b1:active, .roku-button-outline-b1.active, .open > .roku-button-outline-b1.dropdown-toggle {
  background-image: none; }
.roku-button-outline-b1.disabled, .roku-button-outline-b1.disabled:hover, .roku-button-outline-b1.disabled:focus, .roku-button-outline-b1.disabled:active, .roku-button-outline-b1.disabled.active, .roku-button-outline-b1[disabled], .roku-button-outline-b1[disabled]:hover, .roku-button-outline-b1[disabled]:focus, .roku-button-outline-b1[disabled]:active, .roku-button-outline-b1[disabled].active, fieldset[disabled] .roku-button-outline-b1, fieldset[disabled] .roku-button-outline-b1:hover, fieldset[disabled] .roku-button-outline-b1:focus, fieldset[disabled] .roku-button-outline-b1:active, fieldset[disabled] .roku-button-outline-b1.active {
  background-color: transparent;
  border-color: #ddd; }
.roku-button-outline-b1 .badge {
  color: transparent;
  background-color: #ddd; }
.roku-button-outline-b1:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-b2, a.roku-button-b2 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-b2:hover, a.roku-button-b2:hover {
  text-decoration: none; }

.roku-button-outline-b2 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #999;
  background-color: transparent;
  border-color: #999; }
.roku-button-outline-b2:hover {
  text-decoration: none; }
.roku-button-outline-b2:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-b2:hover, .roku-button-outline-b2:focus, .roku-button-outline-b2:active, .roku-button-outline-b2.active, .open > .roku-button-outline-b2.dropdown-toggle {
  color: #999;
  border-color: #7a7a7a; }
.roku-button-outline-b2:active, .roku-button-outline-b2.active, .open > .roku-button-outline-b2.dropdown-toggle {
  background-image: none; }
.roku-button-outline-b2.disabled, .roku-button-outline-b2.disabled:hover, .roku-button-outline-b2.disabled:focus, .roku-button-outline-b2.disabled:active, .roku-button-outline-b2.disabled.active, .roku-button-outline-b2[disabled], .roku-button-outline-b2[disabled]:hover, .roku-button-outline-b2[disabled]:focus, .roku-button-outline-b2[disabled]:active, .roku-button-outline-b2[disabled].active, fieldset[disabled] .roku-button-outline-b2, fieldset[disabled] .roku-button-outline-b2:hover, fieldset[disabled] .roku-button-outline-b2:focus, fieldset[disabled] .roku-button-outline-b2:active, fieldset[disabled] .roku-button-outline-b2.active {
  background-color: transparent;
  border-color: #999; }
.roku-button-outline-b2 .badge {
  color: transparent;
  background-color: #999; }
.roku-button-outline-b2:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-b3, a.roku-button-b3 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-b3:hover, a.roku-button-b3:hover {
  text-decoration: none; }

.roku-button-outline-b3 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #666;
  background-color: transparent;
  border-color: #666; }
.roku-button-outline-b3:hover {
  text-decoration: none; }
.roku-button-outline-b3:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-b3:hover, .roku-button-outline-b3:focus, .roku-button-outline-b3:active, .roku-button-outline-b3.active, .open > .roku-button-outline-b3.dropdown-toggle {
  color: #666;
  border-color: #474747; }
.roku-button-outline-b3:active, .roku-button-outline-b3.active, .open > .roku-button-outline-b3.dropdown-toggle {
  background-image: none; }
.roku-button-outline-b3.disabled, .roku-button-outline-b3.disabled:hover, .roku-button-outline-b3.disabled:focus, .roku-button-outline-b3.disabled:active, .roku-button-outline-b3.disabled.active, .roku-button-outline-b3[disabled], .roku-button-outline-b3[disabled]:hover, .roku-button-outline-b3[disabled]:focus, .roku-button-outline-b3[disabled]:active, .roku-button-outline-b3[disabled].active, fieldset[disabled] .roku-button-outline-b3, fieldset[disabled] .roku-button-outline-b3:hover, fieldset[disabled] .roku-button-outline-b3:focus, fieldset[disabled] .roku-button-outline-b3:active, fieldset[disabled] .roku-button-outline-b3.active {
  background-color: transparent;
  border-color: #666; }
.roku-button-outline-b3 .badge {
  color: transparent;
  background-color: #666; }
.roku-button-outline-b3:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-b4, a.roku-button-b4 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-b4:hover, a.roku-button-b4:hover {
  text-decoration: none; }

.roku-button-outline-b4 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #333;
  background-color: transparent;
  border-color: #333; }
.roku-button-outline-b4:hover {
  text-decoration: none; }
.roku-button-outline-b4:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-b4:hover, .roku-button-outline-b4:focus, .roku-button-outline-b4:active, .roku-button-outline-b4.active, .open > .roku-button-outline-b4.dropdown-toggle {
  color: #333;
  border-color: #141414; }
.roku-button-outline-b4:active, .roku-button-outline-b4.active, .open > .roku-button-outline-b4.dropdown-toggle {
  background-image: none; }
.roku-button-outline-b4.disabled, .roku-button-outline-b4.disabled:hover, .roku-button-outline-b4.disabled:focus, .roku-button-outline-b4.disabled:active, .roku-button-outline-b4.disabled.active, .roku-button-outline-b4[disabled], .roku-button-outline-b4[disabled]:hover, .roku-button-outline-b4[disabled]:focus, .roku-button-outline-b4[disabled]:active, .roku-button-outline-b4[disabled].active, fieldset[disabled] .roku-button-outline-b4, fieldset[disabled] .roku-button-outline-b4:hover, fieldset[disabled] .roku-button-outline-b4:focus, fieldset[disabled] .roku-button-outline-b4:active, fieldset[disabled] .roku-button-outline-b4.active {
  background-color: transparent;
  border-color: #333; }
.roku-button-outline-b4 .badge {
  color: transparent;
  background-color: #333; }
.roku-button-outline-b4:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-b5, a.roku-button-b5 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-b5:hover, a.roku-button-b5:hover {
  text-decoration: none; }

.roku-button-outline-b5 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #222;
  background-color: transparent;
  border-color: #222; }
.roku-button-outline-b5:hover {
  text-decoration: none; }
.roku-button-outline-b5:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-b5:hover, .roku-button-outline-b5:focus, .roku-button-outline-b5:active, .roku-button-outline-b5.active, .open > .roku-button-outline-b5.dropdown-toggle {
  color: #222;
  border-color: #030303; }
.roku-button-outline-b5:active, .roku-button-outline-b5.active, .open > .roku-button-outline-b5.dropdown-toggle {
  background-image: none; }
.roku-button-outline-b5.disabled, .roku-button-outline-b5.disabled:hover, .roku-button-outline-b5.disabled:focus, .roku-button-outline-b5.disabled:active, .roku-button-outline-b5.disabled.active, .roku-button-outline-b5[disabled], .roku-button-outline-b5[disabled]:hover, .roku-button-outline-b5[disabled]:focus, .roku-button-outline-b5[disabled]:active, .roku-button-outline-b5[disabled].active, fieldset[disabled] .roku-button-outline-b5, fieldset[disabled] .roku-button-outline-b5:hover, fieldset[disabled] .roku-button-outline-b5:focus, fieldset[disabled] .roku-button-outline-b5:active, fieldset[disabled] .roku-button-outline-b5.active {
  background-color: transparent;
  border-color: #222; }
.roku-button-outline-b5 .badge {
  color: transparent;
  background-color: #222; }
.roku-button-outline-b5:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-b6, a.roku-button-b6 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-b6:hover, a.roku-button-b6:hover {
  text-decoration: none; }

.roku-button-outline-b6 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #000;
  background-color: transparent;
  border-color: #000; }
.roku-button-outline-b6:hover {
  text-decoration: none; }
.roku-button-outline-b6:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-b6:hover, .roku-button-outline-b6:focus, .roku-button-outline-b6:active, .roku-button-outline-b6.active, .open > .roku-button-outline-b6.dropdown-toggle {
  color: #000;
  border-color: black; }
.roku-button-outline-b6:active, .roku-button-outline-b6.active, .open > .roku-button-outline-b6.dropdown-toggle {
  background-image: none; }
.roku-button-outline-b6.disabled, .roku-button-outline-b6.disabled:hover, .roku-button-outline-b6.disabled:focus, .roku-button-outline-b6.disabled:active, .roku-button-outline-b6.disabled.active, .roku-button-outline-b6[disabled], .roku-button-outline-b6[disabled]:hover, .roku-button-outline-b6[disabled]:focus, .roku-button-outline-b6[disabled]:active, .roku-button-outline-b6[disabled].active, fieldset[disabled] .roku-button-outline-b6, fieldset[disabled] .roku-button-outline-b6:hover, fieldset[disabled] .roku-button-outline-b6:focus, fieldset[disabled] .roku-button-outline-b6:active, fieldset[disabled] .roku-button-outline-b6.active {
  background-color: transparent;
  border-color: #000; }
.roku-button-outline-b6 .badge {
  color: transparent;
  background-color: #000; }
.roku-button-outline-b6:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-b7, a.roku-button-b7 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-b7:hover, a.roku-button-b7:hover {
  text-decoration: none; }

.roku-button-outline-b7 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #f3f3f3;
  background-color: transparent;
  border-color: #f3f3f3; }
.roku-button-outline-b7:hover {
  text-decoration: none; }
.roku-button-outline-b7:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-b7:hover, .roku-button-outline-b7:focus, .roku-button-outline-b7:active, .roku-button-outline-b7.active, .open > .roku-button-outline-b7.dropdown-toggle {
  color: #f3f3f3;
  border-color: #d4d4d4; }
.roku-button-outline-b7:active, .roku-button-outline-b7.active, .open > .roku-button-outline-b7.dropdown-toggle {
  background-image: none; }
.roku-button-outline-b7.disabled, .roku-button-outline-b7.disabled:hover, .roku-button-outline-b7.disabled:focus, .roku-button-outline-b7.disabled:active, .roku-button-outline-b7.disabled.active, .roku-button-outline-b7[disabled], .roku-button-outline-b7[disabled]:hover, .roku-button-outline-b7[disabled]:focus, .roku-button-outline-b7[disabled]:active, .roku-button-outline-b7[disabled].active, fieldset[disabled] .roku-button-outline-b7, fieldset[disabled] .roku-button-outline-b7:hover, fieldset[disabled] .roku-button-outline-b7:focus, fieldset[disabled] .roku-button-outline-b7:active, fieldset[disabled] .roku-button-outline-b7.active {
  background-color: transparent;
  border-color: #f3f3f3; }
.roku-button-outline-b7 .badge {
  color: transparent;
  background-color: #f3f3f3; }
.roku-button-outline-b7:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c1, a.roku-button-c1 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91; }
button.roku-button-c1:hover, a.roku-button-c1:hover {
  text-decoration: none; }
button.roku-button-c1:hover, a.roku-button-c1:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }

.roku-button-outline-c1 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #662d91;
  background-color: transparent;
  border-color: #662d91; }
.roku-button-outline-c1:hover {
  text-decoration: none; }
.roku-button-outline-c1:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c1:hover, .roku-button-outline-c1:focus, .roku-button-outline-c1:active, .roku-button-outline-c1.active, .open > .roku-button-outline-c1.dropdown-toggle {
  color: #662d91;
  border-color: #451f62; }
.roku-button-outline-c1:active, .roku-button-outline-c1.active, .open > .roku-button-outline-c1.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c1.disabled, .roku-button-outline-c1.disabled:hover, .roku-button-outline-c1.disabled:focus, .roku-button-outline-c1.disabled:active, .roku-button-outline-c1.disabled.active, .roku-button-outline-c1[disabled], .roku-button-outline-c1[disabled]:hover, .roku-button-outline-c1[disabled]:focus, .roku-button-outline-c1[disabled]:active, .roku-button-outline-c1[disabled].active, fieldset[disabled] .roku-button-outline-c1, fieldset[disabled] .roku-button-outline-c1:hover, fieldset[disabled] .roku-button-outline-c1:focus, fieldset[disabled] .roku-button-outline-c1:active, fieldset[disabled] .roku-button-outline-c1.active {
  background-color: transparent;
  border-color: #662d91; }
.roku-button-outline-c1 .badge {
  color: transparent;
  background-color: #662d91; }
.roku-button-outline-c1:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c1s, a.roku-button-c1s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c1s:hover, a.roku-button-c1s:hover {
  text-decoration: none; }

.roku-button-outline-c1s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #552a7b;
  background-color: transparent;
  border-color: #552a7b; }
.roku-button-outline-c1s:hover {
  text-decoration: none; }
.roku-button-outline-c1s:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c1s:hover, .roku-button-outline-c1s:focus, .roku-button-outline-c1s:active, .roku-button-outline-c1s.active, .open > .roku-button-outline-c1s.dropdown-toggle {
  color: #552a7b;
  border-color: #351a4d; }
.roku-button-outline-c1s:active, .roku-button-outline-c1s.active, .open > .roku-button-outline-c1s.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c1s.disabled, .roku-button-outline-c1s.disabled:hover, .roku-button-outline-c1s.disabled:focus, .roku-button-outline-c1s.disabled:active, .roku-button-outline-c1s.disabled.active, .roku-button-outline-c1s[disabled], .roku-button-outline-c1s[disabled]:hover, .roku-button-outline-c1s[disabled]:focus, .roku-button-outline-c1s[disabled]:active, .roku-button-outline-c1s[disabled].active, fieldset[disabled] .roku-button-outline-c1s, fieldset[disabled] .roku-button-outline-c1s:hover, fieldset[disabled] .roku-button-outline-c1s:focus, fieldset[disabled] .roku-button-outline-c1s:active, fieldset[disabled] .roku-button-outline-c1s.active {
  background-color: transparent;
  border-color: #552a7b; }
.roku-button-outline-c1s .badge {
  color: transparent;
  background-color: #552a7b; }
.roku-button-outline-c1s:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c1h, a.roku-button-c1h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c1h:hover, a.roku-button-c1h:hover {
  text-decoration: none; }

.roku-button-outline-c1h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #843abc;
  background-color: transparent;
  border-color: #843abc; }
.roku-button-outline-c1h:hover {
  text-decoration: none; }
.roku-button-outline-c1h:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c1h:hover, .roku-button-outline-c1h:focus, .roku-button-outline-c1h:active, .roku-button-outline-c1h.active, .open > .roku-button-outline-c1h.dropdown-toggle {
  color: #843abc;
  border-color: #632c8d; }
.roku-button-outline-c1h:active, .roku-button-outline-c1h.active, .open > .roku-button-outline-c1h.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c1h.disabled, .roku-button-outline-c1h.disabled:hover, .roku-button-outline-c1h.disabled:focus, .roku-button-outline-c1h.disabled:active, .roku-button-outline-c1h.disabled.active, .roku-button-outline-c1h[disabled], .roku-button-outline-c1h[disabled]:hover, .roku-button-outline-c1h[disabled]:focus, .roku-button-outline-c1h[disabled]:active, .roku-button-outline-c1h[disabled].active, fieldset[disabled] .roku-button-outline-c1h, fieldset[disabled] .roku-button-outline-c1h:hover, fieldset[disabled] .roku-button-outline-c1h:focus, fieldset[disabled] .roku-button-outline-c1h:active, fieldset[disabled] .roku-button-outline-c1h.active {
  background-color: transparent;
  border-color: #843abc; }
.roku-button-outline-c1h .badge {
  color: transparent;
  background-color: #843abc; }
.roku-button-outline-c1h:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c2, a.roku-button-c2 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #ed1847;
  border-color: #ed1847; }
button.roku-button-c2:hover, a.roku-button-c2:hover {
  text-decoration: none; }
button.roku-button-c2:hover, a.roku-button-c2:hover {
  color: #fff;
  background-color: #cb153e;
  border-color: #cb153e; }

.roku-button-outline-c2 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #ed1847;
  background-color: transparent;
  border-color: #ed1847; }
.roku-button-outline-c2:hover {
  text-decoration: none; }
.roku-button-outline-c2:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c2:hover, .roku-button-outline-c2:focus, .roku-button-outline-c2:active, .roku-button-outline-c2.active, .open > .roku-button-outline-c2.dropdown-toggle {
  color: #ed1847;
  border-color: #b90e34; }
.roku-button-outline-c2:active, .roku-button-outline-c2.active, .open > .roku-button-outline-c2.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c2.disabled, .roku-button-outline-c2.disabled:hover, .roku-button-outline-c2.disabled:focus, .roku-button-outline-c2.disabled:active, .roku-button-outline-c2.disabled.active, .roku-button-outline-c2[disabled], .roku-button-outline-c2[disabled]:hover, .roku-button-outline-c2[disabled]:focus, .roku-button-outline-c2[disabled]:active, .roku-button-outline-c2[disabled].active, fieldset[disabled] .roku-button-outline-c2, fieldset[disabled] .roku-button-outline-c2:hover, fieldset[disabled] .roku-button-outline-c2:focus, fieldset[disabled] .roku-button-outline-c2:active, fieldset[disabled] .roku-button-outline-c2.active {
  background-color: transparent;
  border-color: #ed1847; }
.roku-button-outline-c2 .badge {
  color: transparent;
  background-color: #ed1847; }
.roku-button-outline-c2:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c2s, a.roku-button-c2s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c2s:hover, a.roku-button-c2s:hover {
  text-decoration: none; }

.roku-button-outline-c2s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #cb153e;
  background-color: transparent;
  border-color: #cb153e; }
.roku-button-outline-c2s:hover {
  text-decoration: none; }
.roku-button-outline-c2s:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c2s:hover, .roku-button-outline-c2s:focus, .roku-button-outline-c2s:active, .roku-button-outline-c2s.active, .open > .roku-button-outline-c2s.dropdown-toggle {
  color: #cb153e;
  border-color: #940f2d; }
.roku-button-outline-c2s:active, .roku-button-outline-c2s.active, .open > .roku-button-outline-c2s.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c2s.disabled, .roku-button-outline-c2s.disabled:hover, .roku-button-outline-c2s.disabled:focus, .roku-button-outline-c2s.disabled:active, .roku-button-outline-c2s.disabled.active, .roku-button-outline-c2s[disabled], .roku-button-outline-c2s[disabled]:hover, .roku-button-outline-c2s[disabled]:focus, .roku-button-outline-c2s[disabled]:active, .roku-button-outline-c2s[disabled].active, fieldset[disabled] .roku-button-outline-c2s, fieldset[disabled] .roku-button-outline-c2s:hover, fieldset[disabled] .roku-button-outline-c2s:focus, fieldset[disabled] .roku-button-outline-c2s:active, fieldset[disabled] .roku-button-outline-c2s.active {
  background-color: transparent;
  border-color: #cb153e; }
.roku-button-outline-c2s .badge {
  color: transparent;
  background-color: #cb153e; }
.roku-button-outline-c2s:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c2h, a.roku-button-c2h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c2h:hover, a.roku-button-c2h:hover {
  text-decoration: none; }

.roku-button-outline-c2h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #ff1a4c;
  background-color: transparent;
  border-color: #ff1a4c; }
.roku-button-outline-c2h:hover {
  text-decoration: none; }
.roku-button-outline-c2h:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c2h:hover, .roku-button-outline-c2h:focus, .roku-button-outline-c2h:active, .roku-button-outline-c2h.active, .open > .roku-button-outline-c2h.dropdown-toggle {
  color: #ff1a4c;
  border-color: #dc0030; }
.roku-button-outline-c2h:active, .roku-button-outline-c2h.active, .open > .roku-button-outline-c2h.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c2h.disabled, .roku-button-outline-c2h.disabled:hover, .roku-button-outline-c2h.disabled:focus, .roku-button-outline-c2h.disabled:active, .roku-button-outline-c2h.disabled.active, .roku-button-outline-c2h[disabled], .roku-button-outline-c2h[disabled]:hover, .roku-button-outline-c2h[disabled]:focus, .roku-button-outline-c2h[disabled]:active, .roku-button-outline-c2h[disabled].active, fieldset[disabled] .roku-button-outline-c2h, fieldset[disabled] .roku-button-outline-c2h:hover, fieldset[disabled] .roku-button-outline-c2h:focus, fieldset[disabled] .roku-button-outline-c2h:active, fieldset[disabled] .roku-button-outline-c2h.active {
  background-color: transparent;
  border-color: #ff1a4c; }
.roku-button-outline-c2h .badge {
  color: transparent;
  background-color: #ff1a4c; }
.roku-button-outline-c2h:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c3, a.roku-button-c3 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #00a5e5;
  border-color: #00a5e5; }
button.roku-button-c3:hover, a.roku-button-c3:hover {
  text-decoration: none; }
button.roku-button-c3:hover, a.roku-button-c3:hover {
  color: #fff;
  background-color: #1998cf;
  border-color: #1998cf; }

.roku-button-outline-c3 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #00a5e5;
  background-color: transparent;
  border-color: #00a5e5; }
.roku-button-outline-c3:hover {
  text-decoration: none; }
.roku-button-outline-c3:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c3:hover, .roku-button-outline-c3:focus, .roku-button-outline-c3:active, .roku-button-outline-c3.active, .open > .roku-button-outline-c3.dropdown-toggle {
  color: #00a5e5;
  border-color: #0079a8; }
.roku-button-outline-c3:active, .roku-button-outline-c3.active, .open > .roku-button-outline-c3.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c3.disabled, .roku-button-outline-c3.disabled:hover, .roku-button-outline-c3.disabled:focus, .roku-button-outline-c3.disabled:active, .roku-button-outline-c3.disabled.active, .roku-button-outline-c3[disabled], .roku-button-outline-c3[disabled]:hover, .roku-button-outline-c3[disabled]:focus, .roku-button-outline-c3[disabled]:active, .roku-button-outline-c3[disabled].active, fieldset[disabled] .roku-button-outline-c3, fieldset[disabled] .roku-button-outline-c3:hover, fieldset[disabled] .roku-button-outline-c3:focus, fieldset[disabled] .roku-button-outline-c3:active, fieldset[disabled] .roku-button-outline-c3.active {
  background-color: transparent;
  border-color: #00a5e5; }
.roku-button-outline-c3 .badge {
  color: transparent;
  background-color: #00a5e5; }
.roku-button-outline-c3:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c3s, a.roku-button-c3s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c3s:hover, a.roku-button-c3s:hover {
  text-decoration: none; }

.roku-button-outline-c3s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #1998cf;
  background-color: transparent;
  border-color: #1998cf; }
.roku-button-outline-c3s:hover {
  text-decoration: none; }
.roku-button-outline-c3s:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c3s:hover, .roku-button-outline-c3s:focus, .roku-button-outline-c3s:active, .roku-button-outline-c3s.active, .open > .roku-button-outline-c3s.dropdown-toggle {
  color: #1998cf;
  border-color: #127098; }
.roku-button-outline-c3s:active, .roku-button-outline-c3s.active, .open > .roku-button-outline-c3s.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c3s.disabled, .roku-button-outline-c3s.disabled:hover, .roku-button-outline-c3s.disabled:focus, .roku-button-outline-c3s.disabled:active, .roku-button-outline-c3s.disabled.active, .roku-button-outline-c3s[disabled], .roku-button-outline-c3s[disabled]:hover, .roku-button-outline-c3s[disabled]:focus, .roku-button-outline-c3s[disabled]:active, .roku-button-outline-c3s[disabled].active, fieldset[disabled] .roku-button-outline-c3s, fieldset[disabled] .roku-button-outline-c3s:hover, fieldset[disabled] .roku-button-outline-c3s:focus, fieldset[disabled] .roku-button-outline-c3s:active, fieldset[disabled] .roku-button-outline-c3s.active {
  background-color: transparent;
  border-color: #1998cf; }
.roku-button-outline-c3s .badge {
  color: transparent;
  background-color: #1998cf; }
.roku-button-outline-c3s:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c3h, a.roku-button-c3h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c3h:hover, a.roku-button-c3h:hover {
  text-decoration: none; }

.roku-button-outline-c3h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #00b3f9;
  background-color: transparent;
  border-color: #00b3f9; }
.roku-button-outline-c3h:hover {
  text-decoration: none; }
.roku-button-outline-c3h:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c3h:hover, .roku-button-outline-c3h:focus, .roku-button-outline-c3h:active, .roku-button-outline-c3h.active, .open > .roku-button-outline-c3h.dropdown-toggle {
  color: #00b3f9;
  border-color: #0087bc; }
.roku-button-outline-c3h:active, .roku-button-outline-c3h.active, .open > .roku-button-outline-c3h.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c3h.disabled, .roku-button-outline-c3h.disabled:hover, .roku-button-outline-c3h.disabled:focus, .roku-button-outline-c3h.disabled:active, .roku-button-outline-c3h.disabled.active, .roku-button-outline-c3h[disabled], .roku-button-outline-c3h[disabled]:hover, .roku-button-outline-c3h[disabled]:focus, .roku-button-outline-c3h[disabled]:active, .roku-button-outline-c3h[disabled].active, fieldset[disabled] .roku-button-outline-c3h, fieldset[disabled] .roku-button-outline-c3h:hover, fieldset[disabled] .roku-button-outline-c3h:focus, fieldset[disabled] .roku-button-outline-c3h:active, fieldset[disabled] .roku-button-outline-c3h.active {
  background-color: transparent;
  border-color: #00b3f9; }
.roku-button-outline-c3h .badge {
  color: transparent;
  background-color: #00b3f9; }
.roku-button-outline-c3h:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c4, a.roku-button-c4 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #00cd49;
  border-color: #00cd49; }
button.roku-button-c4:hover, a.roku-button-c4:hover {
  text-decoration: none; }
button.roku-button-c4:hover, a.roku-button-c4:hover {
  color: #fff;
  background-color: #00b240;
  border-color: #00b240; }

.roku-button-outline-c4 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #00cd49;
  background-color: transparent;
  border-color: #00cd49; }
.roku-button-outline-c4:hover {
  text-decoration: none; }
.roku-button-outline-c4:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c4:hover, .roku-button-outline-c4:focus, .roku-button-outline-c4:active, .roku-button-outline-c4.active, .open > .roku-button-outline-c4.dropdown-toggle {
  color: #00cd49;
  border-color: #009033; }
.roku-button-outline-c4:active, .roku-button-outline-c4.active, .open > .roku-button-outline-c4.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c4.disabled, .roku-button-outline-c4.disabled:hover, .roku-button-outline-c4.disabled:focus, .roku-button-outline-c4.disabled:active, .roku-button-outline-c4.disabled.active, .roku-button-outline-c4[disabled], .roku-button-outline-c4[disabled]:hover, .roku-button-outline-c4[disabled]:focus, .roku-button-outline-c4[disabled]:active, .roku-button-outline-c4[disabled].active, fieldset[disabled] .roku-button-outline-c4, fieldset[disabled] .roku-button-outline-c4:hover, fieldset[disabled] .roku-button-outline-c4:focus, fieldset[disabled] .roku-button-outline-c4:active, fieldset[disabled] .roku-button-outline-c4.active {
  background-color: transparent;
  border-color: #00cd49; }
.roku-button-outline-c4 .badge {
  color: transparent;
  background-color: #00cd49; }
.roku-button-outline-c4:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c4s, a.roku-button-c4s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c4s:hover, a.roku-button-c4s:hover {
  text-decoration: none; }

.roku-button-outline-c4s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #00b240;
  background-color: transparent;
  border-color: #00b240; }
.roku-button-outline-c4s:hover {
  text-decoration: none; }
.roku-button-outline-c4s:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c4s:hover, .roku-button-outline-c4s:focus, .roku-button-outline-c4s:active, .roku-button-outline-c4s.active, .open > .roku-button-outline-c4s.dropdown-toggle {
  color: #00b240;
  border-color: #00752a; }
.roku-button-outline-c4s:active, .roku-button-outline-c4s.active, .open > .roku-button-outline-c4s.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c4s.disabled, .roku-button-outline-c4s.disabled:hover, .roku-button-outline-c4s.disabled:focus, .roku-button-outline-c4s.disabled:active, .roku-button-outline-c4s.disabled.active, .roku-button-outline-c4s[disabled], .roku-button-outline-c4s[disabled]:hover, .roku-button-outline-c4s[disabled]:focus, .roku-button-outline-c4s[disabled]:active, .roku-button-outline-c4s[disabled].active, fieldset[disabled] .roku-button-outline-c4s, fieldset[disabled] .roku-button-outline-c4s:hover, fieldset[disabled] .roku-button-outline-c4s:focus, fieldset[disabled] .roku-button-outline-c4s:active, fieldset[disabled] .roku-button-outline-c4s.active {
  background-color: transparent;
  border-color: #00b240; }
.roku-button-outline-c4s .badge {
  color: transparent;
  background-color: #00b240; }
.roku-button-outline-c4s:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c4h, a.roku-button-c4h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c4h:hover, a.roku-button-c4h:hover {
  text-decoration: none; }

.roku-button-outline-c4h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #00e050;
  background-color: transparent;
  border-color: #00e050; }
.roku-button-outline-c4h:hover {
  text-decoration: none; }
.roku-button-outline-c4h:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c4h:hover, .roku-button-outline-c4h:focus, .roku-button-outline-c4h:active, .roku-button-outline-c4h.active, .open > .roku-button-outline-c4h.dropdown-toggle {
  color: #00e050;
  border-color: #00a33a; }
.roku-button-outline-c4h:active, .roku-button-outline-c4h.active, .open > .roku-button-outline-c4h.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c4h.disabled, .roku-button-outline-c4h.disabled:hover, .roku-button-outline-c4h.disabled:focus, .roku-button-outline-c4h.disabled:active, .roku-button-outline-c4h.disabled.active, .roku-button-outline-c4h[disabled], .roku-button-outline-c4h[disabled]:hover, .roku-button-outline-c4h[disabled]:focus, .roku-button-outline-c4h[disabled]:active, .roku-button-outline-c4h[disabled].active, fieldset[disabled] .roku-button-outline-c4h, fieldset[disabled] .roku-button-outline-c4h:hover, fieldset[disabled] .roku-button-outline-c4h:focus, fieldset[disabled] .roku-button-outline-c4h:active, fieldset[disabled] .roku-button-outline-c4h.active {
  background-color: transparent;
  border-color: #00e050; }
.roku-button-outline-c4h .badge {
  color: transparent;
  background-color: #00e050; }
.roku-button-outline-c4h:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c5, a.roku-button-c5 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #ff9000;
  border-color: #ff9000; }
button.roku-button-c5:hover, a.roku-button-c5:hover {
  text-decoration: none; }
button.roku-button-c5:hover, a.roku-button-c5:hover {
  color: #fff;
  background-color: #ea8400;
  border-color: #ea8400; }

.roku-button-outline-c5 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #ff9000;
  background-color: transparent;
  border-color: #ff9000; }
.roku-button-outline-c5:hover {
  text-decoration: none; }
.roku-button-outline-c5:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c5:hover, .roku-button-outline-c5:focus, .roku-button-outline-c5:active, .roku-button-outline-c5.active, .open > .roku-button-outline-c5.dropdown-toggle {
  color: #ff9000;
  border-color: #c26d00; }
.roku-button-outline-c5:active, .roku-button-outline-c5.active, .open > .roku-button-outline-c5.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c5.disabled, .roku-button-outline-c5.disabled:hover, .roku-button-outline-c5.disabled:focus, .roku-button-outline-c5.disabled:active, .roku-button-outline-c5.disabled.active, .roku-button-outline-c5[disabled], .roku-button-outline-c5[disabled]:hover, .roku-button-outline-c5[disabled]:focus, .roku-button-outline-c5[disabled]:active, .roku-button-outline-c5[disabled].active, fieldset[disabled] .roku-button-outline-c5, fieldset[disabled] .roku-button-outline-c5:hover, fieldset[disabled] .roku-button-outline-c5:focus, fieldset[disabled] .roku-button-outline-c5:active, fieldset[disabled] .roku-button-outline-c5.active {
  background-color: transparent;
  border-color: #ff9000; }
.roku-button-outline-c5 .badge {
  color: transparent;
  background-color: #ff9000; }
.roku-button-outline-c5:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c5s, a.roku-button-c5s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c5s:hover, a.roku-button-c5s:hover {
  text-decoration: none; }

.roku-button-outline-c5s {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #ea8400;
  background-color: transparent;
  border-color: #ea8400; }
.roku-button-outline-c5s:hover {
  text-decoration: none; }
.roku-button-outline-c5s:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c5s:hover, .roku-button-outline-c5s:focus, .roku-button-outline-c5s:active, .roku-button-outline-c5s.active, .open > .roku-button-outline-c5s.dropdown-toggle {
  color: #ea8400;
  border-color: #ad6100; }
.roku-button-outline-c5s:active, .roku-button-outline-c5s.active, .open > .roku-button-outline-c5s.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c5s.disabled, .roku-button-outline-c5s.disabled:hover, .roku-button-outline-c5s.disabled:focus, .roku-button-outline-c5s.disabled:active, .roku-button-outline-c5s.disabled.active, .roku-button-outline-c5s[disabled], .roku-button-outline-c5s[disabled]:hover, .roku-button-outline-c5s[disabled]:focus, .roku-button-outline-c5s[disabled]:active, .roku-button-outline-c5s[disabled].active, fieldset[disabled] .roku-button-outline-c5s, fieldset[disabled] .roku-button-outline-c5s:hover, fieldset[disabled] .roku-button-outline-c5s:focus, fieldset[disabled] .roku-button-outline-c5s:active, fieldset[disabled] .roku-button-outline-c5s.active {
  background-color: transparent;
  border-color: #ea8400; }
.roku-button-outline-c5s .badge {
  color: transparent;
  background-color: #ea8400; }
.roku-button-outline-c5s:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c5h, a.roku-button-c5h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c5h:hover, a.roku-button-c5h:hover {
  text-decoration: none; }

.roku-button-outline-c5h {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #ff9d1e;
  background-color: transparent;
  border-color: #ff9d1e; }
.roku-button-outline-c5h:hover {
  text-decoration: none; }
.roku-button-outline-c5h:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c5h:hover, .roku-button-outline-c5h:focus, .roku-button-outline-c5h:active, .roku-button-outline-c5h.active, .open > .roku-button-outline-c5h.dropdown-toggle {
  color: #ff9d1e;
  border-color: #e07e00; }
.roku-button-outline-c5h:active, .roku-button-outline-c5h.active, .open > .roku-button-outline-c5h.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c5h.disabled, .roku-button-outline-c5h.disabled:hover, .roku-button-outline-c5h.disabled:focus, .roku-button-outline-c5h.disabled:active, .roku-button-outline-c5h.disabled.active, .roku-button-outline-c5h[disabled], .roku-button-outline-c5h[disabled]:hover, .roku-button-outline-c5h[disabled]:focus, .roku-button-outline-c5h[disabled]:active, .roku-button-outline-c5h[disabled].active, fieldset[disabled] .roku-button-outline-c5h, fieldset[disabled] .roku-button-outline-c5h:hover, fieldset[disabled] .roku-button-outline-c5h:focus, fieldset[disabled] .roku-button-outline-c5h:active, fieldset[disabled] .roku-button-outline-c5h.active {
  background-color: transparent;
  border-color: #ff9d1e; }
.roku-button-outline-c5h .badge {
  color: transparent;
  background-color: #ff9d1e; }
.roku-button-outline-c5h:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-c6, a.roku-button-c6 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-c6:hover, a.roku-button-c6:hover {
  text-decoration: none; }

.roku-button-outline-c6 {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #30dbe4;
  background-color: transparent;
  border-color: #30dbe4; }
.roku-button-outline-c6:hover {
  text-decoration: none; }
.roku-button-outline-c6:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-c6:hover, .roku-button-outline-c6:focus, .roku-button-outline-c6:active, .roku-button-outline-c6.active, .open > .roku-button-outline-c6.dropdown-toggle {
  color: #30dbe4;
  border-color: #19b6be; }
.roku-button-outline-c6:active, .roku-button-outline-c6.active, .open > .roku-button-outline-c6.dropdown-toggle {
  background-image: none; }
.roku-button-outline-c6.disabled, .roku-button-outline-c6.disabled:hover, .roku-button-outline-c6.disabled:focus, .roku-button-outline-c6.disabled:active, .roku-button-outline-c6.disabled.active, .roku-button-outline-c6[disabled], .roku-button-outline-c6[disabled]:hover, .roku-button-outline-c6[disabled]:focus, .roku-button-outline-c6[disabled]:active, .roku-button-outline-c6[disabled].active, fieldset[disabled] .roku-button-outline-c6, fieldset[disabled] .roku-button-outline-c6:hover, fieldset[disabled] .roku-button-outline-c6:focus, fieldset[disabled] .roku-button-outline-c6:active, fieldset[disabled] .roku-button-outline-c6.active {
  background-color: transparent;
  border-color: #30dbe4; }
.roku-button-outline-c6 .badge {
  color: transparent;
  background-color: #30dbe4; }
.roku-button-outline-c6:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-success, a.roku-button-success {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-success:hover, a.roku-button-success:hover {
  text-decoration: none; }

.roku-button-outline-success {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #00cd49;
  background-color: transparent;
  border-color: #00cd49; }
.roku-button-outline-success:hover {
  text-decoration: none; }
.roku-button-outline-success:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-success:hover, .roku-button-outline-success:focus, .roku-button-outline-success:active, .roku-button-outline-success.active, .open > .roku-button-outline-success.dropdown-toggle {
  color: #00cd49;
  border-color: #009033; }
.roku-button-outline-success:active, .roku-button-outline-success.active, .open > .roku-button-outline-success.dropdown-toggle {
  background-image: none; }
.roku-button-outline-success.disabled, .roku-button-outline-success.disabled:hover, .roku-button-outline-success.disabled:focus, .roku-button-outline-success.disabled:active, .roku-button-outline-success.disabled.active, .roku-button-outline-success[disabled], .roku-button-outline-success[disabled]:hover, .roku-button-outline-success[disabled]:focus, .roku-button-outline-success[disabled]:active, .roku-button-outline-success[disabled].active, fieldset[disabled] .roku-button-outline-success, fieldset[disabled] .roku-button-outline-success:hover, fieldset[disabled] .roku-button-outline-success:focus, fieldset[disabled] .roku-button-outline-success:active, fieldset[disabled] .roku-button-outline-success.active {
  background-color: transparent;
  border-color: #00cd49; }
.roku-button-outline-success .badge {
  color: transparent;
  background-color: #00cd49; }
.roku-button-outline-success:hover {
  text-decoration: underline;
  background-color: transparent; }

button.roku-button-error, a.roku-button-error {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px; }
button.roku-button-error:hover, a.roku-button-error:hover {
  text-decoration: none; }

.roku-button-outline-error {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.4;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 36px;
  font-size: 16px;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91;
  color: #ed1847;
  background-color: transparent;
  border-color: #ed1847; }
.roku-button-outline-error:hover {
  text-decoration: none; }
.roku-button-outline-error:hover {
  color: #fff;
  background-color: #552a7b;
  border-color: #552a7b; }
.roku-button-outline-error:hover, .roku-button-outline-error:focus, .roku-button-outline-error:active, .roku-button-outline-error.active, .open > .roku-button-outline-error.dropdown-toggle {
  color: #ed1847;
  border-color: #b90e34; }
.roku-button-outline-error:active, .roku-button-outline-error.active, .open > .roku-button-outline-error.dropdown-toggle {
  background-image: none; }
.roku-button-outline-error.disabled, .roku-button-outline-error.disabled:hover, .roku-button-outline-error.disabled:focus, .roku-button-outline-error.disabled:active, .roku-button-outline-error.disabled.active, .roku-button-outline-error[disabled], .roku-button-outline-error[disabled]:hover, .roku-button-outline-error[disabled]:focus, .roku-button-outline-error[disabled]:active, .roku-button-outline-error[disabled].active, fieldset[disabled] .roku-button-outline-error, fieldset[disabled] .roku-button-outline-error:hover, fieldset[disabled] .roku-button-outline-error:focus, fieldset[disabled] .roku-button-outline-error:active, fieldset[disabled] .roku-button-outline-error.active {
  background-color: transparent;
  border-color: #ed1847; }
.roku-button-outline-error .badge {
  color: transparent;
  background-color: #ed1847; }
.roku-button-outline-error:hover {
  text-decoration: underline;
  background-color: transparent; }

/* Button Sizes */
button.roku-button-md, a.roku-button-md {
  padding: 14px 36px;
  font-size: 16px; }

button.roku-button-sm, a.roku-button-sm {
  padding: 10px 18px;
  font-size: 13px; }

button.roku-button-xs, a.roku-button-xs {
  padding: 5px 10px;
  font-size: 12px; }

.roku-color-b0 {
  color: #fff; }

.roku-bg-color-b0 {
  background-color: #fff;
  color: #fff; }
.roku-bg-color-b0.roku-button:hover {
  background-color: #e6e6e6; }

.roku-border-color-b0 {
  border-color: #fff; }

.roku-color-b1 {
  color: #ddd; }

.roku-bg-color-b1 {
  background-color: #ddd;
  color: #fff; }
.roku-bg-color-b1.roku-button:hover {
  background-color: #c4c4c4; }

.roku-border-color-b1 {
  border-color: #ddd; }

.roku-color-b2 {
  color: #999; }

.roku-bg-color-b2 {
  background-color: #999;
  color: #fff; }
.roku-bg-color-b2.roku-button:hover {
  background-color: gray; }

.roku-border-color-b2 {
  border-color: #999; }

.roku-color-b3 {
  color: #666; }

.roku-bg-color-b3 {
  background-color: #666;
  color: #fff; }
.roku-bg-color-b3.roku-button:hover {
  background-color: #4d4d4d; }

.roku-border-color-b3 {
  border-color: #666; }

.roku-color-b4 {
  color: #333; }

.roku-bg-color-b4 {
  background-color: #333;
  color: #fff; }
.roku-bg-color-b4.roku-button:hover {
  background-color: #1a1a1a; }

.roku-border-color-b4 {
  border-color: #333; }

.roku-color-b5 {
  color: #222; }

.roku-bg-color-b5 {
  background-color: #222;
  color: #fff; }
.roku-bg-color-b5.roku-button:hover {
  background-color: #090909; }

.roku-border-color-b5 {
  border-color: #222; }

.roku-color-b6 {
  color: #000; }

.roku-bg-color-b6 {
  background-color: #000;
  color: #fff; }
.roku-bg-color-b6.roku-button:hover {
  background-color: black; }

.roku-border-color-b6 {
  border-color: #000; }

.roku-color-b7 {
  color: #f3f3f3; }

.roku-bg-color-b7 {
  background-color: #f3f3f3;
  color: #fff; }
.roku-bg-color-b7.roku-button:hover {
  background-color: #dadada; }

.roku-border-color-b7 {
  border-color: #f3f3f3; }

.roku-color-c1 {
  color: #662d91; }

.roku-bg-color-c1 {
  background-color: #662d91;
  color: #fff; }
.roku-bg-color-c1.roku-button:hover {
  background-color: #4b216a; }

.roku-border-color-c1 {
  border-color: #662d91; }

.roku-color-c1s {
  color: #552a7b; }

.roku-bg-color-c1s {
  background-color: #552a7b;
  color: #fff; }
.roku-bg-color-c1s.roku-button:hover {
  background-color: #3b1d55; }

.roku-border-color-c1s {
  border-color: #552a7b; }

.roku-color-c1h {
  color: #843abc; }

.roku-bg-color-c1h {
  background-color: #843abc;
  color: #fff; }
.roku-bg-color-c1h.roku-button:hover {
  background-color: #692e95; }

.roku-border-color-c1h {
  border-color: #843abc; }

.roku-color-c2 {
  color: #ed1847; }

.roku-bg-color-c2 {
  background-color: #ed1847;
  color: #fff; }
.roku-bg-color-c2.roku-button:hover {
  background-color: #c30f37; }

.roku-border-color-c2 {
  border-color: #ed1847; }

.roku-color-c2s {
  color: #cb153e; }

.roku-bg-color-c2s {
  background-color: #cb153e;
  color: #fff; }
.roku-bg-color-c2s.roku-button:hover {
  background-color: #9d1030; }

.roku-border-color-c2s {
  border-color: #cb153e; }

.roku-color-c2h {
  color: #ff1a4c; }

.roku-bg-color-c2h {
  background-color: #ff1a4c;
  color: #fff; }
.roku-bg-color-c2h.roku-button:hover {
  background-color: #e60032; }

.roku-border-color-c2h {
  border-color: #ff1a4c; }

.roku-color-c3 {
  color: #00a5e5; }

.roku-bg-color-c3 {
  background-color: #00a5e5;
  color: #fff; }
.roku-bg-color-c3.roku-button:hover {
  background-color: #0080b2; }

.roku-border-color-c3 {
  border-color: #00a5e5; }

.roku-color-c3s {
  color: #1998cf; }

.roku-bg-color-c3s {
  background-color: #1998cf;
  color: #fff; }
.roku-bg-color-c3s.roku-button:hover {
  background-color: #1477a1; }

.roku-border-color-c3s {
  border-color: #1998cf; }

.roku-color-c3h {
  color: #00b3f9; }

.roku-bg-color-c3h {
  background-color: #00b3f9;
  color: #fff; }
.roku-bg-color-c3h.roku-button:hover {
  background-color: #008ec6; }

.roku-border-color-c3h {
  border-color: #00b3f9; }

.roku-color-c4 {
  color: #00cd49; }

.roku-bg-color-c4 {
  background-color: #00cd49;
  color: #fff; }
.roku-bg-color-c4.roku-button:hover {
  background-color: #009a37; }

.roku-border-color-c4 {
  border-color: #00cd49; }

.roku-color-c4s {
  color: #00b240; }

.roku-bg-color-c4s {
  background-color: #00b240;
  color: #fff; }
.roku-bg-color-c4s.roku-button:hover {
  background-color: #007f2e; }

.roku-border-color-c4s {
  border-color: #00b240; }

.roku-color-c4h {
  color: #00e050; }

.roku-bg-color-c4h {
  background-color: #00e050;
  color: #fff; }
.roku-bg-color-c4h.roku-button:hover {
  background-color: #00ad3e; }

.roku-border-color-c4h {
  border-color: #00e050; }

.roku-color-c5 {
  color: #ff9000; }

.roku-bg-color-c5 {
  background-color: #ff9000;
  color: #fff; }
.roku-bg-color-c5.roku-button:hover {
  background-color: #cc7300; }

.roku-border-color-c5 {
  border-color: #ff9000; }

.roku-color-c5s {
  color: #ea8400; }

.roku-bg-color-c5s {
  background-color: #ea8400;
  color: #fff; }
.roku-bg-color-c5s.roku-button:hover {
  background-color: #b76700; }

.roku-border-color-c5s {
  border-color: #ea8400; }

.roku-color-c5h {
  color: #ff9d1e; }

.roku-bg-color-c5h {
  background-color: #ff9d1e;
  color: #fff; }
.roku-bg-color-c5h.roku-button:hover {
  background-color: #ea8400; }

.roku-border-color-c5h {
  border-color: #ff9d1e; }

.roku-color-c6 {
  color: #30dbe4; }

.roku-bg-color-c6 {
  background-color: #30dbe4;
  color: #fff; }
.roku-bg-color-c6.roku-button:hover {
  background-color: #1abec7; }

.roku-border-color-c6 {
  border-color: #30dbe4; }

.roku-color-success {
  color: #00cd49; }

.roku-bg-color-success {
  background-color: #00cd49;
  color: #fff; }
.roku-bg-color-success.roku-button:hover {
  background-color: #009a37; }

.roku-border-color-success {
  border-color: #00cd49; }

.roku-color-error {
  color: #ed1847; }

.roku-bg-color-error {
  background-color: #ed1847;
  color: #fff; }
.roku-bg-color-error.roku-button:hover {
  background-color: #c30f37; }

.roku-border-color-error {
  border-color: #ed1847; }

.roku-bg-color-b0, .roku-bg-color-b1, .roku-bg-color-b7 {
  color: #666; }
.roku-bg-color-b0 hr, .roku-bg-color-b1 hr, .roku-bg-color-b7 hr {
  border-top: 1px solid #666; }

/* Fonts */
.roku-font-0 {
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif; }
@media (max-width: 767px) {
  .roku-font-0 {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-font-0 {
    font-size: 16px; } }
@media (min-width: 1200px) {
  .roku-font-0 {
    font-size: 16px; } }

.roku-font-1 {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 22px;
  margin-bottom: 11px; }
@media (max-width: 767px) {
  .roku-font-1 {
    font-size: 45px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-font-1 {
    font-size: 51px; } }
@media (min-width: 1200px) {
  .roku-font-1 {
    font-size: 60px; } }

.roku-font-2 {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 22px;
  margin-bottom: 11px; }
@media (max-width: 767px) {
  .roku-font-2 {
    font-size: 36px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-font-2 {
    font-size: 40.8px; } }
@media (min-width: 1200px) {
  .roku-font-2 {
    font-size: 48px; } }

.roku-font-3 {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 22px;
  margin-bottom: 11px; }
@media (max-width: 767px) {
  .roku-font-3 {
    font-size: 27px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-font-3 {
    font-size: 30.6px; } }
@media (min-width: 1200px) {
  .roku-font-3 {
    font-size: 36px; } }

.roku-font-4 {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 22px;
  margin-bottom: 11px; }
@media (max-width: 767px) {
  .roku-font-4 {
    font-size: 22.5px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-font-4 {
    font-size: 25.5px; } }
@media (min-width: 1200px) {
  .roku-font-4 {
    font-size: 30px; } }

.roku-font-5 {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 11px;
  margin-bottom: 11px; }
@media (max-width: 767px) {
  .roku-font-5 {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-font-5 {
    font-size: 18.7px; } }
@media (min-width: 1200px) {
  .roku-font-5 {
    font-size: 22px; } }

.roku-font-6 {
  font-weight: 500;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 11px;
  margin-bottom: 11px; }
@media (max-width: 767px) {
  .roku-font-6 {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-font-6 {
    font-size: 16px; } }
@media (min-width: 1200px) {
  .roku-font-6 {
    font-size: 16px; } }

.roku-font-7 {
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 11px;
  margin-bottom: 11px; }
@media (max-width: 767px) {
  .roku-font-7 {
    font-size: 12.96px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-font-7 {
    font-size: 12.96px; } }
@media (min-width: 1200px) {
  .roku-font-7 {
    font-size: 12.96px; } }

/* Spacing */
.roku-margin.top {
  margin-top: 4rem; }
.roku-margin.right {
  margin-right: 4rem; }
.roku-margin.bottom {
  margin-bottom: 4rem; }
.roku-margin.left {
  margin-left: 4rem; }

.roku-margin-half.top {
  margin-top: 2rem; }
.roku-margin-half.right {
  margin-right: 2rem; }
.roku-margin-half.bottom {
  margin-bottom: 2rem; }
.roku-margin-half.left {
  margin-left: 2rem; }

.roku-margin-quarter.top {
  margin-top: 1rem; }
.roku-margin-quarter.right {
  margin-right: 1rem; }
.roku-margin-quarter.bottom {
  margin-bottom: 1rem; }
.roku-margin-quarter.left {
  margin-left: 1rem; }

.roku-margin-eighth.top {
  margin-top: 0rem; }
.roku-margin-eighth.right {
  margin-right: 0rem; }
.roku-margin-eighth.bottom {
  margin-bottom: 0rem; }
.roku-margin-eighth.left {
  margin-left: 0rem; }

/* Padding */
.roku-pad.top {
  padding-top: 8rem; }
@media (max-width: 767px) {
  .roku-pad.top {
    padding-top: 4rem; } }
.roku-pad.right {
  padding-right: 8rem; }
@media (max-width: 767px) {
  .roku-pad.right {
    padding-right: 4rem; } }
.roku-pad.bottom {
  padding-bottom: 8rem; }
@media (max-width: 767px) {
  .roku-pad.bottom {
    padding-bottom: 4rem; } }
.roku-pad.left {
  padding-left: 8rem; }
@media (max-width: 767px) {
  .roku-pad.left {
    padding-left: 4rem; } }

.roku-pad-half.top {
  padding-top: 4rem; }
@media (max-width: 767px) {
  .roku-pad-half.top {
    padding-top: 2rem; } }
.roku-pad-half.right {
  padding-right: 4rem; }
@media (max-width: 767px) {
  .roku-pad-half.right {
    padding-right: 2rem; } }
.roku-pad-half.bottom {
  padding-bottom: 4rem; }
@media (max-width: 767px) {
  .roku-pad-half.bottom {
    padding-bottom: 2rem; } }
.roku-pad-half.left {
  padding-left: 4rem; }
@media (max-width: 767px) {
  .roku-pad-half.left {
    padding-left: 2rem; } }

.roku-pad-quarter.top {
  padding-top: 2rem; }
@media (max-width: 767px) {
  .roku-pad-quarter.top {
    padding-top: 1rem; } }
.roku-pad-quarter.right {
  padding-right: 2rem; }
@media (max-width: 767px) {
  .roku-pad-quarter.right {
    padding-right: 1rem; } }
.roku-pad-quarter.bottom {
  padding-bottom: 2rem; }
@media (max-width: 767px) {
  .roku-pad-quarter.bottom {
    padding-bottom: 1rem; } }
.roku-pad-quarter.left {
  padding-left: 2rem; }
@media (max-width: 767px) {
  .roku-pad-quarter.left {
    padding-left: 1rem; } }

.roku-pad-eighth.top {
  padding-top: 1rem; }
@media (max-width: 767px) {
  .roku-pad-eighth.top {
    padding-top: 0rem; } }
.roku-pad-eighth.right {
  padding-right: 1rem; }
@media (max-width: 767px) {
  .roku-pad-eighth.right {
    padding-right: 0rem; } }
.roku-pad-eighth.bottom {
  padding-bottom: 1rem; }
@media (max-width: 767px) {
  .roku-pad-eighth.bottom {
    padding-bottom: 0rem; } }
.roku-pad-eighth.left {
  padding-left: 1rem; }
@media (max-width: 767px) {
  .roku-pad-eighth.left {
    padding-left: 0rem; } }

.t10 {
  top: 10% !important; }

.t20 {
  top: 20% !important; }

.t30 {
  top: 30% !important; }

.t40 {
  top: 40% !important; }

.t50 {
  top: 50% !important; }

.t60 {
  top: 60% !important; }

.t70 {
  top: 70% !important; }

.t80 {
  top: 80% !important; }

.t90 {
  top: 90% !important; }

.roku-price {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  text-align: right;
  line-height: 1; }
@media (max-width: 767px) {
  .roku-price {
    font-size: 27px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-price {
    font-size: 30.6px; } }
@media (min-width: 1200px) {
  .roku-price {
    font-size: 36px; } }
.roku-price sup {
  font-size: .6em; }
.roku-price.text {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamBook", Helvetica, Arial, sans-serif; }
@media (max-width: 767px) {
  .roku-price.text {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-price.text {
    font-size: 18.7px; } }
@media (min-width: 1200px) {
  .roku-price.text {
    font-size: 22px; } }
.roku-price.starts-at:before {
  content: "Starts at";
  font-weight: 500;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  position: absolute;
  top: -20px;
  margin-left: 15px; }
@media (max-width: 767px) {
  .roku-price.starts-at:before {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-price.starts-at:before {
    font-size: 16px; } }
@media (min-width: 1200px) {
  .roku-price.starts-at:before {
    font-size: 16px; } }

/* Disclaimer text */
.disclaimer {
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif; }
@media (max-width: 767px) {
  .disclaimer {
    font-size: 12.96px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .disclaimer {
    font-size: 12.96px; } }
@media (min-width: 1200px) {
  .disclaimer {
    font-size: 12.96px; } }

/* text opacity */
.text-opacity {
  opacity: .5; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

@media (max-width: 767px) {
  .text-center-xs {
    text-align: center !important; } }
.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-underline {
  text-decoration: underline !important; }

.fixedTop, .roku-navbar.fixedTop {
  position: fixed;
  top: 0;
  margin: 0 auto;
  z-index: 90; }

.roku-page-content {
  max-width: 1375px;
  padding: 0px 15px;
  box-sizing: border-box;
  margin: auto; }

.Roku-Nav-UMA {
  display: table;
  width: 100%;
  height: 100%;
  margin-bottom: 5px; }
.Roku-Nav-UMA .uma-message {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 5px 0;
  color: #fff;
  font-size: 18px; }
@media (max-width: 767px) {
  .Roku-Nav-UMA .uma-message {
    font-size: 12px; } }
.Roku-Nav-UMA .uma-message.info {
  background-color: #00b3f9; }
.Roku-Nav-UMA .uma-message.error {
  background-color: #ff1a4c; }
.Roku-Nav-UMA .uma-message.warn {
  background-color: #ff9d1e; }
.Roku-Nav-UMA .uma-message.normal {
  background-color: #00e050; }
.Roku-Nav-UMA .uma-message:before {
  content: ""; }
.Roku-Nav-UMA .uma-message .uma-icon {
  display: block;
  float: left;
  margin-right: 11px; }
@media (min-width: 1200px) {
  .Roku-Nav-UMA .uma-message .uma-content {
    height: 55px;
    overflow: hidden;
    display: block; } }
@media (max-width: 1199px) {
  .Roku-Nav-UMA .uma-message .uma-content {
    display: block; } }
.Roku-Nav-UMA .uma-message .timestamp {
  font-weight: bold; }
@media (min-width: 1200px) {
  .Roku-Nav-UMA .uma-message .timestamp {
    display: inline; } }
@media (max-width: 1199px) {
  .Roku-Nav-UMA .uma-message .timestamp {
    display: block; } }
.Roku-Nav-UMA .uma-message .message {
  font-size: 14px; }
@media (min-width: 1200px) {
  .Roku-Nav-UMA .uma-message .message {
    display: inline;
    padding-left: 5px;
    padding-right: 5px; } }
@media (max-width: 1199px) {
  .Roku-Nav-UMA .uma-message .message {
    display: block;
    padding-left: 35px; } }
.Roku-Nav-UMA a {
  color: #fff;
  text-decoration: underline; }

/* Bourbon 4.0.2
 * http://bourbon.io
 * Copyright 2011-2014 thoughtbot, inc.
 * MIT License */
html.Roku-Modal-On body {
  overflow: hidden;
  position: relative; }

.Roku-Modal .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  overflow: hidden;
  overflow-y: auto; }
.Roku-Modal .modal.hidden {
  display: none; }
.Roku-Modal .modal-backdrop {
  overflow: hidden;
  width: 100%;
  height: 10000px;
  background: #000;
  opacity: 0.5;
  position: fixed;
  top: -2500px; }
.Roku-Modal .modal-container {
  width: 100%;
  overflow: hidden;
  position: relative; }
.Roku-Modal .modal-blocker {
  backgorund: #666666;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: fixed;
  top: 0px;
  left: 0px; }
.Roku-Modal .modal-dialog {
  width: 70%;
  margin: 30px auto;
  background: #fff;
  opacity: 1;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 26px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  position: relative;
  text-align: left; }
.Roku-Modal .modal-dialog .hidden {
  display: none; }
@media (max-width: 767px) {
  .Roku-Modal .modal-dialog {
    width: 90%; } }
.Roku-Modal .modal-close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  background: transparent;
  border: 0px;
  padding: 15px;
  position: absolute;
  top: 0px;
  right: 0px; }
.Roku-Modal .modal-headline, .Roku-Modal .modal-content, .Roku-Modal .modal-footer {
  padding: 15px;
  padding-right: 50px; }
.Roku-Modal .modal-headline {
  border-bottom: 1px solid #e5e5e5; }
.Roku-Modal .modal-headline h2 {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 0px;
  margin-bottom: 0px; }
@media (max-width: 767px) {
  .Roku-Modal .modal-headline h2 {
    font-size: 22.5px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Modal .modal-headline h2 {
    font-size: 25.5px; } }
@media (min-width: 1200px) {
  .Roku-Modal .modal-headline h2 {
    font-size: 30px; } }
.Roku-Modal .modal-content iframe {
  border: 0px; }
.Roku-Modal .modal-footer {
  overflow: hidden;
  text-align: right; }
@media (max-width: 767px) {
  .Roku-Modal .modal-footer {
    text-align: center; } }
.Roku-Modal .modal-footer button, .Roku-Modal .modal-footer .btn {
  float: right;
  margin-left: 11px; }
@media (max-width: 767px) {
  .Roku-Modal .modal-footer button, .Roku-Modal .modal-footer .btn {
    float: none;
    clear: both;
    margin-bottom: 11px; } }
.Roku-Modal input, .Roku-Modal textarea {
  background: #e9e9e9; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-webkit-keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
@-moz-keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
@-ms-keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
@keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 14px; }
.alert h4 {
  margin-top: 0;
  color: inherit; }
.alert .alert-link {
  font-weight: bold; }
.alert > p, .alert > ul {
  margin-bottom: 0; }
.alert > p + p {
  margin-top: 5px; }

.alert-dismissable, .alert-dismissible {
  padding-right: 35px; }
.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
.alert-success hr {
  border-top-color: #c9e2b3; }
.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
.alert-info hr {
  border-top-color: #a6e1ec; }
.alert-info .alert-link {
  color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
.alert-warning hr {
  border-top-color: #f7e1b5; }
.alert-warning .alert-link {
  color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
.alert-danger hr {
  border-top-color: #e4b9c0; }
.alert-danger .alert-link {
  color: #843534; }

@media (min-width: 768px) {
  .Roku-Language div {
    text-align: center; } }
.Roku-Language a {
  margin-left: 11px;
  margin-right: 11px;
  display: inline-block;
  height: 22px; }
@media (max-width: 767px) {
  .Roku-Language a {
    display: block;
    margin: auto;
    margin-bottom: 11px; } }
.Roku-Language span {
  display: inline-block;
  height: 22px;
  vertical-align: top;
  line-height: 22px; }
.Roku-Language span.icon {
  margin-right: 5px; }

/* Bourbon 4.0.2
 * http://bourbon.io
 * Copyright 2011-2014 thoughtbot, inc.
 * MIT License */
.Roku-Nav-Footer .col {
  display: block;
  width: 25%;
  float: left;
  overflow: hidden; }
.Roku-Nav-Footer .col.company {
  padding-left: 0px; }
.Roku-Nav-Footer h2, .Roku-Nav-Footer h3.mobile {
  color: #662d91;
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  margin: 11px 0px 21px; }
@media (max-width: 767px) {
  .Roku-Nav-Footer h2, .Roku-Nav-Footer h3.mobile {
    font-size: 22.5px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer h2, .Roku-Nav-Footer h3.mobile {
    font-size: 25.5px; } }
@media (min-width: 1200px) {
  .Roku-Nav-Footer h2, .Roku-Nav-Footer h3.mobile {
    font-size: 30px; } }
.Roku-Nav-Footer h3 {
  color: #662d91;
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  margin: 11px 0px 21px; }
@media (max-width: 767px) {
  .Roku-Nav-Footer h3 {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer h3 {
    font-size: 18.7px; } }
@media (min-width: 1200px) {
  .Roku-Nav-Footer h3 {
    font-size: 22px; } }
.Roku-Nav-Footer h3.mobile {
  margin-top: 21px; }
.Roku-Nav-Footer a {
  color: #666;
  display: block;
  margin-bottom: 15px; }
.Roku-Nav-Footer .news-letter {
  overflow: hidden; }
.Roku-Nav-Footer .news-letter .news-letter-input {
  padding-right: 50px;
  height: 40px;
  overflow: hidden; }
.Roku-Nav-Footer .news-letter input {
  background-color: #fff;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  box-sizing: border-box; }
.Roku-Nav-Footer .news-letter input.error {
  border: 1px solid #ed1847; }
.Roku-Nav-Footer .news-letter button {
  background-color: #fff;
  padding: 6px 16px;
  border-color: #f3f3f3;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  position: relative;
  right: -51px;
  border-left: 0px;
  top: -36px;
  float: right;
  margin-right: 2px;
  box-sizing: border-box; }
.Roku-Nav-Footer .news-letter button span {
  color: #999; }
.Roku-Nav-Footer .news-letter .error {
  color: #ed1847; }
.Roku-Nav-Footer .news-letter .success {
  color: #00cd49; }
.Roku-Nav-Footer .social {
  height: 60px;
  clear: both;
  display: block;
  float: none;
  overflow: hidden; }
.Roku-Nav-Footer .social a {
  float: left;
  clear: none;
  margin-right: 5px;
  color: #662d91;
  border: 1px solid #662d91;
  width: 44px;
  height: 44px;
  border-radius: 22px; }
.Roku-Nav-Footer .social a span {
  font-size: 25px;
  line-height: 48px;
  margin-left: 12px; }
.Roku-Nav-Footer .nav-footer-logo {
  display: block;
  float: right;
  margin-top: 22px; }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer .nav-footer-logo {
    display: none; } }
.Roku-Nav-Footer .nav-footer-logo-small {
  margin-top: 22px;
  display: none; }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer .nav-footer-logo-small {
    display: block;
    width: 104px;
    height: 81px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer .col {
    width: 25%;
    padding: 0px 10px;
    box-sizing: border-box;
    overflow: hidden; }
  .Roku-Nav-Footer .col.connect {
    width: 33%; }
  .Roku-Nav-Footer .col.logo {
    width: 16%; } }
@media (max-width: 767px) {
  .Roku-Nav-Footer .col {
    width: 100%;
    float: none;
    clear: none; }
  .Roku-Nav-Footer .col.col-on {
    height: auto; }
  .Roku-Nav-Footer h2 {
    font-size: 20px;
    margin: 0px;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #999999;
    box-sizing: border-box;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
  .Roku-Nav-Footer .col-on h2 {
    margin-bottom: 24px; }
  .Roku-Nav-Footer a {
    margin: 0px 24px 0px;
    margin-bottom: 0px;
    height: 0px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden; }
  .Roku-Nav-Footer .col-on a {
    opacity: 1;
    margin-bottom: 15px;
    height: 22px; }
  .Roku-Nav-Footer .news-letter {
    height: 0px; }
  .Roku-Nav-Footer .col-on .news-letter {
    opacity: 1;
    margin-bottom: 15px;
    height: auto;
    margin-bottom: 22px; }
  .Roku-Nav-Footer .connect a {
    margin-left: 0px;
    margin-right: 0px; }
  .Roku-Nav-Footer .social {
    height: 0px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
  .Roku-Nav-Footer .social a {
    margin-left: 0px;
    margin-right: 5px; }
  .Roku-Nav-Footer .col-on .social {
    height: 60px; }
  .Roku-Nav-Footer .col-on .social a {
    height: 44px; }
  .Roku-Nav-Footer h3 {
    height: 0px;
    margin: 0px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
    font-weight: normal;
    line-height: 1.42;
    font-family: "GothamBook", Helvetica, Arial, sans-serif;
    font-size: 14px; } }
@media (max-width: 767px) and (max-width: 767px) {
  .Roku-Nav-Footer h3 {
    font-size: 16px; } }
@media (max-width: 767px) and (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer h3 {
    font-size: 16px; } }
@media (max-width: 767px) and (min-width: 1200px) {
  .Roku-Nav-Footer h3 {
    font-size: 16px; } }
@media (max-width: 767px) {
  .Roku-Nav-Footer h3.mobile {
    font-size: 20px;
    margin: 0px; }
  .Roku-Nav-Footer .col-on h3 {
    height: 22px;
    margin: 11px 0px; }
  .Roku-Nav-Footer .col-on h3.mobile {
    height: 22px;
    margin: 11px 0px; }
  .Roku-Nav-Footer a.nav-footer-logo {
    height: 157px;
    margin: auto;
    float: none;
    margin-top: 50px; } }
.Roku-Nav-Footer .nav-footer-links {
  overflow: hidden; }
.Roku-Nav-Footer .addendum {
  margin-top: 60px;
  padding-top: 15px;
  border-top: 3px solid #ddd;
  color: #999;
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif; }
@media (max-width: 767px) {
  .Roku-Nav-Footer .addendum {
    font-size: 12.96px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer .addendum {
    font-size: 12.96px; } }
@media (min-width: 1200px) {
  .Roku-Nav-Footer .addendum {
    font-size: 12.96px; } }
.Roku-Nav-Footer .addendum .text, .Roku-Nav-Footer .addendum .logo {
  display: block;
  width: 25%;
  float: left;
  overflow: hidden; }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer .addendum .text, .Roku-Nav-Footer .addendum .logo {
    width: 33%; } }
@media (max-width: 767px) {
  .Roku-Nav-Footer .addendum .text, .Roku-Nav-Footer .addendum .logo {
    display: none; } }
.Roku-Nav-Footer .addendum .text {
  font-size: 12px;
  width: 75%; }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer .addendum .text {
    width: 66%; } }
@media (max-width: 767px) {
  .Roku-Nav-Footer .addendum .text {
    width: 100%;
    display: block; } }
.Roku-Nav-Footer .addendum .text p {
  margin-top: 5px; }
.Roku-Nav-Footer .addendum .text a {
  color: #999;
  display: inline-block;
  margin-bottom: 0px;
  margin-right: 5px;
  margin-left: 0px;
  height: auto;
  overflow: visible; }
.Roku-Nav-Footer .addendum .text a:first-child {
  margin-left: 0px; }
.Roku-Nav-Footer .addendum .text a:last-child {
  margin-right: 0px; }
.Roku-Nav-Footer .addendum .text span.seperator {
  margin-right: 5px; }
@media (max-width: 767px) {
  .Roku-Nav-Footer .addendum .text a.hide-in-mobile, .Roku-Nav-Footer .addendum .text span.hide-in-mobile {
    display: none; } }
.Roku-Nav-Footer .addendum .sprite-nav-footer-bbb {
  width: 173px;
  height: 46px; }

.Roku-Nav-Footer-Compact {
  padding: 0px 10px 20px;
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 11px;
  margin-bottom: 11px;
  color: #ddd;
  font-size: 13px; }
@media (max-width: 767px) {
  .Roku-Nav-Footer-Compact {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav-Footer-Compact {
    font-size: 16px; } }
@media (min-width: 1200px) {
  .Roku-Nav-Footer-Compact {
    font-size: 16px; } }
@media (min-width: 768px) {
  .Roku-Nav-Footer-Compact .item {
    display: block;
    float: left;
    margin-right: 11px;
    padding-right: 11px;
    border-right: 1px solid #fff;
    border-color: #999;
    height: 22px;
    overflow: hidden; }
  .Roku-Nav-Footer-Compact .item:first-child {
    margin-left: 0px;
    padding-left: 0px; }
  .Roku-Nav-Footer-Compact .item:last-child {
    border-right: 0px;
    margin-right: 0px;
    padding-right: 0px; } }
.Roku-Nav-Footer-Compact a {
  cursor: pointer; }
.Roku-Nav-Footer-Compact .language span {
  display: block;
  float: left;
  line-height: 22px;
  margin-right: 5px; }
.Roku-Nav-Footer-Compact .hidden {
  display: none; }

.Roku-Loading {
  height: 20px;
  margin: 22px 0px; }
.Roku-Loading .center {
  text-align: center; }
.Roku-Loading .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/gif;base64,R0lGODlhEAAQAPIAAPHx8W8asdK+4ZBRwW8asaBryLGH0bmV1SH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==);
  vertical-align: top;
  margin-right: 5px; }
.Roku-Loading .text {
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  color: #552a7b;
  vertical-align: top; }
@media (max-width: 767px) {
  .Roku-Loading .text {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Loading .text {
    font-size: 16px; } }
@media (min-width: 1200px) {
  .Roku-Loading .text {
    font-size: 16px; } }

/* Bourbon 4.0.2
 * http://bourbon.io
 * Copyright 2011-2014 thoughtbot, inc.
 * MIT License */
/* Bourbon 4.0.2
 * http://bourbon.io
 * Copyright 2011-2014 thoughtbot, inc.
 * MIT License */
.Roku-Nav {
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  margin: 0px;
  padding: 0px; }
.Roku-Nav > div {
  overflow: hidden; }
.Roku-Nav .disable-shopping-cart a.nav-header-cart {
  display: none; }
@media (min-width: 768px) {
  .Roku-Nav .disable-shopping-cart .nav-header-feature {
    margin-right: 0px; } }
.Roku-Nav .disable-shopping-cart .nav-product-selector-mobile {
  right: 0px; }
.Roku-Nav .nav.disable-global-nav header, .Roku-Nav .nav.disable-global-nav footer {
  display: none; }
.Roku-Nav .nav.disable-global-nav .nav-page-headline {
  display: none !important; }
.Roku-Nav .nav.standalone-mode .nav-header-user, .Roku-Nav .nav.standalone-mode .nav-product-selector-button-notmobile, .Roku-Nav .nav.standalone-mode .nav-product-selector-link-mobile.nav-header-feature-link, .Roku-Nav .nav.standalone-mode .nav-product-selector-mobile, .Roku-Nav .nav.standalone-mode .nav-header-cart {
  display: none; }
.Roku-Nav .nav.standalone-mode .nav-header:not(.scroll-on-laptop) .nav-header-feature {
  margin-top: 44px; }
@media (max-width: 767px) {
  .Roku-Nav .nav.standalone-mode .nav-header-bar .nav-header-feature {
    position: static;
    margin-top: 0px !important; } }
.Roku-Nav .disable-header-footer .nav-header, .Roku-Nav .disable-header-footer .nav-footer {
  display: none; }
.Roku-Nav .disable-header-footer .nav-main {
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 15px; }
.Roku-Nav .nav-header-content, .Roku-Nav .nav-main, .Roku-Nav .nav-footer-content {
  max-width: 1375px;
  padding: 0px 15px;
  box-sizing: border-box;
  margin: auto; }
.Roku-Nav .nav.hero-nav-main-enabled .nav-main, .Roku-Nav .nav.hero-nav-main-enabled:not(.hide-header-nav) .nav-main {
  max-width: 100%;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px; }
.Roku-Nav .nav.hero-nav-main-enabled .nav-main .Roku-Nav-Page-Standard, .Roku-Nav .nav.hero-nav-main-enabled:not(.hide-header-nav) .nav-main .Roku-Nav-Page-Standard {
  overflow: hidden;
  margin-bottom: 22px; }
.Roku-Nav .nav.hero-nav-main-enabled .nav-main .Roku-Nav-Page-Standard .nav-page-headline, .Roku-Nav .nav.hero-nav-main-enabled:not(.hide-header-nav) .nav-main .Roku-Nav-Page-Standard .nav-page-headline {
  padding-top: 126px;
  background-color: #662d91;
  margin-bottom: 22px;
  overflow: hidden; }
@media (max-width: 767px) {
  .Roku-Nav .nav.hero-nav-main-enabled .nav-main .Roku-Nav-Page-Standard .nav-page-headline, .Roku-Nav .nav.hero-nav-main-enabled:not(.hide-header-nav) .nav-main .Roku-Nav-Page-Standard .nav-page-headline {
    padding-top: 50px; } }
.Roku-Nav .nav.hero-nav-main-enabled .nav-main .Roku-Nav-Page-Standard .nav-page-headline h1.nav-page-headline-h1, .Roku-Nav .nav.hero-nav-main-enabled:not(.hide-header-nav) .nav-main .Roku-Nav-Page-Standard .nav-page-headline h1.nav-page-headline-h1 {
  color: #fff;
  margin: 22px 0px;
  text-align: center;
  padding: 0px 15px; }
.Roku-Nav .hide-header-nav.nav .nav-main .Roku-Nav-Page-Standard .nav-page-headline {
  padding-top: 50px; }
.Roku-Nav a, .Roku-Nav a:focus, .Roku-Nav a:active {
  outline: 0; }
.Roku-Nav .nav.hide-header-nav .nav-header-user, .Roku-Nav .nav.hide-header-nav .nav-header-feature, .Roku-Nav .hide-header-nav .nav-header-cart, .Roku-Nav .nav.hide-header-nav .nav-header-toggle {
  display: none; }
@media (max-width: 767px) {
  .Roku-Nav .nav:not(.hide-header-nav) .nav-main {
    margin-top: 50px; } }
@media (min-width: 768px) {
  .Roku-Nav .nav:not(.hide-header-nav) .nav-spacer.hidden {
    display: block;
    height: 0px;
    width: 100%; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-main {
    margin-top: 126px; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header {
    overflow: hidden;
    width: 100%;
    height: 126px;
    position: fixed;
    top: 0px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header .nav-header-logo, .Roku-Nav .nav:not(.hide-header-nav) .nav-header .nav-header-logo-text {
    -webkit-transition: margin-top 0.2s, top 0.2s;
    -moz-transition: margin-top 0.2s, top 0.2s;
    transition: margin-top 0.2s, top 0.2s; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header .nav-header-user, .Roku-Nav .nav:not(.hide-header-nav) .nav-header .nav-header-feature {
    -webkit-transition: margin-top 0.2s, margin-right 0.2s, height 0.2s;
    -moz-transition: margin-top 0.2s, margin-right 0.2s, height 0.2s;
    transition: margin-top 0.2s, margin-right 0.2s, height 0.2s; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header.scroll-on-laptop {
    height: 54px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header.scroll-on-laptop .nav-header-logo {
    margin-top: 10px; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header.scroll-on-laptop .nav-header-logo-text {
    margin-top: 20px; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header.scroll-on-laptop .nav-header-user {
    height: 0px;
    padding-top: 7px; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header.scroll-on-laptop .nav-header-bar:not(.nav-header-bar-auth) .nav-header-user {
    padding-top: 0px; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header.scroll-on-laptop .nav-header-feature {
    display: block;
    height: 60px; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header.scroll-on-laptop .nav-header-bar-auth .nav-header-user {
    display: block;
    margin-right: 55px;
    height: 54px;
    line-height: 54px; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header.scroll-on-laptop .nav-header-bar-auth .nav-header-feature {
    display: none;
    height: 0px; }
  .Roku-Nav .nav:not(.hide-header-nav) .nav-header.scroll-on-laptop .nav-header-cart {
    top: -90px; } }
.Roku-Nav .nav-header {
  width: 100%;
  position: absolute;
  height: 126px;
  background: #fff;
  box-sizing: border-box;
  z-index: 100;
  top: 0; }
@media (min-width: 1200px) {
  .Roku-Nav .nav-header {
    overflow: hidden; } }
.Roku-Nav .nav-header-logo-small, .Roku-Nav .nav-header-logo {
  display: block; }
.Roku-Nav .nav-header-logo-small, .Roku-Nav .nav-header-toggle {
  display: none;
  cursor: pointer; }
.Roku-Nav .nav-header-logo {
  float: left;
  margin-top: 50px; }
.Roku-Nav .nav-header-logo-text {
  float: left;
  margin: 64px 10px 0px;
  color: #999;
  font-size: 18px; }
.Roku-Nav .nav-header-bar {
  height: 110px;
  text-align: right;
  overflow: hidden; }
.Roku-Nav .nav-header-user {
  height: 50px;
  line-height: 50px;
  overflow: hidden; }
.Roku-Nav .nav-header-user a {
  color: #999;
  display: inline-block;
  font-size: 12px;
  border-right: 1px solid #999;
  height: 20px;
  line-height: 20px;
  padding: 0px 15px;
  text-decoration: none;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
.Roku-Nav .nav-header-user a:first-child {
  padding-left: 0px; }
.Roku-Nav .nav-header-user a:last-child, .Roku-Nav .nav-header-user a.no-right-divider {
  border: 0px;
  padding-right: 0px; }
.Roku-Nav .nav-header-user a.no-left-divider {
  padding-left: 7px; }
.Roku-Nav .nav-header-user a.no-right-divider {
  padding-right: 7px; }
@media (min-width: 768px) {
  .Roku-Nav .nav-product-selector-mobile {
    display: none; } }
@media (max-width: 767px) {
  .Roku-Nav .nav-product-selector-mobile {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 60px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px; } }
.Roku-Nav .nav.hide-header-nav .nav-product-selector-mobile {
  display: none; }
.Roku-Nav .nav-header-cart {
  width: 20px;
  float: right;
  height: 30px;
  line-height: 30px;
  position: relative;
  top: -40px;
  display: inline-block;
  cursor: pointer; }
@media (max-width: 767px) {
  .Roku-Nav .nav-header-cart {
    width: 30px;
    position: absolute;
    top: 15px;
    right: 10px; } }
.Roku-Nav .nav-header-cart .glyphicon-cart:before {
  color: #999;
  content: "\e116";
  font-family: 'Glyphicons Roku';
  font-weight: 400;
  font-size: 24px; }
@media (max-width: 767px) {
  .Roku-Nav .nav-header-cart .glyphicon-cart:before {
    color: #662d91; } }
.Roku-Nav .nav-header-cart .qty {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  padding: 4px 8px;
  border-radius: 15px;
  position: relative;
  top: -48px;
  left: -18px;
  color: #fff;
  background-color: #ed1847; }
.Roku-Nav .nav-header-feature {
  text-align: right;
  height: 60px;
  overflow: hidden; }
@media (min-width: 768px) {
  .Roku-Nav .nav-header-feature {
    margin-right: 55px;
    padding-top: 11px; } }
.Roku-Nav .nav-header-feature a.nav-header-feature-link {
  color: #999;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  line-height: 32px;
  height: 32px;
  margin: 0px 15px;
  padding: 14px 0px 0px;
  border-bottom-width: 0px;
  -webkit-transition: border 0.2s, padding 0.2s, opacity 0.2s;
  -moz-transition: border 0.2s, padding 0.2s, opacity 0.2s;
  transition: border 0.2s, padding 0.2s, opacity 0.2s;
  padding-top: 0px; }
.Roku-Nav .nav-header-feature a.nav-header-feature-button {
  margin: -5px 15px 0px;
  font-size: 16px; }
.Roku-Nav .nav-header-feature .nav-button {
  color: #fff; }
.Roku-Nav .nav-header-feature a:first-child {
  margin-left: 0px; }
.Roku-Nav .nav-header-feature a:last-child {
  margin-right: 0px; }
@media (min-width: 768px) {
  .Roku-Nav .nav-header-feature a.nav-header-feature-link:after {
    background-color: #662d91;
    display: block;
    position: relative;
    height: 1px;
    content: "";
    opacity: 0;
    margin-top: -5px;
    -webkit-transition: all 0.16s;
    -moz-transition: all 0.16s;
    transition: all 0.16s; }
  .Roku-Nav .nav-header-feature a.nav-header-feature-link:focus:after, .Roku-Nav .nav-header-feature a.nav-header-feature-link:hover:after {
    height: 5px;
    opacity: 1;
    margin-top: 5px; } }
@media (max-width: 767px) {
  .Roku-Nav .nav-header-feature .nav-header-feature-button {
    display: none; } }
.Roku-Nav .nav-loading {
  height: 3px;
  position: fixed;
  z-index: 2000;
  top: 0px;
  width: 100%;
  top: 0px;
  left: 0px; }
.Roku-Nav .nav-loading .bar {
  background-color: #662d91;
  height: 100%;
  width: 0%;
  opacity: 1; }
.Roku-Nav .nav-loading.nav-loading-progress .bar {
  width: 50%;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out; }
.Roku-Nav .nav-loading.nav-loading-complete .bar {
  width: 100%;
  -webkit-transition: opacity 0.2s, width 0.5s ease-in-out;
  -moz-transition: opacity 0.2s, width 0.5s ease-in-out;
  transition: opacity 0.2s, width 0.5s ease-in-out; }
.Roku-Nav .nav-loading.nav-loading-done .bar {
  opacity: 0; }
.Roku-Nav .nav-main {
  min-height: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden; }
.Roku-Nav .nav-main, .Roku-Nav .nav-footer {
  /* overflow: hidden; */
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  transition: opacity 0.8s; }
@media (min-width: 768px) {
  .Roku-Nav .nav-main .nav-footer-spacer, .Roku-Nav .nav-footer .nav-footer-spacer {
    height: 30px; } }
.Roku-Nav .nav-footer {
  margin-top: 60px;
  padding: 20px 0px;
  overflow: hidden;
  clear: both;
  float: none;
  display: block;
  background: #f3f3f3; }
.Roku-Nav .nav-main.transparent, .Roku-Nav .nav-footer.transparent {
  opacity: 0;
  top: -100%; }
.Roku-Nav .nav-main.hidden, .Roku-Nav .nav-footer.hidden {
  display: none; }
@media (max-width: 1199px) {
  .Roku-Nav .nav-header-logo-text {
    display: none; } }
.Roku-Nav .hide-header-nav .nav-header {
  height: 50px; }
.Roku-Nav .hide-header-nav .nav-header-logo-small {
  display: block;
  margin: 16px 0px;
  float: left; }
.Roku-Nav .hide-header-nav .nav-header-logo {
  display: none; }
.Roku-Nav .hide-header-nav .nav-header-logo-text {
  display: none; }
.Roku-Nav .hide-header-nav .nav-main {
  margin-top: 50px; }
@media (max-width: 767px) {
  .Roku-Nav > div {
    padding: 0px;
    box-sizing: border-box;
    margin: 0px; }
  .Roku-Nav .nav.hide-header-nav .nav-header-logo-small {
    margin-left: 10px; }
  .Roku-Nav .nav-header {
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: fixed;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    box-shadow: none;
    background-color: #fff;
    z-index: 99;
    border-color: C1;
    border-bottom-width: 2px; }
  .Roku-Nav .nav-header.scroll-on {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #662d91;
    opacity: 1; }
  .Roku-Nav .nav-header.input-focused {
    position: absolute; }
  .Roku-Nav .nav-header-content {
    padding-left: 0px; }
  .Roku-Nav .nav-menu-on .nav-header {
    margin-left: 260px; }
  .Roku-Nav .nav-header-toggle {
    display: block;
    width: 44px;
    height: 50px;
    padding: 0px;
    float: left;
    background: transparent;
    border: 0px solid transparent;
    line-height: 25px; }
  .Roku-Nav .nav-header-toggle span {
    background-color: #662d91;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: 4px auto; }
  .Roku-Nav.scroll-on .nav-header-toggle span {
    background-color: #662d91; }
  .Roku-Nav .nav-header.scroll-on .nav-header-toggle span {
    background-color: #662d91; }
  .Roku-Nav .nav-header-logo-small {
    display: block;
    margin: 16px 0px;
    float: left; }
  .Roku-Nav .nav-header-logo {
    display: none; }
  .Roku-Nav .nav-header-logo-text {
    display: none; }
  .Roku-Nav .nav-header-bar {
    position: fixed;
    top: 0px;
    left: -260px;
    width: 260px;
    height: 100%;
    overflow-y: auto;
    background: #F1F1F3;
    border-right: 1px solid #d5d5d5;
    -webkit-transition: left 0.16s;
    -moz-transition: left 0.16s;
    transition: left 0.16s;
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .Roku-Nav .nav-header-bar .nav-header-feature {
    border-top: 1px solid #999;
    position: absolute;
    bottom: 0px; } }
@media (max-width: 767px) and (orientation: landscape) {
  .Roku-Nav .nav-header-bar .nav-header-feature {
    display: none; } }
@media (max-width: 767px) and (max-height: 570px) {
  .Roku-Nav .nav-header-bar .nav-header-feature {
    display: none; } }
@media (max-width: 767px) {
  .Roku-Nav .nav-header-bar .nav-header-user {
    		/*
            position: absolute;
            bottom: 0px;
            */ }
  .Roku-Nav .nav-header-bar .nav-header-user, .Roku-Nav .nav-header-bar .nav-header-feature {
    width: 260px;
    clear: both;
    float: none;
    height: auto;
    line-height: 60px; }
  .Roku-Nav .nav-header-bar .nav-header-user a, .Roku-Nav .nav-header-bar .nav-header-user a.no-right-divider, .Roku-Nav .nav-header-bar .nav-header-user a.no-left-divider, .Roku-Nav .nav-header-bar .nav-header-feature a, .Roku-Nav .nav-header-bar .nav-header-feature a.no-right-divider, .Roku-Nav .nav-header-bar .nav-header-feature a.no-left-divider {
    display: block;
    color: #999;
    border: solid 0px #999;
    border-bottom-width: 1px;
    text-align: left;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-transform: none;
    padding: 0px 28px;
    margin: 0px; }
  .Roku-Nav .nav-header-bar .nav-header-user a:before, .Roku-Nav .nav-header-bar .nav-header-user a.no-right-divider:before, .Roku-Nav .nav-header-bar .nav-header-user a.no-left-divider:before, .Roku-Nav .nav-header-bar .nav-header-feature a:before, .Roku-Nav .nav-header-bar .nav-header-feature a.no-right-divider:before, .Roku-Nav .nav-header-bar .nav-header-feature a.no-left-divider:before {
    content: "";
    width: 1px;
    height: 15px;
    background: #999999;
    position: absolute;
    right: 20px;
    margin-top: 26px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .Roku-Nav .nav-header-bar .nav-header-user a:after, .Roku-Nav .nav-header-bar .nav-header-user a.no-right-divider:after, .Roku-Nav .nav-header-bar .nav-header-user a.no-left-divider:after, .Roku-Nav .nav-header-bar .nav-header-feature a:after, .Roku-Nav .nav-header-bar .nav-header-feature a.no-right-divider:after, .Roku-Nav .nav-header-bar .nav-header-feature a.no-left-divider:after {
    content: "";
    width: 1px;
    height: 15px;
    background: #999999;
    position: absolute;
    right: 20px;
    margin-top: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .Roku-Nav .nav-header-bar .nav-header-user a:last-child, .Roku-Nav .nav-header-bar .nav-header-feature a:last-child {
    margin: 0px; }
  .Roku-Nav .nav-menu-on .nav-header-bar {
    left: 0px; }
  .Roku-Nav .nav-main {
    margin-top: 73px;
    margin-bottom: 10px; }
  .Roku-Nav .nav-main, .Roku-Nav .nav-footer {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px; }
  .Roku-Nav .nav-menu-on .nav-main, .Roku-Nav .nav-menu-on .nav-footer {
    margin-left: 270px;
    opacity: 0.4; } }
@media (min-width: 768px) {
  .Roku-Nav .nav-header-feature a.nav-product-selector-link-mobile {
    display: none; } }
@media (max-width: 767px) {
  .Roku-Nav .nav-header-feature a.nav-product-selector-button-notmobile {
    display: none; } }
.Roku-Nav .nav-uma {
  background-color: #fff;
  text-align: center;
  height: 40px;
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 990;
  overflow: hidden;
  font-size: 14px; }
@media (min-width: 1200px) {
  .Roku-Nav .nav-uma {
    height: 60px; } }
@media (max-width: 1199px) {
  .Roku-Nav .nav-uma {
    height: 85px; } }
@media (max-width: 767px) {
  .Roku-Nav .nav-uma {
    height: 140px; } }
.Roku-Nav .disable-global-nav .nav-uma {
  display: none; }
@media (min-width: 1200px) {
  .Roku-Nav .nav-uma-enabled.nav:not(.hide-header-nav) header.nav-header, .Roku-Nav .nav-uma-enabled header.nav-header {
    top: 60px; } }
@media (max-width: 1199px) {
  .Roku-Nav .nav-uma-enabled.nav:not(.hide-header-nav) header.nav-header, .Roku-Nav .nav-uma-enabled header.nav-header {
    top: 85px; } }
@media (max-width: 767px) {
  .Roku-Nav .nav-uma-enabled.nav:not(.hide-header-nav) header.nav-header, .Roku-Nav .nav-uma-enabled header.nav-header {
    top: 140px; } }
@media (min-width: 1200px) {
  .Roku-Nav .nav-uma-enabled.nav:not(.hide-header-nav) .nav-main .Roku-Nav-Page-Standard .nav-page-headline {
    padding-top: 190px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav .nav-uma-enabled.nav:not(.hide-header-nav) .nav-main .Roku-Nav-Page-Standard .nav-page-headline {
    padding-top: 210px; } }
@media (max-width: 767px) {
  .Roku-Nav .nav-uma-enabled.nav:not(.hide-header-nav) .nav-main .Roku-Nav-Page-Standard .nav-page-headline {
    /*padding-top: 110px;*/
    padding-top: 190px; } }
@media (min-width: 1200px) {
  .Roku-Nav .nav-uma-enabled.hide-header-nav.nav .nav-main .Roku-Nav-Page-Standard .nav-page-headline {
    padding-top: 110px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Nav .nav-uma-enabled.hide-header-nav.nav .nav-main .Roku-Nav-Page-Standard .nav-page-headline {
    padding-top: 135px; } }
@media (max-width: 767px) {
  .Roku-Nav .nav-uma-enabled.hide-header-nav.nav .nav-main .Roku-Nav-Page-Standard .nav-page-headline {
    padding-top: 190px; } }

.Roku-Privacy {
  height: 180px; }
.Roku-Privacy .scroll {
  width: 100%;
  height: 180px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center; }
.Roku-Privacy iframe {
  width: 100%;
  height: 172px;
  overflow: auto; }
.Roku-Privacy p, .Roku-Privacy h1, .Roku-Privacy h2, .Roku-Privacy h3, .Roku-Privacy h4, .Roku-Privacy h5, .Roku-Privacy h6, .Roku-Privacy div {
  font-size: 14.3999996185303px;
  line-height: 20.1599998474121px;
  margin-bottom: 10.0799999237061px; }
.Roku-Privacy h1, .Roku-Privacy h2, .Roku-Privacy h3, .Roku-Privacy h4, .Roku-Privacy h5, .Roku-Privacy h6 {
  font-weight: bold; }

.Roku-Tos {
  height: 180px; }
.Roku-Tos .scroll {
  width: 100%;
  height: 180px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center; }
.Roku-Tos iframe {
  width: 100%;
  height: 172px;
  overflow: auto; }

html body, body {
  background: #f3f3f3; }

#kitchensink-root {
  background: #fff; }

.app-no-script {
  text-align: center;
  color: #fff;
  background-color: #662d91;
  padding: 20px; }
.app-no-script a.text {
  color: #fff;
  text-decoration: none; }
.app-no-script a.btn, .app-no-script a.btn:hover {
  margin: 10px 0px;
  color: #662d91;
  background-color: #fff; }

h1 {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 22px;
  margin-bottom: 11px;
  color: #662d91; }
@media (max-width: 767px) {
  h1 {
    font-size: 27px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  h1 {
    font-size: 30.6px; } }
@media (min-width: 1200px) {
  h1 {
    font-size: 36px; } }

h2 {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 22px;
  margin-bottom: 11px;
  color: #666; }
@media (max-width: 767px) {
  h2 {
    font-size: 22.5px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  h2 {
    font-size: 25.5px; } }
@media (min-width: 1200px) {
  h2 {
    font-size: 30px; } }

/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.sprite-language-canada {
  background-image: url(global.png);
  background-position: -116px 0px;
  width: 29px;
  height: 22px;
}
.sprite-nav-footer-bbb {
  background-image: url(global.png);
  background-position: -489px 0px;
  width: 173px;
  height: 46px;
}
.sprite-nav-footer-compact-canada {
  background-image: url(global.png);
  background-position: -150px 0px;
  width: 29px;
  height: 22px;
}
.sprite-nav-footer-logo {
  background-image: url(global.png);
  background-position: -667px 0px;
  width: 201px;
  height: 157px;
}
.sprite-nav-footer-logo-small {
  background-image: url(global.png);
  background-position: -255px 0px;
  width: 104px;
  height: 81px;
}
.sprite-logo-footer {
  background-image: url(global.png);
  background-position: -873px 0px;
  width: 201px;
  height: 157px;
}
.sprite-nav-header-roku-logo {
  background-image: url(global.png);
  background-position: -364px 0px;
  width: 120px;
  height: 33px;
}
.sprite-nav-header-roku-logo-small {
  background-image: url(global.png);
  background-position: -184px 0px;
  width: 66px;
  height: 18px;
}
.sprite-nav-uma-error {
  background-image: url(global.png);
  background-position: 0px 0px;
  width: 24px;
  height: 24px;
}
.sprite-nav-uma-info {
  background-image: url(global.png);
  background-position: -87px 0px;
  width: 24px;
  height: 24px;
}
.sprite-nav-uma-normal {
  background-image: url(global.png);
  background-position: -29px 0px;
  width: 24px;
  height: 24px;
}
.sprite-nav-uma-warn {
  background-image: url(global.png);
  background-position: -58px 0px;
  width: 24px;
  height: 24px;
}
