@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* This function sets the breakpoints for content grids.
   You can pass a nested arrays in the following format
   (breakpointwidth: (columns, margin, margin-bottom, font-size))
   All parameters in the first nested array are required, but are
   optional for subsequent nested arrays
*/
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  html {
    font-size: 110%;
  }

  /*20px*/
}
@media only screen and (min-width: 768px) and (max-width: 1600px) {
  html {
    font-size: 100%;
  }

  /*16px*/
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  html {
    font-size: 87.5%;
  }

  /*14px*/
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }

  /*12px*/
}
html {
  overflow-y: scroll;
  height: 100%;
}

body {
  font: 300 1rem/1.5rem Lato, Helvetica, Roboto, Arial, sans-serif;
  background: black;
  color: #8a8a8a;
  position: relative;
  width: 100%;
  min-height: 100%;
  padding-bottom: 150px;
}

h1, h2, h3, h4, h5, h6 {
  font: 300 1.5rem/1.5rem Oswald, Helvetica Condensed, Roboto, Arial, sans-serif;
  color: #0f83a0;
  font-weight: 600;
}

strong {
  font-weight: 600;
}

p {
  font-weight: 300;
  padding-bottom: 10px;
}

h2 {
  padding: 1rem 0;
  text-align: center;
  color: #555;
}

ul, ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  img {
    height: auto;
  }
}

.loading-spinner {
  color: white;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  animation: sweep 0.2s infinite linear;
  -webkit-animation: sweep 0.2s infinite linear;
  -moz-animation: sweep 0.2s infinite linear;
  border-radius: 50px;
  border-bottom: 5px dotted white;
}

.spinner {
  text-align: center;
  color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -20px -20px;
  width: 40px;
  height: 40px;
  animation: sweep 0.2s infinite linear;
  -webkit-animation: sweep 0.2s infinite linear;
  -moz-animation: sweep 0.2s infinite linear;
  border-radius: 434px;
  border-bottom: 5px dotted white;
}

@keyframes sweep {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sweep {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes sweep {
  to {
    -moz-transform: rotate(360deg);
  }
}
.two-by-two-aspect {
  height: 0;
  padding-bottom: 100%;
}

.two-by-three-aspect {
  height: 0;
  padding-bottom: 150%;
}

.two-by-three-aspect-with-meta {
  height: 0;
  padding-bottom: 190%;
}

.two-by-three-aspect-with-meta-one-line {
  height: 0;
  padding-bottom: 170%;
}

.sixteen-by-nine-aspect {
  height: 0;
  padding-bottom: 56.25%;
}

.sixteen-by-nine-aspect-with-meta {
  height: 0;
  padding-bottom: 87%;
}

.btn-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: all;
  z-index: 400;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .btn-wrapper {
    opacity: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iODAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
    background-image: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
    background-image: radial-gradient(ellipse cover at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
    transition: opacity 0.65s ease-in-out;
  }
  .btn-wrapper:hover {
    opacity: 1;
  }
  .btn-wrapper:hover .play-button {
    transform: scale(1);
  }
}
.btn-wrapper .play-button {
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  transform: scale(0.8);
  transition: transform 0.25s ease-out 0.15s;
}
.btn-wrapper .play-button:hover {
  cursor: pointer;
}
.btn-wrapper .play-button:active {
  transform: translateY(2px);
}
.btn-wrapper .play-button[data-is-logged-in=false] {
  background: url("/images/play_hover.508a0a04.svg");
  background-size: cover;
}
.btn-wrapper .play-button[data-is-purchased=false][data-is-logged-in=true] {
  background: url("/images/lock_hover.3e7b0218.svg");
  background-size: cover;
}
.btn-wrapper .play-button[data-is-purchased=true][data-is-logged-in=true] {
  background: url("/images/play_hover.508a0a04.svg");
  background-size: cover;
}
.btn-wrapper .play-button[data-is-future-program=true] {
  opacity: 0;
}

.btn-wrapper[data-is-epg-future-program=true] {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: all;
  z-index: 400;
  opacity: 0;
  background-color: #000000;
}
.btn-wrapper[data-is-epg-future-program=true] .play-button {
  opacity: 0;
}

.btn-wrappervideo {
  top: 0;
  left: 0;
  pointer-events: all;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .btn-wrappervideo {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iODAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
    background-image: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
    background-image: radial-gradient(ellipse cover at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
    transition: opacity 0.65s ease-in-out;
  }
  .btn-wrappervideo:hover {
    opacity: 1;
  }
  .btn-wrappervideo:hover .play-button {
    transform: scale(1);
  }
}
.btn-wrappervideo .play-button {
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  transform: scale(0.8);
  transition: transform 0.25s ease-out 0.15s;
}
.btn-wrappervideo .play-button:hover {
  cursor: pointer;
}
.btn-wrappervideo .play-button:active {
  transform: translateY(2px);
}
.btn-wrappervideo .play-button[data-is-logged-in=false] {
  background: url("/images/play_hover.508a0a04.svg");
  background-size: cover;
}
.btn-wrappervideo .play-button[data-is-purchased=false][data-is-logged-in=true] {
  background: url("/images/lock_hover.3e7b0218.svg");
  background-size: cover;
}
.btn-wrappervideo .play-button[data-is-purchased=true][data-is-logged-in=true] {
  background: url("/images/play_hover.508a0a04.svg");
  background-size: cover;
}

.pagetemplate-title-section {
  padding: 25px 5% 25px 5%;
  color: #a2a2a2;
  text-align: left;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .pagetemplate-title-section {
    padding: 35px 5% 35px 5%;
  }
}

.page-wrap, .profile-page, .settings-page, .profile-list, .recording-manager-page, .episode-recording-list[data-is-series-list=true], .parental-controls-page, .network-detail-wrap-scroll {
  width: 100%;
  padding-top: 50px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .page-wrap, .profile-page, .settings-page, .profile-list, .recording-manager-page, .episode-recording-list[data-is-series-list=true], .parental-controls-page, .network-detail-wrap-scroll {
    padding-top: 60px;
  }
}
@media (min-width: 1600px) {
  .page-wrap, .profile-page, .settings-page, .profile-list, .recording-manager-page, .episode-recording-list[data-is-series-list=true], .parental-controls-page, .network-detail-wrap-scroll {
    width: 1600px;
    margin: 0 auto;
  }
}

.page-padding, .recording-manager-page .recording-section .recordings-date-title, .scheduled-tab-container .recordings-date-title, .episode-recording-list {
  padding: 0 3%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .page-padding, .recording-manager-page .recording-section .recordings-date-title, .scheduled-tab-container .recordings-date-title, .episode-recording-list {
    padding: 0 5%;
  }
}

.page-wrap-padding {
  width: 100%;
  padding: 50px 3% 0 3%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .page-wrap-padding {
    padding: 60px 5% 0 5%;
  }
}
@media (min-width: 1600px) {
  .page-wrap-padding {
    width: 1600px;
    margin: 0 auto;
  }
}

::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}

::-webkit-scrollbar-thumb {
  background: #484848;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:active {
  background: #767676;
}

::-webkit-scrollbar-track {
  background: black;
}

body {
  scrollbar-face-color: #484848;
  scrollbar-base-color: #484848;
  scrollbar-3dlight-color: #484848;
  scrollbar-highlight-color: #484848;
  scrollbar-track-color: black;
  scrollbar-shadow-color: #484848;
  scrollbar-dark-shadow-color: #484848;
}

.nav-tab-container .nav-tabs {
  text-align: center;
  margin-bottom: 20px;
}
.nav-tab-container .nav-tabs:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.nav-tab-container .nav-tabs > li {
  position: relative;
  display: inline-block;
}
.nav-tab-container .nav-tabs > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-right: 2px;
  font-size: 1.4rem;
  line-height: 1.42857143;
  text-decoration: none;
  color: #dadada;
}
.nav-tab-container .nav-tabs > li > a:hover {
  text-decoration: underline;
}
.nav-tab-container .nav-tabs > li > a:focus {
  outline: none;
}
.nav-tab-container .nav-tabs > li.active > a,
.nav-tab-container .nav-tabs > li.active > a:hover,
.nav-tab-container .nav-tabs > li.active > a:focus {
  color: #da532c;
  border-bottom: 3px solid #da532c;
  cursor: default;
  text-decoration: none;
}
.nav-tab-container .fade.in {
  opacity: 1;
}
.nav-tab-container .fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.nav-tab-container .tab-content > .tab-pane {
  display: none;
}
.nav-tab-container .tab-content > .active {
  display: block;
}
.nav-tab-container .tab-content .tab-section {
  margin: 0;
}
.nav-tab-container .tab-content .tab-section .module-bar {
  position: static;
}
.nav-tab-container .tab-content .tab-section .grid-section {
  padding: 0 5%;
  overflow: auto;
}

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

.main-page {
  height: 100%;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rest-of-page {
  height: auto;
  width: 100%;
  min-height: 100%;
}

.terms-container {
  position: relative;
  height: 100%;
  width: 100%;
  color: #dadada;
  overflow: auto;
  padding: 90px 5% 10px;
}
.terms-container > pre {
  white-space: pre-line;
  text-align: left;
}

.mobi-dialog {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999;
}
.mobi-dialog .centered-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  max-width: 400px;
  transform: translate(-50%, -50%);
  z-index: 999999;
  padding: 20px;
  background: black;
  border: 1px solid rgba(255, 255, 255, 0.26);
  color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.7);
  text-align: center;
}
.mobi-dialog .centered-dialog .header {
  position: relative;
  font-size: 1.5em;
  padding: 5px;
  text-transform: uppercase;
}
.mobi-dialog .centered-dialog .body {
  position: relative;
  font-size: 1em;
  padding: 5px;
  margin-bottom: 20px;
}
.mobi-dialog .centered-dialog .body div {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.mobi-dialog .centered-dialog .buttons {
  width: 100%;
  text-align: center;
}
.mobi-dialog .centered-dialog .buttons .button {
  background: transparent;
  border: 2px solid #da532c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 0;
  width: 48%;
  float: left;
  cursor: pointer;
  font-size: 1.2rem;
  color: #da532c;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 10px;
}
.mobi-dialog .centered-dialog .buttons .button:first-child {
  margin-right: 4%;
}
.mobi-dialog .centered-dialog .buttons .button:only-child {
  margin: 0 auto;
  float: none;
}
.mobi-dialog .centered-dialog .buttons .button:hover {
  background-color: #da532c;
  color: black;
}
.mobi-dialog .centered-dialog .buttons .button:active {
  position: relative;
  top: 1px;
}
.mobi-dialog .centered-dialog .buttons .button[disabled] {
  cursor: not-allowed;
  opacity: .65;
}
.mobi-dialog .centered-dialog .buttons .centre-button {
  margin-left: 26%;
  margin-bottom: 0;
}
.mobi-dialog .centered-dialog .buttons .full-width {
  width: 100%;
}
.mobi-dialog .mobi-dialog-focus-item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.mobi-dialog .mobi-dialog-focus-item:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .mobi-dialog .mobi-dialog-focus-item:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .mobi-dialog .mobi-dialog-focus-item:focus {
    border: 1px solid #da532c;
  }
}
.mobi-dialog .mobi-dialog-focus-item:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}

.mobi-toast {
  width: 50%;
  height: 20px;
  height: auto;
  position: fixed;
  left: 50%;
  margin-left: -25%;
  bottom: 15%;
  background-color: #383838;
  color: #F0F0F0;
  padding: 5px;
  text-align: center;
  border-radius: 4px;
  z-index: 501;
  -webkit-box-shadow: 0px 0px 24px -1px #383838;
  -moz-box-shadow: 0px 0px 24px -1px #383838;
  box-shadow: 0px 0px 24px -1px #383838;
}
@media only screen and (max-width: 480px) {
  .mobi-toast {
    width: 80%;
    margin-left: -40%;
  }
}
@media only screen and (min-width: 1024px) {
  .mobi-toast {
    width: 30%;
    margin-left: -15%;
  }
}

.rc-color-picker-panel-inner {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 5px #ccc;
  border: 1px solid #ccc;
  padding: 8px;
}

.rc-color-picker-panel-wrap {
  margin: 5px 0 0;
  height: 30px;
  width: 100%;
  position: relative;
}

.rc-color-picker-panel-wrap-preview {
  position: absolute;
  right: 0px;
}

.rc-color-picker-panel-wrap-ribbon {
  position: absolute;
  left: 0px;
  top: 0;
  right: 35px;
  height: 12.5px;
}

.rc-color-picker-panel-wrap-alpha {
  position: absolute;
  left: 0px;
  right: 35px;
  bottom: 0;
  height: 12.5px;
}

.rc-color-picker-trigger {
  border: 1px solid #999;
  display: inline-block;
  padding: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
  box-shadow: 0 0 0 2px #fff inset;
  position: relative;
  top: -28px;
  left: -2px;
}

.rc-color-picker-trigger-open {
  box-shadow: 0px 0px 3px #999;
}

.rc-color-picker-panel {
  width: 218px;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
  z-index: 9;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rc-color-picker-panel * {
  box-sizing: border-box;
}

.rc-color-picker-panel-open {
  display: block;
}

.rc-color-picker-panel-close {
  display: none;
}

.rc-color-picker-panel-preview {
  height: 30px;
  width: 30px;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
  background-image: url("data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==");
}

.rc-color-picker-panel-preview span,
.rc-color-picker-panel-preview input[type=color] {
  position: absolute;
  display: block;
  height: 100%;
  width: 30px;
  border-radius: 2px;
}

.rc-color-picker-panel-preview input[type=color] {
  opacity: 0;
}

.rc-color-picker-panel-board {
  position: relative;
  font-size: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rc-color-picker-panel-board span {
  position: absolute;
  border-radius: 10px;
  border: 1px solid #fff;
  width: 9px;
  height: 9px;
  left: -999px;
  top: -999px;
  box-shadow: 0 0 1px rgba(120, 120, 120, 0.7);
  z-index: 2;
}

.rc-color-picker-panel-board-hsv {
  width: 200px;
  height: 150px;
  position: relative;
  z-index: 1;
  border-radius: 2px;
}

.rc-color-picker-panel-board-value {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.rc-color-picker-panel-board-saturation {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: linear-gradient(to right, #ffffff 0%, rgba(0, 0, 0, 0) 100%);
}

.rc-color-picker-panel-board-handler {
  box-shadow: 0 0 2px #808080 inset;
  border-radius: 2px;
  cursor: crosshair;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.rc-color-picker-panel-ribbon {
  position: relative;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: linear-gradient(to right, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
}

.rc-color-picker-panel-ribbon span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px;
}

.rc-color-picker-panel-ribbon-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer;
}

.rc-color-picker-panel-alpha {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  background-image: url("data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==");
  background-repeat: repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rc-color-picker-panel-alpha-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
}

.rc-color-picker-panel-alpha span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px;
}

.rc-color-picker-panel-alpha-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer;
}

.rc-color-picker-panel-params {
  font-size: 12px;
}

.rc-color-picker-panel-params-input {
  overflow: hidden;
  padding: 2px 0;
}

.rc-color-picker-panel-params input {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  text-align: center;
  padding: 1px;
  margin: 0;
  float: left;
  border-radius: 2px;
  border: 1px solid #CACACA;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

.rc-color-picker-panel-params-hex {
  width: 52px;
}

.rc-color-picker-panel-params input[type=number] {
  margin-left: 5px;
  width: 32px;
}

.rc-color-picker-panel-params input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.rc-color-picker-panel-params-lable {
  padding: 2px 0;
  height: 22px;
  line-height: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rc-color-picker-panel-params-lable label {
  float: left;
  text-align: center;
}

.rc-color-picker-panel-params-lable-hex {
  width: 52px;
}

.rc-color-picker-panel-params-lable-number,
.rc-color-picker-panel-params-lable-alpha {
  margin-left: 5px;
  width: 32px;
}

.rc-color-picker-panel-params-lable-number:hover {
  border-radius: 2px;
  background-color: #eee;
  box-shadow: 0 0 0 1px #ccc inset;
  cursor: pointer;
}

.rc-color-picker {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1000;
}

.rc-color-picker-wrap {
  display: inline-block;
}

.debug-obj-container {
  width: 99%;
  height: 99%;
  position: absolute;
  top: 0;
  overflow: auto;
  clear: both;
  text-align: left;
  background-color: gray;
  z-index: 99999;
}
.debug-obj-container:after {
  padding-bottom: 0;
  display: block;
  content: '';
}
.debug-obj-container .debug-obj {
  word-wrap: break-word;
  color: white;
  position: absolute;
  padding: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.8em;
}
.debug-obj-container .debug-obj .debug-data-key {
  font-weight: bold;
}
.debug-obj-container .debug-obj .debug-data-value {
  font-weight: normal;
}

/* Copyright (C) 2014, bitmovin GmbH, All Rights Reserved. Authors: Daniel Weinberger <daniel.weinberger@bitmovin.net>, Reinhard Grandl <reinhard.grandl@bitmovin.net>. This source code and its use and distribution, is subject to the terms and conditions of the applicable license agreement.*/
.bitdash-vc {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
  min-width: 260px;
  min-height: 150px;
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  color: #fff;
}

.bitdash-vc video {
  width: 100%;
}

html:-ms-fullscreen {
  width: 100%;
}

:-webkit-full-screen {
  background-color: transparent;
  width: 100% !important;
  height: 100% !important;
}

video:-webkit-full-screen + .bitdash-ctrl {
  background: #ccc;
}

figure[data-fullscreen=true] {
  max-width: 100%;
  max-height: 100%;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
}

.bitdash-ctrl-w button:focus {
  outline: 0 !important;
}

.bitdash-ctrl-w {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
}

.bitdash-ctrl, .bitdash-ctrl > * {
  padding: 0;
  margin: 0;
}

.bitdash-ctrl {
  overflow: visible;
  background: #222;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  color: #969696;
  font-family: Verdana,sans-serif;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  z-index: 9999;
}

.bitdash-ctrl[data-state=hidden] {
  display: none;
}

.bitdash-ctrl[data-state=visible] {
  display: block;
}

.bitdash-ctrl > * {
  float: right;
  width: 24px;
  height: 100%;
  margin: 0 5px 0 0;
  display: block;
}

.bitdash-ctrl .bitdash-l {
  float: left;
  margin-left: 5px;
}

.bitdash-ctrl .bitdash-prog {
  cursor: pointer;
  width: auto;
  float: none;
  overflow: hidden;
  padding: 0 8px;
}

.bitdash-time {
  min-width: 7.5em;
  width: auto;
}

.bitdash-live {
  min-width: 3.5em;
}

.bitdash-vol {
  height: 90px;
  position: absolute;
  bottom: 100%;
  padding: 5px 0;
  background-color: #222;
  border-radius: 3px 3px 0 0;
  z-index: 9998;
  width: 24px;
}

.bitdash-ctrl-w .bitdash-vol[data-state=hidden] {
  display: none;
}

.bitdash-ctrl-w .bitdash-vol[data-state=visible] {
  display: block;
}

.bitdash-ctrl button {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: none;
  cursor: pointer;
  text-indent: -99999px;
  background: center center/contain no-repeat;
}

.bitdash-ctrl button[data-state=play] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MkQ4NDZBMjM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MkQ4NDZBMTM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jETUpgAAAJhJREFUeNpi/P//PwMtARMDjcGoBQQBCzbB6dOng2J+FhCnk2pgZmYm0T5IA2KQRTNpHUQUWURKHJBlETmRTJJFlKQioiyiRjLFaxHV8sG5c+d8srKyionKByQa/GzOnDm3SMpoZBi8Zdq0ab1UsYBYg0m2gFSDibaAXIMJWkCpwXAAqjLRMRTsB+JiSs1jHK2TB9wCgAADACXhaqr74JPFAAAAAElFTkSuQmCC);
}

.bitdash-ctrl button[data-state=pause] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MkQ4NDZBNjM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MkQ4NDZBNTM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NABj4QAAAFtJREFUeNpi/P//PwMtARMDjcGoBQQBCzbB6dOnY4t5RiQ2VvnMzEzyfZCVlbWfHPnRSB61YNSCUQsGgwWM2KpMRkZwwYmt8HJEYmPIA81yJMqC0TigqwUAAQYAyw0XIRd+qCcAAAAASUVORK5CYII=);
}

.bitdash-ctrl button[data-state=unmute] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MkRFM0EyRTM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MkRFM0EyRDM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PIkq2QAAAPFJREFUeNpi/P//PwMtARMDjcGoBeRZwMjIiBVPnz59JhD/B7Gp7oNp06bNBFJpUO5+qlqAZjh144ASw0GABYeh/wdFKgJFOCji8SUASpPpLFDwFRcXHwfRd+/ePYGeACiyICsrKx1kqLKysgWI7u3t/QEU3kI1C0AJAGY4iAb6hAMo3EvNIEqDuRxmCVCsGCXTYiuuoREFDsuUlBQ1IyMjKbSgOQDU54ikbgvU5SDDfUByxPgApMhxzpw50tDIwwAgx4EMA+JeKLsX2XCigwgYBJa4LKFaPiDbEqjXUDABAArn/dj0YcOMo3XygFsAEGAAm9GsAgGLfR8AAAAASUVORK5CYII=);
}

.bitdash-ctrl button[data-state=options] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MkRBOTA5QzM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MkRBOTA5QjM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+z5WDYwAAAXdJREFUeNpi/P//PwMtARMDjcGoBQQBCzbB6dOn41IPSxGMuBRkZmaS5IOZ2ASzsrL2E1JDjAUgjWlQV8cA8WqYRG5urjZUDCSXdvfu3ePkWJCOxF4MxCEwjqampihUDAx6e3t/AH1VTE4kxxKKxNWrV18H0dOmTeslxwJ/GOPz588/t27degeEQWyYuI6OjgiQaiMpFSGlFjg4dOjQY6Dh54HMFXJyct66urpJsOACun4XrtRFaj5YATRsHdDwi0SkLrw+YAQpBqUWaIQy2NnZyYJcDmTKAHEpTOH169dfT548+SqpQQSKNEdoUgSnFl5eXnZYsCCDK1euvAFSB4HqG8iJ5MWEwiw0NFQTSB0lN6PBkyIoKJCDBZY8QSAlJWUBTlNAFQ46BnoXjIuLi0E5dD8UuwLF/oMwlA8KEleg4U+h/GKQHnSzWPB5X1lZ2RKqsRdLHMHCXBqXGnBqwVZlMjIy4rMXlhQdcYUIQQtGazS6WgAQYABZ6asSIhH9gwAAAABJRU5ErkJggg==);
}

.bitdash-ctrl button[data-state=mute] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MkRFM0EyQTM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MkRFM0EyOTM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++vWIoAAAAbZJREFUeNpi/P//PwMtARMDjcGoBeRZwMjIiBVPnz59JhD/B7GJBSzEKpw2bdpMIJUG5e4HWqQNpM8C8U4gXpuVlfUYphY5ZTKRYTgM6K9cuVLo7t27KW/fvl1TXFzsRVYc4DCcAeji5wcPHvTq7e3NfvTo0Wd2dvY+R0dHZ6KCCGjofyIsvgqkVgPxLKBlLjU1NUelpKTKgPzLQPyK5DjAArLu3Lmz4Pfv3wZAdjLQ8H4mJqZWINsOiNdQnEyBrj747t27ZmlpaSsg1xeIj4qKiooBaVOq5QMzM7O7nJycn4FMB7BhTEx/gZQaVSwAxoE9kMoG+mIXVMj679+/F6iZk6e9fPny7dy5c78C2QeA2P/BgwfXgfQtgqkIGL6grLofxE5JSVEzMjKSwqIGlNEWAPHJxsZGTSDNs27dumdA+jSxOdkRRMyZM4cBmImOKysrW6AFkSSQ2gJyOcjw1atXXwH6ACR1iOQgAmYmS2COPYEmfPHPnz8ZwKT6oaur69b+/WAPr0DOA/ByAx3jAiCfQDPhfqjQeiDuBOIQIBbDZiZJFsDsAVmATR82zDhaJw+4BQABBgBpPeawRfTpvgAAAABJRU5ErkJggg==);
}

.bitdash-ctrl button[data-state=go-fs] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MkRBOTBBMDM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MkRBOTA5RjM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bnNCCwAAAJlJREFUeNrsVdsJwCAMNOJgOo4OpOO0m6VSKIgNRlP6AvOnOfO+CIio7hStbpbpgBVDXaaUqM5DdSYx3ntZBiGERYIxzIO1oYbDYIzRDpWolPzYdejwc1METHm68UCtijxF4ojFU/Q7JmNrMkbw+iq5OPw7u6ggki1S79lF8iaPlqvJA4A9WMpgvTZOmGzPsQ7mj/aog02AAQANFjoYEQZYpgAAAABJRU5ErkJggg==);
}

.bitdash-ctrl button[data-state=cancel-fs] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MkRFM0EyNjM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MkRFM0EyNTM4MUExMUU0ODExM0I4RjRERDM1M0MyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4J6WLAAAAJhJREFUeNrsVdsNgCAMpMbBZB0GgnFws/qIJlgpIKTRRO6P0rTc9RoAEZUkBiWM3iCLMRZ0zoXH0wVA0va4MeYSp6YpZrAW8syV/55EgSxZWGsnTi4JBr6UASQ0f5LDNtio64IX658uGuOi26KtMtJdqXdRyUCrXHT4PNV4bnURtrhJfMgQ+zIBgNNW5+K0HvQ/+fUGiwADAFLkNipqR2AwAAAAAElFTkSuQmCC);
}

.bitdash-ctrl button[data-state=play]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjFFRkZBMzM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjFFRkZBMjM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFGOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W3PCxAAAAJdJREFUeNpi/P//PwMtARMDjcGoBQQBCzbBkydPgmJ+FhCnk2qgubk50T5IA2KQRTNpHUQUWURKHJBlETmRTJJFlKQioiyiRjLFaxHV8sHevXt9LCwsionKByQa/Ky6uvoWSRmNDIO3nDhxopcqFhBrMMkWkGow0RaQazBBCyg1GA5AVSY6hoL9QFxMqXmMo3XygFsAEGAAgxdpSzL2EYwAAAAASUVORK5CYII=);
}

.bitdash-ctrl button[data-state=pause]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjFFRkZBNzM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjFFRkZBNjM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFGOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4zd1gwAAAFtJREFUeNpi/P//PwMtARMDjcGoBQQBCzbBkydPYot5RiQ2Vnlzc3PyfWBhYbGfHPnRSB61YNSCUQsGgwWM2KpMRkZwwYmt8HJEYmPIA81yJMqC0TigqwUAAQYAMVQV9T4NOKIAAAAASUVORK5CYII=);
}

.bitdash-ctrl button[data-state=unmute]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjI1QjY4MjM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjI1QjY4MTM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFGOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+68C8HQAAAORJREFUeNpi/P//PwMtARMDjcGoBeRZwMjIiBWfPHlyJhD/B7Gp7oMTJ07MBFJpUO5+qlqAZjh144ASw0GABYeh/wdFKgJFOCji8SUASpPpLFDwzZo16ziIvnTp0gn0BECRBRYWFukgQ/X09CxAdFpa2g+g8BaqWQBKADDDQTTQJxxA4V5qBlEazOUwS4BixSiZFltxDY0ocFi2traqOTs7S6EFzQGgPkckdVugLgcZ7gOSI8YCREwCIxHqOhQLqJZMgUFgCU0htMsHZFsCCiJ0TACAwnk/Nn3YMONonTzgFgAEGACJ16ISNTWaugAAAABJRU5ErkJggg==);
}

.bitdash-ctrl button[data-state=options]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjIxQkVDRjM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjIxQkVDRTM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFGOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ft/1wwAAAXdJREFUeNpi/P//PwMtARMDjcGoBQQBCzbBkydP4lIPSxGMuBSYm5uT5IOZ2AQtLCz2E1JDjAUgjWlQV8cA8WqYxKRJk7ShYiC5tEuXLh3HZQgjtnyAFEREZRKgjw4AqS0nTpzoJTWIYgkZ3tfXdx1EgwwnJxX5wxjv37//OWfOnDsgDGLDxG1sbESAVBtJqQhb0Kxdu/Yx0PDzQOYKDQ0Nb6DBSSBxMzMzUaDrd+FKXSwkJusVQMPWAWkZXKkLGKeOxFjACFIMSi0gF4IEgoODZUEuhxpeClN46tSp13l5eVdJDSJQpDlCk+JiEF9QUJAdFizI4MiRI2+A1EGg+gZyInkxoTArKirSBFJHyc1o8KQICgrkYIElTxBobW1dgNMUUEZDx0DvgvGsWbNAOXQ/FLsCxf6DMJQPChJXoOFPofxikB50s/CmIj09PUuoxl4scQQLc+nq6upiXBkNa1HByMiIz15YQeeIK0QIWjBao9HVAoAAAwCWTbn8nWuoVgAAAABJRU5ErkJggg==);
}

