@-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?9m7lai");
  src: url("//image.roku.com/fonts/glyphicons-roku.eot?#iefix9m7lai") format("embedded-opentype"), url("//image.roku.com/fonts/glyphicons-roku.woff?9m7lai") format("woff"), url("//image.roku.com/fonts/glyphicons-roku.ttf?9m7lai") format("truetype"), url("//image.roku.com/fonts/glyphicons-roku.svg?9m7lai#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"; }

.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; }
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; }
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-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; }
button.roku-button-secondary:hover, a.roku-button-secondary:hover, .btn.secondary:hover {
  text-decoration: none; }
button.roku-button-secondary else, a.roku-button-secondary else, .btn.secondary else {
  border-color: #999; }
button.roku-button-secondary:hover, a.roku-button-secondary:hover, .btn.secondary:hover {
  color: #fff;
  background-color: #999; }
button.roku-button-secondary:hover else, a.roku-button-secondary:hover else, .btn.secondary:hover else {
  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;
  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; }
.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;
  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; }
.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;
  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; }
.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;
  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; }
.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;
  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; }
.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;
  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; }
.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;
  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; }
.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;
  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; }
.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; }
button.roku-button-c1:hover, a.roku-button-c1:hover {
  text-decoration: none; }
button.roku-button-c1 else, a.roku-button-c1 else {
  border-color: #662d91; }
button.roku-button-c1:hover, a.roku-button-c1:hover {
  color: #fff;
  background-color: #552a7b; }
button.roku-button-c1:hover else, a.roku-button-c1:hover else {
  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;
  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; }
.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;
  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; }
.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;
  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; }
.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; }
button.roku-button-c2:hover, a.roku-button-c2:hover {
  text-decoration: none; }
button.roku-button-c2 else, a.roku-button-c2 else {
  border-color: #ed1847; }
button.roku-button-c2:hover, a.roku-button-c2:hover {
  color: #fff;
  background-color: #cb153e; }
button.roku-button-c2:hover else, a.roku-button-c2:hover else {
  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;
  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; }
.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;
  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; }
.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;
  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; }
.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; }
button.roku-button-c3:hover, a.roku-button-c3:hover {
  text-decoration: none; }
button.roku-button-c3 else, a.roku-button-c3 else {
  border-color: #00a5e5; }
button.roku-button-c3:hover, a.roku-button-c3:hover {
  color: #fff;
  background-color: #1998cf; }
button.roku-button-c3:hover else, a.roku-button-c3:hover else {
  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;
  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; }
.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;
  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; }
.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;
  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; }
.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; }
button.roku-button-c4:hover, a.roku-button-c4:hover {
  text-decoration: none; }
button.roku-button-c4 else, a.roku-button-c4 else {
  border-color: #00cd49; }
button.roku-button-c4:hover, a.roku-button-c4:hover {
  color: #fff;
  background-color: #00b240; }
button.roku-button-c4:hover else, a.roku-button-c4:hover else {
  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;
  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; }
.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;
  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; }
.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;
  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; }
.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; }
button.roku-button-c5:hover, a.roku-button-c5:hover {
  text-decoration: none; }
button.roku-button-c5 else, a.roku-button-c5 else {
  border-color: #ff9000; }
button.roku-button-c5:hover, a.roku-button-c5:hover {
  color: #fff;
  background-color: #ea8400; }
button.roku-button-c5:hover else, a.roku-button-c5:hover else {
  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;
  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; }
.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;
  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; }
.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;
  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; }
.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;
  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; }
.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;
  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; }
.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;
  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; }
.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: #d9d9d9; }

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

/* 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; } }

.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;
  font-family: "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; } }
.roku-price.starts-at-fr:before {
  content: "Commence \00e0";
  font-weight: normal;
  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-fr:before {
    font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-price.starts-at-fr:before {
    font-size: 12px; } }
@media (min-width: 1200px) {
  .roku-price.starts-at-fr:before {
    font-size: 12px; } }

/* 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; }

@-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); } }
.roku-navbar {
  position: absolute;
  min-height: 50px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  font-family: "GothamBook";
  z-index: 100;
  font-size: 1.8rem;
  width: 100%;
  top: 0; }
.roku-navbar:before, .roku-navbar:after {
  content: " ";
  display: table; }
.roku-navbar:after {
  clear: both; }
.roku-navbar .navbar-header {
  margin-top: 50px; }
.roku-navbar .navbar-header:before, .roku-navbar .navbar-header:after {
  content: " ";
  display: table; }
.roku-navbar .navbar-header:after {
  clear: both; }
@media (max-width: 767px) {
  .roku-navbar .navbar-header {
    margin-top: 0; } }
@media (min-width: 768px) {
  .roku-navbar .navbar-header {
    float: left; } }
.roku-navbar .navbar-super-header {
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  width: 50%;
  float: right;
  margin: 0 15px;
  text-transform: uppercase; }
@media (max-width: 767px) {
  .roku-navbar .navbar-super-header {
    font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-navbar .navbar-super-header {
    font-size: 12px; } }
@media (min-width: 1200px) {
  .roku-navbar .navbar-super-header {
    font-size: 12px; } }
@media (max-width: 767px) {
  .roku-navbar .navbar-super-header {
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    text-transform: none;
    margin: 0; } }
@media (max-width: 767px) and (orientation: landscape) {
  .roku-navbar .navbar-super-header {
    display: none; } }
@media (max-width: 767px) {
  .roku-navbar .navbar-super-header ul {
    margin: 0;
    border-top: 1px solid #999; }
  .roku-navbar .navbar-super-header li > a {
    padding: 18px 12px !important; } }
.roku-navbar .navbar-super-header li.divider {
  border-left: 1px solid #999;
  height: 20px;
  margin: 14px 0; }
@media (max-width: 767px) {
  .roku-navbar .navbar-super-header li.divider {
    display: none; } }
.roku-navbar .navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
.roku-navbar .navbar-collapse:before, .roku-navbar .navbar-collapse:after {
  content: " ";
  display: table; }
.roku-navbar .navbar-collapse:after {
  clear: both; }
.roku-navbar .navbar-collapse.in {
  overflow-y: auto; }
@media (min-width: 768px) {
  .roku-navbar .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none; }
  .roku-navbar .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  .roku-navbar .navbar-collapse.in {
    overflow-y: visible; }
  .navbar-fixed-top .roku-navbar .navbar-collapse, .navbar-static-top .roku-navbar .navbar-collapse, .navbar-fixed-bottom .roku-navbar .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }
.roku-navbar .navbar-brand {
  float: left;
  padding: 14px 10px;
  font-size: 22px;
  line-height: 22px;
  height: 50px; }
.roku-navbar .navbar-brand.logo {
  background-image: url("//image.roku.com/w/assets/roku-logo-purple.png");
  background-repeat: no-repeat;
  width: 120px;
  background-size: contain;
  position: relative;
  bottom: 2px;
  text-indent: -9999px;
  margin-left: 2.5rem; }
@media (max-width: 767px) {
  .roku-navbar .navbar-brand.logo {
    width: 66px;
    height: 50px;
    background-position: center;
    bottom: 0;
    margin-left: 0; } }
.roku-navbar .navbar-brand:hover, .roku-navbar .navbar-brand:focus {
  text-decoration: none; }
.roku-navbar .navbar-toggle {
  position: relative;
  float: left;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent; }
.roku-navbar .navbar-toggle:focus {
  outline: 0; }
.roku-navbar .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }
.roku-navbar .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px; }
@media (min-width: 768px) {
  .roku-navbar .navbar-toggle {
    display: none; } }
.roku-navbar .navbar-nav {
  margin: 7px -10px; }
.roku-navbar .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px; }
@media (max-width: 767px) {
  .roku-navbar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .roku-navbar .navbar-nav .open .dropdown-menu > li > a, .roku-navbar .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .roku-navbar .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px; }
  .roku-navbar .navbar-nav .open .dropdown-menu > li > a:hover, .roku-navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }
@media (min-width: 768px) {
  .roku-navbar .navbar-nav {
    float: left;
    margin: 0; }
  .roku-navbar .navbar-nav > li {
    float: left; }
  .roku-navbar .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px; }
  .roku-navbar .navbar-nav.navbar-right:last-child {
    margin-right: -10px; } }
.roku-navbar .btn-mobile {
  display: none; }
@media (max-width: 767px) {
  .roku-navbar .btn-mobile {
    display: inline-block;
    font-family: "GothamBook", Helvetica, Arial, sans-serif;
    padding: 8px 10px;
    margin: 1rem 0;
    font-size: 1.1rem;
    line-height: 1.1;
    vertical-align: top; }
  .roku-navbar .btn-mobile a {
    color: #662d91; } }
.roku-navbar .navbar-text {
  margin-top: 14px;
  margin-bottom: 14px;
  line-height: 20px; }
@media (min-width: 768px) {
  .roku-navbar .navbar-text {
    float: left;
    margin-left: 10px;
    margin-right: 10px; }
  .roku-navbar .navbar-text.navbar-right:last-child {
    margin-right: 0; } }
@media (max-width: 767px) {
  .roku-navbar .navbar-text {
    display: none; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-navbar .navbar-text {
    display: none; } }

.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px; }
@media (min-width: 768px) {
  .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-default.fixedTop {
  width: 100%; }
.navbar-default.fixedTop .glyphicon-shopping-cart {
  color: #662d91; }
.navbar-default .navbar-brand {
  color: #999; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: gray;
  background-color: transparent; }
.navbar-default .navbar-text {
  color: #999; }
.navbar-default .glyphicon {
  font-size: 2.4rem;
  line-height: 1.8rem;
  display: inline-block;
  position: relative; }
.navbar-default .cart-qty {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  position: absolute;
  top: -1rem;
  left: -1.6rem;
  color: #fff; }
.navbar-default .navbar-nav a.btn {
  color: #fff;
  background-color: #ed1847;
  border-color: #ed1847;
  margin: 4px 15px;
  padding: 10px 18px;
  font-family: "GothamBook", Helvetica, Arial, sans-serif; }
.navbar-default .navbar-nav a.btn:hover, .navbar-default .navbar-nav a.btn:focus {
  color: #fff;
  background-color: #da113d; }
.navbar-default .navbar-nav i, .navbar-default .navbar-nav .glyphicon {
  font-size: 24px;
  line-height: 14px; }
.navbar-default .navbar-nav > li > a {
  color: #999;
  position: relative; }
@media (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {
    color: #999999;
    padding: 18px 12px;
    border-bottom: 1px solid #999;
    font-size: 1.8rem;
    position: relative; }
  .navbar-default .navbar-nav > li > a:after, .navbar-default .navbar-nav > li > a:before {
    content: "";
    width: 1px;
    height: 15px;
    background-color: #999;
    position: absolute;
    right: 20px;
    top: 25px; }
  .navbar-default .navbar-nav > li > a:after {
    top: 15px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .navbar-default .navbar-nav > li > a:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); } }
@media (min-width: 768px) {
  .navbar-default .navbar-nav > li > a:after {
    position: absolute;
    top: 100%;
    left: 10%;
    width: 80%;
    height: 1px;
    content: "";
    opacity: 0;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-transform: translate(0, -16px);
    -ms-transform: translate(0, -16px);
    -o-transform: translate(0, -16px);
    transform: translate(0, -16px); }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #999;
    background-color: transparent; } }
@media (min-width: 768px) and (min-width: 768px) {
  .navbar-default .navbar-nav > li > a:hover.ul:after, .navbar-default .navbar-nav > li > a:focus.ul:after {
    background: #66318f;
    height: 5px;
    opacity: 1;
    -webkit-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    transform: translate(0, -6px); } }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar {
  background-color: #662d91; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7; }

@media (max-width: 767px) {
  body {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
  body header.roku-navbar {
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    border: 0;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
  body #nav-main-menu {
    left: -260px;
    display: block;
    top: 0;
    bottom: 0;
    background: #f1f1f1;
    width: 260px;
    position: absolute;
    margin: 0;
    overflow: hidden;
    font-family: "GothamBook", Helvetica, Arial, sans-serif;
    z-index: 9999; }
  body #nav-main-menu li > a.btn.btn-primary {
    color: #999;
    border-radius: 0;
    background: none;
    border: none;
    border-bottom: 1px solid #999;
    padding: 18px 12px;
    text-align: left;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  body.open {
    overflow: hidden; }
  body.open header.roku-navbar {
    height: 100%;
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0); }

  .nav > li > a {
    color: #999; }

  .cart-menu i::before {
    font-family: "GothamBook", Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    content: "Your cart"; } }
.navbar-default {
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
.navbar-default.mobile {
  height: 5.4rem; }
.navbar-default.mobile .navbar-brand.logo {
  background-image: url("//image.roku.com/w/assets/roku-logo-white.png"); }
.navbar-default.fixedTop {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
@media (max-width: 767px) {
  .navbar-default.fixedTop {
    background: transparent; }
  .navbar-default.fixedTop .container {
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
    background-color: #fff; } }
@media (min-width: 768px) {
  .navbar-default.fixedTop {
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    height: 104px; }
  .navbar-default.fixedTop .navbar-header {
    margin-top: 60px; } }
.navbar-default.fixedTop .navbar-brand.logo {
  background-image: url("//image.roku.com/w/assets/roku-logo-purple.png"); }
.navbar-default.fixedTop.navbar-default .navbar-toggle .icon-bar {
  background-color: #662d91; }
.navbar-default .navbar-header {
  height: 5.4rem; }
.navbar-default .navbar-text:hover {
  text-decoration: none; }
.navbar-default #nav-main-menu .navbar-super-header ul {
  float: right; }
.navbar-default .navbar-login ul {
  width: 100%; }
@media (min-width: 768px) {
  .navbar-default .navbar-login ul {
    width: auto; }
  .navbar-default #nav-main-menu .navbar-subnav {
    float: right;
    clear: right; }
  .navbar-default #nav-main-menu .mobile-bottom-menu {
    display: none; } }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
.nav:before, .nav:after {
  content: " ";
  display: table; }
.nav:after {
  clear: both; }
.nav > li {
  position: relative;
  display: block; }
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  outline: none; }
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #f3f3f3; }
.nav > li.disabled > a {
  color: #dddddd; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #dddddd;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #f3f3f3;
  border-color: #662d91; }
.nav .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5; }
.nav > li > a > img {
  max-width: none; }

@-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); } }
/* Roku accordion */
.roku-accordion .accordion-tab {
  padding: 12px 55px 12px 0;
  border-bottom: 1px solid #999;
  font-weight: 500;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  outline: none;
  position: relative;
  cursor: pointer; }