.bitdash-ctrl button[data-state=mute]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjI1QjY3RTM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjI1QjY3RDM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFGOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IuNsAQAAAbtJREFUeNpi/P//PwMtARMDjcGoBeRZwMjIiBWfPHlyJhD/B7GJBSzEKjxx4sRMIJUG5e4HWqQNpM8C8U4gXmthYfEYphY5ZTKRYTgM6Pf09AhdunQp5dmzZ2tmzZrlRVYc4DCcAeji52vWrPFKS0vLvnnz5mcODo6+sLAwZ6KCCGjofyIsvgqkVgPxLKBlLkuXLj2qrKxcBuRfBuJXJMcBFpB14cKFBT9//jQAspOBhvezsLC0Atl2QLyG4mQKdPXBly9fNquqqloBub5AfFRaWloMSJtSLR+4u7vf5ebm/gxkOoANY2L6C6TUqGIBMA7sgVT2ixcvdkGFrP/+/XuBmjl52sOHD9/W1NR8BbIPALH/1atXrwPpWwRTETB8QVl1P4jd2tqq5uzsLIVFDSijLQDik2vXrtUE0jyTJk16BqRPE5uTHUFEdXU1g6io6HE9PT0LtCCSBFJbQC4HGd7f33/l2rVrIKlDJAcRMDNZAnPsCTThi79//84AJtUPSUlJt1auXAkSW4GcB+DlBjrGBYDFwXFoJtwPFVoPxJ1AHALEYtjMJMkCKCgGWYBNHzbMOFonD7gFAAEGAEq05ygpeoSGAAAAAElFTkSuQmCC);
}

.bitdash-ctrl button[data-state=go-fs]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjIxQkVEMzM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjIxQkVEMjM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFGOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DRbaFQAAAJhJREFUeNrsVUkKwCAMNOKf9Kgvb4/6qlQKBbHBaEo3MDfNmH0iIKK6U7S6WaYDVgx1mVKiOg/VmcRYa2UZOOcWCcYwD9aGGg6DMUY/VKJS8uPQocPPTREw5enGA7Uq8hSJIxZP0e+YjK3JGMHrq+Ti8O/sooJIvki9ZxfJmzxariYPAPZgKYP12jhhsr3AOpg/2qMONgEGAEdENyrV0dT4AAAAAElFTkSuQmCC);
}

.bitdash-ctrl button[data-state=cancel-fs]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjI1QjY3QTM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjI1QjY3OTM4MUExMUU0ODc2OEFDMTZCNjJBMTg3NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFGOEM5REQ3MTgzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5J/OeAAAAJdJREFUeNrsVUkOgCAMpMZHcZSX4xFeVZdogpUCQhpNZG6UpmWm0wCIqCQxKGH0BlmMsaD3PjyeLgCStse11pc4NU0xg7WQZa7s9yQKZMnCOTdxckkwsKUMIKH5kxy2wUbdFLzY/HTRGBfdFm2Vke5KvYtKBlrlosPnqcZzq4uwxU3iQ4bYlwkAnLYmF6f1oP/JrzdYBBgAWOc0aAZAN6kAAAAASUVORK5CYII=);
}

.bitdash-ctrl button[data-state=cast] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC41ZYUyZQAAAU5JREFUSEvtk71KA1EQhRettBMVIxIQsRDE1kZsBEHR3kaboIUgWogWQtgHkGXZ/783WB9DfIAgBPICdvYGFP1umMLA5u6GIKjkwGFmZ86ds3vvXWOM34UgCOphGO6MSt/3azKyHzQuEXyOSl70WEb245vBied5u4pRFPVilZx1p1UNVqQ0FNI0Xf/nBjQb8ONHDCjWOaylOI4XLcuakvJQ0BrQuJPmM1t1luf5pLQqQ2uQJMkazSZsKxEmT7D4hxkArQH3+JDGFUZziM7hG88d6rMiKUXZFt1I8xUeuK67T3yHDyIphdbANM0Jhm4jaCPocuBb5PdqAfmm4zh7bFlTR9Z5Aw0o3kIHYY34grDF0HnyLjkhOFKLqxBt4Rb1bhEGF/Ba5ez/BvERttQXqutbhYU3kCEzDF7NsmxBiVTOgU+rZ9u2l0U2xp+DYXwBsp2v/wwHnHYAAAAASUVORK5CYII=);
}

.bitdash-ctrl button[data-state=cast]:hover, .bitdash-ctrl button[data-state=casting] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC41ZYUyZQAAAUdJREFUSEtjGAWDCxw8eFD2xIkTTpTikydPSkCNRAXHjx/PAyr4TykGmhMDNRIVIFkQC2S7koqBLk8hyoLDhw8rQYVIAkALtIe5BUDJJKDkX5pYAEqix44dkwbSkkCaEypMEsBrAVCiCip5GYhT////zwyVIhrgteDo0aMaQIlaoIJrUEVH9+/fjz3D4ACELPABSuQDDRUB0plA/AOIb+7evVsYqoQgIBREpSBJIH4LxN5ARZ5A/AeIV0OVEAR4Laivr2c6cuSILVDBNaCCn8CItgbS3SANQLbZoUOHPIC+rCWAJ+O0AGhIGVByItAVEkAFz4Dsi0BDRUGWAdlTgXQ4SDMxGKsFQAlwKgJalANUUAxl6wLpw0D6IsiHK1eu5CQGr1q1CjMFAjOXINAgFaDh4kCaE8Q+c+YMF4gPxApQZaNgyAEGBgAb9BwX3rS/5AAAAABJRU5ErkJggg==);
}

.bitdash-settings {
  font-family: Verdana,sans-serif;
  font-size: 14px;
  display: none;
  position: absolute;
  bottom: 30px;
  right: 0;
  background: #222;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  z-index: 10000;
}

.bitdash-settings-i {
  margin: 5px;
}

.bitdash-settings-i, .bitdash-settings-i > * {
  background: 0 0;
  color: #969696;
  border-radius: 2px;
  padding: 0;
  font-family: Verdana,sans-serif;
  font-size: 13px;
  height: 30px;
  box-shadow: none;
}

.bitdash-settings-i > select {
  cursor: pointer;
  border: 1px solid gray;
  width: 160px;
  background-color: gray;
  color: #222;
}

.bitdash-settings-i > label {
  display: inline-block;
  width: 140px;
  text-align: left;
  border: none;
  padding: 2px 5px;
  border-radius: 2px;
  background: 0 0;
}

.bitdash-fadeout {
  opacity: 0;
  transition: opacity 1s ease;
}

.bitdash-fadein {
  opacity: 1;
  transition: opacity .25s ease;
}

.bitdash-btn-overlay {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABkCAYAAAAG2CffAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAn3SURBVHhe7dz9bxTHHcfxuQ0JDSVRHlpomiYKTask0DYqqiK10KpNG9S0aiMqmkqRIMYYGxwgYHAgPBiDsQFjbDD4AQM2GGwMOLQlrRVCRSqSAIX5n+hndm/3dm8/d3M73rN9d/vDS8CXudnbt0aHfbYRDx8+TEwBOkzEjw4T8aPDRPzoMBE/OkzEjw4T8aPDRPzoMBE/OkzEjw5NWNu2/NZqbBizPtq619q+7QW2ppLRoQlr6+ZmxJYILRH6c2tH43Lr449msbWViA5NIPQeO3RjgxN7R6NE6LPWzu0/ZusrDR2asBo+bEJs6cXevs2NfRexG6xdO55mj6sUdGjC2rJpbyC08xKiQkuElgh9zdr98e/ZYysBHZpA6GacaklPtRNaIrS09uzstJp2LWB7lDM6NGFt3rgPsZ3QbuzwqXZj30bsOmvv7sfZXuWIDk1YH27Yb4dW1Mn2n2oVWsmElggtEfqi1bxnCduv3NChidSmD/bjVGdCq1Md/AjEOdXB0BKhlT3WvqZvs33LBR2aQOgWnGrpxc68Vv8Xp/oeefkIxt7XdMPav/ddsNj+pY4OTaQ21h9AbOnFdk71eYSeh1P9Gk51f46XDze0RGRlwGppXsyuUcro0ARCt6rQXmznJWSb+/c41Y8hdANO9X07du7QEqHvwybrwL5n/NcoZXRoIrVhfRti26Ht2M6p3pm9DqGXIvSEfard0NmxW5olIiv/tlr3L8veoxTRoYnUB+sO2qHTsdOnuomtRej5CN3unWrnH0QWWiK0ctRqa/kh26tU0KEJhD6EU+2EdmNv3tjM1roQeiVCf01PtBtbhW5rUb60Dh5YBXPYXjMdHZpA6HaQXmznJaSFrfVD6IUIfbmA0BKRlcvWodY32F4zGR2aSNXXHbFDB2O3sbXZEPoJhN5aYGiJ0A+sw22tqcNt32H7zUR0aCK1vrYDsZ3QmdiH2dpcEPrPCD3hRWahD7XaEFn5PNV+cEXqyKFH2X4zCR2aQOhOkHZsN/jG+g62Nh/E/h5Cn/Ei5wvdftBx5NAgvMb2myno0ERq3douO7Qb2znVXWytDk71LMRei8gPApHTodOn2Y3s6Dh8BxrhSbbndKNDE6Ku5liqrkYiuD92N1tbKIRegsj/oKc5HNpxtP0azLiPvenQhKit6UZsJ3Qmdi9bGwViP4PQbXleNvyRHZ1HlE74PttzOtChCVG7phuxpYrtBV9f28/WmkDg5XA7z0n2R5aprg7lS1gnujoeY3tOJTo0IdZWn0BsacvEHmBrTSH0QoQ+EzrJ2aERGXEzjh29AL9ke04VOjQhaqpPIrYTOhP8LFs7GQg9G6F3IfQDL7B7in2nOR0443in0gTz2b7FRocmRM3qHsSWdmw3eF3NEFsbB4T+NULf9J9iVyCyEziju+sm/I3tWUx0aEKsqepFbOlxYg+ztXFB6BcQ+ph3iv0n2B+5uyvsxLF+mLL3venQhKhG6DVVUqxBZMWJfZGtjRMiW4hchVN8J8cJdsMy98TJ4w2ip7vo73vToQlR/X4/Ykv8itDp4DWrR9naYkDknyLsJ4G42YFPHud6uj+Fon7sTYcmxOr3B0DaVGwVfU3VFUix9cWAyE8h7u5AYB6W6z3RDS+zvSeLDk2IqlWnQXqc4OMw5V9sReAV8B9t3N4TPiddX4i+k9WiryfW973p0ISoWrkAFjlWLUJo5QcwZSfaD3FfQszhTFQSts+vJ9uo6O+J7X1vOiwXCPwNRF0fDJqO2u/Xm8t9aBGn+uax/aOgw3KDsEsR9LoX8JT6tS8t/ftTeU3ASjHQb/wySIflCHHnI1ZnJl6/RLg0/Nn7fV594nS/0emmw3KGUNdAFuxMltP9W9i+OnRYrsTg6fni7MBnIHM7RWYB29neOnRYbsT5wUfEubPviKEzEyBDBk8X5uzAdXiVXUOHDsuJGB76CUIPIrQMYdH9gqHbwfhTdTosB2JkeJ64eG6/uDB0FySCSwR3nFNIeCUc/Bb8gV0jCjrUEVcvvQpvGirql5fE6IVH4V2EnhAj5yViO1RsN/hwOrgdncTOOIHIsTxfOtRBrCaQhjawPeMgLl1cDMMILW0jw+CPnQ5ux04HD0T3wt+DKojts1o61EGsxqx4UdSxPSdDXB6dJ8ZGDiDy/8CJ7IXOip0ruBv7/OB5BP4Ru85k0KEOYm3JihdFbKHFldHZiPwefIbQ0qZCh2IjtDb20H0Eb0DoonwTJR3qINbGrHhRrGN7RoV9fi6uXBpBbInQjryx85zsC0PXYCm7TlzoUAc3We8LF9WkQovxsefF1bEj9l5XXJrQ+WJfPNeMyHPZteJEhzq4yVpfuKiMQiPw47AWbkJmP3/oQk+14wYiv82uVQx0qIMbrPZuNLrIoRF2CVyyA/u5e0aP3Q3fZdcqFjrUwc2t8m4yuvVsTwYxX4TOQNxs7r4qti706IU7CL2CXavY6FAHN/aed4PR1bM9/RBwDtTBLS9oLu6++lPdB4vY9aYCHergxv7q3WB0eUMj3ltwJRBTx92bx76D0PWIPK3frE6HOrip5d7NRUdDI9gC6A4EjELtbYdWvNjjCP0zdr2pRoc6uKk/+cJFFfiEBZHmQgPc9qKZcPfPhN4BT/ivNZ3oUAc39LZ3Y9Ht8vYZH1sG44Fgk+Hs/yliv+V/vjMBHergZpalbyq68bE7sAt6vUDx6cA1vsWe83SjQx3cjHq7k4fMh8eJg3rZeYc915mCDnUQ7VehiIXgkbjCH3ccZvyPL9OhDm7+F4EQheCRuMIe+xXUQkn8/x50qIObfyMUQ4fHCmKPU8JrR2DaPvkwQYc6uPnFoRj5hEOFsccpwXUPYDOU3A/e06EOArweCpJPMFYQW+8Krr0Ov2HPpxTQoQ4iLApFySUYK4itdwXXtsJT7LmUCjrUQYhXQmFyCQYL0q9X7z3PuE8+TNChDoK8HAqUSzBcUP616sO2l9j1SxEd6iDKglAkJhgujD/ma1jJrlvK6FAHQV6E+4FA2VjYbOHHDWK+kF2z1NGhDoI8D3d9gcJY2GyZ9fdAfQvDtP/MdrHQoQ6CPAdfgT9WBoua2yd4TMn9H0lR0aEOwsyD217YbDwo0wTfZNcoN3Sog5jPwheBuNEiT8Dv2N7lig51EPRpuBUIXHjoo/Ac27ec0aEOgj4JNwOB9ZHVe8Z/YftVAjrUQdS5cCMQOX9o9dWUV9helYIOdRB1DkwUEFm9Z7wOHmH7VBI61EHY2fAvTeir8Dp7fCWiQx2EnQX/zBNZfftARXzYVig61EFcC66R0Oo94zfZYyodHeogbgr+nhW5HZ5l6xOGoRVE7kFY9U2I6hT/ka1JZNBhIn50mIgfHSbiR4eJ+NFhIn50mIgfHSbiR4eJ+NFhIn50mIgfHSbi9lD8Hx7tTNGHqTV5AAAAAElFTkSuQmCC);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  width: 50%;
  height: 50%;
  max-width: 250px;
  max-height: 200px;
  min-width: 90px;
  min-height: 100px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.bitdash-btn-overlay:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABkCAYAAAAG2CffAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACc5JREFUeNrsXXvMHFUVP3d3+xVTS7XSCtJiqkKEAEaLhooUBYNphYoPLGJCMYKIIEp5BCIPbTCCqTx8EaUlISoiYi2Y1qjQqlAslcZ/jPIMEEp4Rixfab+2uzP8ztw7O3dm7szszszuzu53T/LbOzM7r+93z/zuuefe2U+4rkvWem/CEm2JtkRbs0Rboi3RlmhLtCXamiV6pIiuX7LctPlzJMRVwFbgu8ATgLqKiEPfblruYJtrOp/hODfrWu1l9eGti8i6vy+ue9Y5XXNWy1U9XDlxnAQcgW/PBDYBZwNTrC8XIdpsTa0SZmPp58BGeMHRluZyPVoYth0D/A1HXA/MskSXQ3TNuA/RGHChkpPTLdElNKwx8n3CpR0M/Aq4GzjUEl1UOpK/97EEeAh7fQeYZonOQzSb45i8ObxMNB24Cvg7sNgSnciza4IwEmuWEd8+AKwDVgHvsETn0eiA5O3A3tSngejLwFbgvJLvaTSlw41v24K9D0e5ANhI6b3Q/YEfAxuA4yzRaR6tZEUjejM0exvKrQBr8Y0onQzCj1Nkfx+YbT06JepwA0mY6pXcQBJNqHh6CbAtpue65PB9CXEJyoeBpZZoU4clrM9TvLLV8skm1fh9GFjTPtZP2sRtLnAHsBY40kqH3hgqkpVX19vbmk3dY58FPguw1+4ySom+TYhP4fNBlJeifPPk9mg+V/jxJ9dxGp4nM9ir9+6Nnmml0uR/d3BV7txcB/wDOGHyerQuHQHhDf5sg4lmwsP2T+BY4KYOr3Q48Bd49+0oD7JdcF06fLBn79ljOuP/gW+qePo5JRcJAiWz8TjbF1By+HiuSlxNQunQPDpKkufVZrLZbsVxLCUPpJIdnO/t+Pwp8Fdg/uSTjmBbw1Qp7sQEpcTST+K744GrPcWJDlORGsIKe/gClFw5PwTeOvq5Dj+hFKBhTJ2yTu/eneax3GquAE7yiA+TmmT7AF/HPpurGHvnlA4jam5cWhoJMkPuzp2mKCRao+u9URqi3yRodXhZloeg5Nj7HuCwIZcOI9PecLMbxNDxxjDSMHpkZ+kw0YvAadjvKyh3uGkj6uHyZGCLejKmjlbUQZrHZhHNxvKRLiH6NW/B58faDWVGZKKqfxpwJdY3KRkaCemIhXcgu56g5xLwamd8XO+eZxnnPk4EblFXlWTXamHv1itCbpuP8g9eVCO79cMvHZHeYT0jPPNCvQ4lxLddAMvIZ4CXY6TqE2bCZLN9yZvgw43mSEhHJxqtN4zs1c1mt3exViWn1ulhn5s2c0muz1JhIKdiFw4h0f4Ii+/gnRPNJDvbt3fj1b7xtLMlwOWuTMOmN5Lh71jv7yU552R2RaXDyH5NEuxIpiXZ2UT7adLXX5cNY63rW+ILXotznAg8aiQ1eQ4gT1m7UHXllw6LR9cCjw7F0aIjsgHn1Vez8tNpdj/wERy7KpVss3e/k7y8t1ivklZVjjrcINfhhDS61hHRbDvRzr02npdotleIJ1cK8TVvOYlcI+FMhVgEcIV9q+y8dyN/1BEznss6Xf0F/m671KPduQ6Mv0a1GfsWIZvtZhzPEyx/geWjglvSzynCq8HKW4BrgFOBi4D7Bkc0Rwj1epSM/3YkOfF8dPj7eq2IfOj2CPGgAhpK4IpIXJlEsm7vA/4M/Bq4jHics+9Ez52DjvFLMt0ZJzyZ4AYuN+dAoilTkrN3jbo8J1dmTGdr3YodB+hXApvB5Y9Qzmvz6grt6RQJXHtX+yLwUeIRfKIbOCWWh7JcM/7F2ruIuOF6/AkQ/mJAeMhjRJCpa4DY/RFBvefdRDNnZp+f42qOQhw1WOC0wmql67o/+z+pAfQqhyHQIxQ/wV4nx73aTfLqqG3Absvcs87Z1h+i77oj8GSOfx97HH20l+NE87n3exvRIQcTzZgREJ/ZRHO3up48h49DSL/BbTnB6E00Teuta22KrJRHvQxfx39srHm6HkRf1KfGUCNsXzRcR81Hd2HCvN/UqfIPbHXxxHkkttK77r6W1+rxkDNaIU67MuainJ7d0Is04vfpY9RhIHwsYdjOcagnFsTvKUSHhtSWoYK+DRxgPFd6w+jv9zQ+Vw+GaOPNVsoWAD8gOdxlvuekxjz8N63Bfudi20uDJbp6hvCGvgcHXQqCxrwoo+3t6sNEcHjiDn+i1acLsP2XA+iwePOa5yX1XDKaFo63/9NDgsdUGvUyEHVgSHuFUBLsBuFd9EkMk/8nfL+8jPvNS/T5Xm43n10LXJ6Zp85nC3HsSpDzwYBUCjpAOskiQr7u6XJwmN9IuC6HM5VK9I4C19zTA5LnKFI+H/+bhEa23thpXi1cLdgQW7DvBVh4qApp0r0V0eE3kZzhxGnO01FJjVBlmUbK9byHCMX9LRTc+/t42SQX8egiRIuSvPkTOACNnft+6Y1Ck4hoqV25HWmobrjw1h8DlmO/db3yiLxENwfoxe8CQSvB0qcDb3TTldQnXZeRwLNvw/o3sLC9lzfdqIx0ZHvzNJW2PB8EzQoaOgOh0dJ8rRfw3cUkXzLtuVWD6GySF3sxsT7rv02mJgGZEtKunT/igwcHnu7XYziIxrAbIebXmnlq1zoyvVoR/Z2N7AqdUAQv7ifJ1WgMzd7MiZ+LVbw+s6szJ3v1BhW/bxlEw5KX6D09vCeOhXnK7mEdy066hOxGya9wrOjxfVdYo8PefKhK/izKdR5Xi+ECsh/BdpaKjYMO+Aeh0a0IyTwicIPqJCwqVnGhtZtJZu4GTvKgPPoAjeTTlEy8t5SnQ0rIM5CQS7FyJ1XI+t9hEeIMtTRPdXfLDBPXKql4nipm/fVo6ck8Kfzskv+OHSrnsZoqatVNKsXfD08ynsZ1TJVJ7q9Hd5Mw6mxYbCfJX0C4hnLOtRhtjS5OMNu/gK8OqvNRXeno7B2VTo51Vay9cJhIroZHp3lxmGTOTfD43e9pCK33Gi1EGSTzREMeXnqFhtSqk482E8zzzDixdCcNuVUrvAuTvF5p8dCTXIToVmHZSJYSnrzOv0zzSZJznEfCGgWIZtRLI1nagwCP3z1MI2Z5PbpZcieBpYhfQzthFEku6tFM9lghb/bnK7su/4LjfTTCVkSjy5iPy+9mf2jUSS7aYWkW8Gb+3SR+kfK3NEmsMQCPvls1eM/QJLIi0tHq0pvHSSaCTplsJJdPdLLxy+38618/o0lqjdKINnsz54w527aCBjtfb4SIjhvP7Ochq01krVCHpZnizTzP+GhLcnGPdhI8+imSU7nWWGrLI1pEvPl3JFOaL1hay5MO1/NeIf5HcuRjGfF/f7MkJ2cb7P8ztERboq1Zoi3RlmhLtCXaEm3NEm2JtkRbovthbwgwADWB3MJO43ykAAAAAElFTkSuQmCC);
  cursor: pointer;
}

figure[data-fullscreen=true] .bitdash-ctrl {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2147483647;
}

.bitdash-ctxt-menu {
  width: 290px;
  padding: 2px;
  position: absolute;
  border: 1px solid grey;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
  text-align: center;
}

.bitdash-time-val {
  font-size: 12px;
  overflow: visible;
  white-space: nowrap;
}

.bitdash-prog-bar {
  cursor: pointer;
  width: auto;
  border-radius: 5px;
  background-color: #777;
  text-align: left;
  float: none;
  height: 10px;
  clear: both;
}

.bitdash-prog-bar-center {
  width: 100%;
  height: 50%;
  float: left;
  margin-bottom: -5px;
}

.bitdash-prog-bar-buf, .bitdash-prog-bar-play {
  background-color: #00aca8;
  border: none;
  border-radius: 5px;
  z-index: 9998;
  height: 100%;
  width: 0;
  text-align: right;
  position: relative;
}

.bitdash-prog-bar-play {
  margin-top: -10px;
}

.bitdash-prog-bar-buf {
  background-color: #557a8e;
  z-index: 9997;
  width: 0;
}

.bitdash-prog-btn, .bitdash-prog-btn:hover, .bitdash-vol-btn, .bitdash-vol-btn:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQUYyOTU2MEMzRTUxMUU0QUU3REYwRTRFNjlDNzVDNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQUYyOTU1RkMzRTUxMUU0QUU3REYwRTRFNjlDNzVDNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NENBNDFGRTVDM0U0MTE5RjcyODNGRjgxMEI2MDE0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iE+PxgAAATRJREFUeNqkk7FugzAQhs9WBpAQA0LqyobyCnmA5AG6Zs+SLV07dW23Lt2z9gGSB8grRGxeixADYmCj97tny6VVVZRf+iS489nnu7Oq65omWjMbZsUsxXZlLsyJOYeLVbBBweyZHZPQ7+qZN+aVMTAsguAnZkt/CxsfmDvmEZtocez/ERxqKzE2g7WkbTWOIw3DQG3bUtd11pamKWVZRlEUkVLKLUXMeSEF83dGcFVVZIyhJPky478oCirLkuI4Dq+z0VJtL5yM4DzP7YkA37DBN9FKB62yQtru5G/VY5u7UqClphulZUi8ULC+738OANvgm+iqZcK8UG0UrGkaW1CAb9jgm+iCSUQb310nZrQRad67UX6WCZujF+bBFRGzfZwRfJQY/xaMzPbH3Mekbn3OnwIMANXFePJJ7TLPAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  min-height: 16px;
  width: 16px;
  z-index: 9999;
  display: inline-block;
  text-align: right;
  margin: 0 -3px 3px;
}

.bitdash-prog-btn:hover, .bitdash-vol-btn:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RUNEOUE3NzA2MzhFNDExOTVDQUJBMzRGM0QyQzJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNjhGMkE2N0MzRTUxMUU0ODc4MEQ1NzJCQTE5MTY1QSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNjhGMkE2NkMzRTUxMUU0ODc4MEQ1NzJCQTE5MTY1QSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NENBNDFGRTVDM0U0MTE5RjcyODNGRjgxMEI2MDE0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFQ0Q5QTc3MDYzOEU0MTE5NUNBQkEzNEYzRDJDMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+n0+WDwAAAUJJREFUeNqkkzFPwzAQhc9RhiRFGYIUNlSY2pWxP6AVM2t3lm7MTP0LLN27dkbkB3RkbSeouhGJDBGQbuGedbYsq0JE/aQnRc8+x34+q7IsyWPMmrBGrKF4G9aa9cIq3MnKWaDPmrHuWWd0nC/WgvXE2sEIneI5a0p/g4UfWBesRywSyMDsH8UuU6nROxjLtjVt21LTNFRVFdV1rb00TSnLMorjmJRSZipqilACs2dG8et2S8/vb1T2Eu3l3z90e3VNN4MBJUniHmcSStoW/BnF+/PMevso0l4/z90FwChwrkqDbZs/u8AzR3IYBnQigTSJBYHhzD7wMOaxCaTDLEgbgV1+VhQdDlr4hocxjzU6Ede4MjfR4RrRlXeh9PZCOkxPQNJe2sdATWFCRG8vO2S3lBr7FnbS2x9dH5M69Tn/CjAAcVtzXUr72C8AAAAASUVORK5CYII=);
}

.bitdash-prog-btn, .bitdash-prog-btn:hover {
  position: absolute;
  top: -3px;
  right: -5px;
}

.bitdash-vol-bar, .bitdash-vol-bar-change {
  cursor: pointer;
  height: 100%;
  width: 10px;
  border: none;
  border-radius: 5px;
  background-color: #777;
  text-align: right;
  margin: 0 auto;
  display: inline-block;
  vertical-align: bottom;
  line-height: 0;
}

.bitdash-mute-w {
  line-height: 0;
}

.bitdash-mute {
  width: 24px;
  height: 100%;
}

.bitdash-vol-bar {
  margin-left: 7px;
}

.bitdash-vol-bar-change {
  background-color: #00aca8;
  margin: 0 5px 0 -10px;
  z-index: 9999;
}

.bitdash-vol-w {
  height: 80px;
  margin-top: 5px;
}

.bitdash-vol-w:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
  margin-right: -.15em;
}

.bitdash-vol-btn-w {
  margin-top: -8px;
}

.bitdash-btn-overlay[data-state=buffering], .bitdash-btn-overlay[data-state=buffering]:hover, .bitdash-btn-overlay[data-state=casting], .bitdash-btn-overlay[data-state=casting]:hover {
  background-image: none;
  cursor: default;
}

.bitdash-btn-overlay[data-state=casting] {
  display: block !important;
}