@media (max-width: 767px) {
  .roku-accordion .accordion-tab {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-accordion .accordion-tab {
    font-size: 16px; } }
@media (min-width: 1200px) {
  .roku-accordion .accordion-tab {
    font-size: 16px; } }
.roku-accordion .accordion-tab h4 {
  max-width: none; }
.roku-accordion .accordion-tab:after, .roku-accordion .accordion-tab:before {
  content: "";
  width: 1px;
  background-color: #662d91;
  height: 22px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  -webkit-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.roku-accordion .accordion-tab.alt::after, .roku-accordion .accordion-tab.alt::before {
  background-color: #fff; }
.roku-accordion .accordion-tab.alt .container {
  height: auto; }
.roku-accordion .accordion-tab:after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.roku-accordion .accordion-tab:before {
  right: 35px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
.roku-accordion .accordion-tab.open:after {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg); }
.roku-accordion .accordion-tab.open:before {
  -webkit-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg); }
.roku-accordion .accordion-tab.open ~ .accordion-body {
  height: auto;
  visibility: visible;
  opacity: 1;
  background-color: #fafafa; }
.roku-accordion .accordion-body {
  visibility: hidden;
  opacity: 0;
  height: 0;
  background-color: transparent;
  -webkit-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
  overflow: hidden; }
.roku-accordion .accordion-body > p, .roku-accordion .accordion-body > div {
  padding: 24px; }
.roku-accordion .accordion-body > p.no-pad, .roku-accordion .accordion-body > div.no-pad {
  padding: 0; }

/* Special condition to remove pointer for footer at above mobile resolutions */
@media (min-width: 768px) {
  .roku-footer .roku-accordion .accordion-tab {
    cursor: default; } }

/*!
 * Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr; }

.datepicker.dropdown-menu {
  padding: 10px; }

.datepicker-inline {
  width: 220px; }

.datepicker.datepicker-rtl {
  direction: rtl; }

.datepicker.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker > div {
  display: none; }

.datepicker.days .datepicker-days, .datepicker.months .datepicker-months, .datepicker.years .datepicker-years {
  display: block; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker table tr td, .datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none; }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer; }

.datepicker table tr td.old, .datepicker table tr td.new {
  color: #999999; }

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default; }

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733; }

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #662d91;
  border-color: #f59e00; }

.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none; }

.datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733; }

.datepicker table tr td.today:hover:hover {
  color: #000; }

.datepicker table tr td.today.active:hover {
  color: #fff; }

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0; }

.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0; }

.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c; }

.datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none; }

.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417; }

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737; }

.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none; }

.datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555; }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #662d91;
  border-color: #662d91; }

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none; }

.datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px; }

.datepicker table tr td span:hover {
  background: #eeeeee; }

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default; }

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #662d91;
  border-color: #662d91; }

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none; }

.datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd; }

.datepicker table tr td span.old, .datepicker table tr td span.new {
  color: #999999; }

.datepicker .datepicker-switch {
  width: 145px; }

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
  cursor: pointer; }

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
  background: #eeeeee; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.datepicker thead tr:first-child .cw {
  cursor: default;
  background-color: transparent; }

.input-group.date .input-group-addon {
  cursor: pointer; }

.input-daterange {
  width: 100%; }

.input-daterange input {
  text-align: center; }

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0; }

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px; }

@-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); } }
button:active, button:focus {
  outline: 0px !important;
  -webkit-appearance: none; }

.btn {
  color: #fff;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 14px 36px;
  font-size: 16px;
  line-height: 1.42857;
  border-radius: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
.btn:hover, .btn:focus {
  text-decoration: none; }
.btn:active, .btn.active {
  outline: 0px !important;
  -webkit-appearance: none;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }
.btn.white:hover {
  color: #fff; }
.btn.gray:hover {
  color: #fff; }
.btn.gray-dark:hover {
  color: #fff; }
.btn.gray-light:hover {
  color: #fff; }
.btn.gray-lighter:hover {
  color: #fff; }
.btn.purple:hover {
  color: #fff; }
.btn.red:hover {
  color: #fff; }
.btn.blue:hover {
  color: #fff; }
.btn.green:hover {
  color: #fff; }
.btn.orange:hover {
  color: #fff; }
.btn.B0:hover {
  color: #fff; }
.btn.B1:hover {
  color: #fff; }
.btn.B2:hover {
  color: #fff; }
.btn.B3:hover {
  color: #fff; }
.btn.B4:hover {
  color: #fff; }
.btn.B5:hover {
  color: #fff; }
.btn.B6:hover {
  color: #fff; }
.btn.B7:hover {
  color: #fff; }
.btn.C1:hover {
  color: #fff; }
.btn.C1s:hover {
  color: #fff; }
.btn.C1h:hover {
  color: #fff; }
.btn.C2:hover {
  color: #fff; }
.btn.C2s:hover {
  color: #fff; }
.btn.C2h:hover {
  color: #fff; }
.btn.C3:hover {
  color: #fff; }
.btn.C3s:hover {
  color: #fff; }
.btn.C3h:hover {
  color: #fff; }
.btn.C4:hover {
  color: #fff; }
.btn.C4s:hover {
  color: #fff; }
.btn.C4h:hover {
  color: #fff; }
.btn.C5:hover {
  color: #fff; }
.btn.C5s:hover {
  color: #fff; }
.btn.C5h:hover {
  color: #fff; }
.btn.C6:hover {
  color: #fff; }
.btn.SUCCESS:hover {
  color: #fff; }
.btn.ERROR:hover {
  color: #fff; }
.btn.progress {
  position: relative;
  overflow: hidden; }
.btn.progress .progress-bar {
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 300ms;
  -o-transition: width 300ms;
  transition: width 300ms; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc; }
.btn-default .badge {
  color: #fff;
  background-color: #333; }

.btn-secondary {
  color: #999999;
  background-color: transparent;
  border-color: #999999; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  color: #999999;
  border-color: #7a7a7a; }
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  background-image: none; }
.btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active {
  background-color: transparent;
  border-color: #999999; }
.btn-secondary .badge {
  color: transparent;
  background-color: #999999; }
.btn-secondary:hover {
  text-decoration: underline; }

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

.btn-list {
  padding-top: 8px;
  padding-bottom: 8px; }

.btn-outline.white {
  color: #fff;
  background-color: transparent;
  border-color: #fff; }
.btn-outline.white:hover, .btn-outline.white:focus, .btn-outline.white:active, .btn-outline.white.active, .open > .btn-outline.white.dropdown-toggle {
  color: #fff;
  border-color: #e0e0e0; }
.btn-outline.white:active, .btn-outline.white.active, .open > .btn-outline.white.dropdown-toggle {
  background-image: none; }
.btn-outline.white.disabled, .btn-outline.white.disabled:hover, .btn-outline.white.disabled:focus, .btn-outline.white.disabled:active, .btn-outline.white.disabled.active, .btn-outline.white[disabled], .btn-outline.white[disabled]:hover, .btn-outline.white[disabled]:focus, .btn-outline.white[disabled]:active, .btn-outline.white[disabled].active, fieldset[disabled] .btn-outline.white, fieldset[disabled] .btn-outline.white:hover, fieldset[disabled] .btn-outline.white:focus, fieldset[disabled] .btn-outline.white:active, fieldset[disabled] .btn-outline.white.active {
  background-color: transparent;
  border-color: #fff; }
.btn-outline.white .badge {
  color: transparent;
  background-color: #fff; }
.btn-outline.white:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.gray {
  color: #999999;
  background-color: transparent;
  border-color: #999999; }
.btn-outline.gray:hover, .btn-outline.gray:focus, .btn-outline.gray:active, .btn-outline.gray.active, .open > .btn-outline.gray.dropdown-toggle {
  color: #999999;
  border-color: #7a7a7a; }
.btn-outline.gray:active, .btn-outline.gray.active, .open > .btn-outline.gray.dropdown-toggle {
  background-image: none; }
.btn-outline.gray.disabled, .btn-outline.gray.disabled:hover, .btn-outline.gray.disabled:focus, .btn-outline.gray.disabled:active, .btn-outline.gray.disabled.active, .btn-outline.gray[disabled], .btn-outline.gray[disabled]:hover, .btn-outline.gray[disabled]:focus, .btn-outline.gray[disabled]:active, .btn-outline.gray[disabled].active, fieldset[disabled] .btn-outline.gray, fieldset[disabled] .btn-outline.gray:hover, fieldset[disabled] .btn-outline.gray:focus, fieldset[disabled] .btn-outline.gray:active, fieldset[disabled] .btn-outline.gray.active {
  background-color: transparent;
  border-color: #999999; }
.btn-outline.gray .badge {
  color: transparent;
  background-color: #999999; }
.btn-outline.gray:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.gray-dark {
  color: #666666;
  background-color: transparent;
  border-color: #666666; }
.btn-outline.gray-dark:hover, .btn-outline.gray-dark:focus, .btn-outline.gray-dark:active, .btn-outline.gray-dark.active, .open > .btn-outline.gray-dark.dropdown-toggle {
  color: #666666;
  border-color: #474747; }
.btn-outline.gray-dark:active, .btn-outline.gray-dark.active, .open > .btn-outline.gray-dark.dropdown-toggle {
  background-image: none; }
.btn-outline.gray-dark.disabled, .btn-outline.gray-dark.disabled:hover, .btn-outline.gray-dark.disabled:focus, .btn-outline.gray-dark.disabled:active, .btn-outline.gray-dark.disabled.active, .btn-outline.gray-dark[disabled], .btn-outline.gray-dark[disabled]:hover, .btn-outline.gray-dark[disabled]:focus, .btn-outline.gray-dark[disabled]:active, .btn-outline.gray-dark[disabled].active, fieldset[disabled] .btn-outline.gray-dark, fieldset[disabled] .btn-outline.gray-dark:hover, fieldset[disabled] .btn-outline.gray-dark:focus, fieldset[disabled] .btn-outline.gray-dark:active, fieldset[disabled] .btn-outline.gray-dark.active {
  background-color: transparent;
  border-color: #666666; }
.btn-outline.gray-dark .badge {
  color: transparent;
  background-color: #666666; }
.btn-outline.gray-dark:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.gray-light {
  color: #dddddd;
  background-color: transparent;
  border-color: #dddddd; }
.btn-outline.gray-light:hover, .btn-outline.gray-light:focus, .btn-outline.gray-light:active, .btn-outline.gray-light.active, .open > .btn-outline.gray-light.dropdown-toggle {
  color: #dddddd;
  border-color: #bebebe; }
.btn-outline.gray-light:active, .btn-outline.gray-light.active, .open > .btn-outline.gray-light.dropdown-toggle {
  background-image: none; }
.btn-outline.gray-light.disabled, .btn-outline.gray-light.disabled:hover, .btn-outline.gray-light.disabled:focus, .btn-outline.gray-light.disabled:active, .btn-outline.gray-light.disabled.active, .btn-outline.gray-light[disabled], .btn-outline.gray-light[disabled]:hover, .btn-outline.gray-light[disabled]:focus, .btn-outline.gray-light[disabled]:active, .btn-outline.gray-light[disabled].active, fieldset[disabled] .btn-outline.gray-light, fieldset[disabled] .btn-outline.gray-light:hover, fieldset[disabled] .btn-outline.gray-light:focus, fieldset[disabled] .btn-outline.gray-light:active, fieldset[disabled] .btn-outline.gray-light.active {
  background-color: transparent;
  border-color: #dddddd; }
.btn-outline.gray-light .badge {
  color: transparent;
  background-color: #dddddd; }
.btn-outline.gray-light:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.gray-lighter {
  color: #f3f3f3;
  background-color: transparent;
  border-color: #f3f3f3; }
.btn-outline.gray-lighter:hover, .btn-outline.gray-lighter:focus, .btn-outline.gray-lighter:active, .btn-outline.gray-lighter.active, .open > .btn-outline.gray-lighter.dropdown-toggle {
  color: #f3f3f3;
  border-color: #d4d4d4; }
.btn-outline.gray-lighter:active, .btn-outline.gray-lighter.active, .open > .btn-outline.gray-lighter.dropdown-toggle {
  background-image: none; }
.btn-outline.gray-lighter.disabled, .btn-outline.gray-lighter.disabled:hover, .btn-outline.gray-lighter.disabled:focus, .btn-outline.gray-lighter.disabled:active, .btn-outline.gray-lighter.disabled.active, .btn-outline.gray-lighter[disabled], .btn-outline.gray-lighter[disabled]:hover, .btn-outline.gray-lighter[disabled]:focus, .btn-outline.gray-lighter[disabled]:active, .btn-outline.gray-lighter[disabled].active, fieldset[disabled] .btn-outline.gray-lighter, fieldset[disabled] .btn-outline.gray-lighter:hover, fieldset[disabled] .btn-outline.gray-lighter:focus, fieldset[disabled] .btn-outline.gray-lighter:active, fieldset[disabled] .btn-outline.gray-lighter.active {
  background-color: transparent;
  border-color: #f3f3f3; }
.btn-outline.gray-lighter .badge {
  color: transparent;
  background-color: #f3f3f3; }
.btn-outline.gray-lighter:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.purple {
  color: #662d91;
  background-color: transparent;
  border-color: #662d91; }
.btn-outline.purple:hover, .btn-outline.purple:focus, .btn-outline.purple:active, .btn-outline.purple.active, .open > .btn-outline.purple.dropdown-toggle {
  color: #662d91;
  border-color: #451f62; }
.btn-outline.purple:active, .btn-outline.purple.active, .open > .btn-outline.purple.dropdown-toggle {
  background-image: none; }
.btn-outline.purple.disabled, .btn-outline.purple.disabled:hover, .btn-outline.purple.disabled:focus, .btn-outline.purple.disabled:active, .btn-outline.purple.disabled.active, .btn-outline.purple[disabled], .btn-outline.purple[disabled]:hover, .btn-outline.purple[disabled]:focus, .btn-outline.purple[disabled]:active, .btn-outline.purple[disabled].active, fieldset[disabled] .btn-outline.purple, fieldset[disabled] .btn-outline.purple:hover, fieldset[disabled] .btn-outline.purple:focus, fieldset[disabled] .btn-outline.purple:active, fieldset[disabled] .btn-outline.purple.active {
  background-color: transparent;
  border-color: #662d91; }
.btn-outline.purple .badge {
  color: transparent;
  background-color: #662d91; }
.btn-outline.purple:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.red {
  color: #ed1847;
  background-color: transparent;
  border-color: #ed1847; }
.btn-outline.red:hover, .btn-outline.red:focus, .btn-outline.red:active, .btn-outline.red.active, .open > .btn-outline.red.dropdown-toggle {
  color: #ed1847;
  border-color: #b90e34; }
.btn-outline.red:active, .btn-outline.red.active, .open > .btn-outline.red.dropdown-toggle {
  background-image: none; }
.btn-outline.red.disabled, .btn-outline.red.disabled:hover, .btn-outline.red.disabled:focus, .btn-outline.red.disabled:active, .btn-outline.red.disabled.active, .btn-outline.red[disabled], .btn-outline.red[disabled]:hover, .btn-outline.red[disabled]:focus, .btn-outline.red[disabled]:active, .btn-outline.red[disabled].active, fieldset[disabled] .btn-outline.red, fieldset[disabled] .btn-outline.red:hover, fieldset[disabled] .btn-outline.red:focus, fieldset[disabled] .btn-outline.red:active, fieldset[disabled] .btn-outline.red.active {
  background-color: transparent;
  border-color: #ed1847; }
.btn-outline.red .badge {
  color: transparent;
  background-color: #ed1847; }
.btn-outline.red:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.blue {
  color: #00a5e5;
  background-color: transparent;
  border-color: #00a5e5; }
.btn-outline.blue:hover, .btn-outline.blue:focus, .btn-outline.blue:active, .btn-outline.blue.active, .open > .btn-outline.blue.dropdown-toggle {
  color: #00a5e5;
  border-color: #0079a8; }
.btn-outline.blue:active, .btn-outline.blue.active, .open > .btn-outline.blue.dropdown-toggle {
  background-image: none; }
.btn-outline.blue.disabled, .btn-outline.blue.disabled:hover, .btn-outline.blue.disabled:focus, .btn-outline.blue.disabled:active, .btn-outline.blue.disabled.active, .btn-outline.blue[disabled], .btn-outline.blue[disabled]:hover, .btn-outline.blue[disabled]:focus, .btn-outline.blue[disabled]:active, .btn-outline.blue[disabled].active, fieldset[disabled] .btn-outline.blue, fieldset[disabled] .btn-outline.blue:hover, fieldset[disabled] .btn-outline.blue:focus, fieldset[disabled] .btn-outline.blue:active, fieldset[disabled] .btn-outline.blue.active {
  background-color: transparent;
  border-color: #00a5e5; }
.btn-outline.blue .badge {
  color: transparent;
  background-color: #00a5e5; }
.btn-outline.blue:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.green {
  color: #00cd49;
  background-color: transparent;
  border-color: #00cd49; }
.btn-outline.green:hover, .btn-outline.green:focus, .btn-outline.green:active, .btn-outline.green.active, .open > .btn-outline.green.dropdown-toggle {
  color: #00cd49;
  border-color: #009033; }
.btn-outline.green:active, .btn-outline.green.active, .open > .btn-outline.green.dropdown-toggle {
  background-image: none; }
.btn-outline.green.disabled, .btn-outline.green.disabled:hover, .btn-outline.green.disabled:focus, .btn-outline.green.disabled:active, .btn-outline.green.disabled.active, .btn-outline.green[disabled], .btn-outline.green[disabled]:hover, .btn-outline.green[disabled]:focus, .btn-outline.green[disabled]:active, .btn-outline.green[disabled].active, fieldset[disabled] .btn-outline.green, fieldset[disabled] .btn-outline.green:hover, fieldset[disabled] .btn-outline.green:focus, fieldset[disabled] .btn-outline.green:active, fieldset[disabled] .btn-outline.green.active {
  background-color: transparent;
  border-color: #00cd49; }
.btn-outline.green .badge {
  color: transparent;
  background-color: #00cd49; }
.btn-outline.green:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.orange {
  color: #ff9000;
  background-color: transparent;
  border-color: #ff9000; }
.btn-outline.orange:hover, .btn-outline.orange:focus, .btn-outline.orange:active, .btn-outline.orange.active, .open > .btn-outline.orange.dropdown-toggle {
  color: #ff9000;
  border-color: #c26d00; }
.btn-outline.orange:active, .btn-outline.orange.active, .open > .btn-outline.orange.dropdown-toggle {
  background-image: none; }
.btn-outline.orange.disabled, .btn-outline.orange.disabled:hover, .btn-outline.orange.disabled:focus, .btn-outline.orange.disabled:active, .btn-outline.orange.disabled.active, .btn-outline.orange[disabled], .btn-outline.orange[disabled]:hover, .btn-outline.orange[disabled]:focus, .btn-outline.orange[disabled]:active, .btn-outline.orange[disabled].active, fieldset[disabled] .btn-outline.orange, fieldset[disabled] .btn-outline.orange:hover, fieldset[disabled] .btn-outline.orange:focus, fieldset[disabled] .btn-outline.orange:active, fieldset[disabled] .btn-outline.orange.active {
  background-color: transparent;
  border-color: #ff9000; }
.btn-outline.orange .badge {
  color: transparent;
  background-color: #ff9000; }
.btn-outline.orange:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.B0 {
  color: #fff;
  background-color: transparent;
  border-color: #fff; }
.btn-outline.B0:hover, .btn-outline.B0:focus, .btn-outline.B0:active, .btn-outline.B0.active, .open > .btn-outline.B0.dropdown-toggle {
  color: #fff;
  border-color: #e0e0e0; }
.btn-outline.B0:active, .btn-outline.B0.active, .open > .btn-outline.B0.dropdown-toggle {
  background-image: none; }
.btn-outline.B0.disabled, .btn-outline.B0.disabled:hover, .btn-outline.B0.disabled:focus, .btn-outline.B0.disabled:active, .btn-outline.B0.disabled.active, .btn-outline.B0[disabled], .btn-outline.B0[disabled]:hover, .btn-outline.B0[disabled]:focus, .btn-outline.B0[disabled]:active, .btn-outline.B0[disabled].active, fieldset[disabled] .btn-outline.B0, fieldset[disabled] .btn-outline.B0:hover, fieldset[disabled] .btn-outline.B0:focus, fieldset[disabled] .btn-outline.B0:active, fieldset[disabled] .btn-outline.B0.active {
  background-color: transparent;
  border-color: #fff; }
.btn-outline.B0 .badge {
  color: transparent;
  background-color: #fff; }
.btn-outline.B0:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.B1 {
  color: #ddd;
  background-color: transparent;
  border-color: #ddd; }
.btn-outline.B1:hover, .btn-outline.B1:focus, .btn-outline.B1:active, .btn-outline.B1.active, .open > .btn-outline.B1.dropdown-toggle {
  color: #ddd;
  border-color: #bebebe; }
.btn-outline.B1:active, .btn-outline.B1.active, .open > .btn-outline.B1.dropdown-toggle {
  background-image: none; }
.btn-outline.B1.disabled, .btn-outline.B1.disabled:hover, .btn-outline.B1.disabled:focus, .btn-outline.B1.disabled:active, .btn-outline.B1.disabled.active, .btn-outline.B1[disabled], .btn-outline.B1[disabled]:hover, .btn-outline.B1[disabled]:focus, .btn-outline.B1[disabled]:active, .btn-outline.B1[disabled].active, fieldset[disabled] .btn-outline.B1, fieldset[disabled] .btn-outline.B1:hover, fieldset[disabled] .btn-outline.B1:focus, fieldset[disabled] .btn-outline.B1:active, fieldset[disabled] .btn-outline.B1.active {
  background-color: transparent;
  border-color: #ddd; }
.btn-outline.B1 .badge {
  color: transparent;
  background-color: #ddd; }
.btn-outline.B1:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.B2 {
  color: #999;
  background-color: transparent;
  border-color: #999; }
.btn-outline.B2:hover, .btn-outline.B2:focus, .btn-outline.B2:active, .btn-outline.B2.active, .open > .btn-outline.B2.dropdown-toggle {
  color: #999;
  border-color: #7a7a7a; }
.btn-outline.B2:active, .btn-outline.B2.active, .open > .btn-outline.B2.dropdown-toggle {
  background-image: none; }
.btn-outline.B2.disabled, .btn-outline.B2.disabled:hover, .btn-outline.B2.disabled:focus, .btn-outline.B2.disabled:active, .btn-outline.B2.disabled.active, .btn-outline.B2[disabled], .btn-outline.B2[disabled]:hover, .btn-outline.B2[disabled]:focus, .btn-outline.B2[disabled]:active, .btn-outline.B2[disabled].active, fieldset[disabled] .btn-outline.B2, fieldset[disabled] .btn-outline.B2:hover, fieldset[disabled] .btn-outline.B2:focus, fieldset[disabled] .btn-outline.B2:active, fieldset[disabled] .btn-outline.B2.active {
  background-color: transparent;
  border-color: #999; }
.btn-outline.B2 .badge {
  color: transparent;
  background-color: #999; }
.btn-outline.B2:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.B3 {
  color: #666;
  background-color: transparent;
  border-color: #666; }
.btn-outline.B3:hover, .btn-outline.B3:focus, .btn-outline.B3:active, .btn-outline.B3.active, .open > .btn-outline.B3.dropdown-toggle {
  color: #666;
  border-color: #474747; }
.btn-outline.B3:active, .btn-outline.B3.active, .open > .btn-outline.B3.dropdown-toggle {
  background-image: none; }
.btn-outline.B3.disabled, .btn-outline.B3.disabled:hover, .btn-outline.B3.disabled:focus, .btn-outline.B3.disabled:active, .btn-outline.B3.disabled.active, .btn-outline.B3[disabled], .btn-outline.B3[disabled]:hover, .btn-outline.B3[disabled]:focus, .btn-outline.B3[disabled]:active, .btn-outline.B3[disabled].active, fieldset[disabled] .btn-outline.B3, fieldset[disabled] .btn-outline.B3:hover, fieldset[disabled] .btn-outline.B3:focus, fieldset[disabled] .btn-outline.B3:active, fieldset[disabled] .btn-outline.B3.active {
  background-color: transparent;
  border-color: #666; }
.btn-outline.B3 .badge {
  color: transparent;
  background-color: #666; }
.btn-outline.B3:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.B4 {
  color: #333;
  background-color: transparent;
  border-color: #333; }
.btn-outline.B4:hover, .btn-outline.B4:focus, .btn-outline.B4:active, .btn-outline.B4.active, .open > .btn-outline.B4.dropdown-toggle {
  color: #333;
  border-color: #141414; }
.btn-outline.B4:active, .btn-outline.B4.active, .open > .btn-outline.B4.dropdown-toggle {
  background-image: none; }
.btn-outline.B4.disabled, .btn-outline.B4.disabled:hover, .btn-outline.B4.disabled:focus, .btn-outline.B4.disabled:active, .btn-outline.B4.disabled.active, .btn-outline.B4[disabled], .btn-outline.B4[disabled]:hover, .btn-outline.B4[disabled]:focus, .btn-outline.B4[disabled]:active, .btn-outline.B4[disabled].active, fieldset[disabled] .btn-outline.B4, fieldset[disabled] .btn-outline.B4:hover, fieldset[disabled] .btn-outline.B4:focus, fieldset[disabled] .btn-outline.B4:active, fieldset[disabled] .btn-outline.B4.active {
  background-color: transparent;
  border-color: #333; }
.btn-outline.B4 .badge {
  color: transparent;
  background-color: #333; }
.btn-outline.B4:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.B5 {
  color: #222;
  background-color: transparent;
  border-color: #222; }
.btn-outline.B5:hover, .btn-outline.B5:focus, .btn-outline.B5:active, .btn-outline.B5.active, .open > .btn-outline.B5.dropdown-toggle {
  color: #222;
  border-color: #030303; }
.btn-outline.B5:active, .btn-outline.B5.active, .open > .btn-outline.B5.dropdown-toggle {
  background-image: none; }
.btn-outline.B5.disabled, .btn-outline.B5.disabled:hover, .btn-outline.B5.disabled:focus, .btn-outline.B5.disabled:active, .btn-outline.B5.disabled.active, .btn-outline.B5[disabled], .btn-outline.B5[disabled]:hover, .btn-outline.B5[disabled]:focus, .btn-outline.B5[disabled]:active, .btn-outline.B5[disabled].active, fieldset[disabled] .btn-outline.B5, fieldset[disabled] .btn-outline.B5:hover, fieldset[disabled] .btn-outline.B5:focus, fieldset[disabled] .btn-outline.B5:active, fieldset[disabled] .btn-outline.B5.active {
  background-color: transparent;
  border-color: #222; }
.btn-outline.B5 .badge {
  color: transparent;
  background-color: #222; }
.btn-outline.B5:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.B6 {
  color: #000;
  background-color: transparent;
  border-color: #000; }
.btn-outline.B6:hover, .btn-outline.B6:focus, .btn-outline.B6:active, .btn-outline.B6.active, .open > .btn-outline.B6.dropdown-toggle {
  color: #000;
  border-color: black; }
.btn-outline.B6:active, .btn-outline.B6.active, .open > .btn-outline.B6.dropdown-toggle {
  background-image: none; }
.btn-outline.B6.disabled, .btn-outline.B6.disabled:hover, .btn-outline.B6.disabled:focus, .btn-outline.B6.disabled:active, .btn-outline.B6.disabled.active, .btn-outline.B6[disabled], .btn-outline.B6[disabled]:hover, .btn-outline.B6[disabled]:focus, .btn-outline.B6[disabled]:active, .btn-outline.B6[disabled].active, fieldset[disabled] .btn-outline.B6, fieldset[disabled] .btn-outline.B6:hover, fieldset[disabled] .btn-outline.B6:focus, fieldset[disabled] .btn-outline.B6:active, fieldset[disabled] .btn-outline.B6.active {
  background-color: transparent;
  border-color: #000; }
.btn-outline.B6 .badge {
  color: transparent;
  background-color: #000; }
.btn-outline.B6:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.B7 {
  color: #f3f3f3;
  background-color: transparent;
  border-color: #f3f3f3; }
.btn-outline.B7:hover, .btn-outline.B7:focus, .btn-outline.B7:active, .btn-outline.B7.active, .open > .btn-outline.B7.dropdown-toggle {
  color: #f3f3f3;
  border-color: #d4d4d4; }
.btn-outline.B7:active, .btn-outline.B7.active, .open > .btn-outline.B7.dropdown-toggle {
  background-image: none; }
.btn-outline.B7.disabled, .btn-outline.B7.disabled:hover, .btn-outline.B7.disabled:focus, .btn-outline.B7.disabled:active, .btn-outline.B7.disabled.active, .btn-outline.B7[disabled], .btn-outline.B7[disabled]:hover, .btn-outline.B7[disabled]:focus, .btn-outline.B7[disabled]:active, .btn-outline.B7[disabled].active, fieldset[disabled] .btn-outline.B7, fieldset[disabled] .btn-outline.B7:hover, fieldset[disabled] .btn-outline.B7:focus, fieldset[disabled] .btn-outline.B7:active, fieldset[disabled] .btn-outline.B7.active {
  background-color: transparent;
  border-color: #f3f3f3; }
.btn-outline.B7 .badge {
  color: transparent;
  background-color: #f3f3f3; }
.btn-outline.B7:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C1 {
  color: #662d91;
  background-color: transparent;
  border-color: #662d91; }
.btn-outline.C1:hover, .btn-outline.C1:focus, .btn-outline.C1:active, .btn-outline.C1.active, .open > .btn-outline.C1.dropdown-toggle {
  color: #662d91;
  border-color: #451f62; }
.btn-outline.C1:active, .btn-outline.C1.active, .open > .btn-outline.C1.dropdown-toggle {
  background-image: none; }
.btn-outline.C1.disabled, .btn-outline.C1.disabled:hover, .btn-outline.C1.disabled:focus, .btn-outline.C1.disabled:active, .btn-outline.C1.disabled.active, .btn-outline.C1[disabled], .btn-outline.C1[disabled]:hover, .btn-outline.C1[disabled]:focus, .btn-outline.C1[disabled]:active, .btn-outline.C1[disabled].active, fieldset[disabled] .btn-outline.C1, fieldset[disabled] .btn-outline.C1:hover, fieldset[disabled] .btn-outline.C1:focus, fieldset[disabled] .btn-outline.C1:active, fieldset[disabled] .btn-outline.C1.active {
  background-color: transparent;
  border-color: #662d91; }
.btn-outline.C1 .badge {
  color: transparent;
  background-color: #662d91; }
.btn-outline.C1:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C1s {
  color: #552a7b;
  background-color: transparent;
  border-color: #552a7b; }
.btn-outline.C1s:hover, .btn-outline.C1s:focus, .btn-outline.C1s:active, .btn-outline.C1s.active, .open > .btn-outline.C1s.dropdown-toggle {
  color: #552a7b;
  border-color: #351a4d; }
.btn-outline.C1s:active, .btn-outline.C1s.active, .open > .btn-outline.C1s.dropdown-toggle {
  background-image: none; }
.btn-outline.C1s.disabled, .btn-outline.C1s.disabled:hover, .btn-outline.C1s.disabled:focus, .btn-outline.C1s.disabled:active, .btn-outline.C1s.disabled.active, .btn-outline.C1s[disabled], .btn-outline.C1s[disabled]:hover, .btn-outline.C1s[disabled]:focus, .btn-outline.C1s[disabled]:active, .btn-outline.C1s[disabled].active, fieldset[disabled] .btn-outline.C1s, fieldset[disabled] .btn-outline.C1s:hover, fieldset[disabled] .btn-outline.C1s:focus, fieldset[disabled] .btn-outline.C1s:active, fieldset[disabled] .btn-outline.C1s.active {
  background-color: transparent;
  border-color: #552a7b; }
.btn-outline.C1s .badge {
  color: transparent;
  background-color: #552a7b; }
.btn-outline.C1s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C1h {
  color: #843abc;
  background-color: transparent;
  border-color: #843abc; }
.btn-outline.C1h:hover, .btn-outline.C1h:focus, .btn-outline.C1h:active, .btn-outline.C1h.active, .open > .btn-outline.C1h.dropdown-toggle {
  color: #843abc;
  border-color: #632c8d; }
.btn-outline.C1h:active, .btn-outline.C1h.active, .open > .btn-outline.C1h.dropdown-toggle {
  background-image: none; }
.btn-outline.C1h.disabled, .btn-outline.C1h.disabled:hover, .btn-outline.C1h.disabled:focus, .btn-outline.C1h.disabled:active, .btn-outline.C1h.disabled.active, .btn-outline.C1h[disabled], .btn-outline.C1h[disabled]:hover, .btn-outline.C1h[disabled]:focus, .btn-outline.C1h[disabled]:active, .btn-outline.C1h[disabled].active, fieldset[disabled] .btn-outline.C1h, fieldset[disabled] .btn-outline.C1h:hover, fieldset[disabled] .btn-outline.C1h:focus, fieldset[disabled] .btn-outline.C1h:active, fieldset[disabled] .btn-outline.C1h.active {
  background-color: transparent;
  border-color: #843abc; }
.btn-outline.C1h .badge {
  color: transparent;
  background-color: #843abc; }
.btn-outline.C1h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C2 {
  color: #ed1847;
  background-color: transparent;
  border-color: #ed1847; }
.btn-outline.C2:hover, .btn-outline.C2:focus, .btn-outline.C2:active, .btn-outline.C2.active, .open > .btn-outline.C2.dropdown-toggle {
  color: #ed1847;
  border-color: #b90e34; }
.btn-outline.C2:active, .btn-outline.C2.active, .open > .btn-outline.C2.dropdown-toggle {
  background-image: none; }
.btn-outline.C2.disabled, .btn-outline.C2.disabled:hover, .btn-outline.C2.disabled:focus, .btn-outline.C2.disabled:active, .btn-outline.C2.disabled.active, .btn-outline.C2[disabled], .btn-outline.C2[disabled]:hover, .btn-outline.C2[disabled]:focus, .btn-outline.C2[disabled]:active, .btn-outline.C2[disabled].active, fieldset[disabled] .btn-outline.C2, fieldset[disabled] .btn-outline.C2:hover, fieldset[disabled] .btn-outline.C2:focus, fieldset[disabled] .btn-outline.C2:active, fieldset[disabled] .btn-outline.C2.active {
  background-color: transparent;
  border-color: #ed1847; }
.btn-outline.C2 .badge {
  color: transparent;
  background-color: #ed1847; }
.btn-outline.C2:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C2s {
  color: #cb153e;
  background-color: transparent;
  border-color: #cb153e; }
.btn-outline.C2s:hover, .btn-outline.C2s:focus, .btn-outline.C2s:active, .btn-outline.C2s.active, .open > .btn-outline.C2s.dropdown-toggle {
  color: #cb153e;
  border-color: #940f2d; }
.btn-outline.C2s:active, .btn-outline.C2s.active, .open > .btn-outline.C2s.dropdown-toggle {
  background-image: none; }
.btn-outline.C2s.disabled, .btn-outline.C2s.disabled:hover, .btn-outline.C2s.disabled:focus, .btn-outline.C2s.disabled:active, .btn-outline.C2s.disabled.active, .btn-outline.C2s[disabled], .btn-outline.C2s[disabled]:hover, .btn-outline.C2s[disabled]:focus, .btn-outline.C2s[disabled]:active, .btn-outline.C2s[disabled].active, fieldset[disabled] .btn-outline.C2s, fieldset[disabled] .btn-outline.C2s:hover, fieldset[disabled] .btn-outline.C2s:focus, fieldset[disabled] .btn-outline.C2s:active, fieldset[disabled] .btn-outline.C2s.active {
  background-color: transparent;
  border-color: #cb153e; }
.btn-outline.C2s .badge {
  color: transparent;
  background-color: #cb153e; }
.btn-outline.C2s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C2h {
  color: #ff1a4c;
  background-color: transparent;
  border-color: #ff1a4c; }
.btn-outline.C2h:hover, .btn-outline.C2h:focus, .btn-outline.C2h:active, .btn-outline.C2h.active, .open > .btn-outline.C2h.dropdown-toggle {
  color: #ff1a4c;
  border-color: #dc0030; }
.btn-outline.C2h:active, .btn-outline.C2h.active, .open > .btn-outline.C2h.dropdown-toggle {
  background-image: none; }
.btn-outline.C2h.disabled, .btn-outline.C2h.disabled:hover, .btn-outline.C2h.disabled:focus, .btn-outline.C2h.disabled:active, .btn-outline.C2h.disabled.active, .btn-outline.C2h[disabled], .btn-outline.C2h[disabled]:hover, .btn-outline.C2h[disabled]:focus, .btn-outline.C2h[disabled]:active, .btn-outline.C2h[disabled].active, fieldset[disabled] .btn-outline.C2h, fieldset[disabled] .btn-outline.C2h:hover, fieldset[disabled] .btn-outline.C2h:focus, fieldset[disabled] .btn-outline.C2h:active, fieldset[disabled] .btn-outline.C2h.active {
  background-color: transparent;
  border-color: #ff1a4c; }
.btn-outline.C2h .badge {
  color: transparent;
  background-color: #ff1a4c; }
.btn-outline.C2h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C3 {
  color: #00a5e5;
  background-color: transparent;
  border-color: #00a5e5; }
.btn-outline.C3:hover, .btn-outline.C3:focus, .btn-outline.C3:active, .btn-outline.C3.active, .open > .btn-outline.C3.dropdown-toggle {
  color: #00a5e5;
  border-color: #0079a8; }
.btn-outline.C3:active, .btn-outline.C3.active, .open > .btn-outline.C3.dropdown-toggle {
  background-image: none; }
.btn-outline.C3.disabled, .btn-outline.C3.disabled:hover, .btn-outline.C3.disabled:focus, .btn-outline.C3.disabled:active, .btn-outline.C3.disabled.active, .btn-outline.C3[disabled], .btn-outline.C3[disabled]:hover, .btn-outline.C3[disabled]:focus, .btn-outline.C3[disabled]:active, .btn-outline.C3[disabled].active, fieldset[disabled] .btn-outline.C3, fieldset[disabled] .btn-outline.C3:hover, fieldset[disabled] .btn-outline.C3:focus, fieldset[disabled] .btn-outline.C3:active, fieldset[disabled] .btn-outline.C3.active {
  background-color: transparent;
  border-color: #00a5e5; }
.btn-outline.C3 .badge {
  color: transparent;
  background-color: #00a5e5; }
.btn-outline.C3:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C3s {
  color: #1998cf;
  background-color: transparent;
  border-color: #1998cf; }
.btn-outline.C3s:hover, .btn-outline.C3s:focus, .btn-outline.C3s:active, .btn-outline.C3s.active, .open > .btn-outline.C3s.dropdown-toggle {
  color: #1998cf;
  border-color: #127098; }
.btn-outline.C3s:active, .btn-outline.C3s.active, .open > .btn-outline.C3s.dropdown-toggle {
  background-image: none; }
.btn-outline.C3s.disabled, .btn-outline.C3s.disabled:hover, .btn-outline.C3s.disabled:focus, .btn-outline.C3s.disabled:active, .btn-outline.C3s.disabled.active, .btn-outline.C3s[disabled], .btn-outline.C3s[disabled]:hover, .btn-outline.C3s[disabled]:focus, .btn-outline.C3s[disabled]:active, .btn-outline.C3s[disabled].active, fieldset[disabled] .btn-outline.C3s, fieldset[disabled] .btn-outline.C3s:hover, fieldset[disabled] .btn-outline.C3s:focus, fieldset[disabled] .btn-outline.C3s:active, fieldset[disabled] .btn-outline.C3s.active {
  background-color: transparent;
  border-color: #1998cf; }
.btn-outline.C3s .badge {
  color: transparent;
  background-color: #1998cf; }
.btn-outline.C3s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C3h {
  color: #00b3f9;
  background-color: transparent;
  border-color: #00b3f9; }
.btn-outline.C3h:hover, .btn-outline.C3h:focus, .btn-outline.C3h:active, .btn-outline.C3h.active, .open > .btn-outline.C3h.dropdown-toggle {
  color: #00b3f9;
  border-color: #0087bc; }
.btn-outline.C3h:active, .btn-outline.C3h.active, .open > .btn-outline.C3h.dropdown-toggle {
  background-image: none; }
.btn-outline.C3h.disabled, .btn-outline.C3h.disabled:hover, .btn-outline.C3h.disabled:focus, .btn-outline.C3h.disabled:active, .btn-outline.C3h.disabled.active, .btn-outline.C3h[disabled], .btn-outline.C3h[disabled]:hover, .btn-outline.C3h[disabled]:focus, .btn-outline.C3h[disabled]:active, .btn-outline.C3h[disabled].active, fieldset[disabled] .btn-outline.C3h, fieldset[disabled] .btn-outline.C3h:hover, fieldset[disabled] .btn-outline.C3h:focus, fieldset[disabled] .btn-outline.C3h:active, fieldset[disabled] .btn-outline.C3h.active {
  background-color: transparent;
  border-color: #00b3f9; }
.btn-outline.C3h .badge {
  color: transparent;
  background-color: #00b3f9; }
.btn-outline.C3h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C4 {
  color: #00cd49;
  background-color: transparent;
  border-color: #00cd49; }
.btn-outline.C4:hover, .btn-outline.C4:focus, .btn-outline.C4:active, .btn-outline.C4.active, .open > .btn-outline.C4.dropdown-toggle {
  color: #00cd49;
  border-color: #009033; }
.btn-outline.C4:active, .btn-outline.C4.active, .open > .btn-outline.C4.dropdown-toggle {
  background-image: none; }
.btn-outline.C4.disabled, .btn-outline.C4.disabled:hover, .btn-outline.C4.disabled:focus, .btn-outline.C4.disabled:active, .btn-outline.C4.disabled.active, .btn-outline.C4[disabled], .btn-outline.C4[disabled]:hover, .btn-outline.C4[disabled]:focus, .btn-outline.C4[disabled]:active, .btn-outline.C4[disabled].active, fieldset[disabled] .btn-outline.C4, fieldset[disabled] .btn-outline.C4:hover, fieldset[disabled] .btn-outline.C4:focus, fieldset[disabled] .btn-outline.C4:active, fieldset[disabled] .btn-outline.C4.active {
  background-color: transparent;
  border-color: #00cd49; }
.btn-outline.C4 .badge {
  color: transparent;
  background-color: #00cd49; }
.btn-outline.C4:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C4s {
  color: #00b240;
  background-color: transparent;
  border-color: #00b240; }
.btn-outline.C4s:hover, .btn-outline.C4s:focus, .btn-outline.C4s:active, .btn-outline.C4s.active, .open > .btn-outline.C4s.dropdown-toggle {
  color: #00b240;
  border-color: #00752a; }
.btn-outline.C4s:active, .btn-outline.C4s.active, .open > .btn-outline.C4s.dropdown-toggle {
  background-image: none; }
.btn-outline.C4s.disabled, .btn-outline.C4s.disabled:hover, .btn-outline.C4s.disabled:focus, .btn-outline.C4s.disabled:active, .btn-outline.C4s.disabled.active, .btn-outline.C4s[disabled], .btn-outline.C4s[disabled]:hover, .btn-outline.C4s[disabled]:focus, .btn-outline.C4s[disabled]:active, .btn-outline.C4s[disabled].active, fieldset[disabled] .btn-outline.C4s, fieldset[disabled] .btn-outline.C4s:hover, fieldset[disabled] .btn-outline.C4s:focus, fieldset[disabled] .btn-outline.C4s:active, fieldset[disabled] .btn-outline.C4s.active {
  background-color: transparent;
  border-color: #00b240; }
.btn-outline.C4s .badge {
  color: transparent;
  background-color: #00b240; }
.btn-outline.C4s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C4h {
  color: #00e050;
  background-color: transparent;
  border-color: #00e050; }
.btn-outline.C4h:hover, .btn-outline.C4h:focus, .btn-outline.C4h:active, .btn-outline.C4h.active, .open > .btn-outline.C4h.dropdown-toggle {
  color: #00e050;
  border-color: #00a33a; }
.btn-outline.C4h:active, .btn-outline.C4h.active, .open > .btn-outline.C4h.dropdown-toggle {
  background-image: none; }
.btn-outline.C4h.disabled, .btn-outline.C4h.disabled:hover, .btn-outline.C4h.disabled:focus, .btn-outline.C4h.disabled:active, .btn-outline.C4h.disabled.active, .btn-outline.C4h[disabled], .btn-outline.C4h[disabled]:hover, .btn-outline.C4h[disabled]:focus, .btn-outline.C4h[disabled]:active, .btn-outline.C4h[disabled].active, fieldset[disabled] .btn-outline.C4h, fieldset[disabled] .btn-outline.C4h:hover, fieldset[disabled] .btn-outline.C4h:focus, fieldset[disabled] .btn-outline.C4h:active, fieldset[disabled] .btn-outline.C4h.active {
  background-color: transparent;
  border-color: #00e050; }
.btn-outline.C4h .badge {
  color: transparent;
  background-color: #00e050; }
.btn-outline.C4h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C5 {
  color: #ff9000;
  background-color: transparent;
  border-color: #ff9000; }
.btn-outline.C5:hover, .btn-outline.C5:focus, .btn-outline.C5:active, .btn-outline.C5.active, .open > .btn-outline.C5.dropdown-toggle {
  color: #ff9000;
  border-color: #c26d00; }
.btn-outline.C5:active, .btn-outline.C5.active, .open > .btn-outline.C5.dropdown-toggle {
  background-image: none; }
.btn-outline.C5.disabled, .btn-outline.C5.disabled:hover, .btn-outline.C5.disabled:focus, .btn-outline.C5.disabled:active, .btn-outline.C5.disabled.active, .btn-outline.C5[disabled], .btn-outline.C5[disabled]:hover, .btn-outline.C5[disabled]:focus, .btn-outline.C5[disabled]:active, .btn-outline.C5[disabled].active, fieldset[disabled] .btn-outline.C5, fieldset[disabled] .btn-outline.C5:hover, fieldset[disabled] .btn-outline.C5:focus, fieldset[disabled] .btn-outline.C5:active, fieldset[disabled] .btn-outline.C5.active {
  background-color: transparent;
  border-color: #ff9000; }
.btn-outline.C5 .badge {
  color: transparent;
  background-color: #ff9000; }
.btn-outline.C5:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C5s {
  color: #ea8400;
  background-color: transparent;
  border-color: #ea8400; }
.btn-outline.C5s:hover, .btn-outline.C5s:focus, .btn-outline.C5s:active, .btn-outline.C5s.active, .open > .btn-outline.C5s.dropdown-toggle {
  color: #ea8400;
  border-color: #ad6100; }
.btn-outline.C5s:active, .btn-outline.C5s.active, .open > .btn-outline.C5s.dropdown-toggle {
  background-image: none; }
.btn-outline.C5s.disabled, .btn-outline.C5s.disabled:hover, .btn-outline.C5s.disabled:focus, .btn-outline.C5s.disabled:active, .btn-outline.C5s.disabled.active, .btn-outline.C5s[disabled], .btn-outline.C5s[disabled]:hover, .btn-outline.C5s[disabled]:focus, .btn-outline.C5s[disabled]:active, .btn-outline.C5s[disabled].active, fieldset[disabled] .btn-outline.C5s, fieldset[disabled] .btn-outline.C5s:hover, fieldset[disabled] .btn-outline.C5s:focus, fieldset[disabled] .btn-outline.C5s:active, fieldset[disabled] .btn-outline.C5s.active {
  background-color: transparent;
  border-color: #ea8400; }
.btn-outline.C5s .badge {
  color: transparent;
  background-color: #ea8400; }
.btn-outline.C5s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C5h {
  color: #ff9d1e;
  background-color: transparent;
  border-color: #ff9d1e; }
.btn-outline.C5h:hover, .btn-outline.C5h:focus, .btn-outline.C5h:active, .btn-outline.C5h.active, .open > .btn-outline.C5h.dropdown-toggle {
  color: #ff9d1e;
  border-color: #e07e00; }
.btn-outline.C5h:active, .btn-outline.C5h.active, .open > .btn-outline.C5h.dropdown-toggle {
  background-image: none; }
.btn-outline.C5h.disabled, .btn-outline.C5h.disabled:hover, .btn-outline.C5h.disabled:focus, .btn-outline.C5h.disabled:active, .btn-outline.C5h.disabled.active, .btn-outline.C5h[disabled], .btn-outline.C5h[disabled]:hover, .btn-outline.C5h[disabled]:focus, .btn-outline.C5h[disabled]:active, .btn-outline.C5h[disabled].active, fieldset[disabled] .btn-outline.C5h, fieldset[disabled] .btn-outline.C5h:hover, fieldset[disabled] .btn-outline.C5h:focus, fieldset[disabled] .btn-outline.C5h:active, fieldset[disabled] .btn-outline.C5h.active {
  background-color: transparent;
  border-color: #ff9d1e; }
.btn-outline.C5h .badge {
  color: transparent;
  background-color: #ff9d1e; }
.btn-outline.C5h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.C6 {
  color: #30dbe4;
  background-color: transparent;
  border-color: #30dbe4; }
.btn-outline.C6:hover, .btn-outline.C6:focus, .btn-outline.C6:active, .btn-outline.C6.active, .open > .btn-outline.C6.dropdown-toggle {
  color: #30dbe4;
  border-color: #19b6be; }
.btn-outline.C6:active, .btn-outline.C6.active, .open > .btn-outline.C6.dropdown-toggle {
  background-image: none; }
.btn-outline.C6.disabled, .btn-outline.C6.disabled:hover, .btn-outline.C6.disabled:focus, .btn-outline.C6.disabled:active, .btn-outline.C6.disabled.active, .btn-outline.C6[disabled], .btn-outline.C6[disabled]:hover, .btn-outline.C6[disabled]:focus, .btn-outline.C6[disabled]:active, .btn-outline.C6[disabled].active, fieldset[disabled] .btn-outline.C6, fieldset[disabled] .btn-outline.C6:hover, fieldset[disabled] .btn-outline.C6:focus, fieldset[disabled] .btn-outline.C6:active, fieldset[disabled] .btn-outline.C6.active {
  background-color: transparent;
  border-color: #30dbe4; }
.btn-outline.C6 .badge {
  color: transparent;
  background-color: #30dbe4; }
.btn-outline.C6:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.SUCCESS {
  color: #00cd49;
  background-color: transparent;
  border-color: #00cd49; }
.btn-outline.SUCCESS:hover, .btn-outline.SUCCESS:focus, .btn-outline.SUCCESS:active, .btn-outline.SUCCESS.active, .open > .btn-outline.SUCCESS.dropdown-toggle {
  color: #00cd49;
  border-color: #009033; }
.btn-outline.SUCCESS:active, .btn-outline.SUCCESS.active, .open > .btn-outline.SUCCESS.dropdown-toggle {
  background-image: none; }
.btn-outline.SUCCESS.disabled, .btn-outline.SUCCESS.disabled:hover, .btn-outline.SUCCESS.disabled:focus, .btn-outline.SUCCESS.disabled:active, .btn-outline.SUCCESS.disabled.active, .btn-outline.SUCCESS[disabled], .btn-outline.SUCCESS[disabled]:hover, .btn-outline.SUCCESS[disabled]:focus, .btn-outline.SUCCESS[disabled]:active, .btn-outline.SUCCESS[disabled].active, fieldset[disabled] .btn-outline.SUCCESS, fieldset[disabled] .btn-outline.SUCCESS:hover, fieldset[disabled] .btn-outline.SUCCESS:focus, fieldset[disabled] .btn-outline.SUCCESS:active, fieldset[disabled] .btn-outline.SUCCESS.active {
  background-color: transparent;
  border-color: #00cd49; }
.btn-outline.SUCCESS .badge {
  color: transparent;
  background-color: #00cd49; }
.btn-outline.SUCCESS:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline.ERROR {
  color: #ed1847;
  background-color: transparent;
  border-color: #ed1847; }
.btn-outline.ERROR:hover, .btn-outline.ERROR:focus, .btn-outline.ERROR:active, .btn-outline.ERROR.active, .open > .btn-outline.ERROR.dropdown-toggle {
  color: #ed1847;
  border-color: #b90e34; }
.btn-outline.ERROR:active, .btn-outline.ERROR.active, .open > .btn-outline.ERROR.dropdown-toggle {
  background-image: none; }
.btn-outline.ERROR.disabled, .btn-outline.ERROR.disabled:hover, .btn-outline.ERROR.disabled:focus, .btn-outline.ERROR.disabled:active, .btn-outline.ERROR.disabled.active, .btn-outline.ERROR[disabled], .btn-outline.ERROR[disabled]:hover, .btn-outline.ERROR[disabled]:focus, .btn-outline.ERROR[disabled]:active, .btn-outline.ERROR[disabled].active, fieldset[disabled] .btn-outline.ERROR, fieldset[disabled] .btn-outline.ERROR:hover, fieldset[disabled] .btn-outline.ERROR:focus, fieldset[disabled] .btn-outline.ERROR:active, fieldset[disabled] .btn-outline.ERROR.active {
  background-color: transparent;
  border-color: #ed1847; }
.btn-outline.ERROR .badge {
  color: transparent;
  background-color: #ed1847; }
.btn-outline.ERROR:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-outline:hover {
  text-decoration: underline;
  background-color: transparent; }

.btn-thick-border {
  border-width: 2px; }

.btn-borderless {
  border: 0;
  text-align: inherit;
  padding-left: 0;
  padding-right: 0; }
.btn-borderless.white {
  color: #fff;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.white:hover, .btn-borderless.white:focus, .btn-borderless.white:active, .btn-borderless.white.active, .open > .btn-borderless.white.dropdown-toggle {
  color: #fff;
  border-color: transparent; }
.btn-borderless.white:active, .btn-borderless.white.active, .open > .btn-borderless.white.dropdown-toggle {
  background-image: none; }
.btn-borderless.white.disabled, .btn-borderless.white.disabled:hover, .btn-borderless.white.disabled:focus, .btn-borderless.white.disabled:active, .btn-borderless.white.disabled.active, .btn-borderless.white[disabled], .btn-borderless.white[disabled]:hover, .btn-borderless.white[disabled]:focus, .btn-borderless.white[disabled]:active, .btn-borderless.white[disabled].active, fieldset[disabled] .btn-borderless.white, fieldset[disabled] .btn-borderless.white:hover, fieldset[disabled] .btn-borderless.white:focus, fieldset[disabled] .btn-borderless.white:active, fieldset[disabled] .btn-borderless.white.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.white .badge {
  color: transparent;
  background-color: #fff; }
.btn-borderless.white:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.gray {
  color: #999999;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.gray:hover, .btn-borderless.gray:focus, .btn-borderless.gray:active, .btn-borderless.gray.active, .open > .btn-borderless.gray.dropdown-toggle {
  color: #999999;
  border-color: transparent; }
.btn-borderless.gray:active, .btn-borderless.gray.active, .open > .btn-borderless.gray.dropdown-toggle {
  background-image: none; }
.btn-borderless.gray.disabled, .btn-borderless.gray.disabled:hover, .btn-borderless.gray.disabled:focus, .btn-borderless.gray.disabled:active, .btn-borderless.gray.disabled.active, .btn-borderless.gray[disabled], .btn-borderless.gray[disabled]:hover, .btn-borderless.gray[disabled]:focus, .btn-borderless.gray[disabled]:active, .btn-borderless.gray[disabled].active, fieldset[disabled] .btn-borderless.gray, fieldset[disabled] .btn-borderless.gray:hover, fieldset[disabled] .btn-borderless.gray:focus, fieldset[disabled] .btn-borderless.gray:active, fieldset[disabled] .btn-borderless.gray.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.gray .badge {
  color: transparent;
  background-color: #999999; }
.btn-borderless.gray:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.gray-dark {
  color: #666666;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.gray-dark:hover, .btn-borderless.gray-dark:focus, .btn-borderless.gray-dark:active, .btn-borderless.gray-dark.active, .open > .btn-borderless.gray-dark.dropdown-toggle {
  color: #666666;
  border-color: transparent; }
.btn-borderless.gray-dark:active, .btn-borderless.gray-dark.active, .open > .btn-borderless.gray-dark.dropdown-toggle {
  background-image: none; }
.btn-borderless.gray-dark.disabled, .btn-borderless.gray-dark.disabled:hover, .btn-borderless.gray-dark.disabled:focus, .btn-borderless.gray-dark.disabled:active, .btn-borderless.gray-dark.disabled.active, .btn-borderless.gray-dark[disabled], .btn-borderless.gray-dark[disabled]:hover, .btn-borderless.gray-dark[disabled]:focus, .btn-borderless.gray-dark[disabled]:active, .btn-borderless.gray-dark[disabled].active, fieldset[disabled] .btn-borderless.gray-dark, fieldset[disabled] .btn-borderless.gray-dark:hover, fieldset[disabled] .btn-borderless.gray-dark:focus, fieldset[disabled] .btn-borderless.gray-dark:active, fieldset[disabled] .btn-borderless.gray-dark.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.gray-dark .badge {
  color: transparent;
  background-color: #666666; }
.btn-borderless.gray-dark:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.gray-light {
  color: #dddddd;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.gray-light:hover, .btn-borderless.gray-light:focus, .btn-borderless.gray-light:active, .btn-borderless.gray-light.active, .open > .btn-borderless.gray-light.dropdown-toggle {
  color: #dddddd;
  border-color: transparent; }
.btn-borderless.gray-light:active, .btn-borderless.gray-light.active, .open > .btn-borderless.gray-light.dropdown-toggle {
  background-image: none; }
.btn-borderless.gray-light.disabled, .btn-borderless.gray-light.disabled:hover, .btn-borderless.gray-light.disabled:focus, .btn-borderless.gray-light.disabled:active, .btn-borderless.gray-light.disabled.active, .btn-borderless.gray-light[disabled], .btn-borderless.gray-light[disabled]:hover, .btn-borderless.gray-light[disabled]:focus, .btn-borderless.gray-light[disabled]:active, .btn-borderless.gray-light[disabled].active, fieldset[disabled] .btn-borderless.gray-light, fieldset[disabled] .btn-borderless.gray-light:hover, fieldset[disabled] .btn-borderless.gray-light:focus, fieldset[disabled] .btn-borderless.gray-light:active, fieldset[disabled] .btn-borderless.gray-light.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.gray-light .badge {
  color: transparent;
  background-color: #dddddd; }
.btn-borderless.gray-light:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.gray-lighter {
  color: #f3f3f3;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.gray-lighter:hover, .btn-borderless.gray-lighter:focus, .btn-borderless.gray-lighter:active, .btn-borderless.gray-lighter.active, .open > .btn-borderless.gray-lighter.dropdown-toggle {
  color: #f3f3f3;
  border-color: transparent; }
.btn-borderless.gray-lighter:active, .btn-borderless.gray-lighter.active, .open > .btn-borderless.gray-lighter.dropdown-toggle {
  background-image: none; }
.btn-borderless.gray-lighter.disabled, .btn-borderless.gray-lighter.disabled:hover, .btn-borderless.gray-lighter.disabled:focus, .btn-borderless.gray-lighter.disabled:active, .btn-borderless.gray-lighter.disabled.active, .btn-borderless.gray-lighter[disabled], .btn-borderless.gray-lighter[disabled]:hover, .btn-borderless.gray-lighter[disabled]:focus, .btn-borderless.gray-lighter[disabled]:active, .btn-borderless.gray-lighter[disabled].active, fieldset[disabled] .btn-borderless.gray-lighter, fieldset[disabled] .btn-borderless.gray-lighter:hover, fieldset[disabled] .btn-borderless.gray-lighter:focus, fieldset[disabled] .btn-borderless.gray-lighter:active, fieldset[disabled] .btn-borderless.gray-lighter.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.gray-lighter .badge {
  color: transparent;
  background-color: #f3f3f3; }
.btn-borderless.gray-lighter:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.purple {
  color: #662d91;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.purple:hover, .btn-borderless.purple:focus, .btn-borderless.purple:active, .btn-borderless.purple.active, .open > .btn-borderless.purple.dropdown-toggle {
  color: #662d91;
  border-color: transparent; }
.btn-borderless.purple:active, .btn-borderless.purple.active, .open > .btn-borderless.purple.dropdown-toggle {
  background-image: none; }
.btn-borderless.purple.disabled, .btn-borderless.purple.disabled:hover, .btn-borderless.purple.disabled:focus, .btn-borderless.purple.disabled:active, .btn-borderless.purple.disabled.active, .btn-borderless.purple[disabled], .btn-borderless.purple[disabled]:hover, .btn-borderless.purple[disabled]:focus, .btn-borderless.purple[disabled]:active, .btn-borderless.purple[disabled].active, fieldset[disabled] .btn-borderless.purple, fieldset[disabled] .btn-borderless.purple:hover, fieldset[disabled] .btn-borderless.purple:focus, fieldset[disabled] .btn-borderless.purple:active, fieldset[disabled] .btn-borderless.purple.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.purple .badge {
  color: transparent;
  background-color: #662d91; }
.btn-borderless.purple:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.red {
  color: #ed1847;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.red:hover, .btn-borderless.red:focus, .btn-borderless.red:active, .btn-borderless.red.active, .open > .btn-borderless.red.dropdown-toggle {
  color: #ed1847;
  border-color: transparent; }
.btn-borderless.red:active, .btn-borderless.red.active, .open > .btn-borderless.red.dropdown-toggle {
  background-image: none; }
.btn-borderless.red.disabled, .btn-borderless.red.disabled:hover, .btn-borderless.red.disabled:focus, .btn-borderless.red.disabled:active, .btn-borderless.red.disabled.active, .btn-borderless.red[disabled], .btn-borderless.red[disabled]:hover, .btn-borderless.red[disabled]:focus, .btn-borderless.red[disabled]:active, .btn-borderless.red[disabled].active, fieldset[disabled] .btn-borderless.red, fieldset[disabled] .btn-borderless.red:hover, fieldset[disabled] .btn-borderless.red:focus, fieldset[disabled] .btn-borderless.red:active, fieldset[disabled] .btn-borderless.red.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.red .badge {
  color: transparent;
  background-color: #ed1847; }
.btn-borderless.red:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.blue {
  color: #00a5e5;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.blue:hover, .btn-borderless.blue:focus, .btn-borderless.blue:active, .btn-borderless.blue.active, .open > .btn-borderless.blue.dropdown-toggle {
  color: #00a5e5;
  border-color: transparent; }
.btn-borderless.blue:active, .btn-borderless.blue.active, .open > .btn-borderless.blue.dropdown-toggle {
  background-image: none; }
.btn-borderless.blue.disabled, .btn-borderless.blue.disabled:hover, .btn-borderless.blue.disabled:focus, .btn-borderless.blue.disabled:active, .btn-borderless.blue.disabled.active, .btn-borderless.blue[disabled], .btn-borderless.blue[disabled]:hover, .btn-borderless.blue[disabled]:focus, .btn-borderless.blue[disabled]:active, .btn-borderless.blue[disabled].active, fieldset[disabled] .btn-borderless.blue, fieldset[disabled] .btn-borderless.blue:hover, fieldset[disabled] .btn-borderless.blue:focus, fieldset[disabled] .btn-borderless.blue:active, fieldset[disabled] .btn-borderless.blue.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.blue .badge {
  color: transparent;
  background-color: #00a5e5; }
.btn-borderless.blue:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.green {
  color: #00cd49;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.green:hover, .btn-borderless.green:focus, .btn-borderless.green:active, .btn-borderless.green.active, .open > .btn-borderless.green.dropdown-toggle {
  color: #00cd49;
  border-color: transparent; }
.btn-borderless.green:active, .btn-borderless.green.active, .open > .btn-borderless.green.dropdown-toggle {
  background-image: none; }
.btn-borderless.green.disabled, .btn-borderless.green.disabled:hover, .btn-borderless.green.disabled:focus, .btn-borderless.green.disabled:active, .btn-borderless.green.disabled.active, .btn-borderless.green[disabled], .btn-borderless.green[disabled]:hover, .btn-borderless.green[disabled]:focus, .btn-borderless.green[disabled]:active, .btn-borderless.green[disabled].active, fieldset[disabled] .btn-borderless.green, fieldset[disabled] .btn-borderless.green:hover, fieldset[disabled] .btn-borderless.green:focus, fieldset[disabled] .btn-borderless.green:active, fieldset[disabled] .btn-borderless.green.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.green .badge {
  color: transparent;
  background-color: #00cd49; }
.btn-borderless.green:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.orange {
  color: #ff9000;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.orange:hover, .btn-borderless.orange:focus, .btn-borderless.orange:active, .btn-borderless.orange.active, .open > .btn-borderless.orange.dropdown-toggle {
  color: #ff9000;
  border-color: transparent; }
.btn-borderless.orange:active, .btn-borderless.orange.active, .open > .btn-borderless.orange.dropdown-toggle {
  background-image: none; }
.btn-borderless.orange.disabled, .btn-borderless.orange.disabled:hover, .btn-borderless.orange.disabled:focus, .btn-borderless.orange.disabled:active, .btn-borderless.orange.disabled.active, .btn-borderless.orange[disabled], .btn-borderless.orange[disabled]:hover, .btn-borderless.orange[disabled]:focus, .btn-borderless.orange[disabled]:active, .btn-borderless.orange[disabled].active, fieldset[disabled] .btn-borderless.orange, fieldset[disabled] .btn-borderless.orange:hover, fieldset[disabled] .btn-borderless.orange:focus, fieldset[disabled] .btn-borderless.orange:active, fieldset[disabled] .btn-borderless.orange.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.orange .badge {
  color: transparent;
  background-color: #ff9000; }
.btn-borderless.orange:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.B0 {
  color: #fff;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B0:hover, .btn-borderless.B0:focus, .btn-borderless.B0:active, .btn-borderless.B0.active, .open > .btn-borderless.B0.dropdown-toggle {
  color: #fff;
  border-color: transparent; }
.btn-borderless.B0:active, .btn-borderless.B0.active, .open > .btn-borderless.B0.dropdown-toggle {
  background-image: none; }
.btn-borderless.B0.disabled, .btn-borderless.B0.disabled:hover, .btn-borderless.B0.disabled:focus, .btn-borderless.B0.disabled:active, .btn-borderless.B0.disabled.active, .btn-borderless.B0[disabled], .btn-borderless.B0[disabled]:hover, .btn-borderless.B0[disabled]:focus, .btn-borderless.B0[disabled]:active, .btn-borderless.B0[disabled].active, fieldset[disabled] .btn-borderless.B0, fieldset[disabled] .btn-borderless.B0:hover, fieldset[disabled] .btn-borderless.B0:focus, fieldset[disabled] .btn-borderless.B0:active, fieldset[disabled] .btn-borderless.B0.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B0 .badge {
  color: transparent;
  background-color: #fff; }
.btn-borderless.B0:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.B1 {
  color: #ddd;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B1:hover, .btn-borderless.B1:focus, .btn-borderless.B1:active, .btn-borderless.B1.active, .open > .btn-borderless.B1.dropdown-toggle {
  color: #ddd;
  border-color: transparent; }
.btn-borderless.B1:active, .btn-borderless.B1.active, .open > .btn-borderless.B1.dropdown-toggle {
  background-image: none; }
.btn-borderless.B1.disabled, .btn-borderless.B1.disabled:hover, .btn-borderless.B1.disabled:focus, .btn-borderless.B1.disabled:active, .btn-borderless.B1.disabled.active, .btn-borderless.B1[disabled], .btn-borderless.B1[disabled]:hover, .btn-borderless.B1[disabled]:focus, .btn-borderless.B1[disabled]:active, .btn-borderless.B1[disabled].active, fieldset[disabled] .btn-borderless.B1, fieldset[disabled] .btn-borderless.B1:hover, fieldset[disabled] .btn-borderless.B1:focus, fieldset[disabled] .btn-borderless.B1:active, fieldset[disabled] .btn-borderless.B1.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B1 .badge {
  color: transparent;
  background-color: #ddd; }
.btn-borderless.B1:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.B2 {
  color: #999;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B2:hover, .btn-borderless.B2:focus, .btn-borderless.B2:active, .btn-borderless.B2.active, .open > .btn-borderless.B2.dropdown-toggle {
  color: #999;
  border-color: transparent; }
.btn-borderless.B2:active, .btn-borderless.B2.active, .open > .btn-borderless.B2.dropdown-toggle {
  background-image: none; }
.btn-borderless.B2.disabled, .btn-borderless.B2.disabled:hover, .btn-borderless.B2.disabled:focus, .btn-borderless.B2.disabled:active, .btn-borderless.B2.disabled.active, .btn-borderless.B2[disabled], .btn-borderless.B2[disabled]:hover, .btn-borderless.B2[disabled]:focus, .btn-borderless.B2[disabled]:active, .btn-borderless.B2[disabled].active, fieldset[disabled] .btn-borderless.B2, fieldset[disabled] .btn-borderless.B2:hover, fieldset[disabled] .btn-borderless.B2:focus, fieldset[disabled] .btn-borderless.B2:active, fieldset[disabled] .btn-borderless.B2.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B2 .badge {
  color: transparent;
  background-color: #999; }
.btn-borderless.B2:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.B3 {
  color: #666;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B3:hover, .btn-borderless.B3:focus, .btn-borderless.B3:active, .btn-borderless.B3.active, .open > .btn-borderless.B3.dropdown-toggle {
  color: #666;
  border-color: transparent; }
.btn-borderless.B3:active, .btn-borderless.B3.active, .open > .btn-borderless.B3.dropdown-toggle {
  background-image: none; }
.btn-borderless.B3.disabled, .btn-borderless.B3.disabled:hover, .btn-borderless.B3.disabled:focus, .btn-borderless.B3.disabled:active, .btn-borderless.B3.disabled.active, .btn-borderless.B3[disabled], .btn-borderless.B3[disabled]:hover, .btn-borderless.B3[disabled]:focus, .btn-borderless.B3[disabled]:active, .btn-borderless.B3[disabled].active, fieldset[disabled] .btn-borderless.B3, fieldset[disabled] .btn-borderless.B3:hover, fieldset[disabled] .btn-borderless.B3:focus, fieldset[disabled] .btn-borderless.B3:active, fieldset[disabled] .btn-borderless.B3.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B3 .badge {
  color: transparent;
  background-color: #666; }
.btn-borderless.B3:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.B4 {
  color: #333;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B4:hover, .btn-borderless.B4:focus, .btn-borderless.B4:active, .btn-borderless.B4.active, .open > .btn-borderless.B4.dropdown-toggle {
  color: #333;
  border-color: transparent; }
.btn-borderless.B4:active, .btn-borderless.B4.active, .open > .btn-borderless.B4.dropdown-toggle {
  background-image: none; }
.btn-borderless.B4.disabled, .btn-borderless.B4.disabled:hover, .btn-borderless.B4.disabled:focus, .btn-borderless.B4.disabled:active, .btn-borderless.B4.disabled.active, .btn-borderless.B4[disabled], .btn-borderless.B4[disabled]:hover, .btn-borderless.B4[disabled]:focus, .btn-borderless.B4[disabled]:active, .btn-borderless.B4[disabled].active, fieldset[disabled] .btn-borderless.B4, fieldset[disabled] .btn-borderless.B4:hover, fieldset[disabled] .btn-borderless.B4:focus, fieldset[disabled] .btn-borderless.B4:active, fieldset[disabled] .btn-borderless.B4.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B4 .badge {
  color: transparent;
  background-color: #333; }
.btn-borderless.B4:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.B5 {
  color: #222;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B5:hover, .btn-borderless.B5:focus, .btn-borderless.B5:active, .btn-borderless.B5.active, .open > .btn-borderless.B5.dropdown-toggle {
  color: #222;
  border-color: transparent; }
.btn-borderless.B5:active, .btn-borderless.B5.active, .open > .btn-borderless.B5.dropdown-toggle {
  background-image: none; }
.btn-borderless.B5.disabled, .btn-borderless.B5.disabled:hover, .btn-borderless.B5.disabled:focus, .btn-borderless.B5.disabled:active, .btn-borderless.B5.disabled.active, .btn-borderless.B5[disabled], .btn-borderless.B5[disabled]:hover, .btn-borderless.B5[disabled]:focus, .btn-borderless.B5[disabled]:active, .btn-borderless.B5[disabled].active, fieldset[disabled] .btn-borderless.B5, fieldset[disabled] .btn-borderless.B5:hover, fieldset[disabled] .btn-borderless.B5:focus, fieldset[disabled] .btn-borderless.B5:active, fieldset[disabled] .btn-borderless.B5.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B5 .badge {
  color: transparent;
  background-color: #222; }
.btn-borderless.B5:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.B6 {
  color: #000;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B6:hover, .btn-borderless.B6:focus, .btn-borderless.B6:active, .btn-borderless.B6.active, .open > .btn-borderless.B6.dropdown-toggle {
  color: #000;
  border-color: transparent; }
.btn-borderless.B6:active, .btn-borderless.B6.active, .open > .btn-borderless.B6.dropdown-toggle {
  background-image: none; }
.btn-borderless.B6.disabled, .btn-borderless.B6.disabled:hover, .btn-borderless.B6.disabled:focus, .btn-borderless.B6.disabled:active, .btn-borderless.B6.disabled.active, .btn-borderless.B6[disabled], .btn-borderless.B6[disabled]:hover, .btn-borderless.B6[disabled]:focus, .btn-borderless.B6[disabled]:active, .btn-borderless.B6[disabled].active, fieldset[disabled] .btn-borderless.B6, fieldset[disabled] .btn-borderless.B6:hover, fieldset[disabled] .btn-borderless.B6:focus, fieldset[disabled] .btn-borderless.B6:active, fieldset[disabled] .btn-borderless.B6.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B6 .badge {
  color: transparent;
  background-color: #000; }
.btn-borderless.B6:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.B7 {
  color: #f3f3f3;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B7:hover, .btn-borderless.B7:focus, .btn-borderless.B7:active, .btn-borderless.B7.active, .open > .btn-borderless.B7.dropdown-toggle {
  color: #f3f3f3;
  border-color: transparent; }
.btn-borderless.B7:active, .btn-borderless.B7.active, .open > .btn-borderless.B7.dropdown-toggle {
  background-image: none; }
.btn-borderless.B7.disabled, .btn-borderless.B7.disabled:hover, .btn-borderless.B7.disabled:focus, .btn-borderless.B7.disabled:active, .btn-borderless.B7.disabled.active, .btn-borderless.B7[disabled], .btn-borderless.B7[disabled]:hover, .btn-borderless.B7[disabled]:focus, .btn-borderless.B7[disabled]:active, .btn-borderless.B7[disabled].active, fieldset[disabled] .btn-borderless.B7, fieldset[disabled] .btn-borderless.B7:hover, fieldset[disabled] .btn-borderless.B7:focus, fieldset[disabled] .btn-borderless.B7:active, fieldset[disabled] .btn-borderless.B7.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.B7 .badge {
  color: transparent;
  background-color: #f3f3f3; }
.btn-borderless.B7:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C1 {
  color: #662d91;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C1:hover, .btn-borderless.C1:focus, .btn-borderless.C1:active, .btn-borderless.C1.active, .open > .btn-borderless.C1.dropdown-toggle {
  color: #662d91;
  border-color: transparent; }
.btn-borderless.C1:active, .btn-borderless.C1.active, .open > .btn-borderless.C1.dropdown-toggle {
  background-image: none; }
.btn-borderless.C1.disabled, .btn-borderless.C1.disabled:hover, .btn-borderless.C1.disabled:focus, .btn-borderless.C1.disabled:active, .btn-borderless.C1.disabled.active, .btn-borderless.C1[disabled], .btn-borderless.C1[disabled]:hover, .btn-borderless.C1[disabled]:focus, .btn-borderless.C1[disabled]:active, .btn-borderless.C1[disabled].active, fieldset[disabled] .btn-borderless.C1, fieldset[disabled] .btn-borderless.C1:hover, fieldset[disabled] .btn-borderless.C1:focus, fieldset[disabled] .btn-borderless.C1:active, fieldset[disabled] .btn-borderless.C1.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C1 .badge {
  color: transparent;
  background-color: #662d91; }
.btn-borderless.C1:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C1s {
  color: #552a7b;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C1s:hover, .btn-borderless.C1s:focus, .btn-borderless.C1s:active, .btn-borderless.C1s.active, .open > .btn-borderless.C1s.dropdown-toggle {
  color: #552a7b;
  border-color: transparent; }
.btn-borderless.C1s:active, .btn-borderless.C1s.active, .open > .btn-borderless.C1s.dropdown-toggle {
  background-image: none; }
.btn-borderless.C1s.disabled, .btn-borderless.C1s.disabled:hover, .btn-borderless.C1s.disabled:focus, .btn-borderless.C1s.disabled:active, .btn-borderless.C1s.disabled.active, .btn-borderless.C1s[disabled], .btn-borderless.C1s[disabled]:hover, .btn-borderless.C1s[disabled]:focus, .btn-borderless.C1s[disabled]:active, .btn-borderless.C1s[disabled].active, fieldset[disabled] .btn-borderless.C1s, fieldset[disabled] .btn-borderless.C1s:hover, fieldset[disabled] .btn-borderless.C1s:focus, fieldset[disabled] .btn-borderless.C1s:active, fieldset[disabled] .btn-borderless.C1s.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C1s .badge {
  color: transparent;
  background-color: #552a7b; }
.btn-borderless.C1s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C1h {
  color: #843abc;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C1h:hover, .btn-borderless.C1h:focus, .btn-borderless.C1h:active, .btn-borderless.C1h.active, .open > .btn-borderless.C1h.dropdown-toggle {
  color: #843abc;
  border-color: transparent; }
.btn-borderless.C1h:active, .btn-borderless.C1h.active, .open > .btn-borderless.C1h.dropdown-toggle {
  background-image: none; }
.btn-borderless.C1h.disabled, .btn-borderless.C1h.disabled:hover, .btn-borderless.C1h.disabled:focus, .btn-borderless.C1h.disabled:active, .btn-borderless.C1h.disabled.active, .btn-borderless.C1h[disabled], .btn-borderless.C1h[disabled]:hover, .btn-borderless.C1h[disabled]:focus, .btn-borderless.C1h[disabled]:active, .btn-borderless.C1h[disabled].active, fieldset[disabled] .btn-borderless.C1h, fieldset[disabled] .btn-borderless.C1h:hover, fieldset[disabled] .btn-borderless.C1h:focus, fieldset[disabled] .btn-borderless.C1h:active, fieldset[disabled] .btn-borderless.C1h.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C1h .badge {
  color: transparent;
  background-color: #843abc; }
.btn-borderless.C1h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C2 {
  color: #ed1847;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C2:hover, .btn-borderless.C2:focus, .btn-borderless.C2:active, .btn-borderless.C2.active, .open > .btn-borderless.C2.dropdown-toggle {
  color: #ed1847;
  border-color: transparent; }
.btn-borderless.C2:active, .btn-borderless.C2.active, .open > .btn-borderless.C2.dropdown-toggle {
  background-image: none; }
.btn-borderless.C2.disabled, .btn-borderless.C2.disabled:hover, .btn-borderless.C2.disabled:focus, .btn-borderless.C2.disabled:active, .btn-borderless.C2.disabled.active, .btn-borderless.C2[disabled], .btn-borderless.C2[disabled]:hover, .btn-borderless.C2[disabled]:focus, .btn-borderless.C2[disabled]:active, .btn-borderless.C2[disabled].active, fieldset[disabled] .btn-borderless.C2, fieldset[disabled] .btn-borderless.C2:hover, fieldset[disabled] .btn-borderless.C2:focus, fieldset[disabled] .btn-borderless.C2:active, fieldset[disabled] .btn-borderless.C2.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C2 .badge {
  color: transparent;
  background-color: #ed1847; }
.btn-borderless.C2:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C2s {
  color: #cb153e;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C2s:hover, .btn-borderless.C2s:focus, .btn-borderless.C2s:active, .btn-borderless.C2s.active, .open > .btn-borderless.C2s.dropdown-toggle {
  color: #cb153e;
  border-color: transparent; }
.btn-borderless.C2s:active, .btn-borderless.C2s.active, .open > .btn-borderless.C2s.dropdown-toggle {
  background-image: none; }
.btn-borderless.C2s.disabled, .btn-borderless.C2s.disabled:hover, .btn-borderless.C2s.disabled:focus, .btn-borderless.C2s.disabled:active, .btn-borderless.C2s.disabled.active, .btn-borderless.C2s[disabled], .btn-borderless.C2s[disabled]:hover, .btn-borderless.C2s[disabled]:focus, .btn-borderless.C2s[disabled]:active, .btn-borderless.C2s[disabled].active, fieldset[disabled] .btn-borderless.C2s, fieldset[disabled] .btn-borderless.C2s:hover, fieldset[disabled] .btn-borderless.C2s:focus, fieldset[disabled] .btn-borderless.C2s:active, fieldset[disabled] .btn-borderless.C2s.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C2s .badge {
  color: transparent;
  background-color: #cb153e; }
.btn-borderless.C2s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C2h {
  color: #ff1a4c;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C2h:hover, .btn-borderless.C2h:focus, .btn-borderless.C2h:active, .btn-borderless.C2h.active, .open > .btn-borderless.C2h.dropdown-toggle {
  color: #ff1a4c;
  border-color: transparent; }
.btn-borderless.C2h:active, .btn-borderless.C2h.active, .open > .btn-borderless.C2h.dropdown-toggle {
  background-image: none; }
.btn-borderless.C2h.disabled, .btn-borderless.C2h.disabled:hover, .btn-borderless.C2h.disabled:focus, .btn-borderless.C2h.disabled:active, .btn-borderless.C2h.disabled.active, .btn-borderless.C2h[disabled], .btn-borderless.C2h[disabled]:hover, .btn-borderless.C2h[disabled]:focus, .btn-borderless.C2h[disabled]:active, .btn-borderless.C2h[disabled].active, fieldset[disabled] .btn-borderless.C2h, fieldset[disabled] .btn-borderless.C2h:hover, fieldset[disabled] .btn-borderless.C2h:focus, fieldset[disabled] .btn-borderless.C2h:active, fieldset[disabled] .btn-borderless.C2h.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C2h .badge {
  color: transparent;
  background-color: #ff1a4c; }
.btn-borderless.C2h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C3 {
  color: #00a5e5;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C3:hover, .btn-borderless.C3:focus, .btn-borderless.C3:active, .btn-borderless.C3.active, .open > .btn-borderless.C3.dropdown-toggle {
  color: #00a5e5;
  border-color: transparent; }
.btn-borderless.C3:active, .btn-borderless.C3.active, .open > .btn-borderless.C3.dropdown-toggle {
  background-image: none; }
.btn-borderless.C3.disabled, .btn-borderless.C3.disabled:hover, .btn-borderless.C3.disabled:focus, .btn-borderless.C3.disabled:active, .btn-borderless.C3.disabled.active, .btn-borderless.C3[disabled], .btn-borderless.C3[disabled]:hover, .btn-borderless.C3[disabled]:focus, .btn-borderless.C3[disabled]:active, .btn-borderless.C3[disabled].active, fieldset[disabled] .btn-borderless.C3, fieldset[disabled] .btn-borderless.C3:hover, fieldset[disabled] .btn-borderless.C3:focus, fieldset[disabled] .btn-borderless.C3:active, fieldset[disabled] .btn-borderless.C3.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C3 .badge {
  color: transparent;
  background-color: #00a5e5; }
.btn-borderless.C3:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C3s {
  color: #1998cf;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C3s:hover, .btn-borderless.C3s:focus, .btn-borderless.C3s:active, .btn-borderless.C3s.active, .open > .btn-borderless.C3s.dropdown-toggle {
  color: #1998cf;
  border-color: transparent; }
.btn-borderless.C3s:active, .btn-borderless.C3s.active, .open > .btn-borderless.C3s.dropdown-toggle {
  background-image: none; }
.btn-borderless.C3s.disabled, .btn-borderless.C3s.disabled:hover, .btn-borderless.C3s.disabled:focus, .btn-borderless.C3s.disabled:active, .btn-borderless.C3s.disabled.active, .btn-borderless.C3s[disabled], .btn-borderless.C3s[disabled]:hover, .btn-borderless.C3s[disabled]:focus, .btn-borderless.C3s[disabled]:active, .btn-borderless.C3s[disabled].active, fieldset[disabled] .btn-borderless.C3s, fieldset[disabled] .btn-borderless.C3s:hover, fieldset[disabled] .btn-borderless.C3s:focus, fieldset[disabled] .btn-borderless.C3s:active, fieldset[disabled] .btn-borderless.C3s.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C3s .badge {
  color: transparent;
  background-color: #1998cf; }
.btn-borderless.C3s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C3h {
  color: #00b3f9;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C3h:hover, .btn-borderless.C3h:focus, .btn-borderless.C3h:active, .btn-borderless.C3h.active, .open > .btn-borderless.C3h.dropdown-toggle {
  color: #00b3f9;
  border-color: transparent; }
.btn-borderless.C3h:active, .btn-borderless.C3h.active, .open > .btn-borderless.C3h.dropdown-toggle {
  background-image: none; }
.btn-borderless.C3h.disabled, .btn-borderless.C3h.disabled:hover, .btn-borderless.C3h.disabled:focus, .btn-borderless.C3h.disabled:active, .btn-borderless.C3h.disabled.active, .btn-borderless.C3h[disabled], .btn-borderless.C3h[disabled]:hover, .btn-borderless.C3h[disabled]:focus, .btn-borderless.C3h[disabled]:active, .btn-borderless.C3h[disabled].active, fieldset[disabled] .btn-borderless.C3h, fieldset[disabled] .btn-borderless.C3h:hover, fieldset[disabled] .btn-borderless.C3h:focus, fieldset[disabled] .btn-borderless.C3h:active, fieldset[disabled] .btn-borderless.C3h.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C3h .badge {
  color: transparent;
  background-color: #00b3f9; }
.btn-borderless.C3h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C4 {
  color: #00cd49;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C4:hover, .btn-borderless.C4:focus, .btn-borderless.C4:active, .btn-borderless.C4.active, .open > .btn-borderless.C4.dropdown-toggle {
  color: #00cd49;
  border-color: transparent; }
.btn-borderless.C4:active, .btn-borderless.C4.active, .open > .btn-borderless.C4.dropdown-toggle {
  background-image: none; }
.btn-borderless.C4.disabled, .btn-borderless.C4.disabled:hover, .btn-borderless.C4.disabled:focus, .btn-borderless.C4.disabled:active, .btn-borderless.C4.disabled.active, .btn-borderless.C4[disabled], .btn-borderless.C4[disabled]:hover, .btn-borderless.C4[disabled]:focus, .btn-borderless.C4[disabled]:active, .btn-borderless.C4[disabled].active, fieldset[disabled] .btn-borderless.C4, fieldset[disabled] .btn-borderless.C4:hover, fieldset[disabled] .btn-borderless.C4:focus, fieldset[disabled] .btn-borderless.C4:active, fieldset[disabled] .btn-borderless.C4.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C4 .badge {
  color: transparent;
  background-color: #00cd49; }
.btn-borderless.C4:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C4s {
  color: #00b240;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C4s:hover, .btn-borderless.C4s:focus, .btn-borderless.C4s:active, .btn-borderless.C4s.active, .open > .btn-borderless.C4s.dropdown-toggle {
  color: #00b240;
  border-color: transparent; }
.btn-borderless.C4s:active, .btn-borderless.C4s.active, .open > .btn-borderless.C4s.dropdown-toggle {
  background-image: none; }
.btn-borderless.C4s.disabled, .btn-borderless.C4s.disabled:hover, .btn-borderless.C4s.disabled:focus, .btn-borderless.C4s.disabled:active, .btn-borderless.C4s.disabled.active, .btn-borderless.C4s[disabled], .btn-borderless.C4s[disabled]:hover, .btn-borderless.C4s[disabled]:focus, .btn-borderless.C4s[disabled]:active, .btn-borderless.C4s[disabled].active, fieldset[disabled] .btn-borderless.C4s, fieldset[disabled] .btn-borderless.C4s:hover, fieldset[disabled] .btn-borderless.C4s:focus, fieldset[disabled] .btn-borderless.C4s:active, fieldset[disabled] .btn-borderless.C4s.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C4s .badge {
  color: transparent;
  background-color: #00b240; }
.btn-borderless.C4s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C4h {
  color: #00e050;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C4h:hover, .btn-borderless.C4h:focus, .btn-borderless.C4h:active, .btn-borderless.C4h.active, .open > .btn-borderless.C4h.dropdown-toggle {
  color: #00e050;
  border-color: transparent; }
.btn-borderless.C4h:active, .btn-borderless.C4h.active, .open > .btn-borderless.C4h.dropdown-toggle {
  background-image: none; }
.btn-borderless.C4h.disabled, .btn-borderless.C4h.disabled:hover, .btn-borderless.C4h.disabled:focus, .btn-borderless.C4h.disabled:active, .btn-borderless.C4h.disabled.active, .btn-borderless.C4h[disabled], .btn-borderless.C4h[disabled]:hover, .btn-borderless.C4h[disabled]:focus, .btn-borderless.C4h[disabled]:active, .btn-borderless.C4h[disabled].active, fieldset[disabled] .btn-borderless.C4h, fieldset[disabled] .btn-borderless.C4h:hover, fieldset[disabled] .btn-borderless.C4h:focus, fieldset[disabled] .btn-borderless.C4h:active, fieldset[disabled] .btn-borderless.C4h.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C4h .badge {
  color: transparent;
  background-color: #00e050; }
.btn-borderless.C4h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C5 {
  color: #ff9000;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C5:hover, .btn-borderless.C5:focus, .btn-borderless.C5:active, .btn-borderless.C5.active, .open > .btn-borderless.C5.dropdown-toggle {
  color: #ff9000;
  border-color: transparent; }
.btn-borderless.C5:active, .btn-borderless.C5.active, .open > .btn-borderless.C5.dropdown-toggle {
  background-image: none; }
.btn-borderless.C5.disabled, .btn-borderless.C5.disabled:hover, .btn-borderless.C5.disabled:focus, .btn-borderless.C5.disabled:active, .btn-borderless.C5.disabled.active, .btn-borderless.C5[disabled], .btn-borderless.C5[disabled]:hover, .btn-borderless.C5[disabled]:focus, .btn-borderless.C5[disabled]:active, .btn-borderless.C5[disabled].active, fieldset[disabled] .btn-borderless.C5, fieldset[disabled] .btn-borderless.C5:hover, fieldset[disabled] .btn-borderless.C5:focus, fieldset[disabled] .btn-borderless.C5:active, fieldset[disabled] .btn-borderless.C5.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C5 .badge {
  color: transparent;
  background-color: #ff9000; }
.btn-borderless.C5:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C5s {
  color: #ea8400;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C5s:hover, .btn-borderless.C5s:focus, .btn-borderless.C5s:active, .btn-borderless.C5s.active, .open > .btn-borderless.C5s.dropdown-toggle {
  color: #ea8400;
  border-color: transparent; }
.btn-borderless.C5s:active, .btn-borderless.C5s.active, .open > .btn-borderless.C5s.dropdown-toggle {
  background-image: none; }
.btn-borderless.C5s.disabled, .btn-borderless.C5s.disabled:hover, .btn-borderless.C5s.disabled:focus, .btn-borderless.C5s.disabled:active, .btn-borderless.C5s.disabled.active, .btn-borderless.C5s[disabled], .btn-borderless.C5s[disabled]:hover, .btn-borderless.C5s[disabled]:focus, .btn-borderless.C5s[disabled]:active, .btn-borderless.C5s[disabled].active, fieldset[disabled] .btn-borderless.C5s, fieldset[disabled] .btn-borderless.C5s:hover, fieldset[disabled] .btn-borderless.C5s:focus, fieldset[disabled] .btn-borderless.C5s:active, fieldset[disabled] .btn-borderless.C5s.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C5s .badge {
  color: transparent;
  background-color: #ea8400; }
.btn-borderless.C5s:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C5h {
  color: #ff9d1e;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C5h:hover, .btn-borderless.C5h:focus, .btn-borderless.C5h:active, .btn-borderless.C5h.active, .open > .btn-borderless.C5h.dropdown-toggle {
  color: #ff9d1e;
  border-color: transparent; }
.btn-borderless.C5h:active, .btn-borderless.C5h.active, .open > .btn-borderless.C5h.dropdown-toggle {
  background-image: none; }
.btn-borderless.C5h.disabled, .btn-borderless.C5h.disabled:hover, .btn-borderless.C5h.disabled:focus, .btn-borderless.C5h.disabled:active, .btn-borderless.C5h.disabled.active, .btn-borderless.C5h[disabled], .btn-borderless.C5h[disabled]:hover, .btn-borderless.C5h[disabled]:focus, .btn-borderless.C5h[disabled]:active, .btn-borderless.C5h[disabled].active, fieldset[disabled] .btn-borderless.C5h, fieldset[disabled] .btn-borderless.C5h:hover, fieldset[disabled] .btn-borderless.C5h:focus, fieldset[disabled] .btn-borderless.C5h:active, fieldset[disabled] .btn-borderless.C5h.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C5h .badge {
  color: transparent;
  background-color: #ff9d1e; }
.btn-borderless.C5h:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.C6 {
  color: #30dbe4;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C6:hover, .btn-borderless.C6:focus, .btn-borderless.C6:active, .btn-borderless.C6.active, .open > .btn-borderless.C6.dropdown-toggle {
  color: #30dbe4;
  border-color: transparent; }
.btn-borderless.C6:active, .btn-borderless.C6.active, .open > .btn-borderless.C6.dropdown-toggle {
  background-image: none; }
.btn-borderless.C6.disabled, .btn-borderless.C6.disabled:hover, .btn-borderless.C6.disabled:focus, .btn-borderless.C6.disabled:active, .btn-borderless.C6.disabled.active, .btn-borderless.C6[disabled], .btn-borderless.C6[disabled]:hover, .btn-borderless.C6[disabled]:focus, .btn-borderless.C6[disabled]:active, .btn-borderless.C6[disabled].active, fieldset[disabled] .btn-borderless.C6, fieldset[disabled] .btn-borderless.C6:hover, fieldset[disabled] .btn-borderless.C6:focus, fieldset[disabled] .btn-borderless.C6:active, fieldset[disabled] .btn-borderless.C6.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.C6 .badge {
  color: transparent;
  background-color: #30dbe4; }
.btn-borderless.C6:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.SUCCESS {
  color: #00cd49;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.SUCCESS:hover, .btn-borderless.SUCCESS:focus, .btn-borderless.SUCCESS:active, .btn-borderless.SUCCESS.active, .open > .btn-borderless.SUCCESS.dropdown-toggle {
  color: #00cd49;
  border-color: transparent; }
.btn-borderless.SUCCESS:active, .btn-borderless.SUCCESS.active, .open > .btn-borderless.SUCCESS.dropdown-toggle {
  background-image: none; }
.btn-borderless.SUCCESS.disabled, .btn-borderless.SUCCESS.disabled:hover, .btn-borderless.SUCCESS.disabled:focus, .btn-borderless.SUCCESS.disabled:active, .btn-borderless.SUCCESS.disabled.active, .btn-borderless.SUCCESS[disabled], .btn-borderless.SUCCESS[disabled]:hover, .btn-borderless.SUCCESS[disabled]:focus, .btn-borderless.SUCCESS[disabled]:active, .btn-borderless.SUCCESS[disabled].active, fieldset[disabled] .btn-borderless.SUCCESS, fieldset[disabled] .btn-borderless.SUCCESS:hover, fieldset[disabled] .btn-borderless.SUCCESS:focus, fieldset[disabled] .btn-borderless.SUCCESS:active, fieldset[disabled] .btn-borderless.SUCCESS.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.SUCCESS .badge {
  color: transparent;
  background-color: #00cd49; }
.btn-borderless.SUCCESS:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless.ERROR {
  color: #ed1847;
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.ERROR:hover, .btn-borderless.ERROR:focus, .btn-borderless.ERROR:active, .btn-borderless.ERROR.active, .open > .btn-borderless.ERROR.dropdown-toggle {
  color: #ed1847;
  border-color: transparent; }
.btn-borderless.ERROR:active, .btn-borderless.ERROR.active, .open > .btn-borderless.ERROR.dropdown-toggle {
  background-image: none; }
.btn-borderless.ERROR.disabled, .btn-borderless.ERROR.disabled:hover, .btn-borderless.ERROR.disabled:focus, .btn-borderless.ERROR.disabled:active, .btn-borderless.ERROR.disabled.active, .btn-borderless.ERROR[disabled], .btn-borderless.ERROR[disabled]:hover, .btn-borderless.ERROR[disabled]:focus, .btn-borderless.ERROR[disabled]:active, .btn-borderless.ERROR[disabled].active, fieldset[disabled] .btn-borderless.ERROR, fieldset[disabled] .btn-borderless.ERROR:hover, fieldset[disabled] .btn-borderless.ERROR:focus, fieldset[disabled] .btn-borderless.ERROR:active, fieldset[disabled] .btn-borderless.ERROR.active {
  background-color: transparent;
  border-color: transparent; }
.btn-borderless.ERROR .badge {
  color: transparent;
  background-color: #ed1847; }
.btn-borderless.ERROR:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless:hover {
  text-decoration: underline;
  background-color: transparent; }
.btn-borderless:active {
  box-shadow: none; }

.btn-primary {
  color: #fff;
  background-color: #662d91;
  border-color: transparent; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #4b216a;
  border-color: transparent; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #662d91;
  border-color: transparent; }
.btn-primary .badge {
  color: #662d91;
  background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none; }
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c; }
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none; }
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da; }
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none; }
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236; }
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none; }
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a; }
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff; }

.btn-link {
  color: #662d91;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent; }
.btn-link:hover, .btn-link:focus {
  color: #3d1b57;
  text-decoration: underline;
  background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #dddddd;
  text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 22px;
  line-height: 1.33;
  border-radius: 26px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 13px; }

.btn-xs, .btn-group-xs > .btn, .btn-xs button, .btn-group-xs > .btn button {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 13px; }

.btn-super {
  border: 2px solid;
  color: #662d91;
  background-color: transparent;
  border-color: #662d91;
  padding: 8px 30px;
  border-radius: 80px; }
.btn-super:hover, .btn-super:focus, .btn-super:active, .btn-super.active, .open > .btn-super.dropdown-toggle {
  color: #662d91;
  border-color: #451f62; }
.btn-super:active, .btn-super.active, .open > .btn-super.dropdown-toggle {
  background-image: none; }
.btn-super.disabled, .btn-super.disabled:hover, .btn-super.disabled:focus, .btn-super.disabled:active, .btn-super.disabled.active, .btn-super[disabled], .btn-super[disabled]:hover, .btn-super[disabled]:focus, .btn-super[disabled]:active, .btn-super[disabled].active, fieldset[disabled] .btn-super, fieldset[disabled] .btn-super:hover, fieldset[disabled] .btn-super:focus, fieldset[disabled] .btn-super:active, fieldset[disabled] .btn-super.active {
  background-color: transparent;
  border-color: #662d91; }
.btn-super .badge {
  color: transparent;
  background-color: #662d91; }
.btn-super h2 {
  margin: 0;
  font-size: 3rem;
  white-space: normal; }
.btn-super .glyphicon {
  position: relative;
  top: 2px; }
.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; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%; }
input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover {
  outline: 0px !important;
  -webkit-appearance: none; }

.btn-homepage {
  width: 40%;
  color: white;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  text-align: left;
  font-size: 2rem;
  padding: 15px 30px;
  margin: 2px;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
.btn-homepage.active {
  padding: 25px 60px 25px 30px; }
.btn-homepage:hover, .btn-homepage:active, .btn-homepage:focus {
  color: white; }
@media (min-width: 1200px) {
  .btn-homepage:hover {
    padding: 25px 60px 25px 30px; } }

@media (min-width: 768px) {
  .btn-homepage {
    min-width: 380px; }
  .btn-homepage.white {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.8); }
  .btn-homepage.gray {
    background-color: #adadad;
    background-color: rgba(153, 153, 153, 0.8); }
  .btn-homepage.gray-dark {
    background-color: #848484;
    background-color: rgba(102, 102, 102, 0.8); }
  .btn-homepage.gray-light {
    background-color: #e3e3e3;
    background-color: rgba(221, 221, 221, 0.8); }
  .btn-homepage.gray-lighter {
    background-color: whitesmoke;
    background-color: rgba(243, 243, 243, 0.8); }
  .btn-homepage.purple {
    background-color: #8456a7;
    background-color: rgba(102, 45, 145, 0.8); }
  .btn-homepage.red {
    background-color: #f0466b;
    background-color: rgba(237, 24, 71, 0.8); }
  .btn-homepage.blue {
    background-color: #32b7ea;
    background-color: rgba(0, 165, 229, 0.8); }
  .btn-homepage.green {
    background-color: #32d76d;
    background-color: rgba(0, 205, 73, 0.8); }
  .btn-homepage.orange {
    background-color: #ffa632;
    background-color: rgba(255, 144, 0, 0.8); }
  .btn-homepage.B0 {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.8); }
  .btn-homepage.B1 {
    background-color: #e3e3e3;
    background-color: rgba(221, 221, 221, 0.8); }
  .btn-homepage.B2 {
    background-color: #adadad;
    background-color: rgba(153, 153, 153, 0.8); }
  .btn-homepage.B3 {
    background-color: #848484;
    background-color: rgba(102, 102, 102, 0.8); }
  .btn-homepage.B4 {
    background-color: #5b5b5b;
    background-color: rgba(51, 51, 51, 0.8); }
  .btn-homepage.B5 {
    background-color: #4e4e4e;
    background-color: rgba(34, 34, 34, 0.8); }
  .btn-homepage.B6 {
    background-color: #323232;
    background-color: rgba(0, 0, 0, 0.8); }
  .btn-homepage.B7 {
    background-color: whitesmoke;
    background-color: rgba(243, 243, 243, 0.8); }
  .btn-homepage.C1 {
    background-color: #8456a7;
    background-color: rgba(102, 45, 145, 0.8); }
  .btn-homepage.C1s {
    background-color: #765495;
    background-color: rgba(85, 42, 123, 0.8); }
  .btn-homepage.C1h {
    background-color: #9c61c9;
    background-color: rgba(132, 58, 188, 0.8); }
  .btn-homepage.C2 {
    background-color: #f0466b;
    background-color: rgba(237, 24, 71, 0.8); }
  .btn-homepage.C2s {
    background-color: #d54364;
    background-color: rgba(203, 21, 62, 0.8); }
  .btn-homepage.C2h {
    background-color: #ff476f;
    background-color: rgba(255, 26, 76, 0.8); }
  .btn-homepage.C3 {
    background-color: #32b7ea;
    background-color: rgba(0, 165, 229, 0.8); }
  .btn-homepage.C3s {
    background-color: #46acd8;
    background-color: rgba(25, 152, 207, 0.8); }
  .btn-homepage.C3h {
    background-color: #32c2fa;
    background-color: rgba(0, 179, 249, 0.8); }
  .btn-homepage.C4 {
    background-color: #32d76d;
    background-color: rgba(0, 205, 73, 0.8); }
  .btn-homepage.C4s {
    background-color: #32c166;
    background-color: rgba(0, 178, 64, 0.8); }
  .btn-homepage.C4h {
    background-color: #32e672;
    background-color: rgba(0, 224, 80, 0.8); }
  .btn-homepage.C5 {
    background-color: #ffa632;
    background-color: rgba(255, 144, 0, 0.8); }
  .btn-homepage.C5s {
    background-color: #ee9c32;
    background-color: rgba(234, 132, 0, 0.8); }
  .btn-homepage.C5h {
    background-color: #ffb04a;
    background-color: rgba(255, 157, 30, 0.8); }
  .btn-homepage.C6 {
    background-color: #59e2e9;
    background-color: rgba(48, 219, 228, 0.8); }
  .btn-homepage.SUCCESS {
    background-color: #32d76d;
    background-color: rgba(0, 205, 73, 0.8); }
  .btn-homepage.ERROR {
    background-color: #f0466b;
    background-color: rgba(237, 24, 71, 0.8); } }
@media (max-width: 767px) {
  .btn-homepage {
    font-size: 1.5rem;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 20px 8px;
    text-align: left; } }
/* Create inverse button styles */
.btn.green.inverse {
  background-color: #00b240;
  color: #fff; }
.btn.green.inverse:hover {
  background-color: #00e050; }
.btn.green.inverse.active {
  background-color: #fff;
  color: #00cd49;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
.btn.green.inverse.active:hover {
  background-color: #fff; }

.btn-hover-sky-blue-dark:hover {
  background-color: #28bbc2 !important; }

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
.btn-group > .btn, .btn-group-vertical > .btn {
  position: relative;
  float: left; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 2; }
.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
  outline: 0; }

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table; }
.btn-toolbar:after {
  clear: both; }
.btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left; }
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }
.btn-group-vertical > .btn-group:after {
  clear: both; }
.btn-group-vertical > .btn-group > .btn {
  float: none; }
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 14px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%; }
.btn-group-justified > .btn-group .btn {
  width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0); }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
.dropdown-menu.pull-right {
  right: 0;
  left: auto; }
.dropdown-menu .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5; }
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #666666;
  white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #595959;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #662d91; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #dddddd; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }
.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857;
  color: #dddddd;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }
.Roku-Form-Multiselect .btn-group {
  display: block; }
.Roku-Form-Multiselect .btn-group button {
  display: block;
  width: 100%;
  text-align: left;
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
  color: #999;
  box-sizing: border-box;
  border-radius: 26px;
  padding: 10px 16px;
  height: 52px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.Roku-Form-Multiselect .btn-group button:after {
  font-family: "Glyphicons Roku";
  content: "\e618";
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 3rem;
  text-align: center;
  line-height: 40px;
  background: #f3f3f3;
  pointer-events: none;
  border-radius: 36px;
  border-radius: 52px;
  line-height: 52px;
  height: 52px; }
.Roku-Form-Multiselect .dropdown-menu {
  max-height: 400px;
  overflow-y: auto;
  border-radius: 5px; }
.Roku-Form-Multiselect .dropdown-menu a {
  margin-left: 44px;
  margin-right: 44px;
  padding-left: 0px;
  padding-right: 0px;
  color: #662d91;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px; }
.Roku-Form-Multiselect .dropdown-menu a:hover {
  background: transparent;
  color: #843abc; }
.Roku-Form-Multiselect .dropdown-menu a.selected:after {
  font-family: 'Glyphicons Roku';
  content: "\e602";
  background: none;
  right: 5px;
  position: absolute; }

/* Bourbon 4.0.2
 * http://bourbon.io
 * Copyright 2011-2014 thoughtbot, inc.
 * MIT License */
html.Roku-Modal-On {
  overflow: hidden; }
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: rgba(255, 255, 255, 0.9);
  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); } }
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 1; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 24px;
  line-height: inherit;
  color: #666666;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple], select[size] {
  height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.42857;
  color: #999999; }

::-webkit-input-placeholder {
  color: #999999; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #999999; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999; }

:-ms-input-placeholder {
  color: #999999; }

select, input, .form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #999999;
  background-color: #f3f3f3;
  background-image: none;
  border: 1px solid #f3f3f3;
  border-radius: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
select::-moz-placeholder, input::-moz-placeholder, .form-control::-moz-placeholder {
  color: #666666;
  opacity: 1; }
select:-ms-input-placeholder, input:-ms-input-placeholder, .form-control:-ms-input-placeholder {
  color: #666666; }
select::-webkit-input-placeholder, input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
  color: #666666; }
select[disabled], select[readonly], fieldset[disabled] select, input[disabled], input[readonly], fieldset[disabled] input, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f3f3f3;
  opacity: 1; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
  line-height: 36px;
  line-height: 1.42857 \0; }
input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn {
  line-height: 31px; }
input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn {
  line-height: 52px; }

.form-group {
  margin-bottom: 15px; }

.radio, .checkbox {
  /*position: relative;
  display: block;
  min-height: $line-height-computed; // clear the floating input if there is no label text
  margin-top: 10px;
  margin-bottom: 10px;*/ }
.radio input, .checkbox input {
  display: none; }
.radio input:checked + span:after, .checkbox input:checked + span:after {
  -webkit-transform: rotate(360deg) scale(1);
  -ms-transform: rotate(360deg) scale(1);
  -o-transform: rotate(360deg) scale(1);
  transform: rotate(360deg) scale(1); }
.radio span, .checkbox span {
  padding-left: 2em;
  display: inline-block;
  position: relative; }
.radio span:before, .checkbox span:before {
  content: "";
  /*width: 18px;
  height: 18px;*/
  width: 1.2em;
  height: 1.2em;
  background: #dcdcdc;
  position: absolute;
  left: 0em;
  top: 0em;
  border-radius: 1.2em;
  margin-top: .1em; }
.radio span:after, .checkbox span:after {
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  content: "";
  width: 1.2em;
  height: 1.2em;
  background: #666666;
  position: absolute;
  left: 0em;
  top: 0em;
  border-radius: 1.2em;
  line-height: 1.2em;
  margin-top: .1em;
  -webkit-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
  -o-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0); }
.radio label, .checkbox label {
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer; }

.checkbox span:before {
  border: 1px solid #666; }
.checkbox span:after {
  font-family: 'Glyphicons Roku';
  content: "\e602";
  background: none;
  font-size: 1.8em;
  line-height: .5em;
  left: 0em;
  top: 0em; }

.radio span:after {
  width: .8em;
  height: .8em;
  left: .2em;
  top: .2em;
  border-radius: 1em; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

/*.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
}*/
.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
.form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0; }

.input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 13px; }

select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn {
  height: 31px;
  line-height: 31px; }

textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
  height: 52px;
  padding: 10px 16px;
  font-size: 22px;
  line-height: 1.33;
  border-radius: 26px; }

select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn {
  height: 52px;
  line-height: 52px; }

textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.has-feedback {
  position: relative; }
.has-feedback .form-control {
  padding-right: 45px; }

.form-control-feedback {
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 2;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center; }

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
  width: 52px;
  height: 52px;
  line-height: 52px; }

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback {
  width: 31px;
  height: 31px;
  line-height: 31px; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
  color: #3c763d; }
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }
.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
  color: #8a6d3b; }
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }
.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
  color: #a94442; }
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }
.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a6a6a6; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    width: auto; }
  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 29px; }
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table; }
.form-horizontal .form-group:after {
  clear: both; }
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 10px; }
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px; } }
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px; } }