.bitdash-cast-msg {
  display: none;
  text-align: center;
  font-family: Verdana,sans-serif;
  font-size: 16px;
  padding: 10px 10px 12px 66px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADyklEQVR4Ae2bS2hcVRjHb9KaeQhSUx+0tAqiQjNNamtB8IGbLhRDLaIiuFDBRWsVfFAt3YiWKqVV0VYnSsBWJL6DG9GEGIJBMPGB2cQmSB5kIkgSQpy8Jpk7P5dyznePdxaTe8+F8/tWYT7m5Jc7Z77/uZnxHA6Hw+FwOBz/wV7aGKWEbZQYIc8ePLXUHzO0YzcV2kibBDL8QBLoIx0s0E5SyAcJ7CU5VNgjBdpIEu9KgVGSxB9SoESSWJUCOp5lpeEEIi4n4AScgBOIGifgBKIWkOUE7BL4hvVkC3hczdMMJU5A1N18hZ8wAVG7+AQ/YQKicnQlTkBUK3/aI+Czwhyj/EgHp3iU3WyqQiHLW/h2CEiK9HCCfdSFSNzOuFUCgkne4Jb/VdhCp3UCgp95nAbMEsfwrRMQ/MULZIwKBylaKSAknqTeoLCPGSsFBL+x3zjiCkkQgDJnSQUq3EAhHoF60lxLjns5Sp4B1ghjiCbDVZixYRJnOMCbTABmFnnYsBcW7YkSd/Ahy5g5iYes+/FtykJX8TLzmPiIzXiiXrQtzG3hNCWC6QwccV/bl0Zv5HujgrwKVzJpY5w+zBJBXET23olv43mgiUsE8Qqy953oBNaYY4J+2nme20LOAlfwHUE8JDovZyyeSbzAlxzCnD43cwFJkV2i81CcUWKWk2w1KNSRR/I7MmD0xJuFFjlF1qBwAckZ0ddCJe4wN8lBwwtJ7oUyt4q+L2xIo++RCtzOI+j8Is4Lu6nELwC/sh2pkEMmpSfkVLZBAMa5GalwBJ1p0lrPgY0XaKCRHA/wGj/hY+LvQIVedJ4VPcNRTuIdHKdgvArbRP9NIuYVuEzreS7qKNHAYWYNe0Fu5zPoPKZ1bKMcfRbayqcEcV50NrKAyoDo6Y4nzB1hHUmr6HsVnZZo/9FtrvtYljtBTOdrWEHltC0CHq2sV3EWvigkrRHweAqdIo1az13otEQpsMY03RznesMTfBZ6gKljCpWX4viwh08HOwPvTMyhMiPe699GpSsOAYAij+CJOoqGyKj3iGNRfSwChjCQYhqVz7WOrNjsTfEJVJC3DU+gMi/+woOoyCsZ2Qdf4R92aIvvFLl+v9bxQeibbW0YrkYAPhbLD4a80J4JfYbacK46gTLXacu/jsr7YuSp9G+IQIXm6gTgmLb8g6j0iQO8yqVaCsgwGS7wrbZ8Mypj2uPbxayovUAvqeoFpvRxFvILZlFZqrFAhfOk8KoXKOmzIOTxTWIX1UpglWHO0Sy/hpXQcgJOwAk4ASfgBJyAE6hB/QvORJLVqCRaQwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: center left;
}

.bitdash-btn-overlay[data-state=casting] .bitdash-cast-msg {
  display: inline-block;
}

.bitdash-btn-overlay[data-state=casting] .bitdash-cast-msg:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.bitdash-cast-msg > span {
  vertical-align: middle;
}

.bitdash-btn-overlay[data-state=casting] .bitdash-buf-area-w, .bitdash-btn-overlay[data-state=playpause] .bitdash-buf-area-w {
  display: none;
}

.bitdash-black {
  background-color: #000;
}

.bitdash-buf-area-w {
  background: 0 0;
  width: 80px;
  height: 80px;
  margin: auto;
  clear: both;
}

.bitdash-btn-overlay[data-state=buffering] .bitdash-buf-area-w {
  display: block;
}

.bitdash-buf-area {
  position: relative;
  width: 40px;
  height: 40px;
  margin: auto;
  top: 20px;
}

.bitdash-buf-area-w-center {
  width: 100%;
  height: 50%;
  float: left;
  margin-bottom: -40px;
}

.bitdash-buf-area > * {
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  height: 10px;
  width: 10px;
  -moz-border-radius: 4px;
  -moz-animation-name: bitdash_buf_ani;
  -moz-animation-duration: .88s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 5px;
  -webkit-animation-name: bitdash_buf_ani;
  -webkit-animation-duration: .88s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-border-radius: 5px;
  -ms-animation-name: bitdash_buf_ani;
  -ms-animation-duration: .88s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-border-radius: 5px;
  -o-animation-name: bitdash_buf_ani;
  -o-animation-duration: .88s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  border-radius: 5px;
  animation-name: bitdash_buf_ani;
  animation-duration: .88s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}

.bitdash-buf-dot-1 {
  left: 0;
  top: 16px;
  -moz-animation-delay: .33s;
  -webkit-animation-delay: .33s;
  -ms-animation-delay: .33s;
  -o-animation-delay: .33s;
  animation-delay: .33s;
}

.bitdash-buf-dot-2 {
  left: 5px;
  top: 5px;
  -moz-animation-delay: .44s;
  -webkit-animation-delay: .44s;
  -ms-animation-delay: .44s;
  -o-animation-delay: .44s;
  animation-delay: .44s;
}

.bitdash-buf-dot-3 {
  left: 16px;
  top: 0;
  -moz-animation-delay: .55s;
  -webkit-animation-delay: .55s;
  -ms-animation-delay: .55s;
  -o-animation-delay: .55s;
  animation-delay: .55s;
}

.bitdash-buf-dot-4 {
  right: 5px;
  top: 5px;
  -moz-animation-delay: .66s;
  -webkit-animation-delay: .66s;
  -ms-animation-delay: .66s;
  -o-animation-delay: .66s;
  animation-delay: .66s;
}

.bitdash-buf-dot-5 {
  right: 0;
  top: 16px;
  -moz-animation-delay: .77s;
  -webkit-animation-delay: .77s;
  -ms-animation-delay: .77s;
  -o-animation-delay: .77s;
  animation-delay: .77s;
}

.bitdash-buf-dot-6 {
  right: 5px;
  bottom: 5px;
  -moz-animation-delay: .88s;
  -webkit-animation-delay: .88s;
  -ms-animation-delay: .88s;
  -o-animation-delay: .88s;
  animation-delay: .88s;
}

.bitdash-buf-dot-7 {
  left: 16px;
  bottom: 0;
  -moz-animation-delay: .99s;
  -webkit-animation-delay: .99s;
  -ms-animation-delay: .99s;
  -o-animation-delay: .99s;
  animation-delay: .99s;
}