.input-group-btn .btn {
  padding: 6px 16px;
  background-color: #dddddd;
  color: #999999;
  border-color: #f3f3f3; }
.input-group-btn .btn:hover {
  border-color: #e6e6e6;
  background-color: #d0d0d0; }

.select-wrapper {
  overflow: hidden;
  border-radius: 20px;
  display: inline-block;
  width: auto;
  position: relative;
  border-radius: 36px; }
.select-wrapper:after {
  font-family: "Glyphicons Roku";
  content: "\e618";
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 3rem;
  text-align: center;
  line-height: 40px;
  background: #f3f3f3;
  pointer-events: none;
  border-radius: 36px; }
.select-wrapper select {
  display: inline-block;
  width: auto;
  outline: none;
  padding-right: 2em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; }
.select-wrapper select::-ms-expand {
  display: none; }
.select-wrapper option {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; }
.select-wrapper option::-ms-expand {
  display: none; }

.cart-item-select.select-wrapper:after {
  font-family: "Glyphicons Roku";
  content: "\e618";
  position: absolute;
  right: 0;
  top: 10px;
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0; }
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #999999;
  text-align: center;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  border-radius: 14px; }
.input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 13px; }
.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 22px;
  border-radius: 26px; }
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
  margin-top: 0; }

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
.input-group-btn > .btn {
  position: relative; }