.bitdash-buf-dot-8 {
  left: 5px;
  bottom: 5px;
  -moz-animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

@-moz-keyframes bitdash_buf_ani {
  0% {
    background-color: #00aca8;
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes bitdash_buf_ani {
  0% {
    background-color: #00aca8;
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@-ms-keyframes bitdash_buf_ani {
  0% {
    background-color: #00aca8;
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@-o-keyframes bitdash_buf_ani {
  0% {
    background-color: #00aca8;
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@keyframes bitdash_buf_ani {
  0% {
    background-color: #00aca8;
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
.bitdash-subtitles {
  position: absolute;
  background-color: #fff;
  text-align: center;
  font-family: Verdana,sans-serif;
  font-size: 10px;
  left: 30%;
  bottom: 10%;
  width: 40%;
}

.bitdash-subs {
  position: absolute;
  bottom: 30px;
  width: 90%;
  min-height: 10px;
  margin: 0 5%;
}

.bitdash-subs p {
  text-align: center;
  font-size: 1.5vw;
  font-family: sans-serif;
  color: #fff;
  text-shadow: 1px 1px 1px black,1px -1px 1px black,-1px 1px 1px black,-1px -1px 1px #000;
}

.profile-page > .container {
  width: 80%;
  margin: 0 10%;
}
.profile-page > .container > input[type="text"] {
  display: block;
  padding: 0;
  border: none;
  border-bottom: solid 2px rgba(255, 255, 255, 0.1);
  transition: border 0.3s;
  background-color: black;
  outline: none;
  color: #dadada;
  width: 90%;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .profile-page > .container > input[type="text"] {
    width: 45%;
    line-height: 1.6rem;
  }
}
.profile-page > .container > input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #3e3e3e;
}
.profile-page > .container > input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #3e3e3e;
}
.profile-page > .container > input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #3e3e3e;
}
.profile-page > .container > input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #3e3e3e;
}
.profile-page > .container > input[type="text"]:focus {
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.profile-page > .container > .profile-avatar-container {
  width: 100%;
  margin-top: 7%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .profile-page > .container > .profile-avatar-container {
    margin: 3% 0 0 0;
  }
}
.profile-page > .container > .profile-avatar-container > .profile-avatar-image-wrapper {
  width: 140px;
  height: 140px;
  position: relative;
  top: 0;
  left: 0;
  border: 0px;
  background: none;
}
.profile-page > .container > .profile-avatar-container > .profile-avatar-image-wrapper > .profile-avatar-image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.profile-page > .container > .profile-avatar-container > .profile-avatar-image-wrapper > .profile-avatar-image .mobi-image {
  background-size: contain;
}
.profile-page > .container > .profile-avatar-container > .profile-avatar-image-wrapper > .profile-avatar-edit {
  position: absolute;
  opacity: 0.3;
  width: 35px;
  height: 35px;
  right: 0;
  bottom: 0;
  padding: 7px;
  /* to increase tap area */
  border-top-left-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.profile-page > .container > .profile-avatar-container > .profile-avatar-image-wrapper:hover .profile-avatar-edit {
  opacity: 1.0;
}
.profile-page > .container > .profile-action-buttons {
  width: 100%;
  margin-top: 7%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .profile-page > .container > .profile-action-buttons {
    margin-top: 3%;
  }
}
.profile-page > .container > .profile-action-buttons > .profile-action-button {
  margin: 0 1% 0 0;
  background-color: black;
  color: #dadada;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 7px 40px;
  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.profile-page > .container > .profile-action-buttons > .profile-action-button:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.profile-page > .container > .profile-action-buttons > .profile-action-button:active {
  background-color: rgba(255, 255, 255, 0.3);
}

.browse-wrap {
  display: block;
  position: relative;
  width: 100%;
}

.browse-content {
  height: auto;
  margin: 0 auto 0 auto;
  position: relative;
  width: 100%;
}

.browse-source-selector-wrapper {
  position: relative;
  margin: 0 80px;
}
.browse-source-selector-wrapper .browse-source-selector {
  display: block;
  min-width: 320px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 5;
  padding: 2px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .browse-source-selector-wrapper .browse-source-selector {
    padding: 0 0px;
  }
}
.browse-source-selector-wrapper .browse-source-selector .browse-header-item {
  width: 25%;
  float: left;
  padding-left: 1.13636%;
  padding-right: 1.13636%;
  border-bottom: 2px solid #8f8f8f;
  color: #a2a2a2;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}
.browse-source-selector-wrapper .browse-source-selector .browse-header-item:hover {
  color: white;
  cursor: pointer;
}
.browse-source-selector-wrapper .browse-source-selector .browse-header-item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.browse-source-selector-wrapper .browse-source-selector .browse-header-item:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .browse-source-selector-wrapper .browse-source-selector .browse-header-item:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .browse-source-selector-wrapper .browse-source-selector .browse-header-item:focus {
    border: 1px solid #da532c;
  }
}
.browse-source-selector-wrapper .browse-source-selector .browse-header-item:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.browse-source-selector-wrapper .browse-source-selector .active {
  color: white;
  border-bottom: 2px solid white;
}
@media (min-width: 163px) {
  .browse-source-selector-wrapper .browse-source-selector {
    left: 0;
    right: 0;
  }
}
@media (min-width: 737px) and (min-height: 415px) and (min-width: 415px), (min-width: 415px) and (min-height: 737px) and (min-width: 415px) {
  .browse-source-selector-wrapper {
    margin: 0 auto 0 0px;
    width: 162px;
  }
}
@media (min-width: 737px) and (min-height: 415px) and (min-width: 162px), (min-width: 415px) and (min-height: 737px) and (min-width: 162px) {
  .browse-source-selector-wrapper {
    margin: auto;
    width: 100%;
  }
}
@media (min-width: 737px) and (min-height: 415px) and (min-width: 1600px), (min-width: 415px) and (min-height: 737px) and (min-width: 1600px) {
  .browse-source-selector-wrapper {
    padding: 0 0px 0 0px;
    width: 1600px;
  }
}

.browse-sidebar {
  display: none;
  left: 0;
  margin: 0 auto 0 auto;
  position: relative;
  width: 0px;
  z-index: 450;
  opacity: 1;
  top: 0;
}
.browse-sidebar li {
  height: 40%;
  position: relative;
}
.browse-sidebar li a {
  height: 100%;
  position: relative;
}
@media (min-width: 737px) and (min-height: 415px) and (min-width: 415px), (min-width: 415px) and (min-height: 737px) and (min-width: 415px) {
  .browse-sidebar {
    display: block;
    position: absolute;
  }
}
@media (min-width: 737px) and (min-height: 415px) and (min-width: 736px), (min-width: 415px) and (min-height: 737px) and (min-width: 736px) {
  .browse-sidebar {
    position: absolute;
  }
}
@media (min-width: 737px) and (min-height: 415px) and (min-width: 1600px), (min-width: 415px) and (min-height: 737px) and (min-width: 1600px) {
  .browse-sidebar {
    left: calc((100vw - 1600px) / 2);
  }
}

.browse-page-top-bar {
  background-color: rgba(0, 0, 0, 0.85);
  height: 40px;
  position: relative;
  top: 50px;
  z-index: 400;
  padding: 0 3%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .browse-page-top-bar {
    padding: 0 5%;
    height: 45px;
    top: 60px;
  }
}
@media (min-width: 1600px) {
  .browse-page-top-bar {
    width: 1600px;
    margin: 0px auto;
  }
}
.browse-page-top-bar .browse-results {
  display: inline-block;
  text-align: left;
  color: white;
  padding-left: 3%;
  height: 40px;
  line-height: 40px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .browse-page-top-bar .browse-results {
    padding-left: 5%;
    height: 45px;
    line-height: 45px;
  }
}
@media (min-width: 1600px) {
  .browse-page-top-bar .browse-results {
    width: 1600px;
    margin: 0 auto;
  }
}
.browse-page-top-bar .browse-results .browse-results-title-total {
  font-weight: 400;
  color: lightgray;
}
.browse-page-top-bar .browse-results .browse-results-title-type {
  color: gray;
}
.browse-page-top-bar .browse-result-no-content {
  color: #FFFFFF;
  height: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.browse-page-top-bar .browse-result-no-content .browse-results-title-no-content {
  color: #808080;
}
.browse-page-top-bar .browse-filter {
  display: inline-block;
  cursor: pointer;
  margin-left: auto;
}
.browse-page-top-bar .browse-filter button {
  border-radius: 10px;
  color: #8a8a8a;
  padding: 8px 30px;
  background: transparent;
  border: 1px solid #2f2f2f;
  margin-right: 10px;
  cursor: pointer;
  margin-right: 0px;
}
@media only screen and (max-width: 480px) {
  .browse-page-top-bar .browse-filter button {
    padding: 4px 10px;
    border-radius: 5px;
  }
}
.browse-page-top-bar .browse-filter button:hover {
  background-color: #D6D5D5;
  color: #000;
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .browse-page-top-bar {
    background: rgba(43, 43, 43, 0.7);
    -webkit-backdrop-filter: blur(20px);
  }
}

a {
  text-decoration: none;
  color: #808080;
}

.browse-grid {
  margin: 0 auto;
  text-align: center;
}
.browse-grid .browse-grid-item {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  position: relative;
  box-sizing: content-box;
  display: inline-block;
  backface-visibility: hidden;
}
.browse-grid .browse-grid-item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.browse-grid .browse-grid-item:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .browse-grid .browse-grid-item:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .browse-grid .browse-grid-item:focus {
    border: 1px solid #da532c;
  }
}
.browse-grid .browse-grid-item:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.browse-grid .browse-grid-item .play-button {
  height: 50px;
  position: absolute;
  margin: -25px 0 0 -25px;
  left: 50%;
  top: 50%;
  width: 50px;
}
.browse-grid .browse-grid-item .play-button:hover {
  cursor: pointer;
}
.browse-grid .browse-grid-item .play-button:active {
  transform: translateY(2px);
}
.browse-grid .browse-grid-item .landscape-image, .browse-grid .browse-grid-item .portrait-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
}
.browse-grid .browse-grid-item .landscape-image .mobi-image, .browse-grid .browse-grid-item .portrait-image .mobi-image {
  border: 1px solid #2B2B2B;
  border-radius: 1px;
  background-size: cover;
}
.browse-grid .browse-grid-item .square-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
}
.browse-grid .browse-grid-item .square-image .mobi-image {
  border: 1px solid #2B2B2B;
  border-radius: 1px;
  background-size: 80%;
}
.browse-grid .browse-grid-item .progress-Bar {
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  margin: 0px 0px;
  height: 2px;
  background: #0099ff;
}
.browse-grid .browse-grid-item-with-meta {
  display: inline-block;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  text-align: left;
  width: 46%;
  margin: 0 2% 1% 2%;
  float: left;
  padding-bottom: 1%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
@media (min-width: 600px) {
  .browse-grid .browse-grid-item-with-meta {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
  .browse-grid .browse-grid-item-with-meta .metadata-wrapper .primary {
    font-size: 14px;
  }
  .browse-grid .browse-grid-item-with-meta .metadata-wrapper .secondary {
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  .browse-grid .browse-grid-item-with-meta {
    margin: 0 1% 1% 1%;
    width: 23%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .browse-grid .browse-grid-item-with-meta {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
}
.browse-grid .browse-grid-item-with-meta .content-image-holder {
  position: relative;
}
.browse-grid .browse-grid-item-with-meta .content-image-holder .content-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
}
.browse-grid .browse-grid-item-with-meta .content-image-holder .content-image .landscape-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
}
.browse-grid .browse-grid-item-with-meta .content-image-holder .content-image .landscape-image .mobi-image {
  border: 1px solid #2B2B2B;
  border-radius: 1px;
  background-size: cover;
}
.browse-grid .browse-grid-item-with-meta .metadata-wrapper {
  width: 100%;
  height: 55.9px;
  height: 60.9px;
}
.browse-grid .browse-grid-item-with-meta .metadata-wrapper .primary {
  color: #949494;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  padding: 0 2px;
  line-height: 18.2px;
  max-height: 36.4px;
  margin-top: 5px;
}
.browse-grid .browse-grid-item-with-meta .metadata-wrapper .secondary {
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 400;
  line-height: 16.5px;
  padding: 0 2px;
  max-height: 16.5px;
  margin-top: 3px;
}
.browse-grid .browse-grid-item-with-meta .progress-Bar {
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  margin: 0px 0px;
  height: 2px;
  background: #0099ff;
}
.browse-grid .landscape {
  width: 46%;
  margin: 0 2% 1% 2%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .browse-grid .landscape {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
  .browse-grid .landscape .metadata-wrapper .primary {
    font-size: 14px;
  }
  .browse-grid .landscape .metadata-wrapper .secondary {
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  .browse-grid .landscape {
    margin: 0 1% 1% 1%;
    width: 23%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .browse-grid .landscape {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
}
.browse-grid .portrait {
  width: 48%;
  margin: 0 1% 2% 1%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .browse-grid .portrait {
    margin: 0 1% 2% 1%;
    width: 31.33333%;
  }
  .browse-grid .portrait .metadata-wrapper .primary {
    font-size: 15px;
  }
  .browse-grid .portrait .metadata-wrapper .secondary {
    font-size: 13px;
  }
}
@media (min-width: 900px) {
  .browse-grid .portrait {
    margin: 0 0.75% 1.5% 0.75%;
    width: 23.5%;
  }
}
@media (min-width: 1280px) {
  .browse-grid .portrait {
    margin: 0 0.5% 1% 0.5%;
    width: 19%;
  }
}
@media (min-width: 1600px) {
  .browse-grid .portrait {
    width: 15.66667%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .browse-grid .portrait {
    margin: 0 1.5% 1% 1.5%;
    width: 17%;
  }
}
.browse-grid .grid-scroller .inner2 {
  padding: 10px 3%;
  margin: 0px;
  overflow-x: hidden;
  margin-top: 40px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .browse-grid .grid-scroller .inner2 {
    padding: 10px 5%;
    margin-top: 45px;
  }
}

#browse-wrap-scroll {
  padding-top: 0;
  z-index: 0;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.browse-page-title-section {
  display: block;
  height: 50px;
  opacity: 1;
  position: relative;
  width: 100%;
}
.browse-page-title-section .browse-page-title {
  bottom: 0;
  color: #a2a2a2;
  height: auto;
  left: 0;
  margin: auto auto;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  vertical-align: middle;
}

.grid-scroll-wrapper {
  width: 100%;
  margin: 0 0;
  text-align: center;
  color: white;
}

.grid-scroller {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 10px;
}
@media (min-width: 1600px) {
  .grid-scroller {
    width: 1600px;
    margin: 0 auto;
  }
}

.channel-row {
  float: left;
  width: 100%;
  min-height: 280px;
}
.channel-row > .channel-info {
  text-align: left;
  padding-bottom: 10px;
}
.channel-row > .channel-info .channel-logo {
  height: 45px;
  width: 60px;
  display: inline-block;
}
.channel-row > .channel-info .channel-logo .mobi-image {
  background-size: contain;
}
.channel-row > .channel-info .channel-number {
  margin-left: 10px;
  position: relative;
  top: -3px;
}

.grid-container {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.grid-container:hover .grid-navigation {
  display: block;
}

.grid-slider {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  transition: all 0.2s ease-in-out;
}

.grid-slider-item {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.grid-slider-item .browse-grid-item-with-meta {
  width: 90% !important;
}

.grid-slider-item-img {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
}

.grid-slider-item_transparent {
  opacity: 0.3;
}

.grid-navigation {
  position: absolute;
  top: 0;
  height: 100%;
  cursor: pointer;
  width: 70px;
  background-color: rgba(93, 92, 92, 0.18);
  display: none;
}

.grid-navigation_left {
  left: -70px;
}

.grid-navigation_right {
  right: -70px;
  text-align: right;
}

.grid-arrow_left,
.grid-arrow_right {
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  background-image: url("/images/right-arrow.cff8dc7c.svg");
}

.grid-arrow_left {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

@media screen and (min-width: 1280px) {
  .grid-arrow_left,
  .grid-arrow_right {
    background-size: 80%;
  }
}
@media screen and (max-width: 720px) {
  .grid-navigation {
    width: 40px;
  }

  .grid-arrow_left,
  .grid-arrow_right {
    background-size: 70%;
  }
}
.filter-bar {
  display: flex;
  position: relative;
  white-space: nowrap;
  max-width: 80%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .filter-bar {
    max-width: 90%;
  }
}
.filter-bar .filter-string {
  color: #cacaca;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-bar .clear-button {
  padding: 0px 15px;
}
.filter-bar .clear-button button {
  background: transparent;
  color: #da532c;
  border: 0;
  outline: none;
  cursor: pointer;
}

.filter_options_container {
  right: 0;
  top: 0;
  position: fixed;
  z-index: 500;
  margin-top: 50px;
  width: 100%;
  height: calc(100vh - 50px);
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .filter_options_container {
    margin-top: 60px;
    width: 375px;
    height: calc(100vh - 60px);
  }
}
@media (min-width: 1600px) {
  .filter_options_container {
    width: 25%;
  }
}

.see-more-wrap {
  display: block;
  width: 100%;
}

.back-search-class {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.85);
  top: 50px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .back-search-class {
    top: 60px;
  }
}

.back-search-text {
  height: auto;
  color: #636262;
  font-size: 0.9rem;
  background: url(/images/back_to_search_results.1955bb13.svg) left center no-repeat;
  background-size: 0.4rem 0.6rem;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
  vertical-align: middle;
  padding-left: 5%;
  background-position: 3%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .back-search-text {
    padding-left: 6%;
    background-position: 5%;
  }
}
@media (min-width: 1600px) {
  .back-search-text {
    padding-left: 13%;
    background-position: 12%;
  }
}
.back-search-text span:first-child {
  display: inline-block;
  height: 100%;
  cursor: pointer;
}
.back-search-text span:first-child:hover {
  color: white;
}
.back-search-text span:last-child {
  font-weight: 400;
}

.see-more-content {
  margin: 0 auto 0 auto;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.see-more-grid {
  margin: 0 auto 0 auto;
  text-align: center;
  width: 100%;
  height: auto;
}
.see-more-grid .see-more-grid-item {
  display: inline-block;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  backface-visibility: hidden;
}
.see-more-grid .see-more-grid-item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.see-more-grid .see-more-grid-item:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .see-more-grid .see-more-grid-item:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .see-more-grid .see-more-grid-item:focus {
    border: 1px solid #da532c;
  }
}
.see-more-grid .see-more-grid-item:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.see-more-grid .see-more-grid-item .play-button {
  height: 50px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: calc(50% - (50px / 2));
  width: 50px;
}
.see-more-grid .see-more-grid-item .play-button:hover {
  cursor: pointer;
}
.see-more-grid .see-more-grid-item .play-button:active {
  transform: translateY(2px);
}
.see-more-grid .see-more-grid-item .landscape-image, .see-more-grid .see-more-grid-item .portrait-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 2px;
  object-fit: cover;
}
.see-more-grid .see-more-grid-item .landscape-image .mobi-image, .see-more-grid .see-more-grid-item .portrait-image .mobi-image {
  border: 1px solid #2B2B2B;
  border-radius: 1px;
  background-size: cover;
}
.see-more-grid .see-more-grid-item .square-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 2px;
  object-fit: cover;
}
.see-more-grid .see-more-grid-item .square-image .mobi-image {
  border: 1px solid #2B2B2B;
  border-radius: 1px;
  background-size: 80%;
}
.see-more-grid .see-more-grid-item .progress-Bar {
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  margin: 0 0px;
  height: 2px;
  background: #0099ff;
}
.see-more-grid .see-more-grid-item-packages {
  display: inline-block;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  text-align: left;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  backface-visibility: hidden;
}
.see-more-grid .see-more-grid-item-packages .content {
  margin: 2px;
  object-fit: cover;
}
.see-more-grid .see-more-grid-item-packages .content .content-image-holder {
  position: relative;
}
.see-more-grid .see-more-grid-item-packages .content .content-image-holder .content-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 2px;
  object-fit: cover;
}
.see-more-grid .see-more-grid-item-packages .content .content-image-holder .content-image .landscape-image, .see-more-grid .see-more-grid-item-packages .content .content-image-holder .content-image .portrait-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 2px;
  object-fit: cover;
}
.see-more-grid .see-more-grid-item-packages .content .content-image-holder .content-image .landscape-image .mobi-image, .see-more-grid .see-more-grid-item-packages .content .content-image-holder .content-image .portrait-image .mobi-image {
  border: 1px solid #2B2B2B;
  border-radius: 1px;
  background-size: cover;
}
.see-more-grid .see-more-grid-item-packages .content .content-image-holder .content-image .square-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 2px;
  object-fit: cover;
}
.see-more-grid .see-more-grid-item-packages .content .content-image-holder .content-image .square-image .mobi-image {
  border: 1px solid #2B2B2B;
  border-radius: 1px;
  background-size: 80%;
}
.see-more-grid .see-more-grid-item-packages .content .content-image-holder .content-image .progress-Bar {
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  margin: 0 0px;
  height: 2px;
  background: #0099ff;
}
.see-more-grid .see-more-grid-item-packages .content .metadata-wrapper {
  width: 100%;
  height: 55.9px;
}
.see-more-grid .see-more-grid-item-packages .content .metadata-wrapper .primary {
  color: #949494;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  padding: 0 5px;
  line-height: 18.2px;
  max-height: 36.4px;
}
.see-more-grid .see-more-grid-item-packages .content .metadata-wrapper .secondary {
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  line-height: 16.5px;
  padding: 0 5px;
  max-height: 16.5px;
  margin-top: 3px;
  font-weight: 400;
}
.see-more-grid .landscape {
  width: 46%;
  margin: 0 2% 1% 2%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .see-more-grid .landscape {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
  .see-more-grid .landscape .metadata-wrapper .primary {
    font-size: 14px;
  }
  .see-more-grid .landscape .metadata-wrapper .secondary {
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  .see-more-grid .landscape {
    margin: 0 1% 1% 1%;
    width: 23%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .see-more-grid .landscape {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
}
.see-more-grid .portrait, .see-more-grid .square {
  width: 48%;
  margin: 0 1% 2% 1%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .see-more-grid .portrait, .see-more-grid .square {
    margin: 0 1% 2% 1%;
    width: 31.33333%;
  }
  .see-more-grid .portrait .metadata-wrapper .primary, .see-more-grid .square .metadata-wrapper .primary {
    font-size: 15px;
  }
  .see-more-grid .portrait .metadata-wrapper .secondary, .see-more-grid .square .metadata-wrapper .secondary {
    font-size: 13px;
  }
}
@media (min-width: 900px) {
  .see-more-grid .portrait, .see-more-grid .square {
    margin: 0 0.75% 1.5% 0.75%;
    width: 23.5%;
  }
}
@media (min-width: 1280px) {
  .see-more-grid .portrait, .see-more-grid .square {
    margin: 0 0.5% 1% 0.5%;
    width: 19%;
  }
}
@media (min-width: 1600px) {
  .see-more-grid .portrait, .see-more-grid .square {
    width: 15.66667%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .see-more-grid .portrait, .see-more-grid .square {
    margin: 0 1.5% 1% 1.5%;
    width: 17%;
  }
}
.see-more-grid .grid-scroller .inner2 {
  margin: 0 3%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .see-more-grid .grid-scroller .inner2 {
    margin: 0 5%;
  }
}

#see-more-wrap-scroll {
  z-index: 0;
}

.grid-scroll-wrapper {
  width: 100%;
  margin: 0 0;
  text-align: center;
  color: white;
}

.see-more-content .grid-scroller {
  padding-top: 105px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .see-more-content .grid-scroller {
    padding-top: 115px;
  }
}

.content {
  width: 100%;
  margin: 0 0;
  top: 100px;
}

.video-spinner-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-spinner-overlay[data-fullscreen=false] {
  z-index: 449;
}
.video-spinner-overlay[data-fullscreen=true] {
  z-index: 2147483647;
}
.video-spinner-overlay .spinner {
  position: absolute !important;
}
.video-spinner-overlay .reconnect-message {
  position: relative;
  top: 55%;
}

.blackout-string {
  width: 100%;
  height: 100%;
  left: 0;
  top: 50%;
  position: relative;
}

.mobi-player {
  width: 100%;
  height: 100%;
  clear: both;
  position: relative;
}
.mobi-player #mobiPlayer {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.mobi-player #mobi-vevo-video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 0;
}
.mobi-player .append-metadata[data-fullscreen=true] {
  bottom: 10%;
  position: absolute;
}
.mobi-player .append-metadata[data-fullscreen=true] .info-module-without-image-inner {
  z-index: 100;
}
.mobi-player .player-top-left-container {
  position: absolute;
  width: 20%;
  top: 10%;
  left: 10%;
  text-align: left;
  color: white;
  background: #808080;
  border: 2px solid rgba(255, 255, 255, 0.2);
  z-index: 101;
}
.mobi-player .upnext-container {
  position: absolute;
  width: 20%;
  height: 20%;
  bottom: 20px;
  right: 20px;
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  z-index: 101;
}
.mobi-player .upnext-container .landscape-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.mobi-player .upnext-container .landscape-image .mobi-image {
  background-size: cover;
}
.mobi-player .upnext-container .top-left-container {
  position: absolute;
  top: 5px;
  left: 5px;
  text-align: left;
}
.mobi-player .upnext-container .bottom-right-container {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.mobi-player .controlbarContainer {
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
}
.mobi-player .controlbarContainer .bottomControlsBackground {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  max-height: 50%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz48c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.6)), color-stop(73%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 47%, rgba(0, 0, 0, 0.8) 73%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 47%, rgba(0, 0, 0, 0.8) 73%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 47%, rgba(0, 0, 0, 0.8) 73%, rgba(0, 0, 0, 0.9) 100%);
}
.mobi-player .controlbarContainer .bottomControlsContainer {
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-current-time-thumbnail {
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-size: contain;
  width: 150px;
  height: 84px;
  position: absolute;
  top: -73px;
  text-align: center;
  color: white;
  display: inline-block;
  overflow: hidden;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-current-time-label {
  background: url("/images/Seek-Indicator_Bg.fa27fd3a.svg") center center no-repeat;
  background-size: contain;
  width: 89px;
  height: 35px;
  position: absolute;
  top: -15px;
  padding: 1px 0 0 2px;
  text-align: center;
  color: white;
  display: inline-block;
  overflow: hidden;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.7px;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-scrubBar {
  width: calc(100% - 260px);
  overflow: hidden;
  display: inline-block;
  background: none;
  cursor: pointer;
  margin: 0;
  padding: 1px 10px;
  height: 100%;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-total-duration {
  width: 70px;
  height: 100%;
  text-align: center;
  vertical-align: top;
  color: white;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.7px;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-total-duration:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-total-duration span {
  display: inline-block;
  vertical-align: middle;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-play-pause {
  position: relative;
  width: 35px;
  height: 100%;
  margin: 0 15px 0 10px;
  display: inline-block;
  vertical-align: top;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-audio-btn, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-resize-btn, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-audiosetting-btn, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-closedcaption-selected-btn {
  position: relative;
  width: 30px;
  height: 100%;
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-closedcaption-selected-btn input, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-audiosetting-btn input, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-play-pause input, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-audio-btn input, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-resize-btn input {
  display: none;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-play-pause label, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-audio-btn label, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-resize-btn label, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-audiosetting-btn label, .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-closedcaption-selected-btn label {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  background: url("/images/mediaplayer_Play.9b452a39.svg") center center no-repeat;
  background-size: contain;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-audio-btn label {
  background: url("/images/mediaplayer_Mute.d6f397b5.svg") center center no-repeat;
  background-size: 27px auto;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-resize-btn label {
  background: url("/images/mediaplayer_Fullscreen.51b2562b.svg") center center no-repeat;
  background-size: 20px auto;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-audiosetting-btn label {
  background: url("/images/audio_setting_button.0c1c01ca.svg") center center no-repeat;
  background-size: 32px auto;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-closedcaption-selected-btn label {
  background: url("/images/cc_selected.8d3cfbc3.svg") center center no-repeat;
  background-size: 32px auto;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-play-pause input[type=checkbox]:checked + label {
  background: url("/images/mediaplayer_Pause.da412da1.svg") center center no-repeat;
  background-size: contain;
}
@supports (-ms-ime-align: auto) and (color: unset) {
  .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-play-pause label {
    background: url("/images/mediaplayer_Play_edge.9caf7a56.png") center center no-repeat;
    background-size: 32px auto;
  }
  .mobi-player .controlbarContainer .bottomControlsContainer .control-bar-play-pause input[type=checkbox]:checked + label {
    background: url("/images/mediaplayer_Pause_edge.f5dd349f.png") center center no-repeat;
    background-size: 32px auto;
  }
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-audio-btn input[type=checkbox]:checked + label {
  background: url("/images/mediaplayer_Muted.5202524a.svg") center center no-repeat;
  background-size: 27px auto;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-resize-btn input[type=checkbox]:checked + label {
  background: url("/images/mediaplayer_Minimize.14c10195.svg") center center no-repeat;
  background-size: 20px auto;
}
.mobi-player .controlbarContainer .bottomControlsContainer .control-bar-main-title {
  width: calc(100% - 130px);
  height: 30px;
  margin: 5px;
  display: table-cell;
  float: left;
  text-align: left;
  vertical-align: middle;
  color: white;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 300;
  line-height: 45px;
  padding-left: 20px;
}
.mobi-player .soft-remote {
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  background-color: black;
}
.mobi-player a.boxclose {
  float: right;
  margin-top: 2px;
  margin-right: 5px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 15px;
  background: #605F61;
  font-size: 20px;
  font-weight: 200;
  display: inline-block;
  line-height: 0;
  padding: 10px 3px;
}
.mobi-player .boxclose:before {
  content: "X";
}

.img-wrapper {
  position: relative;
  background-color: #212121;
  -webkit-background-clip: content-box;
  -moz-background-clip: content-box;
  background-clip: content-box;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-font-smoothing: antialiased;
}

.img-wrapper div.title {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin: auto;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  width: 80%;
  color: #444343;
  word-wrap: normal;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1rem;
  height: 2rem;
}

.portrait-image div.title, .square-image div.title {
  font-size: 1.4rem;
  line-height: 1.4rem;
  height: 1.4rem;
}

.mobi-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  background-repeat: no-repeat;
  opacity: 0;
}

.overlay-menu-wrapper {
  margin-top: 50px;
  height: calc(100% - 70px);
  overflow-y: auto;
}
.overlay-menu-wrapper .overlay-menu {
  color: #969696;
  font-size: calc(100vh * 0.06);
  font-weight: 300;
  line-height: 14.2vh;
  height: calc((100vh - 72px) / 6);
  display: block;
  width: 80%;
  margin: 0 auto;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-transform: uppercase;
}
.overlay-menu-wrapper .overlay-menu:focus {
  outline: 0;
}
.overlay-menu-wrapper .nav-menu-active {
  color: #da532c;
}

.radio-group {
  display: inline-block;
}

.radio-label {
  font-size: 1rem;
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-left: 25px;
  cursor: pointer;
}

.radio-label-right {
  padding-left: 0px;
}

.radio-label input {
  display: none;
}

.radio-label-indicator {
  position: absolute;
  top: 2.5px;
  left: 0;
  width: 18px;
  height: 18px;
  background: #dadada;
  border-radius: 50%;
}

.radio-label-indicator-right {
  position: relative;
  float: right;
  margin-left: 25px;
}

.radio-label:hover input ~ .radio-label-indicator,
.radio-label input:focus ~ .radio-label-indicator {
  background: #808080;
}

.radio-label input:checked ~ .radio-label-indicator {
  background: #da532c;
}

.radio-label:hover input:not([disabled]):checked ~ .radio-label-indicator,
.radio-label input:checked:focus ~ .radio-label-indicator {
  background: #e99a83;
}

.radio-label-indicator:after {
  position: absolute;
  display: none;
  content: '';
}

.radio-label input:checked ~ .radio-label-indicator:after {
  display: block;
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: 300;
}

.radio-group-transparent-background .radio-group .checkbox-label {
  text-align: right;
}
.radio-group-transparent-background .radio-group .checkbox-label-indicator {
  background: transparent;
}
.radio-group-transparent-background .radio-group .checkbox-label:hover input ~ .checkbox-label-indicator,
.radio-group-transparent-background .radio-group .checkbox-label input:focus ~ .checkbox-label-indicator {
  background: transparent;
}
.radio-group-transparent-background .checkbox-label:hover input:not([disabled]):checked ~ .checkbox-label-indicator,
.radio-group-transparent-background .checkbox-label input:checked:focus ~ .checkbox-label-indicator {
  background: transparent;
  background-image: url("/images/checkmark.df07d740.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}
.radio-group-transparent-background .radio-group .checkbox-label input:checked ~ .checkbox-label-indicator {
  background: transparent;
  background-image: url("/images/checkmark.df07d740.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}

.checkbox-group {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}

.checkbox-label {
  font-size: 1rem;
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-left: 25px;
  cursor: pointer;
  text-align: right;
}

.checkbox-label-right {
  padding-left: 0px;
}

.checkbox-label input {
  display: none;
}

.checkbox-label-indicator {
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  background: #dadada;
}

.checkbox-label-indicator-right {
  position: relative;
  float: right;
  margin-left: 25px;
}

.checkbox-label:hover input ~ .checkbox-label-indicator,
.checkbox-label input:focus ~ .checkbox-label-indicator {
  background: #808080;
}

.checkbox-label input:checked ~ .checkbox-label-indicator {
  background: #da532c;
  background-image: url("/images/checkmark.df07d740.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}

.checkbox-label:hover input:not([disabled]):checked ~ .checkbox-label-indicator,
.checkbox-label input:checked:focus ~ .checkbox-label-indicator {
  background: #e99a83;
  background-image: url("/images/checkmark.df07d740.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.playback-options-overlay {
  position: relative !important;
  background-color: transparent !important;
  z-index: 449 !important;
}
@media (min-width: 737px) {
  .playback-options-overlay {
    width: 70% !important;
    left: 15% !important;
  }
}
.playback-options-overlay .overlay-inner {
  max-height: 90%;
  margin: 10px;
  overflow-y: auto;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
.playback-options-overlay .playback-options-container {
  background-color: rgba(0, 0, 0, 0.8) !important;
  padding: 10px;
}
.playback-options-overlay .playback-options-container .heading {
  font-weight: 600;
  text-align: left;
  color: #636262;
  margin: 10px;
}
.playback-options-overlay .playback-options-container .option-row {
  width: 100%;
  border-bottom: 1px solid #333333;
  cursor: pointer;
  font-weight: 300;
  display: flex;
  text-align: left;
  padding: 5px;
  position: relative;
}
.playback-options-overlay .playback-options-container .option-row .title {
  font-size: 1.5rem;
  font-weight: 300;
  color: #dadada;
}
.playback-options-overlay .playback-options-container .option-row .sub-title {
  font-size: 0.9rem;
  font-weight: 300;
  color: #636262;
}
.playback-options-overlay .playback-options-container .option-row .sub-title[data-is-highlight=true] {
  color: #da532c;
}
.playback-options-overlay .playback-options-container .option-row .play-icon {
  width: 90px;
}
.playback-options-overlay .playback-options-container .option-row .logo {
  position: absolute;
  right: 25px;
}
.playback-options-overlay .playback-options-container .option-row .titles {
  width: calc(100% - 175px);
}
.playback-options-overlay .playback-options-container .option-row:last-child {
  border-bottom: none;
}
.playback-options-overlay .playback-options-container .option-row:hover {
  background-color: #383838;
}

/****************************************************************
 *
 * CSS Percentage Circle
 *
*****************************************************************/
.rect-auto, .circle.p51 .slice, .circle.p52 .slice, .circle.p53 .slice, .circle.p54 .slice, .circle.p55 .slice, .circle.p56 .slice, .circle.p57 .slice, .circle.p58 .slice, .circle.p59 .slice, .circle.p60 .slice, .circle.p61 .slice, .circle.p62 .slice, .circle.p63 .slice, .circle.p64 .slice, .circle.p65 .slice, .circle.p66 .slice, .circle.p67 .slice, .circle.p68 .slice, .circle.p69 .slice, .circle.p70 .slice, .circle.p71 .slice, .circle.p72 .slice, .circle.p73 .slice, .circle.p74 .slice, .circle.p75 .slice, .circle.p76 .slice, .circle.p77 .slice, .circle.p78 .slice, .circle.p79 .slice, .circle.p80 .slice, .circle.p81 .slice, .circle.p82 .slice, .circle.p83 .slice, .circle.p84 .slice, .circle.p85 .slice, .circle.p86 .slice, .circle.p87 .slice, .circle.p88 .slice, .circle.p89 .slice, .circle.p90 .slice, .circle.p91 .slice, .circle.p92 .slice, .circle.p93 .slice, .circle.p94 .slice, .circle.p95 .slice, .circle.p96 .slice, .circle.p97 .slice, .circle.p98 .slice, .circle.p99 .slice, .circle.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .circle .bar, .circle.p51 .fill, .circle.p52 .fill, .circle.p53 .fill, .circle.p54 .fill, .circle.p55 .fill, .circle.p56 .fill, .circle.p57 .fill, .circle.p58 .fill, .circle.p59 .fill, .circle.p60 .fill, .circle.p61 .fill, .circle.p62 .fill, .circle.p63 .fill, .circle.p64 .fill, .circle.p65 .fill, .circle.p66 .fill, .circle.p67 .fill, .circle.p68 .fill, .circle.p69 .fill, .circle.p70 .fill, .circle.p71 .fill, .circle.p72 .fill, .circle.p73 .fill, .circle.p74 .fill, .circle.p75 .fill, .circle.p76 .fill, .circle.p77 .fill, .circle.p78 .fill, .circle.p79 .fill, .circle.p80 .fill, .circle.p81 .fill, .circle.p82 .fill, .circle.p83 .fill, .circle.p84 .fill, .circle.p85 .fill, .circle.p86 .fill, .circle.p87 .fill, .circle.p88 .fill, .circle.p89 .fill, .circle.p90 .fill, .circle.p91 .fill, .circle.p92 .fill, .circle.p93 .fill, .circle.p94 .fill, .circle.p95 .fill, .circle.p96 .fill, .circle.p97 .fill, .circle.p98 .fill, .circle.p99 .fill, .circle.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .circle.p51 .bar:after, .circle.p51 .fill, .circle.p52 .bar:after, .circle.p52 .fill, .circle.p53 .bar:after, .circle.p53 .fill, .circle.p54 .bar:after, .circle.p54 .fill, .circle.p55 .bar:after, .circle.p55 .fill, .circle.p56 .bar:after, .circle.p56 .fill, .circle.p57 .bar:after, .circle.p57 .fill, .circle.p58 .bar:after, .circle.p58 .fill, .circle.p59 .bar:after, .circle.p59 .fill, .circle.p60 .bar:after, .circle.p60 .fill, .circle.p61 .bar:after, .circle.p61 .fill, .circle.p62 .bar:after, .circle.p62 .fill, .circle.p63 .bar:after, .circle.p63 .fill, .circle.p64 .bar:after, .circle.p64 .fill, .circle.p65 .bar:after, .circle.p65 .fill, .circle.p66 .bar:after, .circle.p66 .fill, .circle.p67 .bar:after, .circle.p67 .fill, .circle.p68 .bar:after, .circle.p68 .fill, .circle.p69 .bar:after, .circle.p69 .fill, .circle.p70 .bar:after, .circle.p70 .fill, .circle.p71 .bar:after, .circle.p71 .fill, .circle.p72 .bar:after, .circle.p72 .fill, .circle.p73 .bar:after, .circle.p73 .fill, .circle.p74 .bar:after, .circle.p74 .fill, .circle.p75 .bar:after, .circle.p75 .fill, .circle.p76 .bar:after, .circle.p76 .fill, .circle.p77 .bar:after, .circle.p77 .fill, .circle.p78 .bar:after, .circle.p78 .fill, .circle.p79 .bar:after, .circle.p79 .fill, .circle.p80 .bar:after, .circle.p80 .fill, .circle.p81 .bar:after, .circle.p81 .fill, .circle.p82 .bar:after, .circle.p82 .fill, .circle.p83 .bar:after, .circle.p83 .fill, .circle.p84 .bar:after, .circle.p84 .fill, .circle.p85 .bar:after, .circle.p85 .fill, .circle.p86 .bar:after, .circle.p86 .fill, .circle.p87 .bar:after, .circle.p87 .fill, .circle.p88 .bar:after, .circle.p88 .fill, .circle.p89 .bar:after, .circle.p89 .fill, .circle.p90 .bar:after, .circle.p90 .fill, .circle.p91 .bar:after, .circle.p91 .fill, .circle.p92 .bar:after, .circle.p92 .fill, .circle.p93 .bar:after, .circle.p93 .fill, .circle.p94 .bar:after, .circle.p94 .fill, .circle.p95 .bar:after, .circle.p95 .fill, .circle.p96 .bar:after, .circle.p96 .fill, .circle.p97 .bar:after, .circle.p97 .fill, .circle.p98 .bar:after, .circle.p98 .fill, .circle.p99 .bar:after, .circle.p99 .fill, .circle.p100 .bar:after, .circle.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.circle {
  position: relative;
  font-size: 50px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
  overflow: hidden;
}

.circle *, .circle *:before, .circle *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.circle.center {
  float: none;
  margin: 0 auto;
}

.circle > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: -1;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
}

.circle:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #191919;
  width: 0.84em;
  height: 0.84em;
}

.circle .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.circle.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.circle.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.circle.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.circle.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.circle.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}

.circle.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.circle.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.circle.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.circle.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.circle.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}

.circle.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.circle.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.circle.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.circle.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.circle.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}

.circle.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.circle.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.circle.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.circle.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.circle.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}

.circle.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.circle.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.circle.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.circle.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.circle.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.circle.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.circle.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.circle.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.circle.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.circle.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}

.circle.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.circle.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.circle.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.circle.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.circle.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}

.circle.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.circle.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.circle.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.circle.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.circle.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}

.circle.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.circle.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.circle.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.circle.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.circle.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}

.circle.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.circle.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.circle.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.circle.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.circle.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.circle.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.circle.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.circle.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.circle.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.circle.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}

.circle.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.circle.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.circle.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.circle.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.circle.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}

.circle.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.circle.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.circle.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.circle.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.circle.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}

.circle.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.circle.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.circle.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.circle.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.circle.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}

.circle.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.circle.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.circle.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.circle.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.circle.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.circle.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.circle.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.circle.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.circle.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.circle.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}

.circle.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.circle.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.circle.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.circle.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.circle.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}

.circle.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.circle.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.circle.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.circle.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.circle.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}

.circle.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.circle.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.circle.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.circle.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.circle.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}

.circle.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.circle.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.circle.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.circle.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.circle.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.circle:hover {
  cursor: default;
}

.circle:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #da532c;
}

.circle:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}

.network-logo {
  height: 45px;
  width: 60px;
  display: inline-block;
}

.footer-info {
  width: 100%;
  background: rgba(25, 25, 25, 0.9);
  text-align: center;
  position: absolute;
  bottom: 0;
}

.footer-message {
  padding: 40px;
  font-weight: bold;
  color: #484848;
}

.wrap {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.wrap:after {
  content: " ";
  display: block;
  clear: both;
}

.module-bar {
  margin: 0 auto;
  padding: 0 3%;
  width: 100%;
  z-index: 9;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .module-bar {
    padding: 0 5%;
  }
}
.module-bar .module-bar-title {
  color: #a2a2a2;
  font-size: 2.3rem;
  font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
  line-height: 2.3rem;
  font-weight: 300;
  letter-spacing: -0.05rem;
  height: 100%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  word-wrap: break-word;
  position: relative;
  bottom: 0;
}
.module-bar .module-bar-title .title {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .module-bar .module-bar-title .title {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.module-bar .module-bar-title .title.item-count {
  margin-left: 1%;
}
.module-bar .module-bar-title .see-more-link {
  cursor: pointer;
  background: url(/images/more_arrow.068e38b8.svg) right center no-repeat;
  background-size: 0.8rem 1.2rem;
  padding-right: 1.4rem;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  color: #a2a2a2;
  text-decoration: none;
}
.module-bar .module-bar-title .see-more-link:hover {
  color: white;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .module-bar .module-bar-title[data-is-tv=true] {
    display: none;
  }
}
.module-bar .see-more-button {
  background: none;
  bottom: 0;
  position: absolute;
  cursor: pointer;
  font-size: 1.2rem;
  right: 4%;
  background: url(/images/more_arrow.068e38b8.svg) right center no-repeat;
  background-size: 1.2rem 1.2rem;
  padding-right: 1.1rem;
  line-height: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  margin-bottom: 10px;
  color: #686868;
}
.module-bar .see-more-button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.module-bar .see-more-button:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .module-bar .see-more-button:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .module-bar .see-more-button:focus {
    border: 1px solid #da532c;
  }
}
.module-bar .see-more-button:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .module-bar .see-more-button {
    margin-bottom: 20px;
    right: 5%;
  }
}
.module-bar .see-more-button .router-link {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.module-bar .see-more-button .router-link:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.module-bar .see-more-button .router-link:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .module-bar .see-more-button .router-link:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .module-bar .see-more-button .router-link:focus {
    border: 1px solid #da532c;
  }
}
.module-bar .see-more-button .router-link:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .module-bar .see-more-button[data-is-tv=true] {
    height: 70px;
    right: -36.4px;
    width: 72.8px;
  }
}
@media screen and (min-width: 1600px) {
  .module-bar {
    width: 1600px;
  }
}

.home-section[data-uses-full-height=true] .module-bar {
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .module-bar[data-is-tv=true] {
    top: calc(50% - (70px / 2));
  }
}

.module-bar-override {
  top: 60px !important;
  background-color: rgba(43, 43, 43, 0.95);
  height: 45px;
}

.module-bar-titleoverride {
  text-align: center !important;
  top: 10px;
}

.home-section:first-of-type {
  margin-top: 50px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .home-section:first-of-type {
    margin-top: 60px;
  }
}

.home-section {
  clear: both;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.home-section[data-uses-full-height=true] {
  height: calc(100vh - 50px);
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .home-section[data-uses-full-height=true] {
    height: calc(100vh - 60px);
  }
}

.home-section-anchors {
  padding-top: 50px;
}
.home-section-anchors .anchor {
  justify-content: center;
}

.random-size-handler {
  height: 100vh;
  width: auto;
}
@media handheld and (orientation: landscape) and (min_width: 736px) {
  .random-size-handler {
    width: 100vh;
    height: auto;
  }
}
@media screen and (min-height: 415px) {
  .random-size-handler {
    height: 100%;
  }
}
@media screen and (min-width: 737px) {
  .random-size-handler {
    width: 100%;
  }
}
@media screen and (min-width: 1309.44444px) {
  .random-size-handler {
    width: calc(100% - (2 * 200px));
  }
}
@media screen and (min-height: 737px) {
  .random-size-handler {
    height: calc(100% - (2 * 60px));
  }
}
@media screen and (min-width: 1709.44444px) {
  .random-size-handler {
    width: calc(100% - (2 * 200px));
  }
}
@media screen and (min-height: 962px) {
  .random-size-handler {
    height: calc(100% - (2 * 112.5px));
  }
}
@media screen and (min-width: 1600px) {
  .random-size-handler {
    width: 1200px;
  }
}
@media screen and (min-height: 1000px) {
  .random-size-handler {
    height: 775px;
  }
}

@media tv {
  .random-size-handler {
    padding-left: 0;
    padding-right: 0;
    width: 80%;
  }
}

.random-size-handler[data-is-tv=true] {
  padding-left: 0;
  padding-right: 0;
  width: 80%;
}

#wrapper {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

#scroller {
  position: relative;
  z-index: 0;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: auto;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}
@media (min-width: 1600px) {
  #scroller {
    width: 1600px;
    margin: 0 auto;
  }
}

.out-of-home-text {
  color: #da532c;
}

.modal {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  color: white;
  height: 100%;
  left: 0;
  margin: auto auto;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 501;
}
.modal button:not(.exclude) {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 0;
  right: 10px;
  top: 10px;
  line-height: 20px;
  cursor: pointer;
  background: url(../images/btn_close.7e7f4531.svg) center;
  background-repeat: no-repeat;
  background-size: 42px 42px;
}
.modal.opaque {
  background-color: black;
}

.announcement-modal {
  max-width: calc(1600px - 2 * 80px);
  line-height: 60px;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
.announcement-modal .announcement-message {
  font-weight: 100;
  display: block;
  line-height: 25px;
  color: gray;
  border-bottom: 1px solid gray;
  padding-bottom: 30px;
}
.announcement-modal .announcement-list {
  overflow-y: auto;
  overflow-x: hidden;
}
.announcement-modal .announced-offer-name {
  color: white;
  border-bottom: 1px solid gray;
  padding: 10px;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.95);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}

.spinner-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 599;
}

.search-focus-item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.search-focus-item:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .search-focus-item:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .search-focus-item:focus {
    border: 1px solid #da532c;
  }
}
.search-focus-item:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}

.forgot-password-overlay {
  z-index: 501;
}
.forgot-password-overlay .closeOverlay {
  z-index: 502;
}

.nav-bar {
  height: 50px;
  background: rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 450;
  opacity: 1;
}
.nav-bar a {
  display: inline-block;
  text-decoration: none;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .nav-bar {
    height: 60px;
  }
}
@media tv {
  .nav-bar {
    width: 100%;
  }
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .nav-bar {
    background: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(20px);
  }
}

.nav-bar-container {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1600px) {
  .nav-bar-container {
    width: 1600px;
    margin: 0 auto;
  }
}
@media tv {
  .nav-bar-container {
    width: 100%;
  }
}

.nav-bar[data-is-tv=true] {
  width: 100%;
}

.nav-bar .hamburger-menu {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: url("/images/menu_icon.4a058f1d.svg") no-repeat center;
  float: left;
  background-clip: content-box;
  background-size: 25px;
}
@media (min-width: 565px) {
  .nav-bar .hamburger-menu {
    display: none;
  }
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .nav-bar .hamburger-menu {
    height: 60px;
  }
}
.nav-bar body {
  background: #DDD;
  font-size: 15px;
}
.nav-bar .profile-dropdown-content-show {
  display: inline-block;
  position: absolute;
  background-color: black;
  width: 340px;
  overflow: hidden;
  right: 0;
  top: 50px;
  padding-bottom: 15px;
  box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.19);
  max-height: 90vh;
  overflow: auto;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .nav-bar .profile-dropdown-content-show {
    top: 60px;
  }
}
.nav-bar .profile-dropdown-avatar-and-name {
  color: #B3B3B3;
  border: 1px solid rgba(0, 0, 0, 0.4);
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.nav-bar .profile-avatar-image {
  width: 50px;
  height: 50px;
  vertical-align: middle;
}
.nav-bar .profile-avatar-image .mobi-image {
  background-size: contain;
}
.nav-bar .profile-nickname {
  margin-left: 10px;
  line-height: 50px;
  font-weight: 300;
  color: 300;
  flex: 1;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.nav-bar .profile-switch-profiles-btn {
  line-height: 50px;
  background: transparent;
  color: #87CEEB;
  border: 1px solid transparent;
  right: 5px;
  text-decoration: none;
  cursor: pointer;
}
.nav-bar .profile-switch-profiles-btn:hover {
  text-decoration: underline;
}
.nav-bar .profile-dropdown-content-show a {
  color: #B3B3B3;
  font-weight: 300;
  padding: 0 60px;
  text-decoration: none;
  display: block;
  letter-spacing: 0.075rem;
}
.nav-bar .profile-dropdown-content-show a:nth-child(even) {
  border-top: none;
}
.nav-bar .profile-dropdown-content-show a:hover {
  background-color: #383838;
  color: #cacaca;
}
.nav-bar .profile {
  float: right !important;
  color: #8E8E8E;
  border: none;
  background: none;
  font-size: 1.2rem;
  line-height: 45px;
  height: 50px;
  padding: 0 10px;
  position: relative;
  display: inline-block;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .nav-bar .profile {
    line-height: 45px;
    height: 60px;
  }
}
@media (min-width: 737px) {
  .nav-bar .profile {
    font-size: 1rem;
    padding: 0 12px;
  }
}
.nav-bar .profile:focus {
  outline: 0;
}
.nav-bar .profile:hover {
  cursor: pointer;
}
.nav-bar .profile button .profile-image-holder {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .nav-bar .profile button .profile-image-holder {
    width: 36px;
    height: 36px;
  }
}
.nav-bar .profile button .profile-icon-1, .nav-bar .profile button .profile-icon-2 {
  fill: transparent;
  stroke: #8E8E8E;
  stroke-miterlimit: 10;
  transition: fill 0.4s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-bar .profile button .profile-circle-image {
  border: 1px #8E8E8E;
  border-radius: 50%;
  height: 100%;
}
.nav-bar .profile button .profile-circle-image .mobi-image {
  background-size: cover;
  border-radius: 50%;
}
.nav-bar .profile button:hover .profile-icon-1 {
  fill: #8E8E8E;
  stroke: transparent;
}
.nav-bar .profile button:hover .profile-icon-2 {
  fill: #000;
  stroke: transparent;
}
.nav-bar .profile button:focus {
  outline: none;
}
.nav-bar .nav-menu {
  float: left;
  color: #DADADA;
  font-size: 19px;
  letter-spacing: 0.075rem;
  line-height: 50px;
  height: 50px;
  display: none;
  padding: 0 10px;
  text-transform: uppercase;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .nav-bar .nav-menu {
    line-height: 60px;
    height: 60px;
    font-size: 22px;
  }
}
@media (min-width: 565px) {
  .nav-bar .nav-menu {
    font-size: 1.2rem;
    display: inline-block;
    padding: 0 20px;
  }
  .nav-bar .nav-menu:hover {
    text-decoration: underline;
  }
}
.nav-bar .nav-menu:focus {
  outline: 0;
}
@media (min-width: 737px) {
  .nav-bar .nav-menu-active {
    color: #da532c;
  }
}
.nav-bar .home {
  display: inline-block;
  text-align: center;
}
.nav-bar .logo-image {
  width: 95px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .nav-bar .logo-image {
    margin-top: 5px;
  }
}
.nav-bar .search-box {
  position: absolute;
  right: 90px;
  top: -1px;
  background: black;
}
.nav-bar .search-box.data-is-searchlog-in {
  right: 60px;
}
.nav-bar .search-box.input-in-focus {
  width: calc(100vw - 100px);
}
.nav-bar .search-box.input-in-focus.data-is-searchlog-in {
  width: calc(100vw - 70px);
}
@media (min-width: 565px) {
  .nav-bar .search-box.input-in-focus {
    width: calc(100vw - 130px - 95px);
  }
  .nav-bar .search-box.input-in-focus.data-is-searchlog-in {
    width: calc(100vw - 100px - 95px);
  }
}
@media (min-width: 1600px) {
  .nav-bar .search-box.input-in-focus {
    width: calc(1600px - 130px - 95px);
  }
  .nav-bar .search-box.input-in-focus.data-is-searchlog-in {
    width: calc(1600px - 100px - 95px);
  }
}
.nav-bar .search-box .searchbox-icon {
  height: 50px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .nav-bar .search-box .searchbox-icon {
    height: 60px;
  }
}
.nav-bar .search-box .form-search-submit {
  height: 50px;
  width: 50px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .nav-bar .search-box .form-search-submit {
    height: 65px;
    width: 63px;
  }
}

.menu {
  width: 100%;
}
.menu .filter {
  text-align: left;
  width: 100%;
}
.menu li {
  padding: 5px;
  width: 100%;
  color: #a2a2a2;
}
.menu li a {
  display: block;
  color: #a2a2a2;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}
.menu li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.menu li a:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .menu li a:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .menu li a:focus {
    border: 1px solid #da532c;
  }
}
.menu li a:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.menu li a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.menu li a:active {
  text-decoration: underline;
}
.menu li img {
  display: inline-block;
  float: left;
  margin-left: auto;
  margin-right: 4px;
  padding-top: 6px;
}

#side-anchor-links {
  left: 0;
  position: fixed;
  top: 50px;
  width: 0px;
  z-index: 450;
}
#side-anchor-links .menu {
  display: none;
  float: left;
}
@media screen and (min-width: 737px) and (min-height: 415px), screen and (min-width: 415px) and (min-height: 737px) {
  #side-anchor-links .menu {
    display: block;
  }
}

@media tv {
  #side-anchor-links .menu {
    display: block;
  }
}
#side-anchor-links .menu[data-is-tv=true] {
  display: block;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  #side-anchor-links {
    top: 60px;
  }
}
@media screen and (min-width: 1600px) {
  #side-anchor-links {
    left: calc((100vw - 1600px) / 2);
  }
}
@media tv {
  #side-anchor-links {
    left: 0;
  }
}

#side-anchor-links[data-is-tv=true] {
  left: 0;
}

.anchor-active {
  color: white !important;
  text-decoration: underline !important;
}

#top-anchor-links {
  display: block;
  position: relative;
  width: 100%;
}
#top-anchor-links .filter {
  text-align: center;
}
#top-anchor-links .menu {
  margin: auto;
  padding: 50px 0 0 0;
  text-align: center;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  #top-anchor-links .menu {
    padding: 60px 0 0 0;
  }
}
#top-anchor-links img {
  float: none;
}
#top-anchor-links .router-link {
  display: inline-block;
}
@media screen and (min-width: 737px) and (min-height: 415px), screen and (min-width: 415px) and (min-height: 737px) {
  #top-anchor-links {
    display: none;
  }
}

@media tv {
  #top-anchor-links {
    display: none;
  }
}

#top-anchor-links[data-is-tv=true] {
  display: none;
}

.iframe-overlay {
  background-color: rgba(0, 0, 0, 0.8);
}
.iframe-overlay .iframe-overlay-container {
  width: 80%;
  height: 80%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.iframe-overlay .iframe-overlay-container iframe {
  width: 100%;
  height: 100%;
  position: relative;
  border: none;
}

.center-landscape {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 80px;
  transition: height 1s ease, width 1s ease;
  z-index: 5;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .center-landscape {
    top: 140px;
  }
}
.center-landscape .image-details-wrapper {
  margin: auto auto;
  position: relative;
  width: 100%;
  height: calc(100% - 80px);
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .center-landscape .image-details-wrapper {
    height: calc(100% - 140px);
  }
}
.center-landscape .image-details-wrapper .background-gradient {
  height: 100%;
  width: 100%;
  z-index: 1;
  background: url(/images/full_bleed_overlay.a96b0075.png) no-repeat left bottom;
  background-size: 100% 100%;
}
.center-landscape .image-details-wrapper .content-image {
  background: #202020;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.center-landscape .image-details-wrapper .content-image .mobi-image {
  background-size: cover;
}
.center-landscape .image-details-wrapper .details {
  z-index: 2;
  bottom: 11px;
  color: #ffffff;
  margin: auto auto;
  /* max-width: 50%;
  min-width: $centerLandscapeDetailsMinWidth;*/
  padding: 0 1.3rem 3rem 3rem;
  position: absolute;
  left: 0;
  text-align: left;
}
.center-landscape .image-details-wrapper .details .description {
  font-weight: 300;
  font-size: 1.4rem;
  color: #9E9E9E;
  width: 100%;
  margin-top: 0.3rem;
}
.center-landscape .image-details-wrapper .details .title {
  font-family: Oswald, Helvetica Condensed, Roboto, Arial, sans-serif;
  font-size: 2.5rem;
  color: #ffffff;
  font-style: normal;
  text-align: left;
  line-height: 3.5rem;
  letter-spacing: 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.55);
}
.center-landscape .image-details-wrapper .details .addSvg {
  background: url("/images/Add.86709ac1.svg") right center no-repeat;
  height: 38px;
  width: 38px;
  display: inline-block;
  top: 12px;
  position: relative;
  margin: 0 11px 0 0;
  cursor: pointer;
}
.center-landscape .image-details-wrapper .details .playPng {
  height: 38px;
  width: 38px;
  display: inline-block;
  top: 10px;
  position: relative;
  margin: 0px 12px -5px 0;
  cursor: pointer;
}
.center-landscape .image-details-wrapper .details .playPng .cls-1, .center-landscape .image-details-wrapper .details .playPng .cls-2 {
  fill: transparent;
  stroke: #da532c;
  stroke-miterlimit: 10;
  transition: fill 0.4s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.center-landscape .image-details-wrapper .details .action-btns {
  margin-top: 1.3rem;
}
.center-landscape .image-details-wrapper .details .action-btns .watchlist-btn {
  display: inline-block;
}
.center-landscape .image-details-wrapper .details .action-btns .watchlist-btn:hover .cls-1 {
  fill: #da532c;
  stroke: transparent;
}
.center-landscape .image-details-wrapper .details .action-btns .watchlist-btn:hover .cls-2 {
  fill: #000;
  stroke: transparent;
}
.center-landscape .image-details-wrapper .details .action-btns .watchlist-btn:hover .add-watch-btn {
  letter-spacing: 0.05rem;
  font-weight: 400;
}
.center-landscape .image-details-wrapper .details .action-btns .recent-btn {
  display: none;
}
.center-landscape .image-details-wrapper .details .action-btns .play-recent-btn {
  color: #0066ff;
  font-size: 1.2rem;
  font-style: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.44rem;
  opacity: 1;
  padding: 2px;
  cursor: pointer;
}
.center-landscape .image-details-wrapper .details .action-btns .add-watch-btn {
  color: #da532c;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing: 0.15rem;
  padding: 2px;
  margin: 0 53px 0 0;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.center-landscape .image-details-wrapper .details .action-btns .info-btn {
  display: inline-block;
  background-color: gray;
  background-size: 30px;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  width: 35px;
  height: 20px;
  padding: 2px;
}
.center-landscape .image-details-wrapper .details .watch-now {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 25px;
  color: #ffffff;
  font-size: 0.8em;
  font-weight: 600;
  height: 50px;
  padding: 7px 15px;
  width: 150px;
}
.center-landscape .image-details-wrapper .details .watch-now:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.center-landscape .image-details-wrapper .details .watch-now:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .center-landscape .image-details-wrapper .details .watch-now:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .center-landscape .image-details-wrapper .details .watch-now:focus {
    border: 1px solid #da532c;
  }
}
.center-landscape .image-details-wrapper .details .watch-now:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
@media tv {
  .center-landscape .image-details-wrapper {
    bottom: 0;
    height: 45vw;
    left: 0;
    margin: auto auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80vw;
  }
  .center-landscape .image-details-wrapper .content-image {
    object-fit: fill;
  }
}
.center-landscape .image-details-wrapper[data-is-tv=true] {
  bottom: 0;
  height: 45vw;
  left: 0;
  margin: auto auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80vw;
}
.center-landscape .image-details-wrapper[data-is-tv=true] .content-image {
  object-fit: fill;
}

.line-clamp {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.full_bleed {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: height 1s ease, width 1s ease;
  z-index: 5;
}
.full_bleed .image-details-wrapper {
  height: 100%;
  margin: auto auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: height 1s ease, width 1s ease;
  width: 100%;
}
.full_bleed .image-details-wrapper .background-gradient {
  height: 100%;
  width: 100%;
  z-index: 1;
  background: url(/images/full_bleed_overlay.a96b0075.png) no-repeat left bottom;
}
@media (min-width: 1400px) {
  .full_bleed .image-details-wrapper .background-gradient {
    background-size: 90% 565px;
  }
}
.full_bleed .image-details-wrapper .content-image {
  background: #202020;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.full_bleed .image-details-wrapper .content-image .mobi-image {
  background-size: cover;
}
.full_bleed .image-details-wrapper .details {
  z-index: 2;
  bottom: 11px;
  color: #8a8a8a;
  margin: auto auto;
  /* max-width: 50%;
  min-width: $centerLandscapeDetailsMinWidth;*/
  padding: 0 1.3rem 3rem 3rem;
  position: absolute;
  left: 0;
  text-align: left;
}
.full_bleed .image-details-wrapper .details .description {
  font-weight: 300;
  font-size: 1.3rem;
  color: #807e7e;
  width: 100%;
  margin-top: 0.3rem;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .full_bleed .image-details-wrapper .details .description {
    width: 55%;
  }
}
.full_bleed .image-details-wrapper .details .secondaryTitle {
  font-weight: 400;
  font-size: 1.1rem;
  color: #636262;
  width: 100%;
  margin-top: 0.3rem;
}
.full_bleed .image-details-wrapper .details .title {
  font-family: Oswald, Helvetica Condensed, Roboto, Arial, sans-serif;
  font-size: 2.5rem;
  color: #cacaca;
  font-style: normal;
  text-align: left;
  line-height: 3.5rem;
  letter-spacing: 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.55);
}
.full_bleed .image-details-wrapper .details .addSvg {
  background: url("/images/Add.86709ac1.svg") right center no-repeat;
  height: 38px;
  width: 38px;
  display: inline-block;
  top: 12px;
  position: relative;
  margin: 0 11px 0 0;
  cursor: pointer;
}
.full_bleed .image-details-wrapper .details .playPng {
  height: 38px;
  width: 38px;
  display: inline-block;
  top: 10px;
  position: relative;
  margin: 0px 12px -5px 0;
  cursor: pointer;
}
.full_bleed .image-details-wrapper .details .playPng .cls-1, .full_bleed .image-details-wrapper .details .playPng .cls-2 {
  fill: transparent;
  stroke: #da532c;
  stroke-miterlimit: 10;
  transition: fill 0.4s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.full_bleed .image-details-wrapper .details .action-btns {
  margin-top: 1.3rem;
}
.full_bleed .image-details-wrapper .details .action-btns .watchlist-btn {
  display: inline-block;
}
.full_bleed .image-details-wrapper .details .action-btns .watchlist-btn:hover .cls-1 {
  fill: #da532c;
  stroke: transparent;
}
.full_bleed .image-details-wrapper .details .action-btns .watchlist-btn:hover .cls-2 {
  fill: #000;
  stroke: transparent;
}
.full_bleed .image-details-wrapper .details .action-btns .watchlist-btn:hover .add-watch-btn {
  letter-spacing: 0.05rem;
  font-weight: 400;
}
.full_bleed .image-details-wrapper .details .action-btns .recent-btn {
  display: none;
}
.full_bleed .image-details-wrapper .details .action-btns .play-recent-btn {
  color: #0066ff;
  font-size: 1.2rem;
  font-style: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.44rem;
  opacity: 1;
  padding: 2px;
  cursor: pointer;
}
.full_bleed .image-details-wrapper .details .action-btns .add-watch-btn {
  color: #da532c;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing: 0.15rem;
  padding: 2px;
  margin: 0 53px 0 0;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.full_bleed .image-details-wrapper .details .action-btns .info-btn {
  display: inline-block;
  background-color: gray;
  background-size: 30px;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  width: 35px;
  height: 20px;
  padding: 2px;
}
.full_bleed .image-details-wrapper .details .watch-now {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 25px;
  color: #ffffff;
  font-weight: 600;
  height: 50px;
  padding: 7px 15px;
  width: 120px;
}
.full_bleed .image-details-wrapper .details .watch-now:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.full_bleed .image-details-wrapper .details .watch-now:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .full_bleed .image-details-wrapper .details .watch-now:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .full_bleed .image-details-wrapper .details .watch-now:focus {
    border: 1px solid #da532c;
  }
}
.full_bleed .image-details-wrapper .details .watch-now:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}

.line-clamp {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.home-gridy-module {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  z-index: 5;
  width: 94%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .home-gridy-module {
    width: 90%;
  }
}

.home-gridy-module[data-has-title=false] {
  padding-top: 0;
  height: 100%;
}

.septenary {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  right: 8px;
  bottom: 8px;
  padding: 2px 4px;
  color: white;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  font-size: 0.7rem;
  line-height: 0.7rem;
}

.home-gridy-module-item {
  display: inline-block;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  text-align: left;
  width: 48%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1%;
}
.home-gridy-module-item .content .content-image-holder {
  position: relative;
  border: 1px solid #2B2B2B;
  border-radius: 1px;
}
.home-gridy-module-item .content .content-image-holder .content-image-aspect {
  height: 0;
  padding-bottom: 56.25%;
}
.home-gridy-module-item .content .content-image-holder .content-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
}
.home-gridy-module-item .content .content-image-holder .content-image .image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
}
.home-gridy-module-item .content .content-image-holder .content-image-channel {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0px;
  object-fit: contain;
}
.home-gridy-module-item .content .content-image-holder .content-image-channel .image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0px;
  object-fit: contain;
}
.home-gridy-module-item .content .content-image-holder .content-image-channel .image .mobi-image {
  background-size: contain;
}
.home-gridy-module-item .content .metadata-wrapper {
  width: 100%;
  height: 60.9px;
}
.home-gridy-module-item .content .metadata-wrapper .primary {
  color: #949494;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  padding: 0 2px;
  margin-top: 5px;
  line-height: 18.2px;
  max-height: 36.4px;
}
.home-gridy-module-item .content .metadata-wrapper .secondary, .home-gridy-module-item .content .metadata-wrapper .quaternary {
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 400;
  line-height: 16.5px;
  padding: 0 2px;
  max-height: 16.5px;
  margin-top: 3px;
}
.home-gridy-module-item .content .metadata-wrapper .tertiary {
  color: #525252;
  font-size: 11px;
  font-weight: 400;
  line-height: 16.5px;
  padding: 0 2px;
  margin-top: 3px;
}
.home-gridy-module-item .content .mobi-image {
  background-size: cover;
}
.home-gridy-module-item [data-scheduled="true"], .home-gridy-module-item [data-disabled="true"] {
  opacity: 0.4;
}
.home-gridy-module-item [data-scheduled="true"] + .badge-strip .badge-indicator {
  display: none;
}
.home-gridy-module-item [data-scheduled="true"] + .badge-strip .scheduled-recording-badge {
  visibility: hidden;
}
.home-gridy-module-item [data-scheduled="true"] + .badge-strip .scheduled-recording-badge-text {
  color: #FFFFFF;
  margin: 23% 41%;
}
.home-gridy-module-item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.home-gridy-module-item:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .home-gridy-module-item:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .home-gridy-module-item:focus {
    border: 1px solid #da532c;
  }
}
.home-gridy-module-item:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.home-gridy-module-item .progress-Bar {
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  margin: 0 0px;
  height: 2px;
  background: #0099ff;
}

.home-gridy-module-item[data-is-tv=true] {
  width: 33.33%;
}