.input-group-btn > .btn + .btn {
  margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2; }
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
  margin-right: -1px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  margin-left: -1px; }

.tooltip {
  /*&.in     { @include opacity($tooltip-opacity); }
  &.top    { margin-top:  -3px; padding: $tooltip-arrow-width 0; }
  &.right  { margin-left:  3px; padding: 0 $tooltip-arrow-width; }
  &.bottom { margin-top:   3px; padding: $tooltip-arrow-width 0; }
  &.left   { margin-left: -3px; padding: 0 $tooltip-arrow-width; }*/ }
.tooltip::before {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 1rem;
  text-align: center;
  content: "i";
  border: 1px solid;
  border-radius: 10px;
  line-height: 18px;
  margin-top: 1px;
  position: absolute;
  margin-left: 6px; }
.tooltip p {
  position: fixed;
  background: rgba(163, 163, 163, 0.9);
  padding: 3rem;
  margin-left: 10%;
  margin-top: -12px;
  color: white;
  border-radius: 12px;
  max-width: 400px;
  z-index: 2;
  opacity: 0;
  visibility: hidden; }
.tooltip.open p {
  opacity: 1;
  visibility: visible; }

.channel-store .tooltip {
  top: 0;
  right: -40rem;
  position: absolute; }
.channel-store .tooltip::before {
  display: none; }
.channel-store .tooltip p {
  position: relative;
  margin: 0;
  width: 40rem; }

/*.tooltip-inner {
  max-width: $tooltip-max-width;
  padding: 3px 8px;
  color: $tooltip-color;
  text-align: center;
  text-decoration: none;
  background-color: $tooltip-bg;
  border-radius: $border-radius-base;
}

// Arrows
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip {
  &.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -$tooltip-arrow-width;
    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
    border-top-color: $tooltip-arrow-color;
  }
  &.top-left .tooltip-arrow {
    bottom: 0;
    left: $tooltip-arrow-width;
    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
    border-top-color: $tooltip-arrow-color;
  }
  &.top-right .tooltip-arrow {
    bottom: 0;
    right: $tooltip-arrow-width;
    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
    border-top-color: $tooltip-arrow-color;
  }
  &.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -$tooltip-arrow-width;
    border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
    border-right-color: $tooltip-arrow-color;
  }
  &.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -$tooltip-arrow-width;
    border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
    border-left-color: $tooltip-arrow-color;
  }
  &.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -$tooltip-arrow-width;
    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
    border-bottom-color: $tooltip-arrow-color;
  }
  &.bottom-left .tooltip-arrow {
    top: 0;
    left: $tooltip-arrow-width;
    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
    border-bottom-color: $tooltip-arrow-color;
  }
  &.bottom-right .tooltip-arrow {
    top: 0;
    right: $tooltip-arrow-width;
    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
    border-bottom-color: $tooltip-arrow-color;
  }
}*/
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 26px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal; }
.popover.top {
  margin-top: -10px; }
.popover.right {
  margin-left: 10px; }
.popover.bottom {
  margin-top: 10px; }
.popover.left {
  margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 25px 25px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff; }
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff; }
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff; }
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px; }

label {
  margin-bottom: 11px; }

.Roku-Form .help {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  margin-left: 5px; }
.Roku-Form .help-text {
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  margin-bottom: 11px; }
@media (max-width: 767px) {
  .Roku-Form .help-text {
    font-size: 12.96px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Form .help-text {
    font-size: 12.96px; } }
@media (min-width: 1200px) {
  .Roku-Form .help-text {
    font-size: 12.96px; } }
.Roku-Form iframe {
  width: 1px;
  height: 1px;
  position: fixed;
  top: -200px;
  left: -200px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  display: block; }
.Roku-Form .form-group input, .Roku-Form .form-group input:focus {
  box-shadow: none;
  border: 0px; }
.Roku-Form .has-error input.form-control, .Roku-Form .has-error input.form-control:focus, .Roku-Form .has-error textarea.form-control {
  border: .1rem solid #ed1847;
  border-color: #ed1847; }
.Roku-Form input.hidden {
  display: none; }
.Roku-Form label {
  display: block; }
.Roku-Form .error {
  color: #ed1847; }
.Roku-Form select, .Roku-Form input, .Roku-Form .form-control {
  padding: 10px 16px;
  height: 52px;
  border-radius: 26px; }
.Roku-Form textarea.form-control {
  height: 100px; }
.Roku-Form .form-group {
  clear: both;
  float: none;
  overflow: hidden;
  margin-bottom: 22px; }
.Roku-Form .form-group-two-selects .select-group {
  float: left; }
.Roku-Form .form-group-two-selects .select-group:first-child {
  margin-right: 11px; }
.Roku-Form .select-group {
  display: block;
  max-width: 100%;
  overflow: hidden; }
@media (max-width: 767px) {
  .Roku-Form .select-group {
    width: 100%;
    float: none; }
  .Roku-Form .select-group .second-select-wrapper {
    margin-top: 6px; } }
.Roku-Form .select-group .select-wrapper {
  display: block;
  max-width: 100%; }
@media (max-width: 767px) {
  .Roku-Form .select-group .select-wrapper {
    width: 100%;
    float: none; } }
.Roku-Form .select-group .select-wrapper:after {
  border-radius: 52px;
  line-height: 52px;
  height: 52px; }
.Roku-Form .select-group select {
  display: block;
  width: 100%;
  padding-right: 3em;
  color: #666; }
.Roku-Form .select-group select.selected {
  color: #999; }
@media (max-width: 767px) {
  .Roku-Form .select-group select {
    width: 100%; } }
.Roku-Form .has-error .control-label, .Roku-Form .has-error .help-block, .Roku-Form .has-error .error-help-block {
  color: #ed1847; }
.Roku-Form .has-error .error-help-block {
  padding: 0px 16px; }
.Roku-Form .has-error .form-control, .Roku-Form .has-error .form-control:focus {
  box-shadow: none;
  border: 0px; }
.Roku-Form .help-block {
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  margin-top: 5px;
  margin-bottom: 0px; }
@media (max-width: 767px) {
  .Roku-Form .help-block {
    font-size: 12.96px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .Roku-Form .help-block {
    font-size: 12.96px; } }
@media (min-width: 1200px) {
  .Roku-Form .help-block {
    font-size: 12.96px; } }
.Roku-Form .radio span:before, .Roku-Form .checkbox span:before {
  margin-top: 0em; }
.Roku-Form .radio span:after {
  top: 0.1em; }
.Roku-Form .radio.formOfPayment {
  clear: both;
  float: none;
  overflow: hidden; }
.Roku-Form .radio.formOfPayment label {
  display: block;
  float: none;
  margin-right: 22px; }
.Roku-Form .radio.formOfPayment label:last-child {
  margin-right: 0px; }
.Roku-Form .radio.formOfPayment span.icon {
  top: 0px; }
.Roku-Form .radio.formOfPayment span.icon:before, .Roku-Form .radio.formOfPayment span.icon:after {
  display: none; }
.Roku-Form .radio.formOfPayment .cc span {
  top: -15px; }
@media (max-width: 1199px) {
  .Roku-Form .radio.formOfPayment .cc span {
    display: block;
    top: 0px; } }
.Roku-Form .radio.formOfPayment .cc span.cc-icon {
  top: 0px; }
@media (max-width: 1199px) {
  .Roku-Form .radio.formOfPayment .cc span.cc-icon {
    margin-left: 25px; } }
.Roku-Form .radio.formOfPayment .paypal span {
  top: -10px; }
.Roku-Form .radio.formOfPayment .paypal span.sprite-form-payment-paypal-logo {
  margin-left: -5px;
  margin-top: 5px;
  top: 0px; }
.Roku-Form .radio, .Roku-Form .checkbox {
  margin-left: 5px; }
.Roku-Form .radio .help-text, .Roku-Form .checkbox .help-text {
  margin-left: 33px;
  margin-bottom: 0px; }
.Roku-Form .radio label, .Roku-Form .checkbox label {
  display: inline-block; }
.Roku-Form .radio .error-help-block, .Roku-Form .checkbox .error-help-block {
  display: none;
  color: #ed1847; }
.Roku-Form .radio .error-help-block:before, .Roku-Form .radio .error-help-block:after, .Roku-Form .checkbox .error-help-block:before, .Roku-Form .checkbox .error-help-block:after {
  display: none; }
.Roku-Form .radio.has-error .error-help-block, .Roku-Form .checkbox.has-error .error-help-block {
  display: block; }
.Roku-Form .radio span span, .Roku-Form .checkbox span span {
  padding-left: 0px; }
.Roku-Form .radio span span:before, .Roku-Form .checkbox span span:before {
  display: none; }
.Roku-Form .radio span a, .Roku-Form .checkbox span a {
  margin-left: 5px; }
.Roku-Form .checkbox span:after {
  width: 19px;
  height: 19px;
  line-height: 17px;
  margin: 0px;
  padding: 0px;
  font-size: 28px;
  border-radius: 0px; }
.Roku-Form .desc {
  margin-bottom: 15px; }
.Roku-Form .error-help-block {
  display: none; }
.Roku-Form .has-error .error-help-block {
  display: block; }
.Roku-Form .hidden {
  display: none; }
.Roku-Form .multiselect-group {
  overflow: visible; }

/* hide popover on select form elements on mobile */
@media (max-width: 767px) {
  .popover {
    display: none !important; } }

.datepicker.datepicker-dropdown.dropdown-menu {
  border-radius: 5px; }

@-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); } }
.roku-circle-simple {
  display: inline-block;
  border-radius: 50%;
  width: 100%;
  height: 0;
  text-align: center;
  color: #fff;
  overflow: hidden;
  padding-bottom: 100%;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  position: relative; }
.roku-circle-simple .roku-circle-vcenter {
  position: relative;
  margin-top: 50%;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: inline-block;
  padding: 10%; }
.roku-circle-simple .roku-circle-vcenter h1, .roku-circle-simple .roku-circle-vcenter h2, .roku-circle-simple .roku-circle-vcenter h3, .roku-circle-simple .roku-circle-vcenter h4, .roku-circle-simple .roku-circle-vcenter h5, .roku-circle-simple .roku-circle-vcenter h6 {
  margin-top: 0; }

.roku-circle-tag {
  font-size: 18px;
  width: 75px;
  background: rgba(255, 255, 255, 0.3);
  height: 75px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  border: 3px solid white;
  padding-top: 7px;
  line-height: 1; }

.roku-circle-md, .roku-circle-lg {
  color: #fff;
  display: inline-block;
  border-radius: 50%;
  width: 100%;
  height: 0;
  text-align: center;
  overflow: hidden;
  padding-bottom: 100%;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  position: relative;
  cursor: pointer;
  margin: 0 auto 40px; }
.roku-circle-md .roku-font-4, .roku-circle-lg .roku-font-4 {
  margin-top: 15%;
  margin-bottom: 11px;
  padding: 0 7%; }
.roku-circle-md .roku-font-4 .smaller, .roku-circle-lg .roku-font-4 .smaller {
  font-size: .8em;
  line-height: 1;
  display: block; }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-circle-md .roku-font-4, .roku-circle-lg .roku-font-4 {
    font-size: 2.4rem;
    padding: 0 8%; } }
.roku-circle-md p, .roku-circle-lg p {
  margin-bottom: 15%;
  padding: 0 7%;
  font-size: 1.8rem; }
@media (min-width: 992px) and (max-width: 1199px) {
  .roku-circle-md p, .roku-circle-lg p {
    margin-bottom: 5%; } }
@media (max-width: 991px) {
  .roku-circle-md p, .roku-circle-lg p {
    margin-bottom: 0; } }
.roku-circle-md img, .roku-circle-lg img {
  max-width: 100%; }
.roku-circle-md.outside, .roku-circle-lg.outside {
  overflow: visible;
  position: relative; }
.roku-circle-md.outside p, .roku-circle-lg.outside p {
  position: relative;
  z-index: 1; }
.roku-circle-md.outside img, .roku-circle-lg.outside img {
  margin-left: auto;
  margin-right: auto; }
.roku-circle-md.outside .figure, .roku-circle-lg.outside .figure {
  -webkit-mask-image: none; }
.roku-circle-md:hover, .roku-circle-lg:hover {
  color: #fff;
  text-decoration: none; }
.roku-circle-md .figure, .roku-circle-lg .figure {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
.roku-circle-md .figure > *, .roku-circle-lg .figure > * {
  pointer-events: none; }
.roku-circle-md .figure .roku-button, .roku-circle-lg .figure .roku-button {
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background: none; }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-circle-md .figure .roku-button, .roku-circle-lg .figure .roku-button {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 20px; } }
.roku-circle-md .figure .hover, .roku-circle-md .figure .onhover, .roku-circle-lg .figure .hover, .roku-circle-lg .figure .onhover {
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
.roku-circle-md .figure .hover, .roku-circle-lg .figure .hover {
  position: absolute;
  left: 0;
  right: 0; }
.roku-circle-md .figure .onhover, .roku-circle-lg .figure .onhover {
  opacity: 0;
  bottom: -20%;
  position: absolute;
  width: 100%; }
.roku-circle-md .figure:hover .hover, .roku-circle-lg .figure:hover .hover {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6); }
.roku-circle-md .figure:hover .onhover, .roku-circle-lg .figure:hover .onhover {
  opacity: 1;
  bottom: 10%; }
@media (max-width: 1199px) {
  .roku-circle-md .figure .hover, .roku-circle-lg .figure .hover {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6); } }
@media (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) {
  .roku-circle-md .figure .hover img, .roku-circle-lg .figure .hover img {
    margin-top: -24px; } }
@media (max-width: 1199px) {
  .roku-circle-md .figure .onhover, .roku-circle-lg .figure .onhover {
    opacity: 1;
    bottom: 10%; } }

/* Background circle with overflow */
.roku-circle-sm {
  border-radius: 50%;
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  position: relative;
  margin: 0 auto; }
@media (max-width: 767px) {
  .roku-circle-sm {
    width: 30%;
    padding-bottom: 30%;
    float: left;
    margin-top: 20px; } }
.roku-circle-sm img {
  position: absolute;
  left: 33%;
  bottom: 0;
  width: 33%; }
.roku-circle-sm span {
  float: left;
  width: 100%;
  padding-top: 50%;
  margin-top: -.5em;
  font-size: 7vw;
  line-height: 1; }
@media (max-width: 767px) {
  .roku-circle-sm span {
    font-size: 16vw; } }
.roku-circle-sm.outside {
  overflow: visible; }

.roku-circle-bullet {
  display: inline-block;
  border-radius: 1em;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  text-align: center; }

@-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); } }
.roku-media-hero {
  /* Adjust media heroes up. */
  margin-top: -5.4rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 768px;
  height: 92vh; }
.roku-media-hero.overflow {
  height: auto;
  max-height: none; }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .roku-media-hero {
    max-height: 880px; } }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .roku-media-hero {
    max-height: 627px; } }
@media all and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .roku-media-hero {
    max-height: 523px; } }
@media all and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .roku-media-hero {
    max-height: 523px; }
  .roku-media-hero .media-bg img {
    height: auto; } }
@media all and (min-width: 500px) and (max-width: 767px) {
  .roku-media-hero .media-bg img {
    max-height: 170%; } }
@media (max-width: 767px) {
  .roku-media-hero {
    min-height: 523px; }
  .roku-media-hero picture::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-image: radial-gradient(transparent 40%, rgba(0, 0, 0, 0.25)); }
  .roku-media-hero section {
    height: 100%; } }
.roku-media-hero .roku-navbar ~ .container {
  margin-top: 135px; }
@media (max-width: 767px) {
  .roku-media-hero .roku-navbar ~ .container {
    margin-top: 65px; } }
.roku-media-hero .roku-navbar .navbar-brand {
  background-image: url("//image.roku.com/w/assets/roku-logo-white.png"); }