.home-gridy-module-item[data-module-type='landscape_grid'] {
  width: 46%;
  margin: 0 2% 1% 2%;
}
@media (min-width: 600px) {
  .home-gridy-module-item[data-module-type='landscape_grid'] {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
  .home-gridy-module-item[data-module-type='landscape_grid'] .metadata-wrapper .primary {
    font-size: 14px;
  }
  .home-gridy-module-item[data-module-type='landscape_grid'] .metadata-wrapper .secondary {
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  .home-gridy-module-item[data-module-type='landscape_grid'] {
    margin: 0 1% 1% 1%;
    width: 23%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .home-gridy-module-item[data-module-type='landscape_grid'] {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
}
.home-gridy-module-item[data-module-type='landscape_grid'] .content .content-image-holder .content-image-aspect {
  height: 0;
  padding-bottom: 56.25%;
}

.home-gridy-module-item[data-module-type='landscape_brief'] {
  width: 46%;
  margin: 0 2% 1% 2%;
}
@media (min-width: 600px) {
  .home-gridy-module-item[data-module-type='landscape_brief'] {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
  .home-gridy-module-item[data-module-type='landscape_brief'] .metadata-wrapper .primary {
    font-size: 14px;
  }
  .home-gridy-module-item[data-module-type='landscape_brief'] .metadata-wrapper .secondary {
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  .home-gridy-module-item[data-module-type='landscape_brief'] {
    margin: 0 1% 1% 1%;
    width: 23%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .home-gridy-module-item[data-module-type='landscape_brief'] {
    margin: 0 1.5% 1% 1.5%;
    width: 30.33333%;
  }
}
.home-gridy-module-item[data-module-type='landscape_brief'] .content .content-image-holder .content-image-aspect {
  height: 0;
  padding-bottom: 56.25%;
}
.home-gridy-module-item[data-module-type='landscape_brief'] .content .metadata-wrapper {
  height: 80.4px;
}

.home-gridy-module-item[data-module-type='poster_grid'] {
  width: 48%;
  margin: 0 1% 2% 1%;
}
@media (min-width: 600px) {
  .home-gridy-module-item[data-module-type='poster_grid'] {
    margin: 0 1% 2% 1%;
    width: 31.33333%;
  }
  .home-gridy-module-item[data-module-type='poster_grid'] .metadata-wrapper .primary {
    font-size: 15px;
  }
  .home-gridy-module-item[data-module-type='poster_grid'] .metadata-wrapper .secondary {
    font-size: 13px;
  }
}
@media (min-width: 900px) {
  .home-gridy-module-item[data-module-type='poster_grid'] {
    margin: 0 0.75% 1.5% 0.75%;
    width: 23.5%;
  }
}
@media (min-width: 1280px) {
  .home-gridy-module-item[data-module-type='poster_grid'] {
    margin: 0 0.5% 1% 0.5%;
    width: 19%;
  }
}
@media (min-width: 1600px) {
  .home-gridy-module-item[data-module-type='poster_grid'] {
    width: 15.66667%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .home-gridy-module-item[data-module-type='poster_grid'] {
    margin: 0 1.5% 1% 1.5%;
    width: 17%;
  }
}
.home-gridy-module-item[data-module-type='poster_grid'] .content .content-image-holder .content-image-aspect {
  height: 0;
  padding-bottom: 150%;
}
.home-gridy-module-item[data-module-type='poster_grid'] .content .metadata-wrapper {
  height: 36.4px;
}
.home-gridy-module-item[data-module-type='poster_grid'] .content .metadata-wrapper .secondary {
  display: none;
}

.home-gridy-module-item[data-module-type='poster_brief'] {
  width: 48%;
  margin: 0 1% 2% 1%;
}
@media (min-width: 600px) {
  .home-gridy-module-item[data-module-type='poster_brief'] {
    margin: 0 1% 2% 1%;
    width: 31.33333%;
  }
  .home-gridy-module-item[data-module-type='poster_brief'] .metadata-wrapper .primary {
    font-size: 15px;
  }
  .home-gridy-module-item[data-module-type='poster_brief'] .metadata-wrapper .secondary {
    font-size: 13px;
  }
}
@media (min-width: 900px) {
  .home-gridy-module-item[data-module-type='poster_brief'] {
    margin: 0 0.75% 1.5% 0.75%;
    width: 23.5%;
  }
}
@media (min-width: 1280px) {
  .home-gridy-module-item[data-module-type='poster_brief'] {
    margin: 0 0.5% 1% 0.5%;
    width: 19%;
  }
}
@media (min-width: 1600px) {
  .home-gridy-module-item[data-module-type='poster_brief'] {
    width: 15.66667%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .home-gridy-module-item[data-module-type='poster_brief'] {
    margin: 0 1.5% 1% 1.5%;
    width: 17%;
  }
}
.home-gridy-module-item[data-module-type='poster_brief'] .content .content-image-holder .content-image-aspect {
  height: 0;
  padding-bottom: 150%;
}

.home-gridy-module-item[data-module-type='logo_horizontal'] {
  margin: 0 1% 2% 1%;
}
@media (min-width: 600px) {
  .home-gridy-module-item[data-module-type='logo_horizontal'] {
    margin: 0 1% 2% 1%;
    width: 31.33333%;
  }
  .home-gridy-module-item[data-module-type='logo_horizontal'] .metadata-wrapper .primary {
    font-size: 15px;
  }
  .home-gridy-module-item[data-module-type='logo_horizontal'] .metadata-wrapper .secondary {
    font-size: 13px;
  }
}
@media (min-width: 900px) {
  .home-gridy-module-item[data-module-type='logo_horizontal'] {
    margin: 0 0.75% 1.5% 0.75%;
    width: 23.5%;
  }
}
@media (min-width: 1280px) {
  .home-gridy-module-item[data-module-type='logo_horizontal'] {
    margin: 0 0.5% 1% 0.5%;
    width: 19%;
  }
}
@media (min-width: 1600px) {
  .home-gridy-module-item[data-module-type='logo_horizontal'] {
    width: 15.66667%;
  }
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .home-gridy-module-item[data-module-type='logo_horizontal'] {
    margin: 0 1.5% 1% 1.5%;
    width: 17%;
  }
}
.home-gridy-module-item[data-module-type='logo_horizontal'] .content .content-image-holder .content-image-aspect {
  height: 0;
  padding-bottom: 100%;
}
.home-gridy-module-item[data-module-type='logo_horizontal'] .content .metadata-wrapper {
  height: 33.25px;
}
.home-gridy-module-item[data-module-type='logo_horizontal'] .content .metadata-wrapper .secondary {
  display: none;
}
.home-gridy-module-item[data-module-type='logo_horizontal'] .content .mobi-image {
  border: 1px solid #2B2B2B;
  border-radius: 1px;
  background-size: 80%;
}

.blured-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: -2;
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
  opacity: 0.7;
  overflow: hidden;
  display: block;
}
.blured-background .mobi-image {
  background-size: cover;
}

.wallpaper-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: -2;
  position: relative;
  opacity: 0.7;
}
.wallpaper-background .mobi-image {
  background-size: cover;
}

.background-gradient {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: -2;
  z-index: -1;
  background: -moz-linear-gradient(right, transparent 0%, transparent 59%, rgba(0, 0, 0, 0.65) 100%) no-repeat;
  background: -webkit-gradient(linear, right bottom, left bottom, color-stop(0%, transparent), color-stop(59%, transparent), color-stop(100%, rgba(0, 0, 0, 0.65))) no-repeat;
  background: -webkit-linear-gradient(right, transparent 0%, transparent 59%, rgba(0, 0, 0, 0.65) 100%) no-repeat;
  background: -o-linear-gradient(right, transparent 0%, transparent 59%, rgba(0, 0, 0, 0.65) 100%) no-repeat;
  background: -ms-linear-gradient(right, transparent 0%, transparent 59%, rgba(0, 0, 0, 0.65) 100%) no-repeat;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%) no-repeat;
}
.background-gradient .mobi-image {
  background-size: cover;
}

.info-module-header {
  height: 50px;
  display: block;
  position: relative;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .info-module-header {
    height: 60px;
  }
}

.info-image {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.info-image .landscape-image {
  width: 100%;
  height: 100%;
  margin: auto;
}
.info-image .landscape-image .mobi-image {
  background-repeat: no-repeat;
  background-size: cover;
}
.info-image .poster-image {
  width: 100%;
  height: 100%;
  margin: auto;
}
.info-image .poster-image .mobi-image {
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .info-image .poster-image .mobi-image {
    max-height: 60vh;
  }
}
@media (min-width: 560px) and (max-width: 737px) {
  .info-image .poster-image .mobi-image {
    max-height: calc(90vh - 60px) !important;
  }
}

.info-metadata {
  text-align: left;
  padding: 25px;
  position: relative;
}
.info-metadata .provider-name {
  margin: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
  line-height: 1.06875rem;
  max-height: 1.06875rem;
  color: #8a8a8a;
}
.info-metadata .network-logo {
  height: 45px;
  width: 60px;
  display: inline-block;
}
.info-metadata .network-logo .mobi-image {
  background-size: contain;
}
.info-metadata .primary-title {
  overflow: hidden;
  font-family: Oswald, Helvetica Condensed, Roboto, Arial, sans-serif;
  max-height: 9.75rem;
  font-size: 2.5rem;
  line-height: 3.25rem;
  color: #cacaca;
  white-space: pre-line;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-weight: 300;
}
.info-metadata .primary-subtitle {
  overflow: hidden;
  font-family: Oswald, Helvetica Condensed, Roboto, Arial, sans-serif;
  max-height: 7.02rem;
  font-size: 1.8rem;
  line-height: 2.34rem;
  color: #8a8a8a;
  white-space: pre-line;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-weight: 300;
}
.info-metadata .aired-date {
  overflow: hidden;
  font-size: 0.9rem;
  font-style: italic;
  color: #8a8a8a;
}
.info-metadata .secondary-title {
  margin-top: 10px;
  color: #8a8a8a;
  font-size: 0.8rem;
  line-height: 1.36rem;
  font-weight: 400;
}
.info-metadata .secondary-title span {
  white-space: pre-wrap;
  letter-spacing: 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
}
.info-metadata .secondary-title .secondary-title2[data-is-highlight=true] {
  color: #da532c;
}
.info-metadata .secondary-title .info-btn {
  display: none;
  background-color: gray;
  background-size: 30px;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
}
.info-metadata .description {
  margin-top: 8px;
  color: #8a8a8a;
  font-size: 1rem;
  line-height: 1.5rem;
  max-height: 4.5rem;
  overflow: hidden;
  white-space: pre-line;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.info-metadata .description .see-more {
  color: #ffd537;
  cursor: pointer;
  pointer-events: all;
}
.info-metadata .seeMoreDescription {
  display: none;
  color: #8a8a8a;
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 1.5rem;
  overflow: hidden;
  white-space: pre-line;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.info-metadata .action-btns {
  display: table;
  text-align: center;
  padding: 15px 15px 15px 0;
}
.info-metadata .action-btns .play-btn {
  display: table-cell;
  vertical-align: middle;
  pointer-events: all;
  width: 200px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  color: #D6D5D5;
  border: 1px solid #D6D5D5;
  padding: 0 20px;
  text-decoration: none;
  cursor: pointer;
  height: 3.2rem;
  font-size: 2.2rem;
}
.info-metadata .action-btns .play-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.info-metadata .action-btns .play-btn:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .info-metadata .action-btns .play-btn:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .info-metadata .action-btns .play-btn:focus {
    border: 1px solid #da532c;
  }
}
.info-metadata .action-btns .play-btn:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}

.info-module {
  position: relative;
  height: auto;
  margin: 0 0;
  text-align: center;
}
.info-module .background-aspect {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  height: calc(100% - 50px);
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .info-module .background-aspect {
    height: calc(100% - 60px);
  }
}
.info-module .mobi-player-aspect {
  position: absolute;
  width: 100vw;
  max-width: calc((80vh - 50px)*(16/9));
  height: calc(100vw*(9/16));
  max-height: calc(80vh - 50px);
  top: 50px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .info-module .mobi-player-aspect {
    top: 60px;
    max-width: calc((80vh - 60px)*(16/9));
    height: calc(100vw*(9/16));
    max-height: calc(80vh - 60px);
  }
}
@media (min-width: 1600px) {
  .info-module .mobi-player-aspect {
    width: 1600px;
    height: calc(1600px*(9/16));
  }
}
.info-module .info-module-aspect {
  z-index: 6;
  height: auto;
  max-height: none;
  overflow: hidden;
}
.info-module .background-image-container {
  width: 100vw;
  max-width: calc((80vh - 50px)*(16/9));
  height: calc(100vw*(9/16));
  max-height: calc(80vh - 50px);
  top: 50px;
  margin: 0 auto;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .info-module .background-image-container {
    top: 60px;
    max-width: calc((80vh - 60px)*(16/9));
    height: calc(100vw*(9/16));
    max-height: calc(80vh - 60px);
  }
}
@media (min-width: 1600px) {
  .info-module .background-image-container {
    width: 1600px;
    height: calc(1600px*(9/16));
  }
}
.info-module .info-module-inner {
  position: absolute;
  top: 50px;
  width: 100vw;
  height: calc(100vw*(9/16));
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .info-module .info-module-inner {
    top: 60px;
  }
}
.info-module .info-module-inner .btn-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: all;
  cursor: pointer;
}
.info-module .info-module-inner .btn-wrapper .play-button {
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  transform: scale(0.8);
  transition: transform 0.25s ease-out 0.15s;
  background-size: cover;
  z-index: 400;
  cursor: pointer;
}
.info-module .info-module-inner .btn-wrapper .play-button[data-is-purchased=false][data-is-logged-in=true] {
  background: url("/images/lock_hover.3e7b0218.svg");
}
.info-module .info-module-inner .btn-wrapper .play-button[data-is-purchased=false][data-is-logged-in=false] {
  background: url("/images/play_hover.508a0a04.svg");
}
.info-module .info-module-without-image-inner {
  display: block;
  position: relative;
  max-height: 736px;
  width: 100%;
  text-align: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.info-module:not([data-type='series']) .info-module-inner {
  width: 100vw;
  max-width: calc((80vh - 50px)*(16/9));
  height: calc(100vw*(9/16));
  max-height: calc(80vh - 50px);
  top: 50px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .info-module:not([data-type='series']) .info-module-inner {
    top: 60px;
    max-width: calc((80vh - 60px)*(16/9));
    height: calc(100vw*(9/16));
    max-height: calc(80vh - 60px);
  }
}
@media (min-width: 1600px) {
  .info-module:not([data-type='series']) .info-module-inner {
    width: 1600px;
    height: calc(1600px*(9/16));
  }
}
.info-module:not([data-type='series']) .info-module-without-image-inner {
  max-width: calc((90vh - 60px)*(16/9));
  margin: 0 auto;
}

.info-module[data-type='series'] {
  max-width: 800px !important;
  margin: 0 auto;
  min-height: 300px;
}
.info-module[data-type='series'] .info-module-inner {
  position: relative;
  top: 0;
}
@media (min-width: 500px) {
  .info-module[data-type='series'] .info-module-inner:after {
    content: '';
    display: block;
    clear: both;
  }
}
.info-module[data-type='series'] .info-module-aspect {
  padding-top: 15px;
}
@media (min-width: 500px) {
  .info-module[data-type='series'] .info-module-aspect {
    padding-top: 0;
  }
}
.info-module[data-type='series'] .info-module-aspect .info-module-inner {
  position: relative;
  height: 40vh;
  width: 100%;
}
@media (min-width: 500px) {
  .info-module[data-type='series'] .info-module-aspect .info-module-inner {
    height: auto;
  }
}
@media (min-width: 500px) {
  .info-module[data-type='series'] .info-module-aspect .info-module-inner .info-image {
    padding: 15px;
    left: 0;
    bottom: 0;
    left: 0;
    right: 70%;
    width: 30%;
    float: left;
  }
}
@media (min-width: 500px) {
  .info-module[data-type='series'] .info-module-aspect .info-module-inner .info-metadata {
    float: right;
    display: inline-block;
    width: 70%;
    position: relative;
    padding: 6vh 25px 6vh 15px;
  }
}

.info-description-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
.info-description-overlay .description-modal {
  max-width: calc(1600px - 2 * 80px);
  display: block;
  background-color: rgba(0, 0, 0, 0.85);
  border-color: rgba(255, 255, 255, 0.26);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  color: #8a8a8a;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  width: 90%;
  z-index: 500;
  overflow-y: hidden;
  overflow-x: hidden;
}
.info-description-overlay .description-modal .description {
  padding: 60px 30px 50px 30px;
  font-size: 1.2rem;
  line-height: 1.2rem;
  justify-content: space-around;
  text-align: left;
}
.info-description-overlay .description-modal button {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 0;
  right: 10px;
  top: 10px;
  line-height: 20px;
  cursor: pointer;
  background: url(/images/btn_close.7e7f4531.svg) center;
  background-repeat: no-repeat;
  background-size: 28px 28px;
}
.info-description-overlay .description-overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 500;
}

.children-page {
  max-width: 800px;
  position: relative;
  margin: 0 auto;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .children-page {
    max-width: 800px;
    position: relative;
    margin: 0 auto;
  }
}
.children-page .seasons-single-tab {
  height: 50px;
  margin: 20px 0;
}
.children-page .seasons-single-tab .seasons {
  height: 50px;
  display: inline-block;
  white-space: nowrap;
  overflow-x: hidden;
  text-align: center;
}
.children-page .seasons-single-tab .seasons .seasonTitle {
  color: darkgrey;
  font-size: 1.5em;
  line-height: 1.5em;
  height: 1.5em;
  margin-bottom: 10px;
  width: 100%;
}
.children-page .seasons-tab {
  height: 100px;
  margin: 20px 0;
}
.children-page .seasons-tab .prev-seasons {
  display: inline-block;
  float: left;
  width: 80px;
  cursor: pointer;
}
.children-page .seasons-tab .seasons {
  height: 100px;
  display: inline-block;
  white-space: nowrap;
  overflow-x: hidden;
  text-align: center;
}
.children-page .seasons-tab .seasons .seasonTitle {
  color: darkgrey;
  font-size: 1.5em;
  line-height: 1.5em;
  height: 1.5em;
  margin-bottom: 10px;
  width: 100%;
}
.children-page .seasons-tab .seasons .season {
  display: inline-block;
  color: #dcdcdc;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.children-page .seasons-tab .seasons .season:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.children-page .seasons-tab .seasons .season:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .children-page .seasons-tab .seasons .season:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .children-page .seasons-tab .seasons .season:focus {
    border: 1px solid #da532c;
  }
}
.children-page .seasons-tab .seasons .season:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.children-page .seasons-tab .seasons .selected {
  color: white;
  font-weight: bold;
  border: 2px solid darkgrey;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 40px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  margin: 0 10px;
}
.children-page .seasons-tab .full-episodes {
  display: inline-block;
  white-space: nowrap;
  overflow-x: hidden;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .children-page .seasons-tab .full-episodes {
    display: none;
  }
}
.children-page .seasons-tab .next-seasons {
  display: inline-block;
  float: right;
  width: 80px;
  cursor: pointer;
}
.children-page .children-grid {
  height: calc(100% - 100px);
  margin-bottom: 50px;
}
.children-page .seasons-control {
  height: 50px;
  margin: 20px 0;
}
.children-page .seasons-control .prev-seasons {
  display: inline-block;
  float: left;
  width: 160px;
  cursor: pointer;
}
.children-page .seasons-control .next-seasons {
  display: inline-block;
  float: right;
  width: 160px;
  cursor: pointer;
}
.children-page .seasons-control .seasons-control-focus:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.children-page .seasons-control .seasons-control-focus:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .children-page .seasons-control .seasons-control-focus:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .children-page .seasons-control .seasons-control-focus:focus {
    border: 1px solid #da532c;
  }
}
.children-page .seasons-control .seasons-control-focus:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.children-page .header {
  text-align: left;
  margin: 30px 0px 15px 20px;
  font-size: medium;
  color: darkgray;
}
.children-page .child-item {
  display: block;
  margin-bottom: 15px;
  width: 100%;
  height: 80px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.children-page .child-item .landscape-image {
  cursor: pointer;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.children-page .child-item .landscape-image .mobi-image {
  background-size: cover;
}
.children-page .child-item .image-wrapper {
  position: relative;
  display: inline-block;
  float: left;
  height: 80px;
  width: calc(80px * 16 / 9 - 10px);
  margin-left: 10px;
}
.children-page .child-item .progress-Bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #0099ff;
}
.children-page .child-item .info-wrapper {
  position: relative;
  display: inline-block;
  float: left;
  width: calc(100% - (80px * 16 / 9) - 20px);
  margin: 0 15px 0 5px;
  font-weight: 300;
  top: 50%;
  transform: translate(0, -50%);
}
.children-page .child-item .info-wrapper .title-wrapper {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: left;
}
.children-page .child-item .info-wrapper .title-wrapper .episode-number {
  margin: 0 5px;
  position: relative;
  color: darkgray;
}
.children-page .child-item .info-wrapper .title-wrapper .episode-number .label {
  font-size: 0.8em;
  font-weight: 400;
  text-transform: uppercase;
}
.children-page .child-item .info-wrapper .title-wrapper .episode-number .number {
  font-size: 1em;
}
.children-page .child-item .info-wrapper .title-wrapper .title {
  height: 1.5em;
  color: white;
  text-align: left;
  font-size: 1em;
  line-height: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 5px;
}
.children-page .child-item .info-wrapper .description {
  width: 100%;
  display: block;
  height: 2.2em;
  font-size: 0.8em;
  line-height: 1.2em;
  color: darkgrey;
  float: left;
  text-align: left;
  margin: 0 5px;
}
.children-page .child-item .info-wrapper .info-btn {
  float: right;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 20px;
  display: inline-block;
  background-color: gray;
  background-size: 25px;
  border-radius: 100%;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  cursor: pointer;
}
.children-page .child-item .info-wrapper .air-date {
  height: 20px;
  color: #dcdcdc;
  font-size: 14px;
  text-align: left;
  font-weight: 200;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.children-page .related-child-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  box-sizing: content-box;
  display: inline-block;
}
.children-page .related-child-item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.children-page .related-child-item:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .children-page .related-child-item:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .children-page .related-child-item:focus {
    border: 1px solid #da532c;
  }
}
.children-page .related-child-item:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.children-page .related-child-item .portrait-image {
  margin: 5px;
  height: 150px;
  width: 100px;
  object-fit: cover;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}
.children-page .related-child-item .portrait-image .mobi-image {
  background-size: cover;
}
.children-page .child-focus-item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.children-page .child-focus-item:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .children-page .child-focus-item:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .children-page .child-focus-item:focus {
    border: 1px solid #da532c;
  }
}
.children-page .child-focus-item:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.children-page .titles-label {
  height: 1.2rem;
  width: 100%;
  line-height: 1.2rem;
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 5px;
  text-align: center;
}

.related-titles-label {
  font-size: 1.5rem;
  color: darkgray;
  margin: 50px 0 30px 0;
}

.children-page[data-is-tv=true] {
  padding: 60px 80px 10px 80px;
}

.record-icon, .record-icon-disabled {
  width: 18px;
  height: 18px;
  display: inline-block;
  float: left;
}

.record-icon {
  background-color: #808080;
}

.record-icon-disabled {
  border-radius: 9px;
  background-color: #b73333;
}

.info-module-button {
  color: #8E8E8E;
  border: none;
  background: none;
  font-size: 0.8rem;
  height: 20px;
  margin: 10px 0 5px 0;
  padding-right: 8px;
  position: relative;
  width: auto;
  float: left;
}
.info-module-button:hover {
  cursor: pointer;
}
.info-module-button .spinner {
  top: 0;
  left: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  position: relative;
  width: 20px;
  height: 20px;
  float: left;
  vertical-align: middle;
  display: inline-block;
}
.info-module-button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.info-module-button:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media screen {
  .info-module-button:focus {
    outline: 1px dotted ghostwhite;
  }
}
@media tv {
  .info-module-button:focus {
    border: 1px solid #da532c;
  }
}
.info-module-button:focus[data-is-tv=true] {
  border: 1px solid #da532c;
}
.info-module-button img {
  width: 20px;
  height: 20px;
  float: left;
  vertical-align: middle;
  display: inline-block;
}
.info-module-button span {
  float: left;
  vertical-align: middle;
  display: inline-block;
  padding-left: 8px;
  height: 100%;
  line-height: 20px;
}

.recording-affordance-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.recording-affordance-container span, .recording-affordance-container p {
  color: #cacaca;
  font-weight: bold;
}
.recording-affordance-container .recording-button {
  display: flex;
}
.recording-affordance-container .recording-button .recording-icon {
  height: 25px;
  width: 25px;
  display: inline-block;
  border-radius: 50%;
  background: #191919;
  border: 2px solid #b73333;
  margin-right: 2px;
}

#series-details-scroll {
  height: 100%;
  position: relative;
  width: 100%;
  margin: 0 0;
  text-align: center;
}

.series-details-scroller {
  width: 100%;
}
@media (min-width: 1600px) {
  .series-details-scroller {
    width: 1600px;
    margin: auto;
    left: 0;
    right: 0;
  }
}

#series-details-page {
  width: 100%;
  text-align: center;
}

.series-details-section {
  width: 100%;
}

.series-background-overlay {
  position: absolute;
  top: 0;
  left: -5%;
  height: 112%;
  width: 110%;
  display: block;
  z-index: -1;
  background-image: url(/images/overlay_series_details.a391ff1e.svg);
  background-position: bottom;
  background-size: 100% 100%;
}
.series-background-overlay .mobi-image {
  background-size: cover;
}

#movie-details-scroll {
  height: 100%;
  position: relative;
  width: 100%;
  margin: 0 0;
  text-align: center;
  color: white;
}

.movie-details-scroller {
  width: 100%;
}
@media (min-width: 1600px) {
  .movie-details-scroller {
    width: 1600px;
    margin: auto;
    left: 0;
    right: 0;
  }
}

#movie-details-page {
  width: 100%;
  text-align: center;
}

.movie-details-section {
  width: 100%;
}

#episode-details-scroll {
  height: 100%;
  position: relative;
  width: 100%;
  margin: 0 0;
  text-align: center;
}

.episode-details-scroller {
  width: 100%;
}
@media (min-width: 1600px) {
  .episode-details-scroller {
    width: 1600px;
    margin: auto;
    left: 0;
    right: 0;
  }
}

#episode-details-page {
  width: 100%;
  text-align: center;
}

.episode-details-section {
  width: 100%;
}

#clip-details-scroll {
  height: 100%;
  position: relative;
  width: 100%;
  margin: 0 0;
  text-align: center;
  color: white;
}

.clip-details-scroller {
  width: 100%;
}
@media (min-width: 1600px) {
  .clip-details-scroller {
    width: 1600px;
    margin: auto;
    left: 0;
    right: 0;
  }
}

#clip-details-page {
  width: 100%;
  text-align: center;
}

.clip-details-section {
  width: 100%;
}

.clip-related {
  height: auto;
}

#program-details-scroll {
  height: 100%;
  position: relative;
  width: 100%;
  margin: 0 0;
  text-align: center;
  color: white;
}

.program-details-scroller {
  width: 100%;
}
@media (min-width: 1600px) {
  .program-details-scroller {
    width: 1600px;
    margin: auto;
    left: 0;
    right: 0;
  }
}

#program-details-page {
  width: 100%;
  text-align: center;
}

.program-details-section {
  width: 100%;
}
.program-details-section .image-wrapper {
  cursor: pointer;
}
.program-details-section .image-wrapper .play-button {
  display: none !important;
}

#package-details-scroll {
  height: 100%;
  position: relative;
  width: 100%;
  margin: 0 0;
  text-align: center;
  color: white;
}

.package-details-scroller {
  width: 100%;
}
@media (min-width: 1600px) {
  .package-details-scroller {
    width: 1600px;
    margin: auto;
    left: 0;
    right: 0;
  }
}

#package-details-page {
  width: 100%;
  text-align: center;
}
@media (min-height: 1000px) {
  #package-details-page {
    height: 1000px;
  }
}

.package-details-section {
  height: auto;
  overflow: auto;
}

.discontinued-action {
  position: absolute;
  right: 10%;
  top: 12px;
  /* height: 20px; */
  background: red;
  padding: 6px;
}

.package-module {
  position: relative;
  width: 100%;
  max-width: 800px !important;
  height: auto;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
  color: white;
  display: block;
}
@media (min-width: 800px) {
  .package-module:first-child {
    margin-top: 35px;
  }
}
.package-module:last-child {
  margin-bottom: 50px;
}
.package-module .package-info-module-aspect {
  margin-top: 50px;
  position: relative;
  display: block;
  height: auto;
  width: 100%;
  overflow: auto;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .package-module .package-info-module-aspect {
    margin-top: 60px;
  }
}
.package-module .package-info-module-aspect .package-info-module-inner {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  max-height: 736px;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-image {
  width: auto;
  height: auto;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-image .package-landscape-image {
  width: auto;
  height: auto;
  margin: auto;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-image .package-landscape-image .mobi-image {
  min-width: 300px;
  min-height: 169px;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  border: 1px solid dimgray;
  background-size: cover;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .package-module .package-info-module-aspect .package-info-module-inner .package-info-image .package-landscape-image .mobi-image {
    min-width: 360px;
    min-height: 202px;
  }
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata {
  text-align: left;
  position: relative;
  height: auto;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .package-info {
  height: 55px;
  width: 100%;
  position: relative;
  height: 55px;
  margin: 10px 0;
  padding: 10px 0;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .package-info {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    height: 70px;
  }
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .package-info .provider-name {
  margin: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 0;
  top: 0;
  color: #8a8a8a;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .package-info .provider-name .accessTime {
  font-size: 1.3rem;
  line-height: 1.3rem;
  height: 1.3rem;
  color: #fff;
  display: block;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .package-info .provider-name .accessName {
  display: block;
  margin-top: 2px;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .package-info .action-btns {
  position: absolute;
  right: 0;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .package-info .action-btns .subscription-btn {
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
  pointer-events: all;
  width: 100px;
  font-size: 1.3rem;
  height: 2.5rem;
  line-height: 2.5rem;
  background: none;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  color: #D6D5D5;
  border: 1px solid #D6D5D5;
  padding: 0 20px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .package-info .action-btns .subscription-btn {
    width: 120px;
  }
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .package-info .action-btns .subscription-btn:hover {
  background-color: #D6D5D5;
  color: #000;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .description {
  margin: 35px 5px 5px 5px;
  color: #8a8a8a;
  font-size: 1rem;
  line-height: 1.5rem;
  max-height: 4.5rem;
  overflow: hidden;
  white-space: pre-line;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .description .see-more {
  color: #ffd537;
  cursor: pointer;
  pointer-events: all;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .packageName {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
  max-height: 4.5rem;
  overflow: hidden;
  padding: 0 5px;
  margin-top: 35px;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .packageName .packageText {
  display: block;
  color: #fff;
}
.package-module .package-info-module-aspect .package-info-module-inner .package-info-metadata .packageName .textContent {
  display: block;
  color: #8a8a8a;
  font-style: italic;
}

.package-menu {
  margin: 5px;
  z-index: 15;
}
.package-menu .package-menu-wrapper {
  margin-top: 0px !important;
}
.package-menu .package-menu-wrapper .package-menu-item {
  color: #D6D5D5;
  font-size: calc(70vh * 0.06);
  font-weight: 300;
  line-height: calc(70vh / 8);
  height: calc(70vh / 8);
  display: block;
  width: 100%;
  margin: 0 0;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: left;
}
.package-menu .package-menu-wrapper .package-menu-item:focus {
  outline: 0;
}
.package-menu .package-menu-wrapper .package-menu-item:last-child {
  border-bottom: none;
}
.package-menu .package-menu-wrapper .package-menu-item .title {
  bottom: 0;
  position: relative;
  cursor: pointer;
  font-size: 1.2rem;
  right: 0;
  background: url(/images/more_arrow.068e38b8.svg) right center no-repeat;
  background-size: 0.9rem 0.9rem;
  padding-right: 1.1rem;
  line-height: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  margin-bottom: 5px;
  color: #D6D5D5;
}

.vod-package-details-scroller .grid-scroller {
  padding-top: 105px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .vod-package-details-scroller .grid-scroller {
    padding-top: 115px;
  }
}

.sidebar-template {
  display: none;
  position: fixed;
  height: calc(100vh - (2 * 60px));
  left: 0;
  width: 0px;
  z-index: 450;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .sidebar-template {
    display: block;
    top: 60px;
  }
}
@media screen and (min-width: 1600px) {
  .sidebar-template {
    left: calc((100vw - 1600px) / 2);
  }
}
@media tv {
  .sidebar-template {
    left: 0;
  }
}

.sidebar-template[data-is-tv=true] {
  left: 0;
}

.sidebar-template:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.sidebar-template-inner {
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  max-height: 100%;
  overflow-y: auto;
}

.drag-handle {
  background-color: #5D6577;
  height: 24px;
  left: 0;
  position: absolute;
  top: -24px;
  width: 100%;
  z-index: 101;
  color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  /* border-top-width: 3px; */
  border-color: yellow;
  text-align: center;
  cursor: move;
}

.seek-bar {
  height: 50px;
  left: 0;
  position: relative;
  width: 100%;
  z-index: 102;
}

.controls-button {
  background-color: grey;
  display: inline-block;
  font-size: 30px;
  color: white;
  height: 50px;
  margin: 5px;
  min-width: 50px;
  padding: 7px;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.rounded-toggle input {
  display: none;
}

.rounded-toggle {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fcfff4;
  margin: 20px 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
}

.rounded-toggle:hover {
  background: #40aaff;
}

.rounded-toggle label {
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: white;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  left: 5px;
  top: 5px;
  background: #45484d;
}

.rounded-toggle input[type=checkbox]:checked + label {
  color: #00d100;
}

.rounded-toggle input[type=button] + label:hover {
  color: #00d100;
}

.diagnostic input {
  display: none;
}

.diagnostic {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fcfff4;
  margin: 20px 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
}

.diagnostic:hover {
  background: #40aaff;
}

.diagnostic label {
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: white;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  left: 5px;
  top: 5px;
  background: url("/images/diagnostics.32553e6f.png") center center no-repeat;
  background-size: contain;
}

.diagnostic input[type=checkbox]:checked + label {
  background: url("/images/diagnostics-checked.7ccd05ce.png") center center no-repeat;
  background-size: contain;
}

.play-pause input {
  display: none;
}

.play-pause {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fcfff4;
  margin: 20px 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
}

.play-pause:hover {
  background: #40aaff;
}

.play-pause label {
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: white;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  left: 5px;
  top: 5px;
  background: #45484d url("/images/btn_play.eb7c812c.png") center center no-repeat;
  background-size: contain;
}

.play-pause input[type=checkbox]:checked + label {
  background: #45484d url("/images/btn_pause.6ce8622b.png") center center no-repeat;
  background-size: contain;
}

#signin-modal .loggedout-title {
  position: relative;
  top: 20px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 30px;
}
#signin-modal .loggedout-msg {
  position: relative;
  top: 60px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 30px;
}
#signin-modal .sign-in-error {
  line-height: 30px;
  color: red;
}
#signin-modal .facebook-item {
  margin-bottom: 25px;
  width: 90%;
}
#signin-modal .my-facebook-button-class {
  background: none;
  background-color: #2b4170;
  background: -moz-linear-gradient(top, #3b5998, #2b4170);
  background: -ms-linear-gradient(top, #3b5998, #2b4170);
  background: -webkit-linear-gradient(top, #3b5998, #2b4170);
  height: 52px;
  color: white;
  position: static;
  margin: 24px 0 0 0;
  border-radius: 5px;
  width: 298px;
  cursor: pointer;
  font-size: 1.4rem;
}
@media (min-width: 1600px) {
  #signin-modal .my-facebook-button-class {
    width: 320px;
  }
}
#signin-modal .headerlabelClass {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0 20px;
  margin-bottom: 20px;
}
#signin-modal .facebookIconClass {
  color: white;
  font-size: 40px;
}
#signin-modal .facebook-fieldset {
  height: 160px;
}
#signin-modal .provider-div {
  display: flex;
  justify-content: center;
}
#signin-modal .sub-provider-name {
  font-size: 1.2rem;
  color: white;
  margin: 1%;
  position: relative;
  max-width: 50%;
}
#signin-modal .sub-provider-name .change-provider {
  margin: 1%;
  position: absolute;
  top: 0;
  left: 125%;
}
#signin-modal .sub-provider-name .change-provider a {
  font-size: 0.9rem;
  color: gray;
}

#login-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  padding: 15px;
  width: 80%;
  max-width: 400px;
}
#login-content .logo-image {
  width: 130px;
  height: auto;
}
#login-content .links {
  padding-top: 20px;
}
#login-content .links a {
  display: block;
  color: #929292;
  height: 30px;
}
#login-content form {
  margin-top: 20px;
}
#login-content .save-userpass {
  padding-top: 10px;
}
#login-content .footer {
  padding-top: 10px;
  font-size: 0.8em;
}

/*--------------------*/
#inputs input {
  display: block;
  background: transparent;
  padding: 10px 7px;
  margin: 0 0 5px 0;
  width: 100%;
  border: none;
  border-bottom: 1px solid #525252;
  font-size: 1.4em;
  font-weight: 300;
  color: #9c9c9c;
}
#inputs input::-webkit-input-placeholder {
  color: #6b6a6a;
}
#inputs input:-moz-placeholder {
  color: #6b6a6a;
}
#inputs input::-moz-placeholder {
  color: #6b6a6a;
}
#inputs input:-ms-input-placeholder {
  color: #6b6a6a;
}

#inputs input:focus {
  background-color: transparent;
  outline: none;
  border: none;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}

/*--------------------*/
#login-content #actions {
  margin: 20px 0 0 0;
}

#login-content #submit {
  background: black;
  border: 2px solid #da532c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 0;
  cursor: pointer;
  font-size: 1.6rem;
  color: #da532c;
  border-radius: 5px;
  width: 100%;
}

#login-content #submit:hover,
#login-content #submit:focus {
  background-color: #da532c;
  color: black;
}

#login-content #submit:active {
  outline: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

#login-content #submit::-moz-focus-inner {
  border: none;
}

#login-content label {
  display: block;
  font-size: 0.8;
  text-align: center;
  line-height: 31px;
  color: white;
  outline: none;
}

#packagelist-scroll {
  height: 100%;
  width: 100%;
  margin: 0 0;
  text-align: center;
  color: white;
  overflow: hidden;
}

.packagelist-scroller {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .packagelist-scroller {
    padding-top: 60px;
  }
}
@media (min-width: 1600px) {
  .packagelist-scroller {
    width: 1600px;
    margin: 0 auto;
  }
}