.roku-media-hero .roku-navbar .btn-mobile a {
  color: #fff; }
.roku-media-hero .roku-navbar:not(.fixedTop) .navbar-text {
  color: #fff; }
.roku-media-hero .roku-navbar:not(.fixedTop) .navbar-nav > li > a {
  color: #fff; }
@media (max-width: 767px) {
  .roku-media-hero .roku-navbar:not(.fixedTop) .navbar-nav > li > a {
    color: #999; } }
.roku-media-hero .roku-navbar:not(.fixedTop) .navbar-nav > li > a:hover {
  color: #fefefe; }
@media (max-width: 767px) {
  .roku-media-hero .roku-navbar:not(.fixedTop) .navbar-nav > li > a:hover {
    color: #999; } }
.roku-media-hero .navbar-default .icon-bar {
  background-color: #fff; }
.roku-media-hero .roku-button.btn-secondary {
  border-color: #fff;
  color: #fff; }
.roku-media-hero .lead-footer {
  margin-right: 5%;
  padding: 15px;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff; }
.roku-media-hero .lead-footer img {
  vertical-align: text-bottom; }
.roku-media-hero .lead-footer .disclaimer {
  display: block; }
@media (max-width: 767px) {
  .roku-media-hero .lead-footer {
    margin-right: 0;
    font-size: 1.3rem; }
  .roku-media-hero .lead-footer img {
    max-height: 20px; } }
.roku-media-hero.hero-deal .lead-footer {
  margin-right: 0;
  width: 100%; }
@media (max-width: 767px) {
  .roku-media-hero.hero-deal {
    height: auto; } }
@media (min-width: 768px) {
  .roku-media-hero.hero-deal {
    min-height: 865px; } }
@media (max-width: 767px) and (orientation: landscape) {
  .roku-media-hero.hero-deal .media-bg img {
    width: auto;
    height: 100%; } }

@media (max-width: 767px) and (orientation: landscape) {
  .roku-media-hero.mobile-landscape-width-auto .media-bg img {
    width: auto; } }

.roku-media-hero .promo-badge {
  max-width: 325px;
  max-height: 325px;
  width: 30%;
  height: 30%;
  left: 40%;
  top: 30%;
  display: block;
  position: absolute; }
.roku-media-hero .promo-badge img {
  width: 100%;
  height: 100%; }
@media (max-width: 767px) {
  .roku-media-hero.mobile-img {
    margin: 0;
    height: auto;
    min-height: 227px; } }
.roku-media-hero .hero-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 20% 0 8rem 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); }
.roku-media-hero.homepage .homepage-controls {
  position: absolute;
  height: 100%;
  display: inline-block; }
.roku-media-hero.homepage .homepage-controls.left {
  left: 0; }
.roku-media-hero.homepage .homepage-controls.right {
  right: 0; }
.roku-media-hero.homepage .homepage-controls a {
  position: relative;
  font-size: 5rem;
  color: #fff;
  opacity: 0.4;
  top: 40%; }
@media (min-width: 992px) {
  .roku-media-hero.homepage .lead-footer {
    margin-right: 0;
    text-align: left;
    padding: 15px 8.3333%;
    bottom: 115px;
    left: 0; } }
@media (max-width: 991px) {
  .roku-media-hero.homepage .media-bg::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-image: radial-gradient(transparent 40%, rgba(0, 0, 0, 0.25)); } }
@media (min-width: 992px) {
  .roku-media-hero.homepage {
    min-height: 510px; } }

@media (min-width: 768px) {
  #hero {
    min-height: 75px; } }
.roku-hero {
  margin: 0;
  padding: 0;
  color: #fff; }
.roku-hero.homepage .lead p {
  margin-top: 25px;
  font-size: 2.4rem; }
.roku-hero.homepage .lead a {
  position: relative;
  left: 0;
  z-index: 2; }
.roku-hero.homepage .lead .learn-more {
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem; }
.roku-hero.homepage .lead .learn-more:after, .roku-hero.homepage .lead .learn-more:before {
  background-color: #fff; }
.roku-hero.homepage .lead .lead-override a {
  left: auto;
  bottom: auto; }
@media (max-width: 991px) {
  .roku-hero.homepage .lead {
    margin-top: 0;
    padding-top: 25px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
  .roku-hero.homepage .lead h3 {
    margin-top: 70%; } }
@media (max-width: 991px) and (max-width: 767px) and (orientation: landscape) {
  .roku-hero.homepage .lead h3 {
    margin-top: 40%; } }

.roku-hero.homepage .roku-media-hero:after {
  display: none; }
.roku-hero.homepage .media-bg img {
  z-index: 0; }
.roku-hero.homepage .roku-accordion .accordion-tab:before, .roku-hero.homepage .roku-accordion .accordion-tab:after {
  background-color: #fff; }
.roku-hero.homepage .roku-accordion .accordion-body {
  position: relative; }
@media (max-width: 991px) {
  .roku-hero.homepage {
    position: relative;
    z-index: 2;
    height: 100%; }
  .roku-hero.homepage .lead > *, .roku-hero.homepage .lead .lead-content {
    text-align: center !important;
    height: 100%;
    min-height: 400px; }
  .roku-hero.homepage .lead a.roku-button {
    bottom: initial !important;
    position: absolute !important;
    display: block;
    top: 75%;
    width: 80%;
    margin-left: 10%;
    padding-left: 0;
    padding-right: 0; }
  .roku-hero.homepage .roku-accordion {
    padding-left: 0;
    padding-right: 0; }
  .roku-hero.homepage .roku-accordion .accordion-tab {
    border-bottom: 0 none;
    padding-left: 10px; }
  .roku-hero.homepage .roku-accordion .accordion-body .roku-media-hero {
    margin-top: 0; }
  .roku-hero.homepage .roku-accordion .accordion-body .lead {
    padding-top: 25px;
    width: 100%;
    position: absolute;
    top: 0; }
  .roku-hero.homepage .roku-accordion .accordion-body .lead a {
    bottom: -20px; }
  .roku-hero.homepage .roku-accordion .accordion-body .lead .disclaimer {
    position: absolute;
    bottom: 0;
    right: 0; }
  .roku-hero.homepage .mobile-wrapper {
    position: absolute;
    bottom: -100%;
    width: 100%;
    left: 0; }
  .roku-hero.homepage .mobile-wrapper > div {
    padding: 0; } }
@media (min-width: 768px) {
  .roku-hero.homepage {
    position: absolute;
    top: 30%; } }
@media (min-width: 768px) and (min-width: 992px) {
  .roku-hero.homepage.col-md-offset-1 {
    margin-left: 8.33333%; } }
@media (min-width: 768px) {
  .roku-hero.homepage.hero-nav {
    top: initial;
    position: relative;
    bottom: 95px;
    margin-bottom: -95px; }
  .roku-hero.homepage .lead {
    padding-left: 0; } }
@media (min-width: 768px) and (min-width: 992px) {
  .roku-hero.homepage .lead {
    margin-top: -80px; } }
@media (min-width: 768px) {
  .roku-hero.homepage .roku-accordion {
    padding-left: 0;
    padding-right: 0; }
  .roku-hero.homepage .roku-accordion .accordion-tab {
    height: 95px;
    color: #fff;
    border-bottom: 0 none;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
  .roku-hero.homepage .roku-accordion .accordion-tab:hover, .roku-hero.homepage .roku-accordion .accordion-tab:active, .roku-hero.homepage .roku-accordion .accordion-tab:focus {
    color: #fff; }
  .roku-hero.homepage .roku-accordion .accordion-tab:before, .roku-hero.homepage .roku-accordion .accordion-tab:after {
    display: none; } }
@media (min-width: 768px) and (min-width: 992px) {
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c1, .roku-hero.homepage .roku-accordion .accordion-tab:hover.roku-bg-color-c1 {
    margin-top: -20px;
    height: 115px;
    padding-top: 30px; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c2, .roku-hero.homepage .roku-accordion .accordion-tab:hover.roku-bg-color-c2 {
    margin-top: -20px;
    height: 115px;
    padding-top: 30px; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c3, .roku-hero.homepage .roku-accordion .accordion-tab:hover.roku-bg-color-c3 {
    margin-top: -20px;
    height: 115px;
    padding-top: 30px; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c4, .roku-hero.homepage .roku-accordion .accordion-tab:hover.roku-bg-color-c4 {
    margin-top: -20px;
    height: 115px;
    padding-top: 30px; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c5, .roku-hero.homepage .roku-accordion .accordion-tab:hover.roku-bg-color-c5 {
    margin-top: -20px;
    height: 115px;
    padding-top: 30px; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c6, .roku-hero.homepage .roku-accordion .accordion-tab:hover.roku-bg-color-c6 {
    margin-top: -20px;
    height: 115px;
    padding-top: 30px; } }
@media (min-width: 768px) {
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c1 {
    background-color: #662d91;
    background-color: #662d91; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c2 {
    background-color: #ed1847;
    background-color: #ed1847; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c3 {
    background-color: #00a5e5;
    background-color: #00a5e5; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c4 {
    background-color: #00cd49;
    background-color: #00cd49; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c5 {
    background-color: #ff9000;
    background-color: #ff9000; }
  .roku-hero.homepage .roku-accordion .accordion-tab.active.roku-bg-color-c6 {
    background-color: #30dbe4;
    background-color: #30dbe4; }
  .roku-hero.homepage .roku-accordion .accordion-tab h4 {
    font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    margin: 0; }
  .roku-hero.homepage .roku-accordion .accordion-tab.roku-bg-color-c1 {
    background-color: #8456a7;
    background-color: rgba(102, 45, 145, 0.8); }
  .roku-hero.homepage .roku-accordion .accordion-tab.roku-bg-color-c2 {
    background-color: #f0466b;
    background-color: rgba(237, 24, 71, 0.8); }
  .roku-hero.homepage .roku-accordion .accordion-tab.roku-bg-color-c3 {
    background-color: #32b7ea;
    background-color: rgba(0, 165, 229, 0.8); }
  .roku-hero.homepage .roku-accordion .accordion-tab.roku-bg-color-c4 {
    background-color: #32d76d;
    background-color: rgba(0, 205, 73, 0.8); }
  .roku-hero.homepage .roku-accordion .accordion-tab.roku-bg-color-c5 {
    background-color: #ffa632;
    background-color: rgba(255, 144, 0, 0.8); }
  .roku-hero.homepage .roku-accordion .accordion-tab.roku-bg-color-c6 {
    background-color: #59e2e9;
    background-color: rgba(48, 219, 228, 0.8); }
  .roku-hero.homepage .roku-accordion .accordion-body {
    display: none; } }
@media (min-width: 768px) and (max-width: 991px) {
  .roku-hero.homepage {
    top: 0;
    position: relative; }
  .roku-hero.homepage.hero-nav {
    margin-top: 3px;
    margin-bottom: 0;
    bottom: 0; }
  .roku-hero.homepage .roku-accordion {
    width: 20%;
    padding-left: 1px; }
  .roku-hero.homepage .roku-accordion:first-child {
    padding-left: 0; }
  .roku-hero.homepage .roku-accordion.col-sm-offset-1 {
    margin-left: 0; }
  .roku-hero.homepage .roku-accordion .accordion-tab h4 {
    font-size: 1.8rem; } }
.roku-hero.homepage .deal-buy-now {
  position: relative;
  top: -77px;
  left: 85px;
  z-index: 2; }
.roku-hero .lead {
  position: relative;
  padding: 15px; }
.roku-hero .lead a {
  position: absolute;
  left: 15px;
  bottom: -60px; }
.roku-hero .lead .video-modal.open {
  position: fixed; }
@media (max-width: 767px) {
  .roku-hero .lead {
    min-height: 300px;
    display: table;
    padding-top: 50px; }
  .roku-hero .lead > * {
    display: table-cell;
    vertical-align: middle;
    padding: 15px; } }
.roku-hero.product {
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif; }
.roku-hero.product .description {
  font-size: 2.25rem;
  line-height: 1.6; }
@media (max-width: 767px) {
  .roku-hero.product .description {
    font-size: 1.6rem;
    height: 100px; } }
.roku-hero.product .ship-date {
  text-align: center; }
.roku-hero.product .price {
  text-align: left; }
@media (min-width: 768px) {
  .roku-hero.product .price {
    margin: 30px 0;
    font-size: 5rem;
    position: relative; }
  .roku-hero.product .price .discounted {
    top: -1em; } }
.roku-hero.product .actions button {
  width: 100%; }
@media (max-width: 767px) {
  .roku-hero.product {
    margin-top: 5.4rem; }
  .roku-hero.product .actions {
    width: 70%;
    margin-left: 37%; }
  .roku-hero.product .actions:last-child {
    margin-bottom: -12px; }
  .roku-hero.product .actions button {
    width: 100%;
    margin-top: 6px;
    margin-bottom: 6px; }
  .roku-hero.product .price > span:last-child {
    top: 5rem;
    position: relative;
    margin-left: -1.2rem; } }
.roku-hero .slider {
  display: none;
  opacity: 0; }
.roku-hero .open {
  position: relative;
  z-index: 3; }
.roku-hero .open .slider {
  padding: 20px;
  position: absolute;
  display: block;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  width: 100%;
  top: 62px;
  left: 0;
  overflow: hidden; }
.roku-hero .open .slider * {
  white-space: initial; }
.roku-hero .open .slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1; }

@-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); } }
.roku-nav-tabs {
  border-bottom: 1px solid #ddd;
  text-align: center; }
.roku-nav-tabs > li {
  display: inline-block;
  margin-bottom: -1px; }
@media (max-width: 767px) {
  .roku-nav-tabs > li {
    max-width: 30%;
    font-size: 1.3rem; } }
.roku-nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42;
  border: 1px solid transparent;
  border-radius: 14px 14px 0 0; }
@media (min-width: 768px) {
  .roku-nav-tabs > li > a {
    min-width: 200px;
    padding: 20px 25px; } }
.roku-nav-tabs > li > a:focus, .roku-nav-tabs > li > a:hover {
  background-color: transparent; }
.roku-nav-tabs > li.active > a, .roku-nav-tabs > li.active > a:hover, .roku-nav-tabs > li.active > a:focus {
  color: #999;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }
.roku-nav-tabs > li.active > a:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: -20px;
  bottom: -1px;
  background-image: radial-gradient(circle at 0 0, #FFF 18px, #ccc, #FFF 20px); }
.roku-nav-tabs > li.active > a:after {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  right: -20px;
  bottom: -1px;
  background-image: radial-gradient(circle at 0 0, #FFF 18px, #ccc, #FFF 20px);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.roku-nav-pills > li {
  display: inline-block; }
@media (max-width: 767px) {
  .roku-nav-pills > li {
    font-size: 1.4rem; } }
.roku-nav-pills > li > a {
  padding: 8px 20px 6px;
  border-radius: 20px;
  margin: 1rem; }
.roku-nav-pills > li + li {
  margin-left: 6px; }
.roku-nav-pills > li.active > a, .roku-nav-pills > li.active > a:hover, .roku-nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #662d91; }

.roku-parallax {
  background-size: cover; }

@-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); } }
@media (max-width: 767px) {
  #product-selector .circle-info .btn, #player-selector .circle-info .btn {
    max-width: 30rem; } }
#product-selector .col-sm-4 .roku-circle-md, #product-selector .col-md-4 .roku-circle-md, #player-selector .col-sm-4 .roku-circle-md, #player-selector .col-md-4 .roku-circle-md {
  width: 290px;
  height: 290px;
  padding-bottom: 0;
  display: block; }
@media (min-width: 992px) and (max-width: 1199px) {
  #product-selector .col-sm-4 .roku-circle-md, #product-selector .col-md-4 .roku-circle-md, #player-selector .col-sm-4 .roku-circle-md, #player-selector .col-md-4 .roku-circle-md {
    width: 220px;
    height: 220px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #product-selector .col-sm-4 .roku-circle-md, #product-selector .col-md-4 .roku-circle-md, #player-selector .col-sm-4 .roku-circle-md, #player-selector .col-md-4 .roku-circle-md {
    width: 174px;
    height: 174px; } }
@media (max-width: 767px) {
  #product-selector .col-sm-4 .roku-circle-md, #product-selector .col-md-4 .roku-circle-md, #player-selector .col-sm-4 .roku-circle-md, #player-selector .col-md-4 .roku-circle-md {
    width: 300px;
    height: 300px; } }
#product-selector .col-sm-4 .roku-circle-lg, #product-selector .col-md-4 .roku-circle-lg, #player-selector .col-sm-4 .roku-circle-lg, #player-selector .col-md-4 .roku-circle-lg {
  width: 390px;
  height: 390px;
  padding-bottom: 0;
  display: block; }
@media (min-width: 768px) and (max-width: 991px) {
  #product-selector .col-sm-4 .roku-circle-lg, #product-selector .col-md-4 .roku-circle-lg, #player-selector .col-sm-4 .roku-circle-lg, #player-selector .col-md-4 .roku-circle-lg {
    width: 520px;
    height: 520px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  #product-selector .col-sm-4 .roku-circle-lg, #product-selector .col-md-4 .roku-circle-lg, #player-selector .col-sm-4 .roku-circle-lg, #player-selector .col-md-4 .roku-circle-lg {
    width: 320px;
    height: 320px; } }
@media (max-width: 767px) {
  #product-selector .col-sm-4 .roku-circle-lg, #product-selector .col-md-4 .roku-circle-lg, #player-selector .col-sm-4 .roku-circle-lg, #player-selector .col-md-4 .roku-circle-lg {
    width: 300px;
    height: 300px; } }
#product-selector .col-sm-4 .roku-circle-lg .hover, #product-selector .col-md-4 .roku-circle-lg .hover, #player-selector .col-sm-4 .roku-circle-lg .hover, #player-selector .col-md-4 .roku-circle-lg .hover {
  top: 45%; }
@media (min-width: 768px) and (max-width: 991px) {
  #product-selector .col-sm-4 .roku-circle-lg, #player-selector .col-sm-4 .roku-circle-lg {
    width: 240px;
    height: 240px; } }
#product-selector .col-sm-3 .roku-circle-lg, #product-selector .col-md-3 .roku-circle-lg, #player-selector .col-sm-3 .roku-circle-lg, #player-selector .col-md-3 .roku-circle-lg {
  width: 290px;
  height: 290px;
  padding-bottom: 0;
  display: block; }
@media (min-width: 992px) and (max-width: 1199px) {
  #product-selector .col-sm-3 .roku-circle-lg, #product-selector .col-md-3 .roku-circle-lg, #player-selector .col-sm-3 .roku-circle-lg, #player-selector .col-md-3 .roku-circle-lg {
    width: 220px;
    height: 220px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #product-selector .col-sm-3 .roku-circle-lg, #product-selector .col-md-3 .roku-circle-lg, #player-selector .col-sm-3 .roku-circle-lg, #player-selector .col-md-3 .roku-circle-lg {
    width: 520px;
    height: 520px; } }
@media (max-width: 767px) {
  #product-selector .col-sm-3 .roku-circle-lg, #product-selector .col-md-3 .roku-circle-lg, #player-selector .col-sm-3 .roku-circle-lg, #player-selector .col-md-3 .roku-circle-lg {
    width: 300px;
    height: 300px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #product-selector .col-sm-3 .roku-circle-lg, #player-selector .col-sm-3 .roku-circle-lg {
    width: 174px;
    height: 174px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #product-selector .col-md-4 .roku-circle-lg .figure h2, #player-selector .col-md-4 .roku-circle-lg .figure h2 {
    font-size: 3.8rem; }
  #product-selector .col-md-4 .roku-circle-lg .figure .hover, #player-selector .col-md-4 .roku-circle-lg .figure .hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  #product-selector .col-md-4 .roku-circle-lg .figure .hover img, #player-selector .col-md-4 .roku-circle-lg .figure .hover img {
    margin-top: 4rem; }
  #product-selector .col-md-4 .roku-circle-lg .figure .roku-button, #player-selector .col-md-4 .roku-circle-lg .figure .roku-button {
    padding: 14px 36px;
    font-size: 16px;
    line-height: 1.42;
    border-radius: 30px; } }
#product-selector .roku-nav-tabs, #player-selector .roku-nav-tabs {
  margin-bottom: 2rem; }
#product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
  max-height: 64px; }
@media (min-width: 768px) and (max-width: 1199px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-top: 1rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-right: 1rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-bottom: 1rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-left: 1rem; } }

#player-selector .roku-nav-tabs {
  margin-bottom: 2rem; }
#player-selector .roku-nav-tabs > li > a {
  max-height: 64px; }
@media (max-width: 767px) {
  #player-selector .roku-players-container {
    background-color: #ddd;
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem; } }
@media (max-width: 767px) and (max-width: 767px) {
  #player-selector .roku-players-container {
    padding-top: 1rem; } }
@media (max-width: 767px) and (max-width: 767px) {
  #player-selector .roku-players-container {
    padding-bottom: 1rem; } }

@media (min-width: 768px) and (max-width: 1199px) {
  #player-selector .roku-nav-tabs > li > a {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #player-selector .roku-nav-tabs > li > a {
    padding-top: 1rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #player-selector .roku-nav-tabs > li > a {
    padding-right: 1rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #player-selector .roku-nav-tabs > li > a {
    padding-bottom: 1rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #player-selector .roku-nav-tabs > li > a {
    padding-left: 1rem; } }

@media (min-width: 768px) {
  #player-selector {
    margin-top: -74px; } }
#player-selector.product-circle-info .figure .hover {
  top: initial; }

.star-rating-container {
  position: relative;
  display: inline-block;
  font-size: 2.2rem;
  text-align: left; }
.star-rating-container .star-rating-off {
  color: #00cd49; }
.star-rating-container .star-rating-off.white {
  color: #fff;
  background-color: transparent; }
.star-rating-container .star-rating-off.gray {
  color: #999999;
  background-color: transparent; }
.star-rating-container .star-rating-off.gray-dark {
  color: #666666;
  background-color: transparent; }
.star-rating-container .star-rating-off.gray-light {
  color: #dddddd;
  background-color: transparent; }
.star-rating-container .star-rating-off.gray-lighter {
  color: #f3f3f3;
  background-color: transparent; }
.star-rating-container .star-rating-off.purple {
  color: #662d91;
  background-color: transparent; }
.star-rating-container .star-rating-off.red {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-off.blue {
  color: #00a5e5;
  background-color: transparent; }
.star-rating-container .star-rating-off.green {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-off.orange {
  color: #ff9000;
  background-color: transparent; }
.star-rating-container .star-rating-off.B0 {
  color: #fff;
  background-color: transparent; }
.star-rating-container .star-rating-off.B1 {
  color: #ddd;
  background-color: transparent; }
.star-rating-container .star-rating-off.B2 {
  color: #999;
  background-color: transparent; }
.star-rating-container .star-rating-off.B3 {
  color: #666;
  background-color: transparent; }
.star-rating-container .star-rating-off.B4 {
  color: #333;
  background-color: transparent; }
.star-rating-container .star-rating-off.B5 {
  color: #222;
  background-color: transparent; }
.star-rating-container .star-rating-off.B6 {
  color: #000;
  background-color: transparent; }
.star-rating-container .star-rating-off.B7 {
  color: #f3f3f3;
  background-color: transparent; }
.star-rating-container .star-rating-off.C1 {
  color: #662d91;
  background-color: transparent; }
.star-rating-container .star-rating-off.C1s {
  color: #552a7b;
  background-color: transparent; }
.star-rating-container .star-rating-off.C1h {
  color: #843abc;
  background-color: transparent; }
.star-rating-container .star-rating-off.C2 {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-off.C2s {
  color: #cb153e;
  background-color: transparent; }
.star-rating-container .star-rating-off.C2h {
  color: #ff1a4c;
  background-color: transparent; }
.star-rating-container .star-rating-off.C3 {
  color: #00a5e5;
  background-color: transparent; }
.star-rating-container .star-rating-off.C3s {
  color: #1998cf;
  background-color: transparent; }
.star-rating-container .star-rating-off.C3h {
  color: #00b3f9;
  background-color: transparent; }
.star-rating-container .star-rating-off.C4 {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-off.C4s {
  color: #00b240;
  background-color: transparent; }
.star-rating-container .star-rating-off.C4h {
  color: #00e050;
  background-color: transparent; }
.star-rating-container .star-rating-off.C5 {
  color: #ff9000;
  background-color: transparent; }
.star-rating-container .star-rating-off.C5s {
  color: #ea8400;
  background-color: transparent; }
.star-rating-container .star-rating-off.C5h {
  color: #ff9d1e;
  background-color: transparent; }
.star-rating-container .star-rating-off.C6 {
  color: #30dbe4;
  background-color: transparent; }
.star-rating-container .star-rating-off.SUCCESS {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-off.ERROR {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-off:after {
  content: "\e006\e006\e006\e006\e006"; }
.star-rating-container .star-rating-on {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap; }
.star-rating-container .star-rating-on.yellow {
  color: #f4da00; }
.star-rating-container .star-rating-on.white {
  color: #fff;
  background-color: transparent; }
.star-rating-container .star-rating-on.gray {
  color: #999999;
  background-color: transparent; }
.star-rating-container .star-rating-on.gray-dark {
  color: #666666;
  background-color: transparent; }
.star-rating-container .star-rating-on.gray-light {
  color: #dddddd;
  background-color: transparent; }
.star-rating-container .star-rating-on.gray-lighter {
  color: #f3f3f3;
  background-color: transparent; }
.star-rating-container .star-rating-on.purple {
  color: #662d91;
  background-color: transparent; }
.star-rating-container .star-rating-on.red {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-on.blue {
  color: #00a5e5;
  background-color: transparent; }
.star-rating-container .star-rating-on.green {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-on.orange {
  color: #ff9000;
  background-color: transparent; }
.star-rating-container .star-rating-on.B0 {
  color: #fff;
  background-color: transparent; }
.star-rating-container .star-rating-on.B1 {
  color: #ddd;
  background-color: transparent; }
.star-rating-container .star-rating-on.B2 {
  color: #999;
  background-color: transparent; }
.star-rating-container .star-rating-on.B3 {
  color: #666;
  background-color: transparent; }
.star-rating-container .star-rating-on.B4 {
  color: #333;
  background-color: transparent; }
.star-rating-container .star-rating-on.B5 {
  color: #222;
  background-color: transparent; }
.star-rating-container .star-rating-on.B6 {
  color: #000;
  background-color: transparent; }
.star-rating-container .star-rating-on.B7 {
  color: #f3f3f3;
  background-color: transparent; }
.star-rating-container .star-rating-on.C1 {
  color: #662d91;
  background-color: transparent; }
.star-rating-container .star-rating-on.C1s {
  color: #552a7b;
  background-color: transparent; }
.star-rating-container .star-rating-on.C1h {
  color: #843abc;
  background-color: transparent; }
.star-rating-container .star-rating-on.C2 {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-on.C2s {
  color: #cb153e;
  background-color: transparent; }
.star-rating-container .star-rating-on.C2h {
  color: #ff1a4c;
  background-color: transparent; }
.star-rating-container .star-rating-on.C3 {
  color: #00a5e5;
  background-color: transparent; }
.star-rating-container .star-rating-on.C3s {
  color: #1998cf;
  background-color: transparent; }
.star-rating-container .star-rating-on.C3h {
  color: #00b3f9;
  background-color: transparent; }
.star-rating-container .star-rating-on.C4 {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-on.C4s {
  color: #00b240;
  background-color: transparent; }
.star-rating-container .star-rating-on.C4h {
  color: #00e050;
  background-color: transparent; }
.star-rating-container .star-rating-on.C5 {
  color: #ff9000;
  background-color: transparent; }
.star-rating-container .star-rating-on.C5s {
  color: #ea8400;
  background-color: transparent; }
.star-rating-container .star-rating-on.C5h {
  color: #ff9d1e;
  background-color: transparent; }
.star-rating-container .star-rating-on.C6 {
  color: #30dbe4;
  background-color: transparent; }
.star-rating-container .star-rating-on.SUCCESS {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-on.ERROR {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-on:after {
  content: "\e006\e006\e006\e006\e006"; }

p.rating {
  display: inline-block;
  position: relative;
  top: -2px;
  margin: 3px;
  color: #999999; }

@-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); } }
.overflow-scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll; }

.speech-bubbles {
  min-width: 9999px; }
.speech-bubbles .col-sm-3 {
  width: 80%;
  max-width: 240px;
  float: left; }

.speech-bubble {
  position: relative;
  margin-bottom: 35px;
  margin-left: 0;
  width: 100%;
  padding: 10% 10% 0 10%;
  background: #00b240;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 2.2rem;
  color: #fff;
  display: inline-block; }
.speech-bubble:last-child {
  margin-right: 0px; }
.speech-bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 0 35px 35px;
  border-color: transparent #00b240;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -20px;
  bottom: -35px;
  left: 70%; }
.speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #00e050;
  padding: 3px 14px;
  font-size: 12px; }
.speech-bubble .btn-secondary:hover, .speech-bubble .btn-secondary:focus, .speech-bubble .btn-secondary:active, .speech-bubble .btn-secondary.active, .open > .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #00a33a; }
.speech-bubble .btn-secondary:active, .speech-bubble .btn-secondary.active, .open > .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
.speech-bubble .btn-secondary.disabled, .speech-bubble .btn-secondary.disabled:hover, .speech-bubble .btn-secondary.disabled:focus, .speech-bubble .btn-secondary.disabled:active, .speech-bubble .btn-secondary.disabled.active, .speech-bubble .btn-secondary[disabled], .speech-bubble .btn-secondary[disabled]:hover, .speech-bubble .btn-secondary[disabled]:focus, .speech-bubble .btn-secondary[disabled]:active, .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] .speech-bubble .btn-secondary, fieldset[disabled] .speech-bubble .btn-secondary:hover, fieldset[disabled] .speech-bubble .btn-secondary:focus, fieldset[disabled] .speech-bubble .btn-secondary:active, fieldset[disabled] .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #00e050; }
.speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
.speech-bubble .btn-secondary:hover {
  text-decoration: underline; }
.speech-bubble .source-details {
  margin: 4% 0;
  font-size: 1.3rem;
  display: block;
  width: 100%;
  float: left; }
.speech-bubble .source-details .author {
  font-family: "GothamBook"; }
.speech-bubble .source-details .author-secondary {
  color: #00e050;
  font-family: "GothamBook"; }
.speech-bubble .source-details .star-rating-container {
  margin-bottom: 10px;
  display: block;
  float: left; }

/* Roku Footer */
.roku-footer {
  padding: 20px 0 20px;
  margin-top: 4rem;
  background-color: #f3f3f3; }
.roku-footer .input-group input {
  background-color: #fff; }
.roku-footer .input-group .roku-button {
  background-color: #fff; }
.roku-footer .roku-font-4, .roku-footer .roku-font-5 {
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  color: #662d91; }
.roku-footer .row .roku-accordion .accordion-body {
  background-color: transparent; }
@media (max-width: 767px) {
  .roku-footer .row .roku-accordion .accordion-body > div.no-pad {
    padding: 24px 0; } }
.roku-footer .footer-logo {
  margin: 50px auto 0 auto; }
@media (min-width: 768px) {
  .roku-footer .footer-logo {
    margin: 11px 0 0 0;
    float: right; } }
.roku-footer .addendum {
  margin-top: 60px;
  padding-top: 15px;
  border-top: 3px solid #ddd;
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  color: #999; }
@media (max-width: 767px) {
  .roku-footer .addendum {
    font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-footer .addendum {
    font-size: 12px; } }
@media (min-width: 1200px) {
  .roku-footer .addendum {
    font-size: 12px; } }
.roku-footer .addendum a {
  color: #999; }
@media (max-width: 767px) {
  .roku-footer .addendum {
    border-top: none; } }
.roku-footer .footer-list {
  margin: 0;
  padding: 0; }
.roku-footer .footer-list li {
  list-style-type: none;
  padding-top: 15px; }
.roku-footer .footer-list li:first-child {
  padding-top: 0; }
.roku-footer .footer-list li a {
  color: #666; }
.roku-footer .connect-social .glyphicon {
  margin-bottom: 2rem;
  color: #662d91;
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  border: 1px solid #662d91;
  border-radius: 25px;
  padding: 6px 9px;
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 1; }
@media (max-width: 767px) {
  .roku-footer .connect-social .glyphicon {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .roku-footer .connect-social .glyphicon {
    font-size: 18.7px; } }
@media (min-width: 1200px) {
  .roku-footer .connect-social .glyphicon {
    font-size: 22px; } }
.roku-footer .connect-social .glyphicon:before {
  top: 3px; }
.roku-footer .country-selector-click .icon-flag {
  margin-left: 1rem;
  vertical-align: middle; }
.roku-footer .ng-invalid-email + .newsletter-validation.validation {
  display: block; }
.roku-footer .newsletter-validation.validation {
  display: none;
  top: 35px;
  background: none; }
@media (max-width: 767px) {
  .roku-footer .accordion-body > ul {
    padding: 24px; } }
@media (min-width: 768px) {
  .roku-footer .footer-list {
    margin: 10px 0 0 0; }
  .roku-footer .roku-accordion .accordion-tab {
    border: none;
    padding: 0; }
  .roku-footer .roku-accordion .accordion-tab:before, .roku-footer .roku-accordion .accordion-tab:after {
    display: none; }
  .roku-footer .roku-accordion .accordion-body {
    visibility: visible;
    height: 100% !important;
    background-color: transparent;
    opacity: 1; } }

.comp-chart.pad.top {
  padding-top: 102px; }
.comp-chart.sticky .roku-font-4 {
  font-weight: 600; }
.comp-chart.list, .comp-chart.sticky {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif; }
@media (max-width: 767px) {
  .comp-chart.list, .comp-chart.sticky {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .comp-chart.list, .comp-chart.sticky {
    font-size: 18.7px; } }
@media (min-width: 1200px) {
  .comp-chart.list, .comp-chart.sticky {
    font-size: 22px; } }
.comp-chart.large-top {
  padding-top: 125px; }
@media (min-width: 768px) {
  .comp-chart.large-top {
    padding-top: 251px; } }
.comp-chart .info {
  width: 20%;
  padding: 24px;
  float: left; }
.comp-chart .info img {
  margin: 0 auto; }
@media (max-width: 767px) {
  .comp-chart .info {
    width: 100%; }
  .comp-chart .info p {
    margin-left: 20%; } }
@media (max-width: 991px) {
  .comp-chart .container-fluid {
    padding-top: 30px; }
  .comp-chart #submenu-container {
    min-height: 52px; }
  .comp-chart .container {
    padding: 0; }
  .comp-chart .price {
    font-size: 2rem; }
  .comp-chart .action {
    padding: 0; }
  .comp-chart .action .roku-button {
    padding: 6%;
    font-size: 1rem; } }
@media (min-width: 768px) and (max-width: 991px) {
  .comp-chart .action .roku-button {
    font-size: 1rem; } }
.comp-chart.sticky nav {
  display: table;
  width: 100%; }
@media (max-width: 991px) {
  .comp-chart.sticky nav {
    font-size: 4vw; } }
.comp-chart.sticky nav.fill > div {
  vertical-align: middle;
  display: table-cell;
  float: none;
  padding-top: 12px;
  padding-bottom: 12px; }
.comp-chart.sticky nav > div {
  text-align: center; }
.comp-chart.sticky nav > div p {
  margin: 0; }
@media (min-width: 768px) and (max-width: 1199px) {
  .comp-chart.sticky nav > div p {
    font-size: 1.6rem; } }
@media (min-width: 992px) {
  .comp-chart.sticky nav.nopad > div {
    padding: 0; } }
@media (max-width: 991px) {
  .comp-chart.list {
    padding-top: 60px; } }
.comp-chart.list.striped > :nth-child(2n+1) {
  background-color: #f3f3f3; }
.comp-chart.list.alt > div:nth-child(2n+0) {
  background-color: #f3f3f3; }
.comp-chart.list .checkmark {
  font-size: 5rem;
  line-height: 1; }
.comp-chart.list .checkmark sup {
  color: #666;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  font-size: 1.1rem;
  top: -3.5em;
  left: -1.1em; }
.comp-chart.list .container {
  padding-top: 8px;
  padding-bottom: 8px;
  display: table;
  width: 100%;
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamBook", Helvetica, Arial, sans-serif; }
@media (max-width: 767px) {
  .comp-chart.list .container {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .comp-chart.list .container {
    font-size: 18.7px; } }
@media (min-width: 1200px) {
  .comp-chart.list .container {
    font-size: 22px; } }
@media (max-width: 991px) {
  .comp-chart.list .container {
    height: auto;
    width: 100%; } }
.comp-chart.list .container > div {
  text-align: center; }
@media (min-width: 992px) {
  .comp-chart.list .container > div {
    vertical-align: middle;
    display: table-cell;
    float: none; }
  .comp-chart.list .container > div:first-child {
    text-align: left;
    font-weight: 500;
    line-height: 1.1;
    font-family: "GothamBook", Helvetica, Arial, sans-serif;
    font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif; } }
@media (min-width: 992px) and (max-width: 767px) {
  .comp-chart.list .container > div:first-child {
    font-size: 16px; } }
@media (min-width: 992px) and (min-width: 768px) and (max-width: 1199px) {
  .comp-chart.list .container > div:first-child {
    font-size: 18.7px; } }
@media (min-width: 992px) and (min-width: 1200px) {
  .comp-chart.list .container > div:first-child {
    font-size: 22px; } }

.comp-chart.list.alt .container {
  height: 60px; }
@media (min-width: 768px) and (max-width: 1199px) {
  .comp-chart .star-rating-container {
    font-weight: 500;
    line-height: 1.42;
    font-family: "GothamBook", Helvetica, Arial, sans-serif; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  .comp-chart .star-rating-container {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px) {
  .comp-chart .star-rating-container {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) and (min-width: 1200px) {
  .comp-chart .star-rating-container {
    font-size: 16px; } }

.comp-chart .discount {
  min-height: 1em; }
.comp-chart .discounted {
  font-size: 80%; }

.product-circle-info .discount-tag {
  margin-top: 3rem;
  z-index: 5; }
.product-circle-info .circle-info {
  position: relative;
  text-align: center; }
.product-circle-info .circle-info h5 {
  color: #999;
  padding-bottom: 4rem;
  max-height: 88px; }
@media (max-width: 767px) {
  .product-circle-info .circle-info h5 {
    padding-bottom: 2rem; } }
@media (min-width: 768px) and (max-width: 991px) {
  .product-circle-info .circle-info h5 {
    font-size: 17px; } }
@media (min-width: 768px) {
  .product-circle-info .circle-info::after {
    background-color: #ddd;
    content: "";
    position: absolute;
    height: 200px;
    width: 1px;
    top: -10px;
    right: -15px; } }
.product-circle-info > div:last-child .circle-info::after {
  background: none; }
.product-circle-info p {
  margin: 0 0 -10% 0; }

.w13 {
  width: 13.2%; }
@media (max-width: 767px) {
  .w13 {
    width: 20%;
    display: inline-block;
    padding: 0; }
  .w13 .price {
    font-size: 1.4rem; }
  .w13 .action .roku-button {
    font-size: .8rem; }
  .w13 p {
    font-size: 1rem;
    line-height: 1; } }

.nopad {
  padding: 0; }

.stripe > div:nth-child(2n) {
  background-color: #f3f3f3; }

.versus {
  position: relative;
  display: block;
  text-decoration: inherit;
  color: inherit; }
.versus:hover {
  text-decoration: inherit;
  color: inherit; }
.versus:hover::after {
  background-color: #00a5e5;
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  color: #fff;
  line-height: 2;
  z-index: 2;
  bottom: -3rem;
  position: absolute;
  content: "vs";
  left: 100%;
  border-radius: 50%;
  width: 6rem;
  text-align: center;
  height: 6rem;
  margin-left: -3rem;
  z-index: 200; }
@media (max-width: 767px) {
  .versus:hover::after {
    font-size: 22.5px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .versus:hover::after {
    font-size: 25.5px; } }
@media (min-width: 1200px) {
  .versus:hover::after {
    font-size: 30px; } }
.versus.right:hover::before {
  right: 0;
  margin-right: 2%; }
.versus.right:hover::after {
  left: 0; }

.text-xs {
  font-size: 1rem; }

/* Competition sections on product pages */
#competition {
  text-align: center;
  color: #fff; }
#competition > div {
  padding: 20px 20px 0 20px; }
#competition picture, #competition video, #competition img {
  max-width: 100%; }
#competition h5 {
  margin-top: 2rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
  margin-left: 2rem; }
#competition h5.title {
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif; }
#competition hr {
  border-color: #662d91; }
#competition hr, #competition ul {
  margin-left: 10%;
  margin-right: 10%; }
@media (max-width: 767px) {
  #competition hr, #competition ul {
    padding: 0; } }
#competition h2, #competition ul {
  text-align: left; }
#competition h2 li, #competition ul li {
  margin-bottom: 36px; }
#competition a:hover {
  text-decoration: none; }
#competition a.glyphicon.video {
  position: relative;
  width: 100%;
  height: 100%;
  display: block; }
#competition a.glyphicon.video:before {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 7rem;
  margin-left: -5rem;
  margin-top: -5rem;
  padding: 5px 0 5px 10px;
  border: 4px solid white;
  border-radius: 200px; }

.modal .icon-flag, .country-selector-click .icon-flag {
  width: 20px;
  height: 20px; }

.country-flags-large .icon-flag {
  max-width: 120px;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  margin-bottom: 1.5rem; }
.country-flags-large > div {
  float: none;
  max-width: 120px;
  display: inline-block;
  vertical-align: top;
  margin: 1%; }

.icon-flag {
  display: inline-block;
  width: 20px;
  height: 20px;
  /*background: url(//image.roku.com/ww/images/sprites/country-flags-v2.jpg);*/
  background: url(//image.roku.com/ww/images/sprites/country-flags-v4.jpg);
  background-size: cover; }
.icon-flag.us {
  background-position: 0 0; }
.icon-flag.gb {
  background-position: -100% 0; }
.icon-flag.ie {
  background-position: -200% 0; }
.icon-flag.ca {
  background-position: -300% 0; }
.icon-flag.mx {
  background-position: -400% 0; }
.icon-flag.fr {
  background-position: -500% 0; }

@-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); } }
.product .discount-tag {
  float: left;
  margin-right: 25px; }
@media (max-width: 767px) {
  .product .discount-tag {
    zoom: .8;
    position: absolute;
    margin-left: 2rem; } }

@media (max-width: 767px) {
  .product .price .discounted {
    display: none; } }
/* Get Started section on Product pages */
@media (min-width: 768px) {
  #in-the-box ul li {
    margin-bottom: 2rem; } }
button a.ps_PopupContainerAnchorStyle {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px; }

/* Features section on Product pages */
#features > div.row > div {
  padding: 0; }
#features > div.row > div:last-child .feature {
  border-right: 0; }

.feature {
  padding: 10%;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd; }
.feature > figure, .feature > video, .feature > img {
  max-width: 100%; }
@media (min-width: 768px) {
  .feature:last-child {
    border-bottom: 0; } }
.feature a {
  position: relative; }
@media (max-width: 767px) {
  .feature a {
    font-weight: normal;
    line-height: 1.42;
    font-family: "GothamBook", Helvetica, Arial, sans-serif; } }
@media (max-width: 767px) and (max-width: 767px) {
  .feature a {
    font-size: 12.96px; } }
@media (max-width: 767px) and (min-width: 768px) and (max-width: 1199px) {
  .feature a {
    font-size: 12.96px; } }
@media (max-width: 767px) and (min-width: 1200px) {
  .feature a {
    font-size: 12.96px; } }

.feature a:after, .feature a:before {
  background-color: #662d91;
  content: "";
  width: 2px;
  height: 12px;
  position: absolute;
  top: -2px;
  right: -12px; }
@media (max-width: 767px) {
  .feature a:after, .feature a:before {
    right: -10px; } }
.feature a:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px; }
@media (max-width: 767px) {
  .feature a:after {
    top: 4px; } }
.feature a:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
@media (max-width: 767px) {
  .feature a:before {
    top: -4px; } }
.feature .tag {
  font-weight: normal;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  color: #ed1847;
  background: transparent;
  padding: 6px 8px;
  border-radius: 16px;
  text-align: center;
  border: 1px solid #662d91; }
@media (max-width: 767px) {
  .feature .tag {
    font-size: 12.96px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .feature .tag {
    font-size: 12.96px; } }
@media (min-width: 1200px) {
  .feature .tag {
    font-size: 12.96px; } }
.feature .tag.roku-color-b0 {
  color: #fff;
  border: 1px solid #fff; }
.feature .tag.roku-color-b1 {
  color: #ddd;
  border: 1px solid #ddd; }
.feature .tag.roku-color-b2 {
  color: #999;
  border: 1px solid #999; }
.feature .tag.roku-color-b3 {
  color: #666;
  border: 1px solid #666; }
.feature .tag.roku-color-b4 {
  color: #333;
  border: 1px solid #333; }
.feature .tag.roku-color-b5 {
  color: #222;
  border: 1px solid #222; }
.feature .tag.roku-color-b6 {
  color: #000;
  border: 1px solid #000; }
.feature .tag.roku-color-b7 {
  color: #f3f3f3;
  border: 1px solid #f3f3f3; }
.feature .tag.roku-color-c1 {
  color: #662d91;
  border: 1px solid #662d91; }
.feature .tag.roku-color-c1s {
  color: #552a7b;
  border: 1px solid #552a7b; }
.feature .tag.roku-color-c1h {
  color: #843abc;
  border: 1px solid #843abc; }
.feature .tag.roku-color-c2 {
  color: #ed1847;
  border: 1px solid #ed1847; }
.feature .tag.roku-color-c2s {
  color: #cb153e;
  border: 1px solid #cb153e; }
.feature .tag.roku-color-c2h {
  color: #ff1a4c;
  border: 1px solid #ff1a4c; }
.feature .tag.roku-color-c3 {
  color: #00a5e5;
  border: 1px solid #00a5e5; }
.feature .tag.roku-color-c3s {
  color: #1998cf;
  border: 1px solid #1998cf; }
.feature .tag.roku-color-c3h {
  color: #00b3f9;
  border: 1px solid #00b3f9; }
.feature .tag.roku-color-c4 {
  color: #00cd49;
  border: 1px solid #00cd49; }
.feature .tag.roku-color-c4s {
  color: #00b240;
  border: 1px solid #00b240; }
.feature .tag.roku-color-c4h {
  color: #00e050;
  border: 1px solid #00e050; }
.feature .tag.roku-color-c5 {
  color: #ff9000;
  border: 1px solid #ff9000; }
.feature .tag.roku-color-c5s {
  color: #ea8400;
  border: 1px solid #ea8400; }
.feature .tag.roku-color-c5h {
  color: #ff9d1e;
  border: 1px solid #ff9d1e; }
.feature .tag.roku-color-c6 {
  color: #30dbe4;
  border: 1px solid #30dbe4; }
.feature .tag.roku-color-success {
  color: #00cd49;
  border: 1px solid #00cd49; }
.feature .tag.roku-color-error {
  color: #ed1847;
  border: 1px solid #ed1847; }
.feature ul.list-inline li {
  position: relative; }

/* for inline videos with images */
figure:after {
  content: "Click to watch";
  text-align: center;
  display: block;
  font-size: 1.2rem;
  color: #662d91;
  line-height: 1;
  margin-top: 6px; }
@media (min-width: 1200px) {
  figure:after {
    display: none; } }
figure video {
  display: none;
  width: 100%; }
@media (min-width: 1200px) {
  figure video {
    display: block; }
  figure video ~ img {
    display: none; } }
figure img {
  width: 100%; }

.editors-choice {
  margin-left: 10px;
  bottom: 65px;
  position: absolute;
  width: 80px; }

#product-template.no-bottom-bar .roku-media-hero.overflow {
  min-height: 92vh; }

@-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); } }
#product-selector, #player-selector {
  margin-bottom: 4rem; }
#product-selector .roku-product, #player-selector .roku-product {
  text-align: center;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  position: relative;
  width: 100%;
  height: 350px;
  margin-bottom: 4rem;
  display: block; }
@media (max-width: 767px) {
  #product-selector .roku-product, #player-selector .roku-product {
    height: 365px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #product-selector .roku-product, #player-selector .roku-product {
    height: 450px; } }
#product-selector .roku-product img, #player-selector .roku-product img {
  max-width: 100%; }
#product-selector .roku-product .roku-product-title, #player-selector .roku-product .roku-product-title {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  padding-top: 4rem;
  padding-bottom: 4rem; }
@media (max-width: 767px) {
  #product-selector .roku-product .roku-product-title, #player-selector .roku-product .roku-product-title {
    font-size: 22.5px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  #product-selector .roku-product .roku-product-title, #player-selector .roku-product .roku-product-title {
    font-size: 25.5px; } }
@media (min-width: 1200px) {
  #product-selector .roku-product .roku-product-title, #player-selector .roku-product .roku-product-title {
    font-size: 30px; } }
@media (max-width: 767px) {
  #product-selector .roku-product .roku-product-title, #player-selector .roku-product .roku-product-title {
    padding-top: 2rem; } }
@media (max-width: 767px) {
  #product-selector .roku-product .roku-product-title, #player-selector .roku-product .roku-product-title {
    padding-bottom: 2rem; } }
#product-selector .roku-product .figure, #player-selector .roku-product .figure {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0; }
#product-selector .roku-product .figure > *, #player-selector .roku-product .figure > * {
  pointer-events: none; }
#product-selector .roku-product .figure .hover, #player-selector .roku-product .figure .hover {
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  position: absolute;
  left: 0;
  right: 0; }
@media (max-width: 1199px) {
  #product-selector .roku-product .figure .hover, #player-selector .roku-product .figure .hover {
    top: 55%; } }
#product-selector .roku-product .figure:hover .hover, #player-selector .roku-product .figure:hover .hover {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6); }
@media (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) {
  #product-selector .roku-product .figure .hover img, #player-selector .roku-product .figure .hover img {
    margin-top: -24px; } }

#product-selector .col-md-4 .roku-product, #player-selector .col-md-4 .roku-product {
  height: 400px; }
#product-selector .roku-product-tagline, #player-selector .roku-product-tagline {
  font-weight: 500;
  line-height: 1.42;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  margin-bottom: 4rem;
  color: #666; }
@media (max-width: 767px) {
  #product-selector .roku-product-tagline, #player-selector .roku-product-tagline {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  #product-selector .roku-product-tagline, #player-selector .roku-product-tagline {
    font-size: 16px; } }
@media (min-width: 1200px) {
  #product-selector .roku-product-tagline, #player-selector .roku-product-tagline {
    font-size: 16px; } }
#product-selector .roku-action, #product-selector .roku-price, #player-selector .roku-action, #player-selector .roku-price {
  display: inline-block;
  float: none;
  margin-right: -1%;
  vertical-align: middle; }
@media (min-width: 768px) and (max-width: 1199px) {
  #product-selector .roku-action, #product-selector .roku-price, #player-selector .roku-action, #player-selector .roku-price {
    text-align: center;
    max-width: 100%;
    padding: 0; } }
#product-selector .roku-action .roku-button, #player-selector .roku-action .roku-button {
  max-width: 160px;
  width: 90%;
  padding-left: 0;
  padding-right: 0; }
#product-selector .roku-price, #player-selector .roku-price {
  font-size: 4.2rem; }
#product-selector .roku-price.text, #player-selector .roku-price.text {
  font-size: 2.4rem; }
#product-selector .roku-price .discounted, #player-selector .roku-price .discounted {
  font-size: 75%;
  top: -3rem;
  right: 2rem;
  position: absolute; }
@media (min-width: 768px) and (max-width: 1199px) {
  #product-selector .roku-price .discounted, #player-selector .roku-price .discounted {
    margin-left: 1rem;
    right: auto; } }
#product-selector .roku-nav-tabs, #player-selector .roku-nav-tabs {
  margin-bottom: 2rem; }
#product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
  max-height: 64px; }
@media (min-width: 768px) and (max-width: 1199px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-top: 1rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-right: 1rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-bottom: 1rem; } }
@media (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  #product-selector .roku-nav-tabs > li > a, #player-selector .roku-nav-tabs > li > a {
    padding-left: 1rem; } }

#player-selector .roku-product .figure:hover .hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

#player-selector.product-selector-comparison {
  margin-top: 0; }
#player-selector.product-selector-comparison .roku-product {
  height: 300px; }
@media (max-width: 767px) {
  #player-selector.product-selector-comparison .roku-product {
    height: 315px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #player-selector.product-selector-comparison .roku-product {
    height: 400px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  #player-selector.product-selector-comparison .roku-product .roku-product-title {
    font-size: 2rem; } }
#player-selector.product-selector-comparison .roku-product-tagline {
  min-height: 50px;
  margin-bottom: 0; }
#player-selector.product-selector-comparison .product-button-cta {
  margin-bottom: 2rem; }
@media (min-width: 1200px) {
  #player-selector.product-selector-comparison .col-md-3 .roku-product .figure .hover {
    top: 60%; } }