.packagelist-wrap {
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.packagelist-grid {
  padding: 0 5%;
  height: auto;
  position: relative;
}

.packagelist-packages-wrap {
  height: auto;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.margin-bottom-container {
  margin-bottom: 5%;
}

.payment-package-details-container .payment-details-container {
  padding-top: 100px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .payment-package-details-container .payment-details-container {
    padding-top: 110px;
  }
}
.payment-package-details-container .payment-details-container form {
  color: #8a8a8a;
}
.payment-package-details-container .payment-details-container form .package-details-container {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 0 5%;
  color: #8a8a8a;
}
@media (min-width: 737px) {
  .payment-package-details-container .payment-details-container form .package-details-container {
    width: 40%;
  }
}
.payment-package-details-container .payment-details-container form .package-details-container a {
  text-decoration: none;
  color: blue;
}
.payment-package-details-container .payment-details-container form .package-details-container .package-image {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.payment-package-details-container .payment-details-container form .package-details-container .package-image img {
  width: 100%;
}
.payment-package-details-container .payment-details-container form .package-details-container .package-info {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.payment-package-details-container .payment-details-container form .package-details-container .package-info .package-name {
  font-size: 1.3rem;
  font-weight: 400;
  color: #cacaca;
  margin-bottom: 5px;
}
.payment-package-details-container .payment-details-container form .package-details-container .package-info .accessname {
  font-size: 1rem;
  color: #8a8a8a;
}
.payment-package-details-container .payment-details-container form .package-details-container span {
  display: block;
}
.payment-package-details-container .payment-details-container form .package-details-container .purchase-msg {
  display: block;
  color: #8a8a8a;
}
.payment-package-details-container .payment-details-container form .card-container {
  width: 100%;
  height: 100%;
  padding: 0 5%;
  display: inline-block;
  vertical-align: top;
  margin-top: 40px;
}
@media (min-width: 737px) {
  .payment-package-details-container .payment-details-container form .card-container {
    width: 60%;
    border-left: 1px solid #252525;
    margin-top: 0;
  }
}
.payment-package-details-container .payment-details-container form .card-container .visa-image-container {
  display: inline-block;
  height: 3rem;
}
.payment-package-details-container .payment-details-container form .card-container .visa-image-container img {
  width: auto;
  height: 60%;
}
.payment-package-details-container .payment-details-container form .card-container .payment-heading {
  display: inline-block;
  color: #cacaca;
  font-size: 1.5em;
  font-weight: 300;
  padding-right: 15px;
  line-height: 2.3rem;
  height: 2.3rem;
}

#card-number.braintree-hosted-fields-focused,
#cvv.braintree-hosted-fields-focused,
#expiration-month.braintree-hosted-fields-focused,
#expiration-year.braintree-hosted-fields-focused {
  border-color: #777;
}

#card-number.braintree-hosted-fields-invalid,
#cvv.braintree-hosted-fields-invalid,
#expiration-month.braintree-hosted-fields-invalid,
#expiration-year.braintree-hosted-fields-invalid {
  border-bottom: 1px solid tomato;
}

#card-number.braintree-hosted-fields-valid,
#cvv.braintree-hosted-fields-valid,
#expiration-month.braintree-hosted-fields-valid,
#expiration-year.braintree-hosted-fields-valid {
  border-bottom: 1px solid green;
}

.card-description {
  width: 22%;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}

.card-invalid-hidden {
  display: none;
}

.invalid-text {
  height: 2px;
  margin-top: -5px;
  display: block;
  font-size: 0.70em;
  font-weight: 400;
  color: tomato;
}

.card-invalid {
  margin-left: calc(29% + 10px);
}

.month-invalid {
  margin-left: calc(29% + 10px);
}

.year-invalid {
  margin-left: calc(66% + 10px);
}

.cvv-invalid {
  margin-left: calc(29% + 10px);
}

.payment-input {
  width: 58%;
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #585858;
  background-color: black;
  margin-left: 7%;
  color: #8a8a8a;
}
.payment-input:focus {
  outline: none;
  color: white;
  border-bottom: 1px solid #a2a2a2;
}
.payment-input::-webkit-input-placeholder {
  color: #585858;
}
.payment-input::-moz-placeholder {
  color: #585858;
}
.payment-input:-ms-input-placeholder {
  color: #585858;
}
.payment-input:-moz-placeholder {
  color: #585858;
}

.firstname {
  width: 27%;
}

.lastname {
  width: 27%;
  margin-left: 4%;
}

.security-code {
  width: 5%;
  display: inline-block;
  margin-right: 10px;
}
.security-code button {
  background-size: 100%;
  background-image: url(/images/cvvimage.7be260b0.png);
  height: 17px;
  width: 14%;
  border-radius: 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 737px) and (min-width: 320px) {
  .security-code button {
    height: 16px;
  }
}
@media screen and (max-width: 2320px) and (min-width: 1300px) {
  .security-code button {
    height: 17px;
  }
}

.BThostedFields {
  display: inline-block;
  border-bottom: 1px solid #585858;
  width: 21%;
  height: 30px;
  margin-left: 7%;
}

#expiration-month {
  margin-right: 9%;
}

.zip-container {
  display: inline-block;
  width: 38%;
}
.zip-container label {
  width: 27%;
  text-align: right;
  margin-right: 8%;
}
.zip-container input {
  width: 55%;
}

#card-number {
  width: 58%;
}

.security-image-visible {
  position: absolute;
  left: 0;
  top: 30%;
  background-color: #c6edf9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  z-index: 2;
  width: 35%;
}
@media screen and (max-width: 737px) and (min-width: 320px) {
  .security-image-visible {
    top: 34%;
    width: 50%;
  }
}
@media screen and (max-width: 737px) and (min-width: 320px) {
  .security-image-visible {
    top: 45%;
  }
}

.submit-link {
  text-align: center;
  padding-top: 20px;
}

.submit-btn {
  text-align: center;
  padding: 15px 0;
}
.submit-btn button {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  border: none;
  color: #8a8a8a;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 8px 65px;
}
.submit-btn .submitDefault {
  background: transparent;
  border: 1px solid #2f2f2f;
  color: #2f2f2f;
}
.submit-btn .submitActive {
  background: #da532c;
  border: none;
  color: white;
}

.secure-lock {
  text-align: center;
}
.secure-lock img {
  width: 20px;
  height: auto;
  vertical-align: middle;
}
.secure-lock span {
  font-size: 0.8rem;
  font-weight: 400;
  color: #999;
  margin-left: 7px;
  vertical-align: middle;
}

.purchaseOptions-title {
  padding: 60px 20px 0 20px;
  font-size: 1.3rem;
  text-align: center;
}

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/keystonejs/react-select
*/
.Select {
  position: relative;
}

.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}

.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
}

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.is-searchable.is-open > .Select-control {
  cursor: text;
}

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}

.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}

.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-value.Select--single > .Select-control > .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value .Select-value-label {
  color: #333;
}

.has-value.Select--single > .Select-control > .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}

.has-value.Select--single > .Select-control > .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control > .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}

.is-focused .Select-input > input {
  cursor: text;
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

.Select-clear-zone:hover {
  color: #D0021B;
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

.Select--multi .Select-clear-zone {
  width: 17px;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
}

.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 120px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  max-height: 118px;
  overflow-y: auto;
}

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}

.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}

.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}

.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}

.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}

.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.TimesNew {
  font-family: 'Times New Roman';
}

.CourierFont {
  font-family: courier;
}

.monospaceFont {
  font-family: monospace;
}

.sans-serifFont {
  font-family: sans-serif;
}

.casualFont {
  font-family: "Comic Sans MS", sans-serif;
}

.cursiveFont {
  font-family: Brush Script MT, cursive;
}

.small {
  font-variant: small-caps;
}

.smallTextSize {
  font-size: 10px;
}

.mediumTextSize {
  font-size: 14px;
}

.largeTextSize {
  font-size: 18px;
}

.closed-caption-settings-btn-group {
  position: relative;
  *margin-left: .3em;
  *zoom: 1;
}

.Select-clear-zone {
  display: none;
}

.Select-control {
  margin-top: 10px;
}

.Select-menu-outer {
  top: 50px;
}

.closed-caption-settings-btn-group:before,
.closed-caption-settings-btn-group:after {
  display: table;
  content: "";
}

.closed-caption-settings-btn-group:after {
  clear: both;
}

.closed-caption-settings-btn-group:first-child {
  *margin-left: 0;
}

.closed-caption-settings-btn-group > .btn {
  position: relative;
  margin-left: -1px;
  padding: 6px 30px;
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
}
.closed-caption-settings-btn-group > .btn.selected {
  background: #008ce7;
  cursor: pointer;
  border: 1px solid #008ce7;
  line-height: 27px;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.closed-caption-settings-btn-default {
  cursor: default;
  background-color: #fff;
  box-shadow: none;
}
.closed-caption-settings-btn-default.hover {
  background: #008ce7;
  cursor: pointer;
  border: 1px solid #008ce7;
}

.closed-caption-wrap {
  height: auto;
  margin: 0 auto 0 auto;
  position: relative;
  display: block;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.closed-caption-wrap .closed-caption-placeholder-section {
  display: block;
  line-height: 100px;
  position: relative;
  opacity: 1;
  padding: 0 5%;
  width: 100%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-placeholder-section {
    height: 150px;
    line-height: 150px;
    max-width: 900px;
  }
}
.closed-caption-wrap .closed-caption-placeholder-section .closed-caption-placeholder {
  background: #d8d8d8;
  color: #008ce7;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 1.3rem;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-placeholder-section .closed-caption-placeholder {
    font-size: 1rem;
  }
}
.closed-caption-wrap .closed-caption-dropdown-section {
  display: block;
  line-height: 100px;
  position: relative;
  opacity: 1;
  padding: 0 5%;
  margin-top: 30px;
  height: 200px;
  width: 90%;
  min-width: 150px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-dropdown-section {
    width: 20%;
    display: inline-block;
    padding: 0;
    left: 5%;
  }
}
.closed-caption-wrap .closed-caption-dropdown-section .font-section {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  font-size: 1.3rem;
  width: 100%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-dropdown-section .font-section {
    text-align: left;
    font-size: 1rem;
  }
}
.closed-caption-wrap .closed-caption-dropdown-section .font-section label {
  font-size: 1.3rem;
  line-height: 1.3rem;
  height: 1.3rem;
  color: #fff;
  display: block;
  text-align: left;
  margin-bottom: -20px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-dropdown-section .font-section label {
    font-size: 1rem;
  }
}
.closed-caption-wrap .closed-caption-dropdown-section .font-section .fontlist {
  line-height: 30px;
  display: inline-block;
  width: 88%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-dropdown-section .font-section .fontlist {
    width: calc(100% - 30px);
    margin-left: 0px;
  }
}
.closed-caption-wrap .closed-caption-dropdown-section .font-section .closed-caption-color-box {
  margin-left: 10px;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 40px;
  border: 2px solid #fff;
}
.closed-caption-wrap .closed-caption-dropdown-section .shadow-section {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  font-size: 1.3rem;
  width: 100%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-dropdown-section .shadow-section {
    text-align: left;
    font-size: 1rem;
  }
}
.closed-caption-wrap .closed-caption-dropdown-section .shadow-section label {
  font-size: 1.3rem;
  line-height: 1.3rem;
  height: 1.3rem;
  color: #fff;
  display: block;
  text-align: left;
  margin-bottom: -20px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-dropdown-section .shadow-section label {
    font-size: 1rem;
  }
}
.closed-caption-wrap .closed-caption-dropdown-section .shadow-section .shadowlist {
  line-height: 30px;
  display: inline-block;
  width: 88%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-dropdown-section .shadow-section .shadowlist {
    width: calc(100% - 30px);
    margin-left: 0px;
  }
}
.closed-caption-wrap .closed-caption-dropdown-section .shadow-section .closed-caption-color-box {
  margin-left: 10px;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 40px;
  border: 2px solid #fff;
}
.closed-caption-wrap .closed-caption-size-color-section {
  display: block;
  line-height: 100px;
  position: relative;
  opacity: 1;
  padding: 0 5%;
  height: 200px;
  width: 90%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-size-color-section {
    display: inline-block;
    padding: 0;
    left: 15%;
    width: 40%;
    margin-top: 30px;
  }
}
.closed-caption-wrap .closed-caption-size-color-section .closed-caption-button-size {
  display: block;
  min-width: 230px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-size-color-section .closed-caption-button-size {
    text-align: left;
  }
}
.closed-caption-wrap .closed-caption-size-color-section .closed-caption-button-size label {
  font-size: 1.3rem;
  line-height: 1.3rem;
  height: 1.3rem;
  color: #fff;
  display: block;
  text-align: left;
  margin-bottom: -20px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-size-color-section .closed-caption-button-size label {
    font-size: 1rem;
  }
}
.closed-caption-wrap .closed-caption-size-color-section .background-color-section {
  display: inline-block;
}
.closed-caption-wrap .closed-caption-size-color-section .background-color-section label {
  font-size: 1.3rem;
  line-height: 1.3rem;
  height: 1.3rem;
  color: #fff;
  display: block;
  text-align: left;
  margin-bottom: -20px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-size-color-section .background-color-section label {
    font-size: 1rem;
  }
}
.closed-caption-wrap .closed-caption-size-color-section .background-color-section .closed-caption-color-box {
  margin-left: 10px;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 40px;
  border: 2px solid #fff;
}
.closed-caption-wrap .closed-caption-size-color-section .window-color-section {
  margin-left: 15%;
  display: inline-block;
}
.closed-caption-wrap .closed-caption-size-color-section .window-color-section label {
  font-size: 1.3rem;
  line-height: 1.3rem;
  height: 1.3rem;
  color: #fff;
  display: block;
  text-align: left;
  margin-bottom: -20px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-size-color-section .window-color-section label {
    font-size: 1rem;
  }
}
.closed-caption-wrap .closed-caption-size-color-section .window-color-section .closed-caption-color-box {
  margin-left: 10px;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 40px;
  border: 2px solid #fff;
}
.closed-caption-wrap .closed-caption-button-section {
  overflow: hidden;
  position: relative;
  opacity: 1;
  padding: 0 5%;
  width: 100%;
  display: block;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-button-section {
    margin-top: 20px;
    display: flex;
    line-height: 100px;
  }
}
.closed-caption-wrap .closed-caption-button-section .left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.closed-caption-wrap .closed-caption-button-section .left .savebtn {
  background: #21a3ff;
  color: #fff;
  display: inline-block;
  padding: 10px 20px 10px;
  font-size: 1.3rem;
  cursor: pointer;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #42b8dd;
}
.closed-caption-wrap .closed-caption-button-section .middle {
  text-align: left;
  padding-top: 25px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-button-section .middle {
    padding-top: 0;
    margin-left: 40px;
  }
}
.closed-caption-wrap .closed-caption-button-section .right {
  text-align: left;
  padding-top: 25px;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .closed-caption-wrap .closed-caption-button-section .right {
    padding-top: 0;
    margin-left: 40px;
  }
}

.search-results-container {
  position: relative;
}
.search-results-container .results-container {
  height: auto;
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  max-width: 270px;
  transform: translate(-50%, -50%);
}
@media (min-width: 480px) and (max-height: 415px) and (orientation: landscape) {
  .search-results-container .results-container {
    max-width: 300px;
  }
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .search-results-container .results-container {
    max-width: 400px;
    margin-top: 250px;
  }
}
.search-results-container .results-container .description {
  margin: 20px 0 20px 10px;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.5rem;
  max-height: 4.5rem;
  white-space: pre-line;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.search-results-container .results-container .suggestion {
  position: relative;
  display: inline-block;
  float: left;
  color: darkgrey;
  width: 100%;
  margin: 0 15px 0 5px;
  font-weight: 300;
}
.search-results-container .results-container .suggestion span {
  width: 100%;
  display: block;
  height: 2.2em;
  font-size: 0.8em;
  line-height: 1.2em;
  color: darkgrey;
  float: left;
  text-align: left;
  margin: 0 5px;
}

.searchTitleClass {
  font-size: 20px;
  color: #a2a2a2;
  font-size: 2.0rem;
  font-weight: 300;
  letter-spacing: -0.05rem;
  height: 100%;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  padding-left: 3%;
  padding-top: 50px;
  margin-top: 2%;
  padding-bottom: 5%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .searchTitleClass {
    padding-left: 5%;
    padding-top: 60px;
    margin-top: 2%;
  }
}

.search-section:first-of-type {
  margin-top: -4%;
}

.title-search {
  bottom: 15%;
}

.search-box {
  box-sizing: border-box;
  width: 60px;
  position: relative;
  display: inline-block !Important;
  overflow: hidden;
  transition: width 0.5s cubic-bezier(0, 0.795, 0, 1);
}
.search-box .search-bg-dim {
  position: fixed;
  width: 100%;
  height: calc(100% - $navBarHeightSmall);
  left: 0;
  top: 50px;
  background-color: rgba(0, 0, 0, 0.4);
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .search-box .search-bg-dim {
    top: 60px;
    height: calc(100% - $navBarHeightLarge);
  }
}
.search-box.input-in-focus {
  width: 200px;
}
.search-box .searchbox-icon {
  display: none;
  width: 50px;
  background: url("/images/search_active.2c615088.svg") center center no-repeat;
  background-size: 35px auto;
  float: left;
}
.search-box.input-in-focus .searchbox-icon {
  display: block;
}
.search-box input {
  display: block;
  position: relative;
  width: 0px;
  z-index: 3;
  border: none 0px;
  outline: none;
  background: none;
  padding: 40px 54px 1px 0px;
  cursor: pointer;
  float: left;
  font-size: 18px;
  line-height: 50px;
  font-weight: 300;
  height: 50px;
  color: #dadada;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .search-box input {
    height: 60px;
    font-size: 22px;
    line-height: 60px;
  }
}
.search-box input::-ms-clear {
  display: none;
}
.search-box input:focus {
  width: calc(100% - 55px);
  cursor: text;
  padding: 0px;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 20px;
  z-index: 10;
  box-sizing: border-box;
}
.search-box .clear-search-icon {
  display: none;
}
.search-box.input-in-focus .clear-search-icon {
  display: block;
  position: absolute;
  color: 300;
  background: url(/images/btn_close.7e7f4531.svg) center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  font-size: 2rem;
  margin-top: -20px;
  top: 50%;
  right: 10px;
  height: 40px;
  width: 40px;
  border: none;
  outline: none;
  padding: 0;
  z-index: 11;
  cursor: pointer;
}
.search-box .placeholder {
  display: none;
  position: absolute;
  top: 0;
  left: 55px;
  padding: 0px;
  color: #737373;
  z-index: 2;
  line-height: 50px;
  padding-top: 2px;
  font-size: 18px;
  font-weight: 500;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .search-box .placeholder {
    line-height: 60px;
    font-size: 20px;
  }
}
.search-box.input-in-focus .placeholder {
  display: block;
}
.search-box.input-in-focus .placeholder.hide-placeholder {
  display: none;
}
.search-box.input-in-focus .placeholder.show-placeholder {
  display: inline-block;
  width: 80%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .search-box.input-in-focus .placeholder.show-placeholder {
    width: 94%;
  }
}
.search-box .form-search-submit {
  position: absolute;
  top: 0;
  right: 0;
  height: 4em;
  width: 4em;
  color: red;
  background: url("/images/search.fe47daef.svg") center center no-repeat;
  background-size: 30px auto;
  text-indent: -10000px;
  border: none;
  cursor: pointer;
  transition: opacity .5s ease;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .search-box .form-search-submit {
    background-size: 36px auto;
  }
}
.search-box .form-search-submit:hover {
  opacity: 0.8;
}
.search-box.input-in-focus .form-search-submit {
  display: none;
}

.profile-list > .profile-list-container {
  margin: 0 5%;
}
.profile-list > .profile-list-container > table {
  width: 100%;
  max-width: 600px;
}
.profile-list > .profile-list-container > table tr {
  border-bottom: 1px solid #2f2f2f;
}
.profile-list > .profile-list-container > table tr td {
  padding: 10px 0;
  font-weight: 300;
}
.profile-list > .profile-list-container > table tr td:last-child {
  width: 100px;
  text-align: right;
}
.profile-list > .profile-list-container > table tr td:last-child > button {
  height: 35px;
  width: 40px;
  margin-left: 10px;
  vertical-align: bottom;
  background: none;
  margin: 0px;
  border: 0px;
  cursor: pointer;
  opacity: 0.5;
}
.profile-list > .profile-list-container > table tr td:last-child > button:hover {
  opacity: 1;
}
.profile-list > .profile-list-container > table tr td:first-child {
  width: 60px;
  padding: 10px 0 10px 10px;
  text-align: left;
}
.profile-list > .profile-list-container > table tr:last-child {
  border-bottom: none;
}
.profile-list > .profile-list-container .profile-add-section {
  width: 100%;
  max-width: 600px;
}
.profile-list > .profile-list-container .profile-add-section .add-new-profile-anchor {
  display: block;
  border: 1px solid #2f2f2f;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 400;
  cursor: pointer;
  padding: 5px 0;
}
.profile-list > .profile-list-container .profile-add-section .add-new-profile-anchor > img {
  height: 40px;
  width: 40px;
  padding: 5px 5px;
  vertical-align: middle;
  margin: 0 6px 0 10px;
}
.profile-list > .profile-list-container .profile-add-section .add-new-profile-anchor:hover {
  background-color: #2f2f2f;
  border-radius: 6px;
}
.profile-list > .profile-list-container .profile-avatar {
  height: 40px;
  width: 40px;
  vertical-align: middle;
}
.profile-list > .profile-list-container .profile-avatar > div {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.profile-list > .profile-list-container .profile-limit-message {
  font-style: italic;
}

.profile-explanation-overlay-container-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #191919;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container h1 {
  font-size: 1.8rem;
  font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 20px;
  color: #a2a2a2;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container p {
  text-align: center;
  margin: 10px 0px;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container img {
  height: 150px;
  width: 150px;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container button {
  background: transparent;
  border: 2px solid #da532c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 0;
  width: 48%;
  float: left;
  cursor: pointer;
  font-size: 1.2rem;
  color: #da532c;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 10px;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container button:first-child {
  margin-right: 4%;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container button:only-child {
  margin: 0 auto;
  float: none;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container button:hover {
  background-color: #da532c;
  color: black;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container button:active {
  position: relative;
  top: 1px;
}
.profile-explanation-overlay-container-overlay .profile-explanation-overlay-container button[disabled] {
  cursor: not-allowed;
  opacity: .65;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .profile-explanation-overlay-container-overlay .profile-explanation-overlay-container {
    width: 50%;
  }
}

.profile-images {
  position: relative;
  height: calc(100% - 90px);
  width: 80%;
  margin: auto;
  color: #dadada;
  top: 90px;
}
.profile-images > span {
  display: block;
  font-size: 1.5rem;
  text-align: center;
  height: 60px;
  line-height: 60px;
  padding-bottom: 5px;
}
.profile-images .image-grid {
  height: calc(100% - 60px);
  overflow: auto;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}
.profile-images .image-grid .image-wrapper {
  padding: 10px 10px;
  display: inline-block;
  border: 0px;
  background: transparent;
}
@media only screen and (max-width: 480px) {
  .profile-images .image-grid .image-wrapper {
    padding: 10px 8px 0px;
  }
}
@media only screen and (max-width: 480px) {
  .profile-images {
    top: 65px;
  }
}

button.closeOverlay {
  position: absolute;
  width: 25px;
  height: 25px;
  border: 0;
  right: 15px;
  top: 15px;
  line-height: 20px;
  cursor: pointer;
  background: url(../images/btn_close.7e7f4531.svg) center;
  background-repeat: no-repeat;
  background-size: 42px 42px;
}

.avatar-grid-image {
  height: 180px;
  width: 180px;
  cursor: pointer;
}
.avatar-grid-image > div {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 480px) {
  .avatar-grid-image {
    height: 19vh;
    width: 19vh;
  }
}

.profile-selection-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #191919;
  z-index: 480;
  overflow: auto;
}
.profile-selection-menu .profile-selection-menu-title {
  padding-top: 90px;
  color: #808080;
  font-size: 2.3rem;
  font-weight: 300;
  text-align: center;
}
.profile-selection-menu .profile-list-ul {
  list-style: none;
  margin-top: 5%;
  text-align: center;
}
.profile-selection-menu .profile-list-li {
  display: inline-block;
  width: 19%;
  min-width: 150px;
  max-width: 200px;
  border: 1px solid transparent;
}
.profile-selection-menu .profile-list-li:hover {
  border: 1px solid #464646;
}
.profile-selection-menu .profile-list-button {
  border: 1px solid transparent;
  padding: 0px;
  margin: 0px;
  background: none;
  width: 100%;
  height: 100%;
}
.profile-selection-menu .profile-avatar {
  padding: 10px;
  width: 100%;
  vertical-align: top;
  cursor: pointer;
}
.profile-selection-menu .mobi-image {
  border: 1px solid #2B2B2B;
  border-radius: 1px;
  background-size: cover;
  padding-bottom: 100%;
}
.profile-selection-menu .profile-nickname {
  display: block;
  color: #cacaca;
  vertical-align: bottom;
  text-overflow: ellipsis;
  overflow: hidden;
}

.control-bar-scrub {
  display: inline-block;
  width: 100%;
  height: 60px;
}

.control-bar-timeline {
  margin-top: 28px;
  width: 100%;
  background-color: #484848;
  height: 4px;
  text-align: left;
  position: relative;
}

.control-bar-scrubknob {
  top: -9px;
  left: -10px;
  position: absolute;
  background: url("/images/Seek-Handle.c41388cd.svg");
  height: 20px;
  width: 20px;
  display: inline-block;
}

.control-bar-scrub-progress {
  width: 0;
  height: 100%;
  background-color: #17F3E9;
  position: absolute;
}

.control-bar-scrub-seekable {
  width: 0;
  height: 100%;
  background-color: #DADADA;
  position: absolute;
}

.control-bar-scrub-live-point {
  background-color: #6495ED;
  position: absolute;
  top: -2px;
  height: 8px;
  width: 4px;
  display: inline-block;
}

.recording-manager-page .recording-manager-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 25px 5% 25px 5%;
  padding-bottom: 0;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .recording-manager-page .recording-manager-header {
    padding: 35px 5% 35px 5%;
    padding-bottom: 0;
  }
}
.recording-manager-page .recording-manager-header .recording-title {
  font-size: 1.8rem;
  font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  color: #a2a2a2;
  padding-right: 15px;
  flex-grow: 1;
}
.recording-manager-page .recording-manager-header .out-of-home-text {
  flex-grow: 1;
  font-size: 1.2rem;
  font-weight: 400;
}
.recording-manager-page .progress-bar-container {
  display: flex;
  align-items: center;
  margin: 0 auto 20px auto;
}
.recording-manager-page .progress-bar-container .progress-bar {
  height: 10px;
  width: 200px;
  display: inline-block;
  background-color: #484848;
  border-radius: 8px;
}
.recording-manager-page .progress-bar-container .progress-bar .progress-status {
  height: 100%;
}
.recording-manager-page .progress-bar-container .progress-bar .progress-ok, .recording-manager-page .progress-bar-container .progress-bar .progress-warning, .recording-manager-page .progress-bar-container .progress-bar .progress-alert {
  border-radius: 8px;
}
.recording-manager-page .progress-bar-container .progress-bar .progress-ok {
  background: #529031;
}
.recording-manager-page .progress-bar-container .progress-bar .progress-warning {
  background: #E27A3F;
}
.recording-manager-page .progress-bar-container .progress-bar .progress-alert {
  background: #b73333;
}
.recording-manager-page .progress-bar-container label > span {
  color: #8a8a8a;
  font-size: 14px;
}
.recording-manager-page .progress-bar-container label > span:first-of-type {
  padding-left: 20px;
  font-size: 20px;
}
.recording-manager-page .recording-section .primary-title {
  color: #a2a2a2;
  font-size: 2.3rem;
  line-height: 2.99rem;
  font-weight: 300;
  letter-spacing: -0.05rem;
  text-transform: uppercase;
  word-wrap: break-word;
  text-align: left;
  display: block;
  padding: 10px 3%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .recording-manager-page .recording-section .primary-title {
    line-height: 2.99rem;
    padding: 30px 5%;
  }
}
.recording-manager-page .recording-section .recordings-date-title {
  font-size: 1.4rem;
  text-align: left;
  padding-bottom: 10px;
}
.recording-manager-page .no-items-message {
  font-size: 1.5rem;
  color: #8a8a8a;
  padding-top: 15px;
  text-align: center;
}

.recording-options-overlay .recording-options-container {
  overflow-y: auto;
  width: 90%;
  max-height: 80%;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}
.recording-options-overlay .recording-options-container .heading {
  font-weight: 600;
  text-align: left;
  color: #636262;
  margin-bottom: 10px;
}
.recording-options-overlay .recording-options-container .asset-item {
  padding: 20px 15px;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px solid #333333;
}
.recording-options-overlay .recording-options-container .asset-item .title {
  font-size: 1.5rem;
  font-weight: 300;
  color: #dadada;
}
.recording-options-overlay .recording-options-container .asset-item .sub-title {
  font-size: 0.9rem;
  font-weight: 300;
  color: #636262;
}
.recording-options-overlay .recording-options-container .asset-item:hover {
  background-color: #383838;
}
@media only screen and (min-width: 640px) {
  .recording-options-overlay .recording-options-container {
    width: 60%;
  }
}

.overlay.series-recording-overlay .series-details-container {
  width: 30%;
  min-width: 280px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin: 0 auto;
}
.overlay.series-recording-overlay .series-details-container span.title {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  word-wrap: break-word;
  color: #a2a2a2;
  max-height: 3rem;
  overflow: hidden;
  margin-bottom: 15px;
}
.overlay.series-recording-overlay .series-details-container .status-tiles {
  display: flex;
  margin-bottom: 25px;
}
.overlay.series-recording-overlay .series-details-container .status-tiles .status-tile {
  width: 50%;
  display: inline-block;
  color: #a2a2a2;
}
.overlay.series-recording-overlay .series-details-container .status-tiles .status-tile span {
  font-size: 1.3rem;
}
.overlay.series-recording-overlay .series-details-container .status-tiles .status-tile > span:first-of-type {
  font-size: 2rem;
}
.overlay.series-recording-overlay .series-details-container p {
  color: #636262;
  border-bottom: 1px solid #333333;
  padding-bottom: 10px;
}
.overlay.series-recording-overlay .series-details-container ul {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}
.overlay.series-recording-overlay .series-details-container ul li > a {
  padding: 5% 2%;
  font-size: 1.4rem;
  text-decoration: none;
  display: inline-block;
  color: #dadada;
}
.overlay.series-recording-overlay .series-details-container ul li > a:hover {
  text-decoration: underline;
}

/* Individual recordings in scheduled tab*/
.overlay.movie-recording-overlay {
  background-color: rgba(0, 0, 0, 0.8);
}
.overlay.movie-recording-overlay .movie-details-container {
  width: 100%;
  text-align: center;
  margin: 5% auto;
}
.overlay.movie-recording-overlay .movie-details-container div.title {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  padding-bottom: 15px;
}
.overlay.movie-recording-overlay .movie-details-container .status-tiles {
  display: flex;
  margin-bottom: 10px;
}
.overlay.movie-recording-overlay .movie-details-container .status-tiles .status-tile {
  width: 100%;
  display: inline-block;
  font-size: 1.4rem;
}
.overlay.movie-recording-overlay .movie-details-container p {
  color: #a2a2a2;
  border-bottom: 1px solid #333333;
}
.overlay.movie-recording-overlay .movie-details-container hr {
  height: 1px;
  color: rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.overlay.movie-recording-overlay .movie-details-container ul {
  list-style: none;
  padding: 0;
}
.overlay.movie-recording-overlay .movie-details-container ul li > a {
  padding: 2%;
  text-decoration: none;
  display: inline-block;
  color: #dadada;
}
@media only screen and (min-width: 480px) {
  .overlay.movie-recording-overlay .movie-details-container {
    width: 80%;
  }
}
@media only screen and (min-width: 640px) {
  .overlay.movie-recording-overlay .movie-details-container {
    width: 65%;
  }
}
@media only screen and (min-width: 800px) {
  .overlay.movie-recording-overlay .movie-details-container {
    width: 30%;
  }
}
@media only screen and (min-height: 480px) {
  .overlay.movie-recording-overlay .movie-details-container {
    margin: 15% auto;
  }
}

.scheduled-tab-container .primary-title {
  color: #a2a2a2;
  font-size: 2.3rem;
  line-height: 2.99rem;
  font-weight: 300;
  letter-spacing: -0.05rem;
  text-transform: uppercase;
  word-wrap: break-word;
  text-align: left;
  display: block;
  padding: 10px 3%;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .scheduled-tab-container .primary-title {
    line-height: 2.99rem;
    padding: 30px 5%;
  }
}
.scheduled-tab-container .recordings-date-title {
  font-size: 1.4rem;
  text-align: left;
  padding-bottom: 10px;
}

/*SASS for RecordingsList*/
.episode-recording-list .episode-recording-list-container {
  padding: 1% 5% 5% 5%;
  border-top: 1px solid #333333;
}
.episode-recording-list .episode-recording-list-container .series-header {
  display: flex;
  justify-content: space-between;
}
.episode-recording-list .episode-recording-list-container .series-header .series-title {
  font-size: 1.8rem;
  font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
  flex-grow: 1;
  padding: 15px 15px 15px 0;
}
.episode-recording-list .episode-recording-list-container .series-header .series-title .episodes-info {
  font-size: 1rem;
}
.episode-recording-list .episode-recording-list-container .series-header .out-of-home-text {
  flex-grow: 1;
  font-size: 1.2rem;
  margin: 0 0 20px 0;
}
@media (min-width: 737px) {
  .episode-recording-list .episode-recording-list-container .series-header .out-of-home-text {
    margin: -25px 0 0 0;
  }
}
.episode-recording-list .episode-recording-list-container .series-header .recording-buttons {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .episode-recording-list .episode-recording-list-container .series-header .recording-buttons {
    width: auto;
  }
}
.episode-recording-list .episode-recording-list-container .series-header .recording-buttons button {
  border-radius: 10px;
  color: #8a8a8a;
  padding: 8px 30px;
  background: transparent;
  border: 1px solid #2f2f2f;
  margin-right: 10px;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 480px) {
  .episode-recording-list .episode-recording-list-container .series-header .recording-buttons button {
    padding: 4px 10px;
    border-radius: 5px;
  }
}
.episode-recording-list .episode-recording-list-container .series-header .recording-buttons button:hover {
  background-color: #D6D5D5;
  color: #000;
}
.episode-recording-list .episode-recording-list-container .episode-list {
  padding-top: 20px;
}
@media only screen and (max-width: 480px) {
  .episode-recording-list .episode-recording-list-container .episode-list .episode-detail {
    border-bottom: 1px solid #333333;
  }
  .episode-recording-list .episode-recording-list-container .episode-list .episode-detail:last-child {
    border-bottom: 0;
  }
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail {
  display: flex;
  padding: 2% 0 15px 0;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .home-gridy-module-item {
  width: 30%;
}
@media only screen and (max-width: 480px) {
  .episode-recording-list .episode-recording-list-container .episode-list .episode-detail .home-gridy-module-item {
    display: none;
  }
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description {
  width: 65%;
  display: inline-block;
  text-align: left;
  padding: 0 2%;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.title {
  color: #dadada;
  font-size: 1.3rem;
  font-weight: 400;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.sub-title {
  font-size: 1.1rem;
  font-weight: 400;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 3px;
}
@media only screen and (max-width: 480px) {
  .episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.sub-title {
    font-size: 1.1rem;
  }
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div .airing-info {
  margin-right: 10px;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div .expiry-time {
  font-style: italic;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div .expiry-time[data-is-highlight=true] {
  color: #da532c;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.secondary-text {
  color: #8a8a8a;
  max-height: 78px;
  overflow-y: hidden;
  margin: 10px 0;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.buttons-row button {
  background: transparent;
  border: 2px solid #da532c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 0;
  width: 48%;
  float: left;
  cursor: pointer;
  font-size: 1.2rem;
  color: #da532c;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 10px;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.buttons-row button:first-child {
  margin-right: 4%;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.buttons-row button:only-child {
  margin: 0 auto;
  float: none;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.buttons-row button:hover {
  background-color: #da532c;
  color: black;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.buttons-row button:active {
  position: relative;
  top: 1px;
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description div.buttons-row button[disabled] {
  cursor: not-allowed;
  opacity: .65;
}
@media only screen and (max-width: 480px) {
  .episode-recording-list .episode-recording-list-container .episode-list .episode-detail .episode-description {
    width: calc(100% - 25px);
    padding-top: inherit;
  }
}
.episode-recording-list .episode-recording-list-container .episode-list .episode-detail .delete-icon {
  position: relative;
  height: 25px;
}
.episode-recording-list .episode-recording-list-container .error-msg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.episode-recording-list[data-is-series-list=true] .episode-recording-list-container {
  border-top: 0;
  padding: 0;
}
.episode-recording-list[data-is-series-list=true] .episode-recording-list-container .series-header {
  padding: 15px 0;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #333333;
}

.extend-recording-overlay {
  background-color: rgba(0, 0, 0, 0.8);
}
.extend-recording-overlay .extend-recording-container {
  width: 40%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.extend-recording-overlay .extend-recording-container span.title {
  display: block;
  font-size: 1.5rem;
  font-weight: 200;
  padding-bottom: 15px;
}
.extend-recording-overlay .extend-recording-container .buttons {
  margin: 10px auto;
  width: 60%;
  text-align: center;
}
.extend-recording-overlay .extend-recording-container .buttons .button {
  background: transparent;
  border: 2px solid #da532c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 0;
  width: 48%;
  float: left;
  cursor: pointer;
  font-size: 1.2rem;
  color: #da532c;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 10px;
}
.extend-recording-overlay .extend-recording-container .buttons .button:first-child {
  margin-right: 4%;
}
.extend-recording-overlay .extend-recording-container .buttons .button:only-child {
  margin: 0 auto;
  float: none;
}
.extend-recording-overlay .extend-recording-container .buttons .button:hover {
  background-color: #da532c;
  color: black;
}
.extend-recording-overlay .extend-recording-container .buttons .button:active {
  position: relative;
  top: 1px;
}
.extend-recording-overlay .extend-recording-container .buttons .button[disabled] {
  cursor: not-allowed;
  opacity: .65;
}
.extend-recording-overlay .extend-recording-container .buttons .centre-button {
  margin-left: 26%;
  margin-bottom: 0;
}
.extend-recording-overlay .extend-recording-container .buttons .full-width {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .extend-recording-overlay .extend-recording-container {
    width: 80%;
  }
}

.channel-list-overlay {
  background-color: rgba(0, 0, 0, 0.8);
}
.channel-list-overlay .channel-list-container {
  width: 100%;
  max-height: 85%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.channel-list-overlay .channel-list-container span.title {
  display: block;
  font-size: 1.5rem;
  font-weight: 200;
  padding-bottom: 15px;
}
.channel-list-overlay .channel-list-container .checkbox-group {
  overflow-y: auto;
  padding: 3%;
}
.channel-list-overlay .channel-list-container .buttons {
  text-align: center;
  margin: 10px auto;
  width: 60%;
  text-align: center;
}
.channel-list-overlay .channel-list-container .buttons .button {
  background: transparent;
  border: 2px solid #da532c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 0;
  width: 48%;
  float: left;
  cursor: pointer;
  font-size: 1.2rem;
  color: #da532c;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 10px;
}
.channel-list-overlay .channel-list-container .buttons .button:first-child {
  margin-right: 4%;
}
.channel-list-overlay .channel-list-container .buttons .button:only-child {
  margin: 0 auto;
  float: none;
}
.channel-list-overlay .channel-list-container .buttons .button:hover {
  background-color: #da532c;
  color: black;
}
.channel-list-overlay .channel-list-container .buttons .button:active {
  position: relative;
  top: 1px;
}
.channel-list-overlay .channel-list-container .buttons .button[disabled] {
  cursor: not-allowed;
  opacity: .65;
}
.channel-list-overlay .channel-list-container .buttons .centre-button {
  margin-left: 26%;
  margin-bottom: 0;
}
.channel-list-overlay .channel-list-container .buttons .full-width {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .channel-list-overlay .channel-list-container {
    width: 80%;
  }
}
@media only screen and (min-width: 640px) {
  .channel-list-overlay .channel-list-container {
    width: 60%;
  }
}
@media only screen and (min-width: 800px) {
  .channel-list-overlay .channel-list-container {
    width: 40%;
  }
}

.recording-options .modal {
  background-color: #1e1f20;
  color: darkgray;
  height: 80%;
  width: 80%;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.recording-options .modal button:not(.exclude) {
  width: 20px;
  height: 20px;
  right: 0px;
  top: 0px;
  margin: 20px;
}
.recording-options .bottom-panel {
  right: 0px;
  bottom: 0px;
  width: 100%;
  padding: 10px 10px;
  border-top: 1px solid #808080;
}
.recording-options .bottom-panel .confirm {
  border-radius: 10px;
  color: #8a8a8a;
  padding: 8px 30px;
  background: transparent;
  border: 1px solid #2f2f2f;
  margin-right: 10px;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .recording-options .bottom-panel .confirm {
    padding: 4px 10px;
    border-radius: 5px;
  }
}
.recording-options .bottom-panel .confirm:hover {
  background-color: #D6D5D5;
  color: #000;
}
.recording-options .options-title {
  margin-left: 20px;
  margin-top: 20px;
  padding: 3% 0% 3% 3%;
  font-size: 1.2rem;
  text-align: left;
  width: 70%;
}
.recording-options .recording-options-list {
  overflow: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
.recording-options .recording-options-list .options-table {
  padding: 3% 3% 3% 3%;
}
.recording-options .recording-options-list .options-table .options-table-body {
  width: 90%;
  margin: auto;
}
.recording-options .recording-options-list .options-table .options-table-panel {
  border-bottom: 1px solid gray;
}
.recording-options .recording-options-list .options-table .options-table-panel-body {
  text-align: right;
  margin-top: 10px;
}
.recording-options .recording-options-list .options-table .options-table-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.recording-options .recording-options-list .options-table .options-table-row .options-table-row-title {
  padding: 15px 0;
  font-weight: 300;
  text-align: left;
  flex-grow: 0.3;
}
.recording-options .recording-options-list .options-table .options-table-row .options-table-row-value {
  padding: 15px 0;
  font-weight: 300;
  cursor: pointer;
  text-align: right;
  font-weight: 400;
  color: lightgray;
  flex-grow: 0.7;
}
.recording-options .recording-options-list .error-msg {
  margin-top: 50px;
}

.parental-controls-page .parental-controls-container table {
  width: 90%;
  max-width: 560px;
  margin: 0 5%;
  border-bottom: 1px solid #a2a2a2;
}
.parental-controls-page .parental-controls-container table tr td {
  padding: 10px 0;
  border-bottom: 1px solid #333333;
  font-weight: 300;
  color: #a2a2a2;
}
.parental-controls-page .parental-controls-container table tr td > span {
  cursor: pointer;
}
.parental-controls-page .parental-controls-container table tr td:last-of-type {
  text-align: right;
}

.pin-box-overlay {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (min-width: 640px) {
  .pin-box-overlay {
    align-items: center;
  }
}

/* Switch button*/
.switch-button {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 27px;
}
.switch-button input.switch {
  display: none;
}
.switch-button .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 27px;
}
.switch-button .switch-slider::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
.switch-button input.switch:checked + .switch-slider {
  background-color: #da532c;
}
.switch-button input.switch:focus + .switch-slider {
  box-shadow: 0 0 1px #2196F3;
}
.switch-button input.switch:checked + .switch-slider:before {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}

/*Scss for PinBox*/
.pin-box-container {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.pin-box-container > .title {
  color: #a2a2a2;
  font-size: 1.5rem;
  font-weight: 300;
  padding: 10px;
  text-align: center;
}
.pin-box-container > .message {
  text-align: center;
}
.pin-box-container .pin-input-wrapper {
  margin: 10px 0;
}
.pin-box-container .pin-input-wrapper .pin-field {
  height: 40px;
  width: 40px;
  border: none;
  border-bottom: 1px solid #dadada;
  outline: none;
  font-size: 2rem;
  text-align: center;
  background: black;
  color: #dadada;
  margin: 5px;
}
.pin-box-container .pin-input-wrapper .pin-field:focus {
  border-bottom: 2px solid white;
}
.pin-box-container .buttons-row {
  margin-top: 10px;
}
.pin-box-container .buttons-row button {
  border-radius: 10px;
  color: #8a8a8a;
  padding: 8px 30px;
  background: transparent;
  border: 1px solid #2f2f2f;
  margin-right: 10px;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .pin-box-container .buttons-row button {
    padding: 4px 10px;
    border-radius: 5px;
  }
}
.pin-box-container .buttons-row button:hover {
  background-color: #D6D5D5;
  color: #000;
}
@media only screen and (min-width: 640px) {
  .pin-box-container {
    width: 30%;
  }
}

.badge-strip {
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  margin-left: 3.5%;
  margin-top: 2%;
}
@media (min-width: 600px) {
  .badge-strip {
    margin-left: 1.5%;
  }
}

.badge-indicator {
  padding: 1px 3px;
  color: #FFFFFF;
  border-radius: 3px;
  background: #146b8c;
  font-size: 9px;
  letter-spacing: 0.05rem;
  font-weight: 600;
  text-transform: uppercase;
  flex: none;
  margin-left: 1%;
}
@media (min-width: 600px) {
  .badge-indicator {
    font-size: 11px;
    padding: 1px 6px;
  }
}
@media (min-width: 1600px) {
  .badge-indicator {
    font-size: 11px;
    padding: 1px 6px;
  }
}

.badge-indicator[data-is-badge="live"] {
  background: #65b022;
}

.recording-badge {
  border-radius: 9px;
  background-color: #b73333;
  width: 18px;
  height: 18px;
  margin: 5px 0 0 5px;
}

.scheduled-recording-badge {
  margin: 5px;
}
.scheduled-recording-badge:before {
  content: '';
  position: absolute;
  border-radius: 9px;
  width: 18px;
  height: 18px;
  border: 3px solid #b73333;
}

.scheduled-recording-badge-text {
  font-size: 20px;
  color: #b73333;
  font-weight: bold;
  margin: 5px 20px;
}
@media (min-width: 600px) {
  .scheduled-recording-badge-text {
    margin: 2px 20px;
  }
}

.network-detail-wrap-scroll .no-items-message {
  font-size: 1.5rem;
  color: #8a8a8a;
  padding-top: 15px;
  text-align: center;
}
.network-detail-wrap-scroll .grid-scroller {
  position: relative;
  padding-top: 0px;
  margin-top: 0px;
}
.network-detail-wrap-scroll .network-logo {
  height: 45px;
  width: 80px;
  display: inline-block;
}
.network-detail-wrap-scroll .network-logo .mobi-image {
  background-size: contain;
}
.network-detail-wrap-scroll .network-section {
  clear: both;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.network-detail-wrap-scroll .network-section[data-uses-full-height=true] {
  height: calc(100vh - 50px);
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .network-detail-wrap-scroll .network-section[data-uses-full-height=true] {
    height: calc(100vh - 60px);
  }
}
.network-detail-wrap-scroll .network-result-no-content {
  color: #FFFFFF;
  height: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.network-detail-wrap-scroll .network-result-no-content .network-results-title-no-content {
  color: #808080;
}

.page-not-found-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  height: 100vh;
  width: 100%;
  background: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-not-found-wrapper .error-code {
  font-size: 150px;
  line-height: 150px;
  font-weight: 600;
  color: #252525;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .page-not-found-wrapper .error-code {
    font-size: 220px;
    line-height: 220px;
  }
}
.page-not-found-wrapper .page-not-found-error-message {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.page-not-found-wrapper .page-not-found-error-message .error-text {
  padding: 10px 40px 40px 40px;
  font-size: 2.2rem;
  line-height: 2.5rem;
  text-align: center;
}
.page-not-found-wrapper .page-not-found-error-message button {
  background: transparent;
  border: 2px solid #da532c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 0;
  width: 48%;
  float: left;
  cursor: pointer;
  font-size: 1.2rem;
  color: #da532c;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 10px;
  max-width: 220px;
}
.page-not-found-wrapper .page-not-found-error-message button:first-child {
  margin-right: 4%;
}
.page-not-found-wrapper .page-not-found-error-message button:only-child {
  margin: 0 auto;
  float: none;
}
.page-not-found-wrapper .page-not-found-error-message button:hover {
  background-color: #da532c;
  color: black;
}
.page-not-found-wrapper .page-not-found-error-message button:active {
  position: relative;
  top: 1px;
}
.page-not-found-wrapper .page-not-found-error-message button[disabled] {
  cursor: not-allowed;
  opacity: .65;
}
.page-not-found-wrapper .page-not-found-error-message button a {
  text-decoration: none;
}

.filter_options_overlay {
  background-color: rgba(0, 0, 0, 0.95);
  height: 100%;
  width: 100%;
}

.filter_options_inner {
  height: 100%;
}

.filter_options_table_container {
  height: calc(100% - 45px);
  overflow-y: scroll;
}

.filter_options_table {
  text-align: left;
  margin-bottom: 10px;
}

.filter_close_div button {
  color: #8E8E8E;
  border: none;
  background: none;
  font-size: 0.8rem;
  height: auto;
  margin: 10px 0 5px 0;
  padding-right: 8px;
  position: relative;
  width: 35px;
}

#filter-cover {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -99;
}

.filter_header {
  height: 45px;
  position: relative;
  text-align: center;
}
.filter_header .filter_close_button {
  border: 0;
  background: transparent;
  position: absolute;
  height: 100%;
  margin-left: 15%;
  left: 0px;
  outline: none;
  cursor: pointer;
}
.filter_header .filter_close_button img {
  vertical-align: middle;
  height: 15px;
  width: 15px;
}
.filter_header label {
  line-height: 45px;
}
.filter_header .filter_clear_button {
  background: transparent;
  border: 0;
  color: #da532c;
  position: absolute;
  margin-right: 10%;
  right: 0px;
  height: 100%;
  outline: none;
  cursor: pointer;
}

.filter_option_panel .filter_key_name_active_list .filter_network_selected_network {
  line-height: 33px;
  color: #da532c;
  border-bottom: 1px solid #a2a2a2;
  margin: 0 10% 0 calc(15%  + 16px);
}
.filter_option_panel .filter_key_name_active_list .filter_network_selected_network .filter_network_selected_list {
  display: flex;
}
.filter_option_panel .filter_key_name_active_list .filter_network_selected_network .filter_network_selected_network_name {
  display: flex;
  position: relative;
  flex: 1;
}
.filter_option_panel .filter_key_name_active_list .filter_network_selected_network .filter_close_button_img {
  display: inline-block;
  padding: 0 5px;
}
.filter_option_panel .filter_key_name_active_list .filter_network_selected_network .filter_close_button_img #Layer_1 {
  width: 0.5rem;
  height: 0.5rem;
}
.filter_option_panel .filter_key_name_active_list .filter_network_selected_network .filter_close_button_img .cls-1 {
  fill: none;
  stroke: #da532c;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3.19px;
}
.filter_option_panel .filter_key_name_active_list .filter_sub_list {
  padding: 10px 0;
}
.filter_option_panel .filter_key_name_active_list .filter_sub_list .filter_list_item_selected {
  color: #da532c;
}
.filter_option_panel .filter_key_name_active_list .network_filter_search {
  border-bottom: 1px solid #a2a2a2;
  line-height: 33px;
  margin: 0 10% 0 calc(15% + 16px);
  padding: 10px 0 5px 0;
  display: flex;
}
.filter_option_panel .filter_key_name_active_list .network_filter_search .network_filter_search_icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}
.filter_option_panel .filter_key_name_active_list .network_filter_search .network_filter_search_icon .cls-1, .filter_option_panel .filter_key_name_active_list .network_filter_search .network_filter_search_icon .cls-2, .filter_option_panel .filter_key_name_active_list .network_filter_search .network_filter_search_icon .cls-3 {
  fill: none;
  stroke: #8e8e8e;
  stroke-miterlimit: 10;
}
.filter_option_panel .filter_key_name_active_list .network_filter_search .network_filter_search_icon .cls-2 {
  stroke-width: 2px;
}
.filter_option_panel .filter_key_name_active_list .network_filter_search .network_filter_search_icon .cls-3 {
  stroke-linecap: round;
  stroke-width: 3px;
}
.filter_option_panel .filter_key_name_active_list .network_filter_search .network_filter_search_input {
  display: inline-block;
  background: none;
  border: none;
  font-size: 100%;
  width: calc(100% - 23px);
  color: #dadada;
}
.filter_option_panel .filter_key_name_active_list .network_filter_search .network_filter_search_input:focus {
  outline: none;
}
.filter_option_panel .filter_option_header {
  display: flex;
  margin: 0 10% 0 15%;
  padding: 10px 0;
  border-bottom: 1px solid #a2a2a2;
}
.filter_option_panel .filter_option_header .switch-button {
  width: 32px;
  height: 16px;
  top: 2px;
}
.filter_option_panel .filter_option_header .switch-button .switch-slider {
  border-radius: 16px;
}
.filter_option_panel .filter_option_header .switch-button .switch-slider::before {
  height: 16px;
  width: 16px;
  left: 0;
  bottom: 0;
}
.filter_option_panel .filter_option_header .switch-button input.switch:checked + .switch-slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
}
.filter_option_panel .filter_option_header .filter_option_header_name {
  flex: 1;
}

.filter_option_panel.exclude > .filter_option_header {
  border: 0px;
}

.filter_option_panel.active > .filter_option_header {
  padding-top: 10px;
  padding-bottom: 0px;
  border: 0px;
}

.filter_list {
  line-height: 33px;
}
.filter_list:hover {
  background-color: #383838;
  color: #cacaca;
}
.filter_list .radio-select-indicator {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: #da532c;
  border-radius: 50%;
  margin-left: 15%;
}
.filter_list .filter_list_item_selected_name {
  display: inline-block;
  position: relative;
  left: 10px;
}
.filter_list .filter_list_item_unselected {
  margin-left: calc(15% + 16px);
}

.select-provider-page {
  position: relative;
  top: 0;
  height: 100vh;
}
@media (min-width: 737px) {
  .select-provider-page {
    display: flex;
    justify-content: space-around;
  }
}
.select-provider-page .select-provider-header {
  background-color: #d02a35;
  height: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 737px) {
  .select-provider-page .select-provider-header {
    height: 100%;
    flex-grow: 0.30;
    flex-direction: column;
  }
}
.select-provider-page .select-provider-header .select-provider-header-title {
  display: block;
  font-size: 2rem;
  font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background: url(/images/welcome_triangle.69344ada.png), url(/images/welcome_triangle.69344ada.png);
  background-position: 0 0, 100% 0;
  background-size: auto 20px, auto 20px;
  background-repeat: no-repeat, no-repeat;
  padding: 0 30px;
}
@media (min-width: 737px) {
  .select-provider-page .select-provider-header .select-provider-header-title {
    font-size: 2.4rem;
  }
}
.select-provider-page .select-provider-body {
  overflow-y: auto;
}
@media (min-width: 737px) {
  .select-provider-page .select-provider-body {
    flex-grow: 0.70;
    padding-bottom: 3%;
    flex-direction: column;
  }
}
.select-provider-page .select-provider-body .select-provider-title {
  display: block;
  font-size: 1.8rem;
  font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
  text-align: left;
  color: #a2a2a2;
  border-bottom: 1px solid #333333;
  margin: 7% 7% 0% 10%;
  padding-bottom: 7%;
}
@media (min-width: 737px) {
  .select-provider-page .select-provider-body .select-provider-title {
    font-size: 2rem;
    padding-bottom: 3%;
  }
}
.select-provider-page .select-provider-body .select-provider-ul {
  display: block;
  list-style: none;
  margin-top: 3%;
  display: block;
  cursor: default;
}
.select-provider-page .select-provider-body .select-provider-li {
  display: block;
  padding: 4% 0% 4% 10%;
  font-size: 1.6rem;
}
@media (min-width: 737px) {
  .select-provider-page .select-provider-body .select-provider-li {
    padding: 1% 0% 1% 10%;
  }
}
.select-provider-page .select-provider-body .select-provider-li:hover {
  background-color: #464646;
  color: #ffffff;
}
.select-provider-page .select-provider-body .select-provider-error {
  margin: 2% 0% 0% 7%;
}

.accordian .acc-panel .acc-body {
  display: none;
  opacity: 0;
  transition: opacity 300ms ease-out;
}

.accordian .acc-panel.active:not(.exclude) .acc-body {
  display: block;
  opacity: 1;
  transition: opacity 300ms ease-out;
}

.accordian .acc-panel:not(.exclude) .acc-header:after {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 3px;
  margin-top: auto;
  margin-bottom: auto;
  content: "";
  background: url("/images/triangle_down.e4f66799.svg") no-repeat center center;
  flex-shrink: 0;
}

.accordian .acc-panel.active:not(.exclude) .acc-header:after {
  background: url("/images/triangle_up.f3757834.svg") no-repeat center center;
  flex-shrink: 0;
  content: "";
}

.audio-setting-overlay {
  position: fixed;
  text-align: center;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 451;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.26);
  color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.7);
}
@media (min-width: 737px) and (min-height: 415px), (min-width: 415px) and (min-height: 737px) {
  .audio-setting-overlay {
    position: absolute;
    width: 45%;
    height: 230px;
    min-width: 350px;
    max-width: 500px;
    bottom: 60px;
    right: 5%;
    top: auto;
    left: auto;
    z-index: 100;
  }
}
.audio-setting-overlay button {
  border: none;
  background: none;
  position: absolute;
  margin-top: 15px;
  width: 40px;
  padding: 10px;
  height: 40px;
  right: 15px;
}
.audio-setting-overlay .closed-caption {
  height: auto;
  width: 30%;
  float: left;
}
.audio-setting-overlay .audio-option {
  height: auto;
  width: 70%;
  float: right;
}
.audio-setting-overlay .cc-audio {
  margin-top: 40px;
  height: auto;
  width: auto;
}
.audio-setting-overlay .cc-audio .label-border {
  height: 10%;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: solid;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-color: rgba(255, 255, 255, 0.7);
  border-bottom-style: outset;
}
.audio-setting-overlay .cc-audio .option-div {
  height: auto;
  padding: 15px;
}
.audio-setting-overlay .cc-audio .radio-group-transparent-background .radio-group .checkbox-label {
  text-align: left;
}