#player-selector.product-selector-comparison .col-md-4 .roku-product {
  height: 350px; }
@media (min-width: 992px) and (max-width: 1199px) {
  #player-selector.product-selector-comparison .col-md-4 .roku-product {
    height: 300px; } }
@media (min-width: 1200px) {
  #player-selector.product-selector-comparison .col-md-4 .roku-product .figure .hover {
    top: 50%; } }

@-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); } }
#specs {
  color: #fff;
  background-color: #00a5e5;
  position: relative; }
#specs .spec {
  margin-bottom: 4rem; }
#specs .spec h5 {
  margin-left: 0;
  margin-right: 0; }
@media (max-width: 767px) {
  #specs .spec {
    margin-bottom: 2rem;
    border-bottom: 1px solid #0d4b90; } }
#specs .row div:last-child .spec:last-child {
  border-bottom: 0;
  margin-bottom: 0; }

@-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); } }
/* Reviews container */
#reviews {
  color: #fff; }
#reviews .overflow-scroll {
  box-sizing: border-box;
  overflow-x: hidden; }
@media (max-width: 767px) {
  #reviews {
    padding-left: 0;
    padding-right: 0; }
  #reviews .container {
    padding-left: 0;
    padding-right: 0; }
  #reviews .container h2 {
    margin-left: 1rem; } }
#reviews a.green {
  background-color: #00b240; }
#reviews a.green:hover {
  color: #fff;
  background-color: #00e050; }
#reviews nav {
  position: absolute;
  top: 34px;
  right: 0; }
#reviews nav .navbar-text {
  margin: 8px 18px 0 0;
  color: #0c501e; }
@media (max-width: 767px) {
  #reviews nav {
    top: -9px; } }
@media (max-width: 991px) {
  #reviews nav {
    width: 33%;
    z-index: 80;
    margin-right: 20px; }
  #reviews nav .navbar-text {
    display: none; }
  #reviews nav ul {
    border-radius: 20px;
    background-color: #00b240;
    border: 1px solid #0c501e; }
  #reviews nav ul li {
    width: 100%; }
  #reviews nav ul li a {
    display: none;
    margin: 0; }
  #reviews nav ul li a.active {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #reviews nav.open ul {
    height: auto; }
  #reviews nav.open ul li a {
    display: block; } }
#reviews nav a {
  color: #0c501e;
  border-radius: 20px;
  padding: 6px 25px;
  margin-right: 6px; }
#reviews nav a:hover {
  color: #00cd49;
  background-color: #fff; }
#reviews nav a.active {
  color: #fff;
  background-color: #0c501e; }
#reviews nav ul li {
  position: relative; }
#reviews nav ul li a.active, #reviews nav ul li a.more {
  position: relative;
  padding-right: 4rem; }
@media (max-width: 767px) {
  #reviews nav ul li a.active, #reviews nav ul li a.more {
    padding-right: 2rem; } }
#reviews nav ul li a.active:after, #reviews nav ul li a.active:before, #reviews nav ul li a.more:after, #reviews nav ul li a.more:before {
  content: "";
  width: 2px;
  height: 10px;
  position: absolute;
  background-color: #0c501e;
  margin-top: 6px;
  right: 22px; }
#reviews nav ul li a.active:before, #reviews nav ul li a.more:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
#reviews nav ul li a.active:after, #reviews nav ul li a.more:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 28px; }
#reviews nav ul li a.active:hover:before, #reviews nav ul li a.active:hover:after, #reviews nav ul li a.more:hover:before, #reviews nav ul li a.more:hover:after {
  background-color: #00cd49; }
#reviews nav ul li a.active {
  padding-right: 25px; }
@media (max-width: 991px) {
  #reviews nav ul li a.active {
    padding-right: 4rem; } }
@media (max-width: 991px) and (max-width: 767px) {
  #reviews nav ul li a.active {
    padding-right: 2rem; } }

#reviews nav ul li a.active:before, #reviews nav ul li a.active:after {
  background-color: #00e050;
  display: none;
  top: 5px; }
@media (max-width: 991px) {
  #reviews nav ul li a.active:before, #reviews nav ul li a.active:after {
    display: block; } }
#reviews nav ul li.dropdown:hover, #reviews nav ul li.dropdown:focus {
  padding-bottom: 30px; }
#reviews nav ul li.dropdown:hover ul, #reviews nav ul li.dropdown:focus ul {
  display: block; }
#reviews nav ul li ul {
  display: none;
  background-color: #fff;
  position: absolute;
  min-width: 180px;
  right: 0;
  border-radius: 10px;
  z-index: 100;
  list-style: none;
  margin: 12px 0 0;
  padding: 0; }
#reviews nav ul li ul li {
  font-size: 1.4rem; }
#reviews nav ul li ul li a {
  color: #999;
  display: block;
  padding: 12px 6px;
  text-align: right;
  border-radius: 0;
  border-bottom: 1px solid #ddd;
  margin: 0; }
#reviews nav ul li ul li a:hover {
  color: #999;
  background-color: #f3f3f3; }
#reviews nav ul li ul li:first-child a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
#reviews nav ul li ul li:last-child a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

#reviews.purple .speech-bubble {
  background: #552a7b; }
#reviews.purple .speech-bubble:after {
  border-color: transparent #552a7b; }
#reviews.purple .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #843abc; }
#reviews.purple .speech-bubble .btn-secondary:hover, #reviews.purple .speech-bubble .btn-secondary:focus, #reviews.purple .speech-bubble .btn-secondary:active, #reviews.purple .speech-bubble .btn-secondary.active, .open > #reviews.purple .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #632c8d; }
#reviews.purple .speech-bubble .btn-secondary:active, #reviews.purple .speech-bubble .btn-secondary.active, .open > #reviews.purple .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.purple .speech-bubble .btn-secondary.disabled, #reviews.purple .speech-bubble .btn-secondary.disabled:hover, #reviews.purple .speech-bubble .btn-secondary.disabled:focus, #reviews.purple .speech-bubble .btn-secondary.disabled:active, #reviews.purple .speech-bubble .btn-secondary.disabled.active, #reviews.purple .speech-bubble .btn-secondary[disabled], #reviews.purple .speech-bubble .btn-secondary[disabled]:hover, #reviews.purple .speech-bubble .btn-secondary[disabled]:focus, #reviews.purple .speech-bubble .btn-secondary[disabled]:active, #reviews.purple .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #843abc; }
#reviews.purple .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.purple .speech-bubble .star-rating-container .star-rating-off {
  color: #662d91; }
#reviews.purple:hover {
  background-color: #662d91; }
#reviews.red .speech-bubble {
  background: #cb153e; }
#reviews.red .speech-bubble:after {
  border-color: transparent #cb153e; }
#reviews.red .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #ff1a4c; }
#reviews.red .speech-bubble .btn-secondary:hover, #reviews.red .speech-bubble .btn-secondary:focus, #reviews.red .speech-bubble .btn-secondary:active, #reviews.red .speech-bubble .btn-secondary.active, .open > #reviews.red .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #dc0030; }
#reviews.red .speech-bubble .btn-secondary:active, #reviews.red .speech-bubble .btn-secondary.active, .open > #reviews.red .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.red .speech-bubble .btn-secondary.disabled, #reviews.red .speech-bubble .btn-secondary.disabled:hover, #reviews.red .speech-bubble .btn-secondary.disabled:focus, #reviews.red .speech-bubble .btn-secondary.disabled:active, #reviews.red .speech-bubble .btn-secondary.disabled.active, #reviews.red .speech-bubble .btn-secondary[disabled], #reviews.red .speech-bubble .btn-secondary[disabled]:hover, #reviews.red .speech-bubble .btn-secondary[disabled]:focus, #reviews.red .speech-bubble .btn-secondary[disabled]:active, #reviews.red .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #ff1a4c; }
#reviews.red .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.red .speech-bubble .star-rating-container .star-rating-off {
  color: #ed1847; }
#reviews.red:hover {
  background-color: #ed1847; }
#reviews.blue .speech-bubble {
  background: #1998cf; }
#reviews.blue .speech-bubble:after {
  border-color: transparent #1998cf; }
#reviews.blue .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #00b3f9; }
#reviews.blue .speech-bubble .btn-secondary:hover, #reviews.blue .speech-bubble .btn-secondary:focus, #reviews.blue .speech-bubble .btn-secondary:active, #reviews.blue .speech-bubble .btn-secondary.active, .open > #reviews.blue .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #0087bc; }
#reviews.blue .speech-bubble .btn-secondary:active, #reviews.blue .speech-bubble .btn-secondary.active, .open > #reviews.blue .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.blue .speech-bubble .btn-secondary.disabled, #reviews.blue .speech-bubble .btn-secondary.disabled:hover, #reviews.blue .speech-bubble .btn-secondary.disabled:focus, #reviews.blue .speech-bubble .btn-secondary.disabled:active, #reviews.blue .speech-bubble .btn-secondary.disabled.active, #reviews.blue .speech-bubble .btn-secondary[disabled], #reviews.blue .speech-bubble .btn-secondary[disabled]:hover, #reviews.blue .speech-bubble .btn-secondary[disabled]:focus, #reviews.blue .speech-bubble .btn-secondary[disabled]:active, #reviews.blue .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #00b3f9; }
#reviews.blue .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.blue .speech-bubble .star-rating-container .star-rating-off {
  color: #00a5e5; }
#reviews.blue:hover {
  background-color: #00a5e5; }
#reviews.green .speech-bubble {
  background: #00b240; }
#reviews.green .speech-bubble:after {
  border-color: transparent #00b240; }
#reviews.green .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #00e050; }
#reviews.green .speech-bubble .btn-secondary:hover, #reviews.green .speech-bubble .btn-secondary:focus, #reviews.green .speech-bubble .btn-secondary:active, #reviews.green .speech-bubble .btn-secondary.active, .open > #reviews.green .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #00a33a; }
#reviews.green .speech-bubble .btn-secondary:active, #reviews.green .speech-bubble .btn-secondary.active, .open > #reviews.green .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.green .speech-bubble .btn-secondary.disabled, #reviews.green .speech-bubble .btn-secondary.disabled:hover, #reviews.green .speech-bubble .btn-secondary.disabled:focus, #reviews.green .speech-bubble .btn-secondary.disabled:active, #reviews.green .speech-bubble .btn-secondary.disabled.active, #reviews.green .speech-bubble .btn-secondary[disabled], #reviews.green .speech-bubble .btn-secondary[disabled]:hover, #reviews.green .speech-bubble .btn-secondary[disabled]:focus, #reviews.green .speech-bubble .btn-secondary[disabled]:active, #reviews.green .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #00e050; }
#reviews.green .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.green .speech-bubble .star-rating-container .star-rating-off {
  color: #00cd49; }
#reviews.green:hover {
  background-color: #00cd49; }
#reviews.orange .speech-bubble {
  background: #ea8400; }
#reviews.orange .speech-bubble:after {
  border-color: transparent #ea8400; }
#reviews.orange .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #ff9d1e; }
#reviews.orange .speech-bubble .btn-secondary:hover, #reviews.orange .speech-bubble .btn-secondary:focus, #reviews.orange .speech-bubble .btn-secondary:active, #reviews.orange .speech-bubble .btn-secondary.active, .open > #reviews.orange .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #e07e00; }
#reviews.orange .speech-bubble .btn-secondary:active, #reviews.orange .speech-bubble .btn-secondary.active, .open > #reviews.orange .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.orange .speech-bubble .btn-secondary.disabled, #reviews.orange .speech-bubble .btn-secondary.disabled:hover, #reviews.orange .speech-bubble .btn-secondary.disabled:focus, #reviews.orange .speech-bubble .btn-secondary.disabled:active, #reviews.orange .speech-bubble .btn-secondary.disabled.active, #reviews.orange .speech-bubble .btn-secondary[disabled], #reviews.orange .speech-bubble .btn-secondary[disabled]:hover, #reviews.orange .speech-bubble .btn-secondary[disabled]:focus, #reviews.orange .speech-bubble .btn-secondary[disabled]:active, #reviews.orange .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #ff9d1e; }
#reviews.orange .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.orange .speech-bubble .star-rating-container .star-rating-off {
  color: #ff9000; }
#reviews.orange:hover {
  background-color: #ff9000; }

/* Press Reivews */
.press-reviews td {
  padding: 20px; }
@media (max-width: 767px) {
  .press-reviews td {
    width: 100%;
    float: left; } }
.press-reviews td:last-child p {
  padding: 30px 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
  margin-left: 50px; }
.press-reviews td:last-child p:before {
  width: 26px;
  height: 26px;
  content: "";
  position: absolute;
  left: -26px; }
.press-reviews tr:nth-of-type(odd) td:last-child p {
  background: #ecf3f9; }
.press-reviews tr:nth-of-type(odd) td:last-child p:before {
  border: 13px solid #ecf3f9;
  border-left-color: #fff;
  border-bottom-color: #fff; }
.press-reviews tr:nth-of-type(even) td:last-child p {
  background: #d9e7f2; }
.press-reviews tr:nth-of-type(even) td:last-child p:before {
  border: 13px solid #d9e7f2;
  border-left-color: #fff;
  border-bottom-color: #fff; }

.in-the-news td {
  padding-top: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem; }
@media (max-width: 767px) {
  .in-the-news td {
    padding-top: 1rem; } }
@media (max-width: 767px) {
  .in-the-news td {
    padding-right: 1rem; } }
@media (max-width: 767px) {
  .in-the-news td {
    padding-bottom: 1rem; } }
@media (max-width: 767px) {
  .in-the-news td {
    padding-left: 1rem; } }

@-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); } }
.roku-button.btn-super {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 2px solid;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  padding: 8px 30px;
  border-radius: 80px; }
.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 {
  color: #fff;
  border-color: #e0e0e0; }
.roku-button.btn-super:active, .roku-button.btn-super.active, .open > .roku-button.btn-super.dropdown-toggle {
  background-image: none; }
.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 {
  background-color: transparent;
  border-color: #fff; }
.roku-button.btn-super .badge {
  color: transparent;
  background-color: #fff; }
.roku-button.btn-super h2 {
  margin: 0;
  font-size: 3rem;
  white-space: normal; }
.roku-button.btn-super .glyphicon {
  position: relative;
  top: 2px; }
.roku-button.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; }

@-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); } }
.roku-button.roku-button-list.roku-bg-color-b2.active {
  background-color: #666; }

.carousel {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  padding: 0 4rem 0 1rem;
  background: inherit; }
.carousel > ul {
  height: 100%;
  margin: 0;
  padding: 0; }
.carousel > ul.animate {
  transition: margin 1s; }
.carousel > ul > li {
  padding: .4rem;
  display: inline-block;
  width: 60rem;
  height: 100%;
  vertical-align: top; }
.carousel > ul > li > div {
  height: 100%; }
.carousel .frame .content {
  position: relative; }
.carousel .frame .content img {
  width: 100%; }
.carousel .frame .content h5 {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  font-weight: bold;
  color: white;
  font-size: 2rem;
  margin: 0; }
.carousel .channel-info {
  margin-top: 10px; }
.carousel .channel-info h6 {
  font-size: 2rem; }
.carousel .channel-info .channel-icon {
  float: left; }
.carousel .channel-info .channel-info-copy {
  margin-left: 96px; }
.carousel .channel-info .channel-info-copy .details {
  font-size: 13px; }
@media (max-width: 991px) {
  .carousel .channel-info .channel-icon {
    float: none; }
  .carousel .channel-info .channel-info-copy {
    margin-left: 0;
    padding: 0; } }
.carousel .carousel-controls {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4rem;
  cursor: pointer;
  background: inherit;
  z-index: 20; }
.carousel .carousel-controls.right {
  right: 0; }
.carousel .carousel-controls.left {
  left: 0;
  display: none; }
.carousel .carousel-controls .arrow {
  position: absolute;
  width: 4rem;
  height: 4rem;
  z-index: 5;
  top: 50%;
  margin-top: -80px;
  font-size: 3.6rem;
  color: inherit; }
.carousel .carousel-controls .arrow.glyphicon-chevron-left {
  left: 0;
  background-position: left; }
.carousel .carousel-controls .arrow.glyphicon-chevron-right {
  right: 0;
  background-position: right; }
.carousel > .channel {
  position: relative;
  padding: 1rem;
  padding-left: 12rem;
  min-height: 9rem; }
.carousel > .channel > .logo {
  position: absolute;
  left: 0;
  width: auto; }

@media screen and (min-width: 992px) {
  .carousel {
    padding: 0 4rem; }
  .carousel .carousel-controls.left {
    display: inline-block; }
  .carousel .channel-info .channel-info-copy {
    margin-left: 13rem; } }
.clickable {
  cursor: pointer; }

.freeTag:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://wwwimg.roku.com/images/pages/whats-on/free-tag.png) no-repeat; }

@-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); } }
.channel-store #loading {
  display: none;
  width: 100%;
  height: 24px;
  height: 30px; }

#channel-details-hero {
  height: 45rem;
  padding: 4rem 0;
  color: #fff;
  overflow: hidden; }
@media screen and (max-width: 992px) {
  #channel-details-hero {
    height: auto; } }

.channels-hero-content {
  position: relative;
  z-index: 10; }
.channels-hero-content a {
  color: #fff; }
.channels-hero-content h3 {
  margin-top: 0; }
.channels-hero-content .cs-poster {
  text-align: center;
  margin-bottom: 2rem; }

.channel-screenshots-full img {
  max-width: 100%;
  height: auto; }

.cs-poster-big {
  max-width: 100%;
  height: auto; }

.channel-grid .feature {
  height: 575px;
  border-bottom: 1px solid #dddddd; }
.channel-grid .feature img {
  max-width: 100%;
  height: auto; }
.channel-grid .feature a.btn-sm {
  color: #fff; }
.channel-grid .feature a.btn-sm::before {
  display: none; }
.channel-grid .feature a.btn-sm::after {
  display: none; }

.channel-grid div[class*="col-"] {
  padding-left: 0;
  padding-right: 0;
  border-left: none; }

#cs-category-chooser ul.categories::after {
  content: "";
  position: absolute;
  width: 2rem;
  top: 0;
  right: 0;
  height: 5.6rem;
  z-index: 10;
  background-image: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(right, white, rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(right, white, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(right, white, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }
#cs-category-chooser ul.categories::before {
  content: "";
  position: absolute;
  width: 2rem;
  top: 0;
  left: 0;
  height: 5.6rem;
  z-index: 10;
  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), white);
  background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0), white);
  background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0), white);
  background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0), white);
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white); }

.channel-screenshots, .channel-descriptions, .channel-grid-content {
  padding: 2rem 0; }

.channel-description {
  padding-right: 2rem;
  padding-bottom: 2rem;
  min-height: 30rem; }

.channel-screenshots-thumbs {
  padding: 1rem 1rem 2rem;
  text-align: center; }
.channel-screenshots-thumbs img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem; }

#channels-details .channel-grid .feature, #channels-details .channel-grid div[class*="col-"] {
  border: 0; }

.channel-grid-content {
  padding: 2rem 0;
  clear: both; }

#search input {
  margin: 11px 0;
  float: left; }

#cs-channel-list-sort {
  display: block;
  clear: both; }
#cs-channel-list-sort h4 {
  float: left; }
#cs-channel-list-sort .sortby {
  width: 41%;
  margin: 11px 0 11px 20px;
  display: inline-block;
  margin-left: 2rem;
  width: 255px;
  text-align: right;
  float: left; }

.channel-item > div {
  padding-bottom: 3rem; }

.channel-short-description {
  height: 10rem; }

#channels-details .star-rating-off, #channels-details .star-rating-on {
  max-width: 110px; }

#channels-details #rated, #cs-channel-list #rated {
  max-width: 110px;
  position: absolute;
  top: 5px; }
#channels-details #rated a, #cs-channel-list #rated a {
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  display: inline-block;
  background: transparent;
  cursor: pointer; }

.cs-result-tip-container {
  clear: both;
  padding-top: 10px; }

@media (max-width: 990px) {
  .channel-grid .col-sm-6:nth-child(2n+1) {
    border-left: 1px solid #ddd; } }
@media (min-width: 990px) and (max-width: 992px) {
  .channel-grid .col-md-4:nth-child(3n+1) {
    border-left: 1px solid #ddd; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .channel-grid .col-lg-3:nth-child(3n+1) {
    border-left: 1px solid #ddd; } }
@media (min-width: 1200px) {
  .channel-grid .col-lg-3:nth-child(4n+1) {
    border-left: 1px solid #ddd; } }
.cs-channel-list-items .feature a:after, .cs-channel-list-items .feature a:before {
  display: none; }
.cs-channel-list-items .feature .cs-tip-trigger {
  text-align: center; }

.upsell-item .upsell-tip {
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  padding: 2rem;
  top: 4rem;
  right: -40rem;
  width: 40rem;
  z-index: -10;
  opacity: 0;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  -o-border-radius: 26px;
  border-radius: 26px;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  transition: opacity .23s ease-in-out; }

.checkout-progress {
  line-height: 2rem;
  height: 2rem;
  font-size: 2rem;
  font-weight: 700; }

.checkout-progress ul {
  margin-left: 2rem;
  float: right;
  position: relative;
  z-index: 10;
  width: 14rem;
  display: block;
  height: 2rem;
  padding: 0; }
.checkout-progress ul:before {
  width: 10rem;
  height: .1rem;
  content: "";
  border-top: .1rem solid #AEBCC8;
  position: absolute;
  left: 0;
  top: .8rem;
  z-index: -1; }

.checkout-progress ul.step-billing li:nth-child(2), .checkout-progress ul.step-shipping li:first-child {
  border: .2rem solid #66737E; }

.checkout-progress ul li {
  float: left;
  margin-right: 2.3rem;
  display: block;
  height: 1.8rem;
  width: 1.8rem;
  border: .2rem solid #AEBCC8;
  border-radius: 2rem;
  background: #AEBCC8; }

.cart-field {
  height: 52px;
  padding: 10px 16px;
  border-radius: 26px; }

.cart-item-select, .cart-qty-option, .cart-qty-select, .cart-step select {
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  overflow: visible; }
.cart-item-select .validation, .cart-qty-option .validation, .cart-qty-select .validation, .cart-step select .validation {
  top: 52px;
  width: 200%;
  margin-left: -20px; }

.validation {
  color: #ed1847;
  display: inline-block;
  font-size: 1.4rem;
  position: absolute;
  width: 100%;
  left: 5px;
  padding: 0 16px;
  background: #fff; }

.modal-header .close {
  float: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
  background-color: transparent; }
.modal-header .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5; }

@-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); } }
/* Items specific for the hero sections */
@media (min-width: 768px) {
  #hero {
    min-height: 75px; } }
.hero {
  margin: 0;
  padding: 0;
  color: white; }
.hero.homepage .lead {
  text-align: right; }
.hero.homepage .lead p {
  margin-top: 25px;
  font-size: 2.4rem; }
.hero.homepage .lead a {
  position: relative;
  left: 0; }
.hero.homepage .lead .learn-more {
  color: white;
  font-size: 1.6rem;
  margin-right: 1rem; }
.hero.homepage .lead .learn-more:after, .hero.homepage .lead .learn-more:before {
  background-color: white; }
.hero.homepage .lead .lead-override a {
  left: auto;
  bottom: auto; }
@media (max-width: 767px) {
  .hero.homepage .lead {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    height: 100%; } }
.hero.homepage .media-hero:after {
  display: none; }
.hero.homepage .media-bg img {
  z-index: 0; }
.hero.homepage .accordion .accordion-tab:before, .hero.homepage .accordion .accordion-tab:after {
  background-color: #fff; }
.hero.homepage .accordion .accordion-body {
  position: relative; }
@media (max-width: 767px) {
  .hero.homepage {
    position: relative;
    z-index: 2;
    height: 100%; }
  .hero.homepage .lead > * {
    text-align: center;
    height: 100%;
    min-height: 400px; }
  .hero.homepage .lead a.btn {
    bottom: initial !important;
    position: absolute !important;
    display: block;
    top: 80%;
    width: 80%;
    margin-left: 10%; }
  .hero.homepage .accordion .accordion-body .lead, .hero.homepage #lead-0 {
    height: 100%; }
  .hero.homepage .accordion .accordion-tab {
    border-bottom: 0 none;
    padding-left: 10px; }
  .hero.homepage .accordion .accordion-body .media-hero {
    margin-top: 0; }
  .hero.homepage .accordion .accordion-body .lead {
    padding-top: 25px;
    width: 100%;
    position: absolute;
    top: 0; }
  .hero.homepage .accordion .accordion-body .lead h3 {
    margin-top: 0; }
  .hero.homepage .accordion .accordion-body .lead a {
    bottom: -20px; }
  .hero.homepage .accordion .accordion-body .lead .disclaimer {
    position: absolute;
    bottom: 0;
    right: 0; }
  .hero.homepage .mobile-wrapper {
    position: absolute;
    bottom: -100%;
    width: 100%;
    left: 0; }
  .hero.homepage .mobile-wrapper > div {
    padding: 0; } }
@media (min-width: 768px) {
  .hero.homepage {
    position: absolute;
    top: 30%; }
  .hero.homepage .lead {
    margin-top: -80px;
    padding-right: 5%; }
  .hero.homepage .accordion .accordion-tab {
    min-width: 380px;
    max-width: 450px;
    color: white;
    border-bottom: 0 none;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    text-align: left;
    padding: 15px 30px;
    margin-bottom: 2px;
    cursor: pointer;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
  .hero.homepage .accordion .accordion-tab:hover, .hero.homepage .accordion .accordion-tab:active, .hero.homepage .accordion .accordion-tab:focus {
    color: white; }
  .hero.homepage .accordion .accordion-tab.active, .hero.homepage .accordion .accordion-tab:hover {
    padding-top: 25px;
    padding-bottom: 25px; }
  .hero.homepage .accordion .accordion-tab.active.white, .hero.homepage .accordion .accordion-tab:hover.white {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.gray, .hero.homepage .accordion .accordion-tab:hover.gray {
    background-color: #a8a8a8;
    background-color: rgba(153, 153, 153, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.gray-dark, .hero.homepage .accordion .accordion-tab:hover.gray-dark {
    background-color: #7c7c7c;
    background-color: rgba(102, 102, 102, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.gray-light, .hero.homepage .accordion .accordion-tab:hover.gray-light {
    background-color: #e2e2e2;
    background-color: rgba(221, 221, 221, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.gray-lighter, .hero.homepage .accordion .accordion-tab:hover.gray-lighter {
    background-color: #f4f4f4;
    background-color: rgba(243, 243, 243, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.purple, .hero.homepage .accordion .accordion-tab:hover.purple {
    background-color: #7c4ca1;
    background-color: rgba(102, 45, 145, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.red, .hero.homepage .accordion .accordion-tab:hover.red {
    background-color: #ef3a62;
    background-color: rgba(237, 24, 71, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.blue, .hero.homepage .accordion .accordion-tab:hover.blue {
    background-color: #26b2e8;
    background-color: rgba(0, 165, 229, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.green, .hero.homepage .accordion .accordion-tab:hover.green {
    background-color: #26d464;
    background-color: rgba(0, 205, 73, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.orange, .hero.homepage .accordion .accordion-tab:hover.orange {
    background-color: #ffa026;
    background-color: rgba(255, 144, 0, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.B0, .hero.homepage .accordion .accordion-tab:hover.B0 {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.B1, .hero.homepage .accordion .accordion-tab:hover.B1 {
    background-color: #e2e2e2;
    background-color: rgba(221, 221, 221, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.B2, .hero.homepage .accordion .accordion-tab:hover.B2 {
    background-color: #a8a8a8;
    background-color: rgba(153, 153, 153, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.B3, .hero.homepage .accordion .accordion-tab:hover.B3 {
    background-color: #7c7c7c;
    background-color: rgba(102, 102, 102, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.B4, .hero.homepage .accordion .accordion-tab:hover.B4 {
    background-color: #515151;
    background-color: rgba(51, 51, 51, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.B5, .hero.homepage .accordion .accordion-tab:hover.B5 {
    background-color: #434343;
    background-color: rgba(34, 34, 34, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.B6, .hero.homepage .accordion .accordion-tab:hover.B6 {
    background-color: #262626;
    background-color: rgba(0, 0, 0, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.B7, .hero.homepage .accordion .accordion-tab:hover.B7 {
    background-color: #f4f4f4;
    background-color: rgba(243, 243, 243, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C1, .hero.homepage .accordion .accordion-tab:hover.C1 {
    background-color: #7c4ca1;
    background-color: rgba(102, 45, 145, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C1s, .hero.homepage .accordion .accordion-tab:hover.C1s {
    background-color: #6e498e;
    background-color: rgba(85, 42, 123, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C1h, .hero.homepage .accordion .accordion-tab:hover.C1h {
    background-color: #9657c6;
    background-color: rgba(132, 58, 188, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C2, .hero.homepage .accordion .accordion-tab:hover.C2 {
    background-color: #ef3a62;
    background-color: rgba(237, 24, 71, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C2s, .hero.homepage .accordion .accordion-tab:hover.C2s {
    background-color: #d2385a;
    background-color: rgba(203, 21, 62, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C2h, .hero.homepage .accordion .accordion-tab:hover.C2h {
    background-color: #ff3c66;
    background-color: rgba(255, 26, 76, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C3, .hero.homepage .accordion .accordion-tab:hover.C3 {
    background-color: #26b2e8;
    background-color: rgba(0, 165, 229, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C3s, .hero.homepage .accordion .accordion-tab:hover.C3s {
    background-color: #3ba7d6;
    background-color: rgba(25, 152, 207, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C3h, .hero.homepage .accordion .accordion-tab:hover.C3h {
    background-color: #26bef9;
    background-color: rgba(0, 179, 249, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C4, .hero.homepage .accordion .accordion-tab:hover.C4 {
    background-color: #26d464;
    background-color: rgba(0, 205, 73, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C4s, .hero.homepage .accordion .accordion-tab:hover.C4s {
    background-color: #26bd5c;
    background-color: rgba(0, 178, 64, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C4h, .hero.homepage .accordion .accordion-tab:hover.C4h {
    background-color: #26e46a;
    background-color: rgba(0, 224, 80, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C5, .hero.homepage .accordion .accordion-tab:hover.C5 {
    background-color: #ffa026;
    background-color: rgba(255, 144, 0, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C5s, .hero.homepage .accordion .accordion-tab:hover.C5s {
    background-color: #ed9626;
    background-color: rgba(234, 132, 0, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C5h, .hero.homepage .accordion .accordion-tab:hover.C5h {
    background-color: #ffab3f;
    background-color: rgba(255, 157, 30, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.C6, .hero.homepage .accordion .accordion-tab:hover.C6 {
    background-color: #4fe0e8;
    background-color: rgba(48, 219, 228, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.SUCCESS, .hero.homepage .accordion .accordion-tab:hover.SUCCESS {
    background-color: #26d464;
    background-color: rgba(0, 205, 73, 0.85); }
  .hero.homepage .accordion .accordion-tab.active.ERROR, .hero.homepage .accordion .accordion-tab:hover.ERROR {
    background-color: #ef3a62;
    background-color: rgba(237, 24, 71, 0.85); }
  .hero.homepage .accordion .accordion-tab:before, .hero.homepage .accordion .accordion-tab:after {
    display: none; }
  .hero.homepage .accordion .accordion-tab h4 {
    font-size: 2rem;
    margin: 0; }
  .hero.homepage .accordion .accordion-tab.white {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.4); }
  .hero.homepage .accordion .accordion-tab.gray {
    background-color: #d6d6d6;
    background-color: rgba(153, 153, 153, 0.4); }
  .hero.homepage .accordion .accordion-tab.gray-dark {
    background-color: #c1c1c1;
    background-color: rgba(102, 102, 102, 0.4); }
  .hero.homepage .accordion .accordion-tab.gray-light {
    background-color: #f1f1f1;
    background-color: rgba(221, 221, 221, 0.4); }
  .hero.homepage .accordion .accordion-tab.gray-lighter {
    background-color: #fafafa;
    background-color: rgba(243, 243, 243, 0.4); }
  .hero.homepage .accordion .accordion-tab.purple {
    background-color: #c1abd3;
    background-color: rgba(102, 45, 145, 0.4); }
  .hero.homepage .accordion .accordion-tab.red {
    background-color: #f7a2b5;
    background-color: rgba(237, 24, 71, 0.4); }
  .hero.homepage .accordion .accordion-tab.blue {
    background-color: #99dbf4;
    background-color: rgba(0, 165, 229, 0.4); }
  .hero.homepage .accordion .accordion-tab.green {
    background-color: #99ebb6;
    background-color: rgba(0, 205, 73, 0.4); }
  .hero.homepage .accordion .accordion-tab.orange {
    background-color: #ffd299;
    background-color: rgba(255, 144, 0, 0.4); }
  .hero.homepage .accordion .accordion-tab.B0 {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.4); }
  .hero.homepage .accordion .accordion-tab.B1 {
    background-color: #f1f1f1;
    background-color: rgba(221, 221, 221, 0.4); }
  .hero.homepage .accordion .accordion-tab.B2 {
    background-color: #d6d6d6;
    background-color: rgba(153, 153, 153, 0.4); }
  .hero.homepage .accordion .accordion-tab.B3 {
    background-color: #c1c1c1;
    background-color: rgba(102, 102, 102, 0.4); }
  .hero.homepage .accordion .accordion-tab.B4 {
    background-color: #adadad;
    background-color: rgba(51, 51, 51, 0.4); }
  .hero.homepage .accordion .accordion-tab.B5 {
    background-color: #a6a6a6;
    background-color: rgba(34, 34, 34, 0.4); }
  .hero.homepage .accordion .accordion-tab.B6 {
    background-color: #999999;
    background-color: rgba(0, 0, 0, 0.4); }
  .hero.homepage .accordion .accordion-tab.B7 {
    background-color: #fafafa;
    background-color: rgba(243, 243, 243, 0.4); }
  .hero.homepage .accordion .accordion-tab.C1 {
    background-color: #c1abd3;
    background-color: rgba(102, 45, 145, 0.4); }
  .hero.homepage .accordion .accordion-tab.C1s {
    background-color: #bba9ca;
    background-color: rgba(85, 42, 123, 0.4); }
  .hero.homepage .accordion .accordion-tab.C1h {
    background-color: #cdb0e4;
    background-color: rgba(132, 58, 188, 0.4); }
  .hero.homepage .accordion .accordion-tab.C2 {
    background-color: #f7a2b5;
    background-color: rgba(237, 24, 71, 0.4); }
  .hero.homepage .accordion .accordion-tab.C2s {
    background-color: #eaa1b1;
    background-color: rgba(203, 21, 62, 0.4); }
  .hero.homepage .accordion .accordion-tab.C2h {
    background-color: #ffa3b7;
    background-color: rgba(255, 26, 76, 0.4); }
  .hero.homepage .accordion .accordion-tab.C3 {
    background-color: #99dbf4;
    background-color: rgba(0, 165, 229, 0.4); }
  .hero.homepage .accordion .accordion-tab.C3s {
    background-color: #a3d5eb;
    background-color: rgba(25, 152, 207, 0.4); }
  .hero.homepage .accordion .accordion-tab.C3h {
    background-color: #99e0fc;
    background-color: rgba(0, 179, 249, 0.4); }
  .hero.homepage .accordion .accordion-tab.C4 {
    background-color: #99ebb6;
    background-color: rgba(0, 205, 73, 0.4); }
  .hero.homepage .accordion .accordion-tab.C4s {
    background-color: #99e0b2;
    background-color: rgba(0, 178, 64, 0.4); }
  .hero.homepage .accordion .accordion-tab.C4h {
    background-color: #99f2b9;
    background-color: rgba(0, 224, 80, 0.4); }
  .hero.homepage .accordion .accordion-tab.C5 {
    background-color: #ffd299;
    background-color: rgba(255, 144, 0, 0.4); }
  .hero.homepage .accordion .accordion-tab.C5s {
    background-color: #f6cd99;
    background-color: rgba(234, 132, 0, 0.4); }
  .hero.homepage .accordion .accordion-tab.C5h {
    background-color: #ffd7a5;
    background-color: rgba(255, 157, 30, 0.4); }
  .hero.homepage .accordion .accordion-tab.C6 {
    background-color: #acf0f4;
    background-color: rgba(48, 219, 228, 0.4); }
  .hero.homepage .accordion .accordion-tab.SUCCESS {
    background-color: #99ebb6;
    background-color: rgba(0, 205, 73, 0.4); }
  .hero.homepage .accordion .accordion-tab.ERROR {
    background-color: #f7a2b5;
    background-color: rgba(237, 24, 71, 0.4); }
  .hero.homepage .accordion .accordion-body {
    display: none; } }
.hero.homepage .deal-buy-now {
  position: relative;
  top: -77px;
  left: 85px;
  z-index: 2; }
.hero .lead {
  position: relative;
  padding: 15px; }
.hero .lead a {
  position: absolute;
  left: 15px;
  bottom: -60px; }
.hero .lead .video-modal.open {
  position: fixed; }
@media (max-width: 767px) {
  .hero .lead {
    min-height: 300px;
    display: table;
    padding-top: 50px; }
  .hero .lead > * {
    display: table-cell;
    vertical-align: middle;
    padding: 15px; } }
.hero.product {
  font-family: "GothamExtraLight"; }
.hero.product .description {
  font-size: 2.25rem;
  line-height: 1.6; }
@media (max-width: 767px) {
  .hero.product .description {
    font-size: 1.6rem;
    height: 100px; } }
.hero.product .ship-date {
  text-align: center; }
.hero.product .price {
  text-align: left; }
@media (min-width: 768px) {
  .hero.product .price {
    margin: 30px 0;
    font-size: 5rem;
    position: relative; }
  .hero.product .price .discounted {
    top: -1em; } }
.hero.product .actions button {
  width: 100%; }
@media (max-width: 767px) {
  .hero.product {
    margin-top: 5.4rem;
    /*h1 {
        min-width: 300px;
    }*/ }
  .hero.product .actions {
    /*width: 90%;
    margin-left: 65%;
    margin-top: -85px;*/
    width: 70%;
    margin-left: 37%; }
  .hero.product .actions:last-child {
    margin-bottom: -12px; }
  .hero.product .actions button {
    width: 100%;
    margin-top: 6px;
    margin-bottom: 6px; }
  .hero.product .price > span:last-child {
    top: 5rem;
    position: relative;
    margin-left: -1.2rem; } }
.hero .slider {
  display: none;
  opacity: 0; }
.hero .open {
  position: relative;
  z-index: 3; }
.hero .open .slider {
  padding: 20px;
  position: absolute;
  display: block;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  width: 100%;
  top: 62px;
  left: 0;
  overflow: hidden; }
.hero .open .slider * {
  white-space: initial; }
.hero .open .slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1; }

/* Add padding at the top of mobile. */
body {
  padding-top: 5.4rem; }

.media-hero {
  /* Adjust media heroes up. */
  margin-top: -5.4rem; }
.media-hero .navbar ~ .container {
  margin-top: 135px; }
@media (max-width: 767px) {
  .media-hero .navbar ~ .container {
    margin-top: 65px; } }
.media-hero .navbar .btn-mobile a {
  color: #fff; }

.hero-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: white;
  padding: 20% 0 8rem 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); }

.hero-page-title-bg {
  background-position-x: center;
  background-position-y: center;
  display: table;
  width: 100%;
  height: 280px; }
.hero-page-title-bg .row {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }
.hero-page-title-bg.reviews .row {
  text-align: left; }
.hero-page-title-bg.reviews .row .speech-bubble {
  max-width: 400px;
  max-height: 185px;
  margin-left: auto;
  margin-right: auto;
  padding: 1%;
  display: block; }

@-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); } }
.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
.list-group-item:first-child {
  border-top-right-radius: 14px;
  border-top-left-radius: 14px; }
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px; }
.list-group-item > .badge {
  float: right; }
.list-group-item > .badge + .badge {
  margin-right: 5px; }

a.list-group-item {
  color: #555; }
a.list-group-item .list-group-item-heading {
  color: #333; }
a.list-group-item:hover, a.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #f3f3f3;
  color: #dddddd;
  cursor: not-allowed; }
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit; }
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #dddddd; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #662d91;
  border-color: #662d91; }
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #c9a6e4; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success {
  color: #3c763d; }
a.list-group-item-success .list-group-item-heading {
  color: inherit; }
a.list-group-item-success:hover, a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6; }
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info {
  color: #31708f; }
a.list-group-item-info .list-group-item-heading {
  color: inherit; }
a.list-group-item-info:hover, a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3; }
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning {
  color: #8a6d3b; }
a.list-group-item-warning .list-group-item-heading {
  color: inherit; }
a.list-group-item-warning:hover, a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc; }
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger {
  color: #a94442; }
a.list-group-item-danger .list-group-item-heading {
  color: inherit; }
a.list-group-item-danger:hover, a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc; }
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.list-chevron {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative; }
.list-chevron li {
  padding-left: 30px;
  line-height: 30px;
  position: relative; }
.list-chevron li:before {
  content: "\2022";
  height: 30px;
  width: 30px;
  top: 2px;
  left: 0;
  position: absolute;
  color: #662d91;
  font-size: 5rem; }
.list-chevron.disc-white li:before {
  color: #fff; }
.list-chevron.list-inline li h4 {
  margin-top: 0;
  margin-bottom: 0; }

.list-chevron-sm {
  list-style-type: none;
  padding: 0;
  margin: 0; }
.list-chevron-sm li {
  background-image: url("/assets/list-sprite.png");
  background-repeat: no-repeat;
  background-position: -50px -150px;
  padding-left: 25px; }

.list-check-white {
  list-style-type: none;
  padding: 0;
  margin: 0; }
.list-check-white li {
  background-image: url("/assets/list-sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -46px;
  padding-left: 25px; }

@-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); } }
.media, .media-body {
  overflow: hidden;
  zoom: 1; }

.media, .media .media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media-object {
  display: block; }

.media-heading {
  margin: 0 0 5px; }

.media > .pull-left {
  margin-right: 10px; }
.media > .pull-right {
  margin-left: 10px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.media-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 92vh; }
.media-hero.overflow {
  height: auto;
  max-height: none; }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .media-hero {
    max-height: 880px; } }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .media-hero {
    max-height: 627px; } }
@media all and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .media-hero {
    max-height: 523px; } }
@media all and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .media-hero {
    max-height: 523px; }
  .media-hero .media-bg img {
    height: auto; } }
@media all and (min-width: 500px) and (max-width: 767px) {
  .media-hero .media-bg img {
    max-height: 170%; } }
@media (max-width: 767px) {
  .media-hero {
    min-height: 523px; }
  .media-hero picture::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-image: radial-gradient(transparent 40%, rgba(0, 0, 0, 0.25)); }
  .media-hero section {
    height: 100%; } }
.media-hero .navbar-brand {
  background-image: url("//image.roku.com/w/assets/roku-logo-white.png"); }
.media-hero .navbar:not(.fixedTop) .navbar-text {
  color: #fff; }
.media-hero .navbar:not(.fixedTop) .navbar-nav > li > a {
  color: #fff; }
@media (max-width: 767px) {
  .media-hero .navbar:not(.fixedTop) .navbar-nav > li > a {
    color: #999999; } }
.media-hero .navbar:not(.fixedTop) .navbar-nav > li > a:hover {
  color: #fefefe; }
@media (max-width: 767px) {
  .media-hero .navbar:not(.fixedTop) .navbar-nav > li > a:hover {
    color: #999999; } }
.media-hero .navbar-default .icon-bar {
  background-color: white; }
.media-hero .btn.btn-secondary {
  border-color: #fff;
  color: #fff; }
.media-hero .lead-footer {
  margin-right: 5%;
  padding: 15px;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff; }
.media-hero .lead-footer img {
  vertical-align: text-bottom; }
.media-hero .lead-footer .disclaimer {
  display: block; }
@media (max-width: 767px) {
  .media-hero .lead-footer {
    margin-right: 0;
    font-size: 1.3rem; }
  .media-hero .lead-footer img {
    max-height: 20px; } }
.media-hero.hero-deal .lead-footer {
  margin-right: 0;
  width: 100%; }
@media (max-width: 767px) {
  .media-hero.hero-deal {
    height: auto; } }
@media (min-width: 768px) {
  .media-hero.hero-deal {
    min-height: 865px; } }
@media (max-width: 767px) and (orientation: landscape) {
  .media-hero.hero-deal .media-bg img {
    width: auto;
    height: 100%; } }

@media (max-width: 767px) and (orientation: landscape) {
  .media-hero.mobile-landscape-width-auto .media-bg img {
    width: auto; } }

.media-hero .promo-badge {
  max-width: 325px;
  max-height: 325px;
  width: 30%;
  height: 30%;
  left: 40%;
  top: 30%;
  display: block;
  position: absolute; }
.media-hero .promo-badge img {
  width: 100%;
  height: 100%; }
@media (max-width: 767px) {
  .media-hero.mobile-img {
    margin: 0;
    height: auto;
    min-height: 227px; } }

/* Background item specific */
.media-bg.image, .media-bg video, .media-bg img {
  position: absolute;
  z-index: -1;
  min-width: 100%;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  margin: auto;
  background-color: #000; }
.media-bg.image.bg-white, .media-bg video.bg-white, .media-bg img.bg-white {
  background-color: #fff; }
.media-bg.image.bg-gray, .media-bg video.bg-gray, .media-bg img.bg-gray {
  background-color: #999999; }
.media-bg.image.bg-gray-dark, .media-bg video.bg-gray-dark, .media-bg img.bg-gray-dark {
  background-color: #666666; }
.media-bg.image.bg-gray-light, .media-bg video.bg-gray-light, .media-bg img.bg-gray-light {
  background-color: #dddddd; }
.media-bg.image.bg-gray-lighter, .media-bg video.bg-gray-lighter, .media-bg img.bg-gray-lighter {
  background-color: #f3f3f3; }
.media-bg.image.bg-purple, .media-bg video.bg-purple, .media-bg img.bg-purple {
  background-color: #662d91; }
.media-bg.image.bg-red, .media-bg video.bg-red, .media-bg img.bg-red {
  background-color: #ed1847; }
.media-bg.image.bg-blue, .media-bg video.bg-blue, .media-bg img.bg-blue {
  background-color: #00a5e5; }
.media-bg.image.bg-green, .media-bg video.bg-green, .media-bg img.bg-green {
  background-color: #00cd49; }
.media-bg.image.bg-orange, .media-bg video.bg-orange, .media-bg img.bg-orange {
  background-color: #ff9000; }
.media-bg.image.bg-B0, .media-bg video.bg-B0, .media-bg img.bg-B0 {
  background-color: #fff; }
.media-bg.image.bg-B1, .media-bg video.bg-B1, .media-bg img.bg-B1 {
  background-color: #ddd; }
.media-bg.image.bg-B2, .media-bg video.bg-B2, .media-bg img.bg-B2 {
  background-color: #999; }
.media-bg.image.bg-B3, .media-bg video.bg-B3, .media-bg img.bg-B3 {
  background-color: #666; }
.media-bg.image.bg-B4, .media-bg video.bg-B4, .media-bg img.bg-B4 {
  background-color: #333; }
.media-bg.image.bg-B5, .media-bg video.bg-B5, .media-bg img.bg-B5 {
  background-color: #222; }
.media-bg.image.bg-B6, .media-bg video.bg-B6, .media-bg img.bg-B6 {
  background-color: #000; }
.media-bg.image.bg-B7, .media-bg video.bg-B7, .media-bg img.bg-B7 {
  background-color: #f3f3f3; }
.media-bg.image.bg-C1, .media-bg video.bg-C1, .media-bg img.bg-C1 {
  background-color: #662d91; }
.media-bg.image.bg-C1s, .media-bg video.bg-C1s, .media-bg img.bg-C1s {
  background-color: #552a7b; }
.media-bg.image.bg-C1h, .media-bg video.bg-C1h, .media-bg img.bg-C1h {
  background-color: #843abc; }
.media-bg.image.bg-C2, .media-bg video.bg-C2, .media-bg img.bg-C2 {
  background-color: #ed1847; }
.media-bg.image.bg-C2s, .media-bg video.bg-C2s, .media-bg img.bg-C2s {
  background-color: #cb153e; }
.media-bg.image.bg-C2h, .media-bg video.bg-C2h, .media-bg img.bg-C2h {
  background-color: #ff1a4c; }
.media-bg.image.bg-C3, .media-bg video.bg-C3, .media-bg img.bg-C3 {
  background-color: #00a5e5; }
.media-bg.image.bg-C3s, .media-bg video.bg-C3s, .media-bg img.bg-C3s {
  background-color: #1998cf; }
.media-bg.image.bg-C3h, .media-bg video.bg-C3h, .media-bg img.bg-C3h {
  background-color: #00b3f9; }
.media-bg.image.bg-C4, .media-bg video.bg-C4, .media-bg img.bg-C4 {
  background-color: #00cd49; }
.media-bg.image.bg-C4s, .media-bg video.bg-C4s, .media-bg img.bg-C4s {
  background-color: #00b240; }
.media-bg.image.bg-C4h, .media-bg video.bg-C4h, .media-bg img.bg-C4h {
  background-color: #00e050; }
.media-bg.image.bg-C5, .media-bg video.bg-C5, .media-bg img.bg-C5 {
  background-color: #ff9000; }
.media-bg.image.bg-C5s, .media-bg video.bg-C5s, .media-bg img.bg-C5s {
  background-color: #ea8400; }
.media-bg.image.bg-C5h, .media-bg video.bg-C5h, .media-bg img.bg-C5h {
  background-color: #ff9d1e; }
.media-bg.image.bg-C6, .media-bg video.bg-C6, .media-bg img.bg-C6 {
  background-color: #30dbe4; }
.media-bg.image.bg-SUCCESS, .media-bg video.bg-SUCCESS, .media-bg img.bg-SUCCESS {
  background-color: #00cd49; }
.media-bg.image.bg-ERROR, .media-bg video.bg-ERROR, .media-bg img.bg-ERROR {
  background-color: #ed1847; }
.media-bg.image.desktop, .media-bg video.desktop, .media-bg img.desktop {
  display: block; }
@media (max-width: 767px) {
  .media-bg.image.desktop, .media-bg video.desktop, .media-bg img.desktop {
    display: none; } }
.media-bg.image.mobile, .media-bg video.mobile, .media-bg img.mobile {
  display: none; }
@media (max-width: 767px) {
  .media-bg.image.mobile, .media-bg video.mobile, .media-bg img.mobile {
    display: block; } }
@media (max-width: 767px) and (orientation: portrait) {
  .media-bg.image, .media-bg video, .media-bg img {
    max-height: 100%;
    min-width: 100%; } }
@media (max-width: 767px) and (orientation: landscape) {
  .media-bg.image, .media-bg video, .media-bg img {
    width: 100%; } }

@media (min-width: 768px) {
  .media-bg.image, .media-bg video, .media-bg img {
    min-height: 100%; } }

.bottom-bar {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  left: 0;
  position: relative;
  width: 100%;
  padding: 30px 0;
  margin-top: 40px; }
@media (max-width: 767px) {
  .bottom-bar {
    padding: 15px 0; } }
@media (max-width: 767px) {
  .bottom-bar .video {
    margin-top: -110px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .bottom-bar .video img {
    margin-top: 12px; } }
.bottom-bar .video p, .bottom-bar .video img {
  float: left;
  max-width: 100%; }
.bottom-bar .video img {
  cursor: pointer;
  max-width: 80%; }
.bottom-bar .video p {
  margin-top: 10px;
  margin-bottom: 0;
  width: 144px;
  text-align: center; }
@media (min-width: 768px) and (max-width: 1199px) {
  .bottom-bar .video p {
    display: none; } }
@media (max-width: 767px) {
  .bottom-bar .video p {
    display: none; } }
.bottom-bar .video a.glyphicon.video:before {
  display: none; }
@media (max-width: 767px) {
  .bottom-bar .promo {
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.25);
    margin-top: -6px;
    margin-bottom: 6px;
    padding-bottom: 12px;
    width: 100%; } }
.bottom-bar .promo img {
  float: left;
  margin-right: 12px; }
@media (max-width: 767px) {
  .bottom-bar .promo img {
    width: 40px;
    margin: 3px 6px 0 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .bottom-bar .promo img {
    width: 50px; } }
.bottom-bar .promo p {
  margin: 4px 0 0 0;
  line-height: 1.2; }
.bottom-bar .promo p.thin {
  font-family: "GothamExtraLight"; }
@media (max-width: 767px) {
  .bottom-bar .promo p {
    width: 75%; } }
.bottom-bar .promo a.btn {
  background: rgba(255, 255, 255, 0.15);
  border-color: transparent;
  margin-top: 10px; }
@media (max-width: 767px) {
  .bottom-bar .promo a.btn {
    position: absolute;
    right: 6px;
    top: 2px;
    padding: 12px;
    border-radius: 25px; } }
.bottom-bar .stars, .bottom-bar .callout {
  text-align: center;
  position: relative;
  width: 13%;
  /*a,
  p {
      margin-bottom:-6px;
      margin-top:6px;
  }*/ }
@media (max-width: 767px) {
  .bottom-bar .stars, .bottom-bar .callout {
    width: 25%; } }
.bottom-bar .stars:after, .bottom-bar .callout:after {
  content: "";
  width: 1px;
  height: 95px;
  background-color: rgba(255, 255, 255, 0.25);
  position: absolute;
  top: 0;
  right: 0; }
@media (max-width: 767px) {
  .bottom-bar .stars:after, .bottom-bar .callout:after {
    height: 55px; } }
.bottom-bar .stars .glyphicon, .bottom-bar .callout .glyphicon {
  font-size: 6rem;
  color: white;
  line-height: 0;
  /*@include mobile() {
      font-size: 2.5rem;
  }*/ }
.bottom-bar .stars .star-rating-container .glyphicon, .bottom-bar .callout .star-rating-container .glyphicon {
  font-size: 1.6rem; }
@media (max-width: 767px) {
  .bottom-bar .stars .star-rating-container .glyphicon, .bottom-bar .callout .star-rating-container .glyphicon {
    font-size: 1.3rem; } }
.bottom-bar h3, .bottom-bar p, .bottom-bar a {
  font-size: 1.5rem;
  line-height: 1;
  color: white; }
@media (min-width: 768px) and (max-width: 1199px) {
  .bottom-bar h3, .bottom-bar p, .bottom-bar a {
    font-size: 1.25rem; } }
@media (max-width: 767px) {
  .bottom-bar h3, .bottom-bar p, .bottom-bar a {
    font-size: 1rem; } }
.bottom-bar .stars h2, .bottom-bar .stars h5 {
  color: white;
  margin: -6px 0 0; }
.bottom-bar .stars .rating {
  font-size: 4rem;
  margin-bottom: -10px;
  margin-top: 6px; }
.bottom-bar .stars .star-rating-container {
  font-size: 1.6rem; }
.bottom-bar .stars a {
  display: block; }
@media (max-width: 767px) {
  .bottom-bar .stars a {
    margin: 0; } }

@-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); } }
.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default !important; }

.promo-banner {
  margin-bottom: 2rem; }

.circle-simple {
  display: inline-block;
  border-radius: 50%;
  width: 100%;
  height: 0;
  text-align: center;
  color: #fff;
  overflow: hidden;
  padding-bottom: 100%;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  position: relative; }
.circle-simple .circle-vcenter {
  position: relative;
  margin-top: 50%;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: inline-block;
  padding: 10%; }
.circle-simple .circle-vcenter h1, .circle-simple .circle-vcenter h2, .circle-simple .circle-vcenter h3, .circle-simple .circle-vcenter h4, .circle-simple .circle-vcenter h5, .circle-simple .circle-vcenter h6 {
  margin-top: 0; }

.circle-tag {
  font-size: 18px;
  width: 75px;
  background: rgba(255, 255, 255, 0.3);
  height: 75px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  border: 3px solid white;
  padding-top: 7px;
  line-height: 1; }

.circle-lg {
  display: inline-block;
  border-radius: 50%;
  width: 100%;
  height: 0;
  text-align: center;
  color: #fff;
  overflow: hidden;
  padding-bottom: 100%;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  position: relative;
  cursor: pointer;
  margin: 0 auto 40px; }
.circle-lg h2 {
  margin-top: 15%;
  font-size: 3rem;
  padding: 0 7%; }
.circle-lg h2 .smaller {
  font-size: .8em;
  line-height: 1;
  display: block; }
@media (min-width: 768px) and (max-width: 1199px) {
  .circle-lg h2 {
    font-size: 2.4rem;
    padding: 0 8%; } }
.circle-lg p {
  margin-bottom: 15%;
  padding: 0 7%;
  font-size: 1.8rem; }
@media (min-width: 992px) and (max-width: 1199px) {
  .circle-lg p {
    margin-bottom: 5%; } }
@media (max-width: 991px) {
  .circle-lg p {
    margin-bottom: 0; } }
.circle-lg img {
  max-width: 100%; }
.circle-lg.outside {
  overflow: visible;
  position: relative; }
.circle-lg.outside p {
  position: relative;
  z-index: 1; }
.circle-lg.outside img {
  margin-left: auto;
  margin-right: auto; }
.circle-lg.outside .figure {
  -webkit-mask-image: none; }
.circle-lg:hover {
  color: #fff;
  text-decoration: none; }
.circle-lg .figure {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
.circle-lg .figure > * {
  pointer-events: none; }
.circle-lg .figure .btn {
  border: 1px solid #fff;
  background: none; }
@media (min-width: 768px) and (max-width: 1199px) {
  .circle-lg .figure .btn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 20px; } }
.circle-lg .figure .hover, .circle-lg .figure .onhover {
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
.circle-lg .figure .hover {
  position: absolute;
  left: 0;
  right: 0; }
.circle-lg .figure .onhover {
  opacity: 0;
  bottom: -20%;
  position: absolute;
  width: 100%; }
.circle-lg .figure:hover .hover {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6); }
.circle-lg .figure:hover .onhover {
  opacity: 1;
  bottom: 10%; }
@media (max-width: 1199px) {
  .circle-lg .figure .hover {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6); } }
@media (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) {
  .circle-lg .figure .hover img {
    margin-top: -24px; } }
@media (max-width: 1199px) {
  .circle-lg .figure .onhover {
    opacity: 1;
    bottom: 10%; } }

/* Background circle with overflow */
.circle-sm {
  border-radius: 50%;
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  position: relative;
  margin: 0 auto; }
@media (max-width: 767px) {
  .circle-sm {
    width: 30%;
    padding-bottom: 30%;
    float: left;
    margin-top: 20px; } }
.circle-sm img {
  position: absolute;
  left: 33%;
  bottom: 0;
  width: 33%; }
.circle-sm span {
  float: left;
  width: 100%;
  padding-top: 50%;
  margin-top: -.5em;
  font-size: 7vw;
  line-height: 1; }
@media (max-width: 767px) {
  .circle-sm span {
    font-size: 16vw; } }
.circle-sm.outside {
  overflow: visible; }

.circle-bullet {
  display: inline-block;
  border-radius: 1em;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  text-align: center; }

/* mobile fit stuff */
@media (max-width: 767px) {
  .mobile-fit {
    float: left;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dddddd; }
  .mobile-fit:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  .mobile-fit h1, .mobile-fit h2, .mobile-fit h3, .mobile-fit h4, .mobile-fit h5, .mobile-fit h6, .mobile-fit p, .mobile-fit button, .mobile-fit a {
    width: 65%;
    float: right;
    text-align: left; }
  .mobile-fit button {
    text-align: center;
    padding: 6px 8px; } }
.overflow-scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll; }

.speech-bubbles {
  min-width: 9999px; }
.speech-bubbles .col-sm-3 {
  width: 80%;
  max-width: 240px;
  float: left; }

.speech-bubble {
  position: relative;
  margin-bottom: 35px;
  margin-left: 0;
  width: 100%;
  padding: 10% 10% 0 10%;
  background: #00b240;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 2.2rem;
  color: #fff;
  display: inline-block; }
.speech-bubble:last-child {
  margin-right: 0px; }
.speech-bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 0 35px 35px;
  border-color: transparent #00b240;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -20px;
  bottom: -35px;
  left: 70%; }
.speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #00e050;
  padding: 3px 14px;
  font-size: 12px; }
.speech-bubble .btn-secondary:hover, .speech-bubble .btn-secondary:focus, .speech-bubble .btn-secondary:active, .speech-bubble .btn-secondary.active, .open > .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #00a33a; }
.speech-bubble .btn-secondary:active, .speech-bubble .btn-secondary.active, .open > .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
.speech-bubble .btn-secondary.disabled, .speech-bubble .btn-secondary.disabled:hover, .speech-bubble .btn-secondary.disabled:focus, .speech-bubble .btn-secondary.disabled:active, .speech-bubble .btn-secondary.disabled.active, .speech-bubble .btn-secondary[disabled], .speech-bubble .btn-secondary[disabled]:hover, .speech-bubble .btn-secondary[disabled]:focus, .speech-bubble .btn-secondary[disabled]:active, .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] .speech-bubble .btn-secondary, fieldset[disabled] .speech-bubble .btn-secondary:hover, fieldset[disabled] .speech-bubble .btn-secondary:focus, fieldset[disabled] .speech-bubble .btn-secondary:active, fieldset[disabled] .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #00e050; }
.speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
.speech-bubble .btn-secondary:hover {
  text-decoration: underline; }
.speech-bubble .source-details {
  margin: 4% 0;
  font-size: 1.3rem;
  display: block;
  width: 100%;
  float: left; }
.speech-bubble .source-details .author {
  font-family: "GothamBook"; }
.speech-bubble .source-details .author-secondary {
  color: #00e050;
  font-family: "GothamBook"; }
.speech-bubble .source-details .star-rating-container {
  margin-bottom: 10px;
  display: block;
  float: left; }

#reviews.purple .speech-bubble {
  background: #552a7b; }
#reviews.purple .speech-bubble:after {
  border-color: transparent #552a7b; }
#reviews.purple .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #843abc; }
#reviews.purple .speech-bubble .btn-secondary:hover, #reviews.purple .speech-bubble .btn-secondary:focus, #reviews.purple .speech-bubble .btn-secondary:active, #reviews.purple .speech-bubble .btn-secondary.active, .open > #reviews.purple .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #632c8d; }
#reviews.purple .speech-bubble .btn-secondary:active, #reviews.purple .speech-bubble .btn-secondary.active, .open > #reviews.purple .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.purple .speech-bubble .btn-secondary.disabled, #reviews.purple .speech-bubble .btn-secondary.disabled:hover, #reviews.purple .speech-bubble .btn-secondary.disabled:focus, #reviews.purple .speech-bubble .btn-secondary.disabled:active, #reviews.purple .speech-bubble .btn-secondary.disabled.active, #reviews.purple .speech-bubble .btn-secondary[disabled], #reviews.purple .speech-bubble .btn-secondary[disabled]:hover, #reviews.purple .speech-bubble .btn-secondary[disabled]:focus, #reviews.purple .speech-bubble .btn-secondary[disabled]:active, #reviews.purple .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.purple .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #843abc; }
#reviews.purple .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.purple .speech-bubble .star-rating-container .star-rating-off {
  color: #662d91; }
#reviews.purple:hover {
  background-color: #662d91; }
#reviews.red .speech-bubble {
  background: #cb153e; }
#reviews.red .speech-bubble:after {
  border-color: transparent #cb153e; }
#reviews.red .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #ff1a4c; }
#reviews.red .speech-bubble .btn-secondary:hover, #reviews.red .speech-bubble .btn-secondary:focus, #reviews.red .speech-bubble .btn-secondary:active, #reviews.red .speech-bubble .btn-secondary.active, .open > #reviews.red .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #dc0030; }
#reviews.red .speech-bubble .btn-secondary:active, #reviews.red .speech-bubble .btn-secondary.active, .open > #reviews.red .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.red .speech-bubble .btn-secondary.disabled, #reviews.red .speech-bubble .btn-secondary.disabled:hover, #reviews.red .speech-bubble .btn-secondary.disabled:focus, #reviews.red .speech-bubble .btn-secondary.disabled:active, #reviews.red .speech-bubble .btn-secondary.disabled.active, #reviews.red .speech-bubble .btn-secondary[disabled], #reviews.red .speech-bubble .btn-secondary[disabled]:hover, #reviews.red .speech-bubble .btn-secondary[disabled]:focus, #reviews.red .speech-bubble .btn-secondary[disabled]:active, #reviews.red .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.red .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #ff1a4c; }
#reviews.red .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.red .speech-bubble .star-rating-container .star-rating-off {
  color: #ed1847; }
#reviews.red:hover {
  background-color: #ed1847; }
#reviews.blue .speech-bubble {
  background: #1998cf; }
#reviews.blue .speech-bubble:after {
  border-color: transparent #1998cf; }
#reviews.blue .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #00b3f9; }
#reviews.blue .speech-bubble .btn-secondary:hover, #reviews.blue .speech-bubble .btn-secondary:focus, #reviews.blue .speech-bubble .btn-secondary:active, #reviews.blue .speech-bubble .btn-secondary.active, .open > #reviews.blue .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #0087bc; }
#reviews.blue .speech-bubble .btn-secondary:active, #reviews.blue .speech-bubble .btn-secondary.active, .open > #reviews.blue .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.blue .speech-bubble .btn-secondary.disabled, #reviews.blue .speech-bubble .btn-secondary.disabled:hover, #reviews.blue .speech-bubble .btn-secondary.disabled:focus, #reviews.blue .speech-bubble .btn-secondary.disabled:active, #reviews.blue .speech-bubble .btn-secondary.disabled.active, #reviews.blue .speech-bubble .btn-secondary[disabled], #reviews.blue .speech-bubble .btn-secondary[disabled]:hover, #reviews.blue .speech-bubble .btn-secondary[disabled]:focus, #reviews.blue .speech-bubble .btn-secondary[disabled]:active, #reviews.blue .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.blue .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #00b3f9; }
#reviews.blue .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.blue .speech-bubble .star-rating-container .star-rating-off {
  color: #00a5e5; }
#reviews.blue:hover {
  background-color: #00a5e5; }
#reviews.green .speech-bubble {
  background: #00b240; }
#reviews.green .speech-bubble:after {
  border-color: transparent #00b240; }
#reviews.green .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #00e050; }
#reviews.green .speech-bubble .btn-secondary:hover, #reviews.green .speech-bubble .btn-secondary:focus, #reviews.green .speech-bubble .btn-secondary:active, #reviews.green .speech-bubble .btn-secondary.active, .open > #reviews.green .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #00a33a; }
#reviews.green .speech-bubble .btn-secondary:active, #reviews.green .speech-bubble .btn-secondary.active, .open > #reviews.green .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.green .speech-bubble .btn-secondary.disabled, #reviews.green .speech-bubble .btn-secondary.disabled:hover, #reviews.green .speech-bubble .btn-secondary.disabled:focus, #reviews.green .speech-bubble .btn-secondary.disabled:active, #reviews.green .speech-bubble .btn-secondary.disabled.active, #reviews.green .speech-bubble .btn-secondary[disabled], #reviews.green .speech-bubble .btn-secondary[disabled]:hover, #reviews.green .speech-bubble .btn-secondary[disabled]:focus, #reviews.green .speech-bubble .btn-secondary[disabled]:active, #reviews.green .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.green .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #00e050; }
#reviews.green .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.green .speech-bubble .star-rating-container .star-rating-off {
  color: #00cd49; }
#reviews.green:hover {
  background-color: #00cd49; }
#reviews.orange .speech-bubble {
  background: #ea8400; }
#reviews.orange .speech-bubble:after {
  border-color: transparent #ea8400; }
#reviews.orange .speech-bubble .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #ff9d1e; }
#reviews.orange .speech-bubble .btn-secondary:hover, #reviews.orange .speech-bubble .btn-secondary:focus, #reviews.orange .speech-bubble .btn-secondary:active, #reviews.orange .speech-bubble .btn-secondary.active, .open > #reviews.orange .speech-bubble .btn-secondary.dropdown-toggle {
  color: #fff;
  border-color: #e07e00; }
#reviews.orange .speech-bubble .btn-secondary:active, #reviews.orange .speech-bubble .btn-secondary.active, .open > #reviews.orange .speech-bubble .btn-secondary.dropdown-toggle {
  background-image: none; }
#reviews.orange .speech-bubble .btn-secondary.disabled, #reviews.orange .speech-bubble .btn-secondary.disabled:hover, #reviews.orange .speech-bubble .btn-secondary.disabled:focus, #reviews.orange .speech-bubble .btn-secondary.disabled:active, #reviews.orange .speech-bubble .btn-secondary.disabled.active, #reviews.orange .speech-bubble .btn-secondary[disabled], #reviews.orange .speech-bubble .btn-secondary[disabled]:hover, #reviews.orange .speech-bubble .btn-secondary[disabled]:focus, #reviews.orange .speech-bubble .btn-secondary[disabled]:active, #reviews.orange .speech-bubble .btn-secondary[disabled].active, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary:hover, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary:focus, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary:active, fieldset[disabled] #reviews.orange .speech-bubble .btn-secondary.active {
  background-color: transparent;
  border-color: #ff9d1e; }
#reviews.orange .speech-bubble .btn-secondary .badge {
  color: transparent;
  background-color: #fff; }
#reviews.orange .speech-bubble .star-rating-container .star-rating-off {
  color: #ff9000; }
#reviews.orange:hover {
  background-color: #ff9000; }

.star-rating-container {
  position: relative;
  display: inline-block;
  font-size: 2.2rem;
  text-align: left; }
.star-rating-container .star-rating-off {
  color: #00cd49; }
.star-rating-container .star-rating-off.white {
  color: #fff;
  background-color: transparent; }
.star-rating-container .star-rating-off.gray {
  color: #999999;
  background-color: transparent; }
.star-rating-container .star-rating-off.gray-dark {
  color: #666666;
  background-color: transparent; }
.star-rating-container .star-rating-off.gray-light {
  color: #dddddd;
  background-color: transparent; }
.star-rating-container .star-rating-off.gray-lighter {
  color: #f3f3f3;
  background-color: transparent; }
.star-rating-container .star-rating-off.purple {
  color: #662d91;
  background-color: transparent; }
.star-rating-container .star-rating-off.red {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-off.blue {
  color: #00a5e5;
  background-color: transparent; }
.star-rating-container .star-rating-off.green {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-off.orange {
  color: #ff9000;
  background-color: transparent; }
.star-rating-container .star-rating-off.B0 {
  color: #fff;
  background-color: transparent; }
.star-rating-container .star-rating-off.B1 {
  color: #ddd;
  background-color: transparent; }
.star-rating-container .star-rating-off.B2 {
  color: #999;
  background-color: transparent; }
.star-rating-container .star-rating-off.B3 {
  color: #666;
  background-color: transparent; }
.star-rating-container .star-rating-off.B4 {
  color: #333;
  background-color: transparent; }
.star-rating-container .star-rating-off.B5 {
  color: #222;
  background-color: transparent; }
.star-rating-container .star-rating-off.B6 {
  color: #000;
  background-color: transparent; }
.star-rating-container .star-rating-off.B7 {
  color: #f3f3f3;
  background-color: transparent; }
.star-rating-container .star-rating-off.C1 {
  color: #662d91;
  background-color: transparent; }
.star-rating-container .star-rating-off.C1s {
  color: #552a7b;
  background-color: transparent; }
.star-rating-container .star-rating-off.C1h {
  color: #843abc;
  background-color: transparent; }
.star-rating-container .star-rating-off.C2 {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-off.C2s {
  color: #cb153e;
  background-color: transparent; }
.star-rating-container .star-rating-off.C2h {
  color: #ff1a4c;
  background-color: transparent; }
.star-rating-container .star-rating-off.C3 {
  color: #00a5e5;
  background-color: transparent; }
.star-rating-container .star-rating-off.C3s {
  color: #1998cf;
  background-color: transparent; }
.star-rating-container .star-rating-off.C3h {
  color: #00b3f9;
  background-color: transparent; }
.star-rating-container .star-rating-off.C4 {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-off.C4s {
  color: #00b240;
  background-color: transparent; }
.star-rating-container .star-rating-off.C4h {
  color: #00e050;
  background-color: transparent; }
.star-rating-container .star-rating-off.C5 {
  color: #ff9000;
  background-color: transparent; }
.star-rating-container .star-rating-off.C5s {
  color: #ea8400;
  background-color: transparent; }
.star-rating-container .star-rating-off.C5h {
  color: #ff9d1e;
  background-color: transparent; }
.star-rating-container .star-rating-off.C6 {
  color: #30dbe4;
  background-color: transparent; }
.star-rating-container .star-rating-off.SUCCESS {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-off.ERROR {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-off:after {
  content: "\e006\e006\e006\e006\e006"; }
.star-rating-container .star-rating-on {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap; }
.star-rating-container .star-rating-on.yellow {
  color: #f4da00; }
.star-rating-container .star-rating-on.white {
  color: #fff;
  background-color: transparent; }
.star-rating-container .star-rating-on.gray {
  color: #999999;
  background-color: transparent; }
.star-rating-container .star-rating-on.gray-dark {
  color: #666666;
  background-color: transparent; }
.star-rating-container .star-rating-on.gray-light {
  color: #dddddd;
  background-color: transparent; }
.star-rating-container .star-rating-on.gray-lighter {
  color: #f3f3f3;
  background-color: transparent; }
.star-rating-container .star-rating-on.purple {
  color: #662d91;
  background-color: transparent; }
.star-rating-container .star-rating-on.red {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-on.blue {
  color: #00a5e5;
  background-color: transparent; }
.star-rating-container .star-rating-on.green {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-on.orange {
  color: #ff9000;
  background-color: transparent; }
.star-rating-container .star-rating-on.B0 {
  color: #fff;
  background-color: transparent; }
.star-rating-container .star-rating-on.B1 {
  color: #ddd;
  background-color: transparent; }
.star-rating-container .star-rating-on.B2 {
  color: #999;
  background-color: transparent; }
.star-rating-container .star-rating-on.B3 {
  color: #666;
  background-color: transparent; }
.star-rating-container .star-rating-on.B4 {
  color: #333;
  background-color: transparent; }
.star-rating-container .star-rating-on.B5 {
  color: #222;
  background-color: transparent; }
.star-rating-container .star-rating-on.B6 {
  color: #000;
  background-color: transparent; }
.star-rating-container .star-rating-on.B7 {
  color: #f3f3f3;
  background-color: transparent; }
.star-rating-container .star-rating-on.C1 {
  color: #662d91;
  background-color: transparent; }
.star-rating-container .star-rating-on.C1s {
  color: #552a7b;
  background-color: transparent; }
.star-rating-container .star-rating-on.C1h {
  color: #843abc;
  background-color: transparent; }
.star-rating-container .star-rating-on.C2 {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-on.C2s {
  color: #cb153e;
  background-color: transparent; }
.star-rating-container .star-rating-on.C2h {
  color: #ff1a4c;
  background-color: transparent; }
.star-rating-container .star-rating-on.C3 {
  color: #00a5e5;
  background-color: transparent; }
.star-rating-container .star-rating-on.C3s {
  color: #1998cf;
  background-color: transparent; }
.star-rating-container .star-rating-on.C3h {
  color: #00b3f9;
  background-color: transparent; }
.star-rating-container .star-rating-on.C4 {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-on.C4s {
  color: #00b240;
  background-color: transparent; }
.star-rating-container .star-rating-on.C4h {
  color: #00e050;
  background-color: transparent; }
.star-rating-container .star-rating-on.C5 {
  color: #ff9000;
  background-color: transparent; }
.star-rating-container .star-rating-on.C5s {
  color: #ea8400;
  background-color: transparent; }
.star-rating-container .star-rating-on.C5h {
  color: #ff9d1e;
  background-color: transparent; }
.star-rating-container .star-rating-on.C6 {
  color: #30dbe4;
  background-color: transparent; }
.star-rating-container .star-rating-on.SUCCESS {
  color: #00cd49;
  background-color: transparent; }
.star-rating-container .star-rating-on.ERROR {
  color: #ed1847;
  background-color: transparent; }
.star-rating-container .star-rating-on:after {
  content: "\e006\e006\e006\e006\e006"; }

p.rating {
  display: inline-block;
  position: relative;
  top: -2px;
  margin: 3px;
  color: #999999; }

.margin.top {
  margin-top: 4rem; }
.margin.bottom {
  margin-bottom: 4rem; }

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

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

/* Padding */
.pad.top {
  padding-top: 80px; }
@media (max-width: 767px) {
  .pad.top {
    padding-top: 40px; } }
.pad.bottom {
  padding-bottom: 80px; }
@media (max-width: 767px) {
  .pad.bottom {
    padding-bottom: 40px; } }

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

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

/* Absolute positioning of elements */
.place {
  position: absolute;
  padding: 1rem; }
.place.bottom {
  bottom: 0;
  width: 100%;
  		/*@include notdesktop() {
  			+ .bottom {
  				max-width: 50%;
  
  				h1 {
  					width: 200%;
  					text-align:center;
  				}
  			}
  		}*/ }
.place.right {
  right: 0;
  width: auto;
  bottom: 0;
  text-align: right;
  max-width: 50%; }
.place.right img {
  max-width: 100%;
  max-height: 13rem;
  /*@include tablet() {
  	max-height: 14rem;
  }*/ }
@media (min-width: 768px) {
  .place.right img {
    max-height: 30vh; } }

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

/* Arrow for links */
a.learn-more {
  position: relative; }
@media (max-width: 767px) {
  a.learn-more {
    font-size: 1.3rem;
    white-space: nowrap; } }
a.learn-more:after, a.learn-more:before {
  content: "";
  width: 2px;
  height: 12px;
  position: absolute;
  background: #662d91;
  top: -2px;
  right: -12px; }
a.learn-more:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px; }
a.learn-more:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.action, .price {
  display: inline-block;
  float: none;
  margin-right: -1%;
  vertical-align: middle; }

.price.right {
  width: 100%; }

.action .btn, .action .roku-button {
  width: 90%;
  padding-left: 0;
  padding-right: 0; }
@media (min-width: 768px) and (max-width: 1199px) {
  .action .btn, .action .roku-button {
    width: 100%;
    max-width: 110px; } }
@media (min-width: 1200px) {
  .action .btn, .action .roku-button {
    max-width: 160px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .action .btn, .action .roku-button {
    padding: 1rem;
    font-size: 1.3rem; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .price {
    font-size: 3.1rem; }
  .price.text {
    line-height: 3.1rem; }

  .action, .price {
    text-align: center;
    max-width: 100%;
    padding: 0; }
  .action.right, .price.right {
    text-align: right; } }
/* Responsive Image Styles */
.expand, .expand .action {
  width: 100%; }

#player-selector .nav-tabs {
  margin-bottom: 20px; }
#player-selector .nav-tabs > li > a {
  max-height: 64px; }
@media (max-width: 767px) {
  #player-selector .roku-players-container {
    background-color: #f3f3f3;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  #player-selector .nav-tabs > li > a {
    padding: 20px; } }
@media (min-width: 768px) {
  #player-selector {
    margin-top: -74px; } }
#player-selector .circle-lg .hover {
  top: 45%; }
#player-selector.product-circle-info .figure .hover {
  top: initial; }

/* Center images in .text-center blocks even if they have .img-responsive. */
.text-center .img-responsive {
  margin: 0 auto; }

@media (max-width: 767px) {
  #product-selector .circle-info .btn, #player-selector .circle-info .btn {
    max-width: 30rem; } }
#product-selector .col-sm-4 .circle-lg, #player-selector .col-sm-4 .circle-lg {
  width: 390px;
  height: 390px;
  padding-bottom: 0;
  display: block; }
@media (min-width: 768px) and (max-width: 991px) {
  #product-selector .col-sm-4 .circle-lg, #player-selector .col-sm-4 .circle-lg {
    width: 240px;
    height: 240px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  #product-selector .col-sm-4 .circle-lg, #player-selector .col-sm-4 .circle-lg {
    width: 320px;
    height: 320px; } }
@media (max-width: 767px) {
  #product-selector .col-sm-4 .circle-lg, #player-selector .col-sm-4 .circle-lg {
    width: 300px;
    height: 300px; } }
#product-selector .col-sm-3 .circle-lg, #player-selector .col-sm-3 .circle-lg {
  width: 290px;
  height: 290px;
  padding-bottom: 0;
  display: block; }
@media (min-width: 992px) and (max-width: 1199px) {
  #product-selector .col-sm-3 .circle-lg, #player-selector .col-sm-3 .circle-lg {
    width: 220px;
    height: 220px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #product-selector .col-sm-3 .circle-lg, #player-selector .col-sm-3 .circle-lg {
    width: 174px;
    height: 174px; } }
@media (max-width: 767px) {
  #product-selector .col-sm-3 .circle-lg, #player-selector .col-sm-3 .circle-lg {
    width: 300px;
    height: 300px; } }

.vid-fill {
  width: 100%;
  line-height: 0; }
.vid-fill video {
  width: 100%;
  line-height: 0; }
@media (min-width: 768px) and (max-width: 1199px) {
  .vid-fill video {
    max-width: 624px;
    min-height: 480px; } }
@media (max-width: 767px) {
  .vid-fill video {
    min-height: 217px;
    min-width: 282px; } }

@media (min-width: 768px) {
  .vmiddle > div {
    display: table-cell;
    vertical-align: middle;
    float: none; }

  .vcenter > div {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: -.5%; } }
@media (max-width: 767px) {
  #product-selector-simple .title {
    text-align: center; } }
@media (max-width: 767px) {
  #product-selector-simple .figure h2 {
    font-size: 4rem; } }
#product-selector-simple .figure img {
  position: absolute;
  bottom: 0;
  left: 0; }
#product-selector-simple .short-desc {
  text-align: center;
  min-height: 4em; }
@media (max-width: 767px) {
  #product-selector-simple .short-desc {
    min-height: 2em; } }
#product-selector-simple .product .circle-lg {
  cursor: default; }
@media (max-width: 767px) {
  #product-selector-simple .product {
    max-width: 40rem;
    margin: 0 auto; } }

/* ShareThis button stylings */
.social-buttons img:hover {
  cursor: pointer; }

.social-buttons {
  margin: 33px auto;
  height: auto;
  text-align: center; }

.social-buttons span {
  height: auto;
  margin: 0 2rem 2rem 0;
  display: inline-block; }

.social-buttons span.st_pinterest_custom {
  margin-left: -6px; }

.social-buttons .button.large {
  margin: 10px 0;
  font-size: 18px;
  line-height: 50px;
  height: 50px;
  padding: 0 20px;
  background-image: none; }

/* Offers stylings for welcome pages */
#offers .offer {
  display: inline-block;
  margin-bottom: 2em;
  width: 100%; }
#offers .offer img {
  width: 100%; }

.nondraggable {
  user-drag: none;
  -moz-user-select: none;
  -webkit-user-drag: none; }

/**
* Perfect Scrollbar
**/
.ps-container .ps-scrollbar-x-rail {
  position: absolute;
  /* please don't change 'position' */
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear; }

.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover {
  background-color: transparent;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-x-rail.in-scrolling {
  background-color: transparent;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  /* please don't change 'position' */
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear; }

.ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover {
  background-color: transparent;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-y-rail.in-scrolling {
  background-color: transparent;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color .2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear; }

.ps-container.ie6 .ps-scrollbar-x {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
  background-color: #999; }

.ps-container .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color .2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear; }

.ps-container.ie6 .ps-scrollbar-y {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  background-color: #999; }

.ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y {
  visibility: hidden; }

.ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y {
  visibility: visible; }

.scroller {
  position: relative;
  max-height: 280px;
  display: block;
  overflow: hidden;
  white-space: pre-line;
  padding-right: 2rem; }

.scroller .ps-scrollbar-x-rail {
  display: none; }

@media (min-width: 1200px) {
  #our-story .media-hero {
    height: 700px; } }
#our-story .media-bg img {
  min-height: inherit; }
#our-story p {
  font-size: 2rem;
  font-family: "GothamExtraLight"; }
@media (max-width: 767px) {
  #our-story p {
    font-size: 1.8rem;
    padding: 10px; } }

.no-padding {
  padding: 0px; }

.ng-invalid-email + .newsletter-validation.validation {
  display: block; }

.newsletter-validation.validation {
  display: none;
  top: 35px;
  background: none; }

span.btn.btn-xs {
  cursor: default; }

.roku-media-hero .btn.btn-secondary {
  color: #fff;
  border-color: #fff; }
.roku-media-hero .btn.btn-secondary:hover {
  background: transparent; }

.btn-mobile.cart {
  margin-left: 1rem; }

@-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); } }
/* shop specific styles for the site */
/*** ANIMATIONS ***/
@-webkit-keyframes modal-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes modal-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-o-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
input.ng-invalid:focus {
  border-color: #f3f3f3; }
input.ng-invalid:focus ~ .validation {
  display: none; }
input.ng-invalid.ng-dirty {
  border: 0.1rem solid #ed1847; }
input.ng-invalid.ng-dirty:focus {
  border-color: #f3f3f3; }

textarea.ng-invalid.ng-dirty {
  border: 0.1rem solid #ed1847; }

.validation {
  color: #ed1847;
  display: inline-block;
  padding: .5em; }

.checkout-progress {
  line-height: 2rem;
  height: 2rem;
  font-size: 2rem;
  font-weight: bold; }
.checkout-progress ul {
  margin-left: 2rem;
  float: right;
  position: relative;
  z-index: 10;
  width: 11rem;
  display: block;
  height: 2rem;
  padding: 0; }
.checkout-progress ul:before {
  width: 10rem;
  height: .1rem;
  content: "";
  border-top: .1rem solid #AEBCC8;
  position: absolute;
  left: 0;
  top: .8rem;
  z-index: -1; }
.checkout-progress ul li {
  float: left;
  margin-right: 2.3rem;
  display: block;
  height: 1.8rem;
  width: 1.8rem;
  border: .2rem solid #AEBCC8;
  border-radius: 2rem;
  background: #AEBCC8; }
.checkout-progress ul li:last-child {
  margin-right: 0; }
.checkout-progress ul.step-shipping li:first-child {
  border: .2rem solid #66737E; }
.checkout-progress ul.step-billing li:nth-child(2) {
  border: .2rem solid #66737E; }
.checkout-progress ul.step-billing li:first-child {
  border: .2rem solid #8DC63F;
  background: #8DC63F; }
.checkout-progress ul.step-review li {
  border: .2rem solid #8DC63F;
  background: #8DC63F; }
.checkout-progress ul.step-review li:last-child {
  border: .2rem solid #66737E;
  background: #AEBCC8; }

.discounted {
  opacity: 0.6;
  position: relative; }
.discounted:before {
  content: "";
  left: 1.2rem;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  -webkit-transform: rotate(165deg);
  -ms-transform: rotate(165deg);
  -o-transform: rotate(165deg);
  transform: rotate(165deg);
  position: absolute; }

.discount-tag {
  width: 70px;
  border: 3px solid;
  border-top: 0;
  padding-bottom: 10px;
  padding-top: 5px;
  text-align: center;
  position: relative;
  display: inline-block;
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamBook", Helvetica, Arial, sans-serif;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif;
  color: #ed1847;
  border-color: #ed1847; }
@media (max-width: 767px) {
  .discount-tag {
    font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .discount-tag {
    font-size: 18.7px; } }
@media (min-width: 1200px) {
  .discount-tag {
    font-size: 22px; } }
.discount-tag:before {
  content: "";
  top: -26px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 3px solid;
  border-top: 3px solid;
  border-color: #ed1847; }
.discount-tag:after {
  content: '\2022';
  position: absolute;
  top: -16px;
  left: 0;
  width: 64px;
  text-align: center; }
.discount-tag sup {
  font-size: inherit;
  top: -0.65em; }
.discount-tag .amount {
  font-weight: 500;
  line-height: 1.1;
  font-family: "GothamExtraLight", "GothamBook", Helvetica, Arial, sans-serif; }
@media (max-width: 767px) {
  .discount-tag .amount {
    font-size: 27px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .discount-tag .amount {
    font-size: 30.6px; } }
@media (min-width: 1200px) {
  .discount-tag .amount {
    font-size: 36px; } }

.product .discounted {
  font-size: 80%;
  top: -1.1rem;
  position: absolute; }

#player-selector .price .discounted, #product-selector .price .discounted {
  font-size: 65%;
  top: -2.5rem;
  right: 2.7rem;
  position: absolute; }
@media (min-width: 768px) and (max-width: 1199px) {
  #player-selector .price .discounted, #product-selector .price .discounted {
    margin-left: 1rem;
    right: auto;
    font-size: 75%; } }
@media (min-width: 1200px) {
  #player-selector .price .discounted, #product-selector .price .discounted {
    font-size: 75%;
    top: -3rem;
    right: 2rem; } }
#player-selector .discount-tag, #product-selector .discount-tag {
  left: 10%;
  position: absolute;
  z-index: 1; }
@media (max-width: 1199px) {
  #player-selector .discount-tag, #product-selector .discount-tag {
    zoom: .7;
    margin-top: 10%; } }

.cart-content .row.ng-enter {
  -webkit-animation: 0.5s fade-in;
  -moz-animation: 0.5s fade-in;
  -o-animation: 0.5s fade-in;
  animation: 0.5s fade-in; }
.cart-content .row.ng-leave {
  -webkit-animation: 0.5s fade-out;
  -moz-animation: 0.5s fade-out;
  -o-animation: 0.5s fade-out;
  animation: 0.5s fade-out; }

.upsell-item .upsell-tip {
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  padding: 2rem;
  top: 4rem;
  right: -40rem;
  width: 40rem;
  z-index: -10;
  opacity: 0;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  -o-border-radius: 26px;
  border-radius: 26px;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  transition: opacity 0.23s ease-in-out; }
.upsell-item:nth-child(1n+3) .upsell-tip, .upsell-item:nth-child(1n+4) .upsell-tip {
  left: -40rem; }
.upsell-item:hover {
  cursor: pointer; }
.upsell-item:hover .upsell-tip {
  z-index: 1;
  opacity: 1; }

/*** FORM ELEMENTS ***/
.cart-item-select, .cart-qty-select, .cart-step select, .cart-qty-option {
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  overflow: hidden; }

.cart-qty-option::-ms-expand, .cart-item-select::-ms-expand, select::-ms-expand {
  display: none !important; }

.cart-item-select.select-wrapper:after {
  border-radius: 0;
  top: 0;
  height: 52px;
  line-height: 52px; }

.cart-field {
  height: 52px;
  padding: 10px 16px;
  border-radius: 26px; }
.cart-field.ng-pristine.ng-invalid-required {
  box-shadow: none; }

.validation {
  font-size: 1.4rem;
  position: absolute;
  padding: none;
  width: 100%;
  left: 5px;
  margin-top: 2px;
  padding: 0 16px;
  background: #fff; }

input.valid.placeholder-green::-webkit-input-placeholder {
  color: #00cd49; }
input.invalid.placeholder-red::-webkit-input-placeholder {
  color: #ed1847; }

/*** MODAL WINDOWS ***/
.shop-modal .checkout-item label {
  float: left;
  margin-left: 30px;
  margin-top: 0;
  padding-top: 0; }

.roku-button {
  /* Button progress indicators */ }
.roku-button.progress {
  position: relative;
  overflow: hidden; }
.roku-button.progress .progress-bar {
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 300ms;
  -o-transition: width 300ms;
  transition: width 300ms; }

@-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); } }
/*@font-face {
    font-family: GothamThin;
    src: url('//image.roku.com/fonts/Gotham-Thin.eot');
    src: url('//image.roku.com/fonts/Gotham-Thin.woff') format('woff'),
         url('//image.roku.com/fonts/Gotham-Thin.ttf') format('truetype');
}*/
@font-face {
  font-family: GothamBook;
  src: url("//image.roku.com/fonts/Gotham-Book.eot");
  src: url("//image.roku.com/fonts/Gotham-Book.woff") format("woff"), url("//image.roku.com/fonts/Gotham-Book.ttf") format("truetype"), url("//image.roku.com/fonts/Gotham-Book.svg") format("svg"); }
/*@font-face {
    font-family: GothamLight;
    src: url('//image.roku.com/fonts/Gotham-Light.eot');
    src: url('//image.roku.com/fonts/Gotham-Light.woff') format('woff'),
         url('//image.roku.com/fonts/Gotham-Light.otf') format('truetype');
}*/
@font-face {
  font-family: GothamExtraLight;
  src: url("//image.roku.com/fonts/Gotham-ExtraLight.eot");
  src: url("//image.roku.com/fonts/Gotham-ExtraLight.woff") format("woff"), url("//image.roku.com/fonts/Gotham-ExtraLight.ttf") format("truetype"), url("//image.roku.com/fonts/Gotham-ExtraLight.svg") format("svg"); }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: GothamExtraLight;
    src: url("//image.roku.com/fonts/Gotham-ExtraLight.svg") format("svg"); }
  @font-face {
    font-family: GothamBook;
    src: url("//image.roku.com/fonts/Gotham-Book.svg") format("svg"); } }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #dddddd; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 22px;
  margin-bottom: 11px; }
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
  font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 11px;
  margin-bottom: 11px; }
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
  font-size: 75%; }

h1, .h1 {
  font-size: 66px;
  font-family: "GothamExtraLight"; }

h2, .h2 {
  font-size: 53px;
  font-family: "GothamExtraLight"; }

h3, .h3 {
  font-size: 43px;
  font-family: "GothamExtraLight"; }

h4, .h4 {
  font-size: 32px;
  font-family: "GothamExtraLight"; }

h5, .h5 {
  font-size: 22px; }

h6, .h6 {
  font-size: 16px; }

@media (min-width: 768px) and (max-width: 1199px) {
  h1, .h1 {
    font-size: 56.1px; }

  h2, .h2 {
    font-size: 45.05px; }

  h3, .h3 {
    font-size: 36.55px; }

  h4, .h4 {
    font-size: 27.2px; } }
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 41px; }

  h2, .h2 {
    font-size: 33px; }

  h3, .h3 {
    font-size: 27px; }

  h4, .h4 {
    font-size: 20px; }

  h5, .h5 {
    font-size: 14px; }

  h6, .h6 {
    font-size: 10px; } }
p {
  margin: 0 0 11px; }

p, h4, h5, h6 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }

.lead {
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4; }
@media (min-width: 768px) {
  .lead {
    font-size: 24px; } }

.price {
  font-size: 4.2rem;
  text-align: right;
  line-height: 1; }
.price sup {
  font-size: .6em; }
.price.text {
  font-size: 2.4rem; }
.price.starts-at:before {
  content: "Starts at";
  font-size: 1.6rem;
  position: absolute;
  top: -20px;
  margin-left: 15px; }

/* Disclaimer text */
.disclaimer {
  font-size: 1.1rem; }

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

small, .small {
  font-size: 81%; }

cite {
  font-style: normal; }

mark, .mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

.text-muted {
  color: #dddddd; }

.text-primary {
  color: #662d91; }

a.text-primary:hover {
  color: #4b216a; }

.text-success {
  color: #3c763d; }

a.text-success:hover {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover {
  color: #843534; }

/*.bg-primary {
  // Given the contrast here, this is the only class to have its color inverted
  // automatically.
  color: #fff;
}
@include bg-variant('.bg-primary', $brand-primary);

@include bg-variant('.bg-success', $state-success-bg);

@include bg-variant('.bg-info', $state-info-bg);

@include bg-variant('.bg-warning', $state-warning-bg);

@include bg-variant('.bg-danger', $state-danger-bg);*/
/*.page-header {
  padding-bottom: (($line-height-computed / 2) - 1);
  margin: ($line-height-computed * 2) 0 $line-height-computed;
  border-bottom: 1px solid $page-header-border-color;
}*/
ul, ol {
  margin-top: 0;
  margin-bottom: 11px; }
ul ul, ul ol, ol ul, ol ol {
  margin-bottom: 0; }

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline {
  margin-left: -5px; }
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 22px; }

dt, dd {
  line-height: 1.42; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }
.dl-horizontal dd:after {
  clear: both; }
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #dddddd; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.btn-secondary.roku-color-b0 {
  color: #fff;
  border-color: #fff; }
.btn-secondary.roku-color-b0:hover {
  border-color: #999999;
  text-decoration: underline;
  background: none; }

/*
// Blockquotes
blockquote {
  padding: ($line-height-computed / 2) $line-height-computed;
  margin: 0 0 $line-height-computed;
  font-size: $blockquote-font-size;
  border-left: 5px solid $blockquote-border-color;

  p,
  ul,
  ol {
    &:last-child {
      margin-bottom: 0;
    }
  }

  // Note: Deprecated small and .small as of v3.1.0
  // Context: https://github.com/twbs/bootstrap/issues/11660
  footer,
  small,
  .small {
    display: block;
    font-size: 80%; // back to default font-size
    line-height: $line-height-base;
    color: $blockquote-small-color;

    &:before {
      content: '\2014 \00A0'; // em dash, nbsp
    }
  }
}

// Opposite alignment of blockquote
//
// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid $blockquote-border-color;
  border-left: 0;
  text-align: right;

  // Account for citation
  footer,
  small,
  .small {
    &:before { content: ''; }
    &:after {
      content: '\00A0 \2014'; // nbsp, em dash
    }
  }
}

// Quotes
blockquote:before,
blockquote:after {
  content: "";
}

// Addresses
address {
  margin-bottom: $line-height-computed;
  font-style: normal;
  line-height: $line-height-base;
}*/

@-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); } }
body {
  padding-top: 5.4rem; }

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

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

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

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

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

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

.fade {
  opacity: 0;
  -webkit-transition: 0.87s ease-in-out opacity;
  -o-transition: 0.87s ease-in-out opacity;
  transition: 0.87s ease-in-out opacity; }
.fade.in {
  opacity: 1; }

.collapse {
  display: none; }
.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.modal-open {
  overflow: hidden; }

.modal, .modal-overlay {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
.modal.fade .modal-dialog, .modal-overlay.fade .modal-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }
.modal.in .modal-dialog, .modal-overlay.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 26px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }
.modal-content iframe {
  width: 100%;
  height: 30rem; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table; }
.modal-footer:after {
  clear: both; }
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }
.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

  .modal-sm {
    width: 300px; } }
@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }
.video-modal {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  display: table;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -2;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms; }
.video-modal.open {
  opacity: 1;
  visibility: visible;
  z-index: 2000;
  position: fixed; }
.video-modal .video-content {
  display: table-cell;
  vertical-align: middle; }
.video-modal .video-content .close {
  opacity: 1;
  cursor: default;
  position: fixed;
  top: 2rem;
  right: 2rem;
  color: #662d91;
  font-family: "GothamExtraLight";
  z-index: 105;
  text-shadow: none;
  font-weight: normal;
  background: white;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  padding: 0;
  /*&:hover {
      opacity: 1;
  }*/ }
.video-modal .video-content .close:after {
  content: "\00D7";
  font-size: 6rem;
  cursor: pointer;
  position: absolute;
  top: -11px;
  left: 8px; }
.video-modal .video-content video {
  max-width: 100%;
  max-height: 100%;
  min-height: 55%;
  min-width: 50%;
  display: block;
  margin: 0 auto;
  border-radius: 2px;
  z-index: 102;
  position: relative;
  -webkit-transition: all 800ms;
  -o-transition: all 800ms;
  transition: all 800ms; }
@media (min-width: 768px) and (max-width: 1199px) {
  .video-modal .video-content video {
    min-height: 320px;
    min-width: 640px; } }
@media (max-width: 767px) {
  .video-modal .video-content iframe {
    max-width: 100%;
    height: auto; } }

.dialog-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
  display: table;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -2;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  background: #fff; }
.dialog-modal.open {
  opacity: 1;
  visibility: visible;
  z-index: 2000; }
.dialog-modal .dialog-content {
  display: table-cell;
  vertical-align: middle; }
.dialog-modal .dialog-content .close {
  content: "\00D7";
  font-size: 6rem;
  cursor: pointer;
  position: absolute;
  top: 2rem;
  right: 2rem;
  color: #662d91;
  font-family: "GothamExtraLight";
  z-index: 101;
  text-shadow: none;
  font-weight: normal;
  background: white;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  line-height: 1;
  padding: 0; }
.dialog-modal .dialog-content .close:hover {
  opacity: 1; }
@media (max-width: 767px) {
  .dialog-modal .dialog-content iframe {
    max-width: 100%;
    height: auto; } }

.shop-modal-overlay > .close {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: default; }
.shop-modal-overlay > .close:hover {
  opacity: 0; }
.shop-modal-overlay .shop-modal {
  z-index: 102; }

.fis {
  text-align: center;
  z-index: 2;
  top: 50%;
  position: absolute;
  margin-top: -285px;
  left: 50%;
  margin-left: -448px; }
@media (max-width: 767px) {
  .fis {
    margin-top: -190px; } }
@media (max-width: 991px) {
  .fis {
    width: 100%;
    left: auto;
    margin-left: 0; } }
.fis iframe {
  background: white;
  min-width: 896px;
  min-height: 570px; }
@media (max-width: 991px) {
  .fis iframe {
    min-width: 0; } }

@media (max-width: 767px) {
  body.open #submenu {
    transform: translate3d(26rem, 5rem, 0);
    z-index: 20; } }
.media-hero + #submenu {
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1); }

#submenu {
  width: 100%;
  background: white;
  position: absolute;
  z-index: 105; }
#submenu .vmiddle > div {
  display: table-cell;
  vertical-align: middle;
  float: none; }
#submenu .dropdown {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
  cursor: pointer;
  margin: 0; }
#submenu .dropdown:after {
  font-family: 'Glyphicons Roku';
  font-style: normal;
  font-weight: normal;
  content: "\e618";
  position: relative;
  top: 4px;
  left: 8px; }
#submenu.fixedTop {
  position: fixed;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: all, 300ms;
  -o-transition: all, 300ms;
  transition: all, 300ms;
  /*@include notmobile() {
  	@include translate3d(0,0,0);
  }*/ }
@media (max-width: 767px) {
  #submenu.fixedTop {
    -webkit-transform: translate3d(0, 5rem, 0);
    transform: translate3d(0, 5rem, 0); } }
#submenu.product ul {
  margin: 10px 0;
  padding: 0;
  line-height: 2.2; }
#submenu.product ul li {
  display: inline; }
#submenu.product ul li:last-child {
  float: right; }
@media (max-width: 767px) {
  #submenu.product ul li:last-child {
    width: auto;
    top: 0;
    right: 0;
    position: absolute; } }
#submenu.product ul li a {
  padding: 12px; }
@media (min-width: 992px) and (max-width: 1199px) {
  #submenu.product ul li a {
    margin-right: 24px; } }
@media (min-width: 1200px) {
  #submenu.product ul li a {
    margin-right: 24px; } }
@media (min-width: 768px) {
  #submenu.product ul li a {
    -webkit-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
    border-bottom: 1px solid transparent; }
  #submenu.product ul li a.active {
    border-color: #662d91; } }
#submenu.product ul li a.btn-nav {
  padding: 5px 10px; }
#submenu.product ul li a.btn-nav.red {
  background-color: #ed1847; }
@media (min-width: 1200px) {
  #submenu.product ul li a.btn-nav {
    margin-left: 80px; } }
#submenu.product ul li a:hover {
  text-decoration: none; }
@media (max-width: 767px) {
  #submenu.product {
    min-height: 52px; }
  #submenu.product:not(.fixedTop) ul li:first-child a {
    display: block; }
  #submenu.product nav {
    position: relative; }
  #submenu.product nav.open ul li a {
    display: block; }
  #submenu.product nav.open:before, #submenu.product nav.open:after {
    display: none; }
  #submenu.product ul li {
    line-height: 2;
    display: block;
    float: left;
    width: 100%; }
  #submenu.product ul li a {
    display: none;
    padding: 0; }
  #submenu.product ul li a.active {
    display: block;
    float: left;
    position: relative;
    padding-right: 40px; }
  #submenu.product ul li a.active:after, #submenu.product ul li a.active:before {
    content: "";
    width: 2px;
    background-color: #662d91;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    -webkit-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  #submenu.product ul li a.active:after {
    right: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #submenu.product ul li a.active:before {
    right: 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #submenu.product ul li a.btn-nav {
    /*display: block;
    position: absolute;
    top:-1px;
    right:7px*/
    display: none !important; } }

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

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

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.sprite-form-payment-cc-uk {
  background-image: url(global.png);
  background-position: -84px 0px;
  width: 182px;
  height: 46px;
}
.sprite-form-payment-cc-us {
  background-image: url(global.png);
  background-position: -271px 0px;
  width: 235px;
  height: 46px;
}
.sprite-form-payment-payPal-uk {
  background-image: url(global.png);
  background-position: -511px 0px;
  width: 499px;
  height: 46px;
}
.sprite-form-payment-paypal-logo {
  background-image: url(global.png);
  background-position: -25px 0px;
  width: 54px;
  height: 37px;
}
.sprite-form-question {
  background-image: url(global.png);
  background-position: 0px 0px;
  width: 20px;
  height: 20px;
}