@charset "UTF-8";
.animatedFadeIn, div.page-contents-inner, div.login.visible,
#email-registration.visible, #share p, #listings, div.program, div.program div.meta div.description #social-likes ul li, div.program div.reactions #poll div.emotions, #search-results, div.sports-content div.table, ul.sports-events, div.tabs-promo a, div.sports-competitions ul li {
  -webkit-animation: fadein;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein;
  /* Firefox < 16 */
  -ms-animation: fadein;
  /* Internet Explorer */
  -o-animation: fadein;
  /* Opera < 12.1 */
  animation: fadein;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animatedFadeInUp {
  -webkit-animation: fadeinup;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeinup;
  /* Firefox < 16 */
  -ms-animation: fadeinup;
  /* Internet Explorer */
  -o-animation: fadeinup;
  /* Opera < 12.1 */
  animation: fadeinup;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animatedFadeInDown, ul.dropdown li.options {
  -webkit-animation: fadeindown;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeindown;
  /* Firefox < 16 */
  -ms-animation: fadeindown;
  /* Internet Explorer */
  -o-animation: fadeindown;
  /* Opera < 12.1 */
  animation: fadeindown;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeinup {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Firefox < 16 */
@-moz-keyframes fadeinup {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinup {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Internet Explorer */
@-ms-keyframes fadeinup {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Opera < 12.1 */
@-o-keyframes fadeinup {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeindown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Firefox < 16 */
@-moz-keyframes fadeindown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeindown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Internet Explorer */
@-ms-keyframes fadeindown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Opera < 12.1 */
@-o-keyframes fadeindown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@-moz-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@-o-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

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

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

*:focus {
  outline: 0;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

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

.font-size-small, div.page-contents-inner div.container p a.terms, header.main div.search input, div.articles #articles-scrollable li a div.overlay h3, div.article ul.breadcrumbs, div.channel ul.broadcasts li p span.sub-title,
div.channel ul.broadcasts li p span.synopsis, #listings ul.broadcasts li div.progress-container, #search-results div.content ul li div.progress-container, ul.sports-events li div.date-result span.broadcasts,
ul.sports-events li div.date-result span.round,
ul.sports-events li div.date-result span.shootout, table.squad th,
table.standings th, table.highlights tbody tr td div.action span.text {
  font-size: 13px;
  font-size: 1.3rem;
}

.font-size-medium, body, div.forgot p.forgot span.additional, ul.dropdown li.options li.option a, div.articles #articles-scrollable li a div.overlay h4, div.channel ul.broadcasts, div.program div.meta div.description dl.extras, div.program div.broadcasts ul, div.team-column table.squad td,
div.team-column table.standings td, table.highlights tbody tr td, div.sports-competitions ul li div.info div.txt span.nation {
  font-size: 15px;
  font-size: 1.5rem;
}

.font-size-large, div.page h1, div.page-contents-inner div.container p, div.page-contents-inner div.container p a.login, div.login input,
#email-registration input, div.login span.button,
div.login button.button,
#email-registration span.button,
#email-registration button.button, #share a.button, ul.dropdown li, header.main ul.main-options li a, div.country-selection, div.country-selection h1, div.static, div.guide-controls ul.guide-tabs li, div.guide-controls ul.guide-tabs li.options ul li.option a, div.program div.current-broadcasts, div.program div.meta div.description ul.movie-meta,
div.program div.meta div.description h2, div.program div.meta div.description div.ratings a, div.program div.meta div.description p, ul.sports-events li div.homeTeam,
ul.sports-events li div.awayTeam, ul.sports-events li div.date-result, table.squad td,
table.standings td, #sports-tabs li, #sports-tabs li.options ul li.option a, div.event div.body div.homeTeam span.name,
div.event div.body div.awayTeam span.name, div.highlights-empty, table.highlights tbody tr td.divider, div.sports-competitions ul li div.info div.txt h3, ul.channels li span.title,
ul.channels li span.channel-name,
ul.likes li span.title,
ul.likes li span.channel-name {
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 679px) {
  .font-size-large, div.page h1, div.page-contents-inner div.container p, div.page-contents-inner div.container p a.login, div.login input,
  #email-registration input, div.login span.button,
  div.login button.button,
  #email-registration span.button,
  #email-registration button.button, #share a.button, ul.dropdown li, header.main ul.main-options li a, div.country-selection, div.country-selection h1, div.static, div.guide-controls ul.guide-tabs li, div.guide-controls ul.guide-tabs li.options ul li.option a, div.program div.current-broadcasts, div.program div.meta div.description ul.movie-meta,
  div.program div.meta div.description h2, div.program div.meta div.description div.ratings a, div.program div.meta div.description p, ul.sports-events li div.homeTeam,
  ul.sports-events li div.awayTeam, ul.sports-events li div.date-result, table.squad td,
  table.standings td, #sports-tabs li, #sports-tabs li.options ul li.option a, div.event div.body div.homeTeam span.name,
  div.event div.body div.awayTeam span.name, div.highlights-empty, table.highlights tbody tr td.divider, div.sports-competitions ul li div.info div.txt h3, ul.channels li span.title,
  ul.channels li span.channel-name,
  ul.likes li span.title,
  ul.likes li span.channel-name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.font-size-vlarge, #listings ul.broadcasts li div.content span.time,
#listings ul.broadcasts li div.content h2, #search-results div.content ul li div.content h3 {
  font-size: 20px;
  font-size: 2.0rem;
}

@media screen and (max-width: 679px) {
  .font-size-vlarge, #listings ul.broadcasts li div.content span.time,
  #listings ul.broadcasts li div.content h2, #search-results div.content ul li div.content h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.font-style-h1, div.page-contents-inner div.container h1, #listings div.channel-info h1, div.sports-content h1, div.event div.inner div.header h1,
div.team div.inner div.header h1 {
  font-family: "chunkFive", sans-serif;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 300;
}

@media screen and (max-width: 679px) {
  .font-style-h1, div.page-contents-inner div.container h1, #listings div.channel-info h1, div.sports-content h1, div.event div.inner div.header h1,
  div.team div.inner div.header h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.font-style-h2, h2, div.sitemap div.outer div.inner h1, ul.sports-events li.date-label {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
}

@media screen and (max-width: 679px) {
  .font-style-h2, h2, div.sitemap div.outer div.inner h1, ul.sports-events li.date-label {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  color: #000000;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ins {
  text-decoration: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1.impact {
  font-family: "chunkFive", sans-serif;
  color: #32383b;
  font-size: 42px !important;
  font-size: 4.2rem !important;
  font-weight: 400 !important;
}

@media screen and (max-width: 679px) {
  h1.impact {
    font-size: 28px !important;
    font-size: 2.8rem !important;
  }
}

h1.impact-medium {
  font-family: "chunkFive", sans-serif;
  color: #32383b;
  font-size: 30px !important;
  font-size: 3.0rem !important;
  font-weight: 400 !important;
}

@media screen and (max-width: 679px) {
  h1.impact-medium {
    font-size: 24px !important;
    font-size: 2.4rem !important;
  }
}

html, body {
  background: #EEEEEE;
  height: 100%;
}

div.page-wrapper {
  padding-top: 10px;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
}

@media screen and (max-width: 1279px) {
  div.page-wrapper {
    max-width: 980px;
  }
}

@media screen and (max-width: 980px) {
  div.page-wrapper {
    padding-top: 0;
  }
}

div.page {
  float: left;
  width: 100%;
  max-width: 980px;
}

@media screen and (max-width: 1279px) {
  div.page {
    float: none;
  }
}

div.page h1 {
  font-weight: 300;
  margin: 10px 0 10px 0;
}

h1.top {
  background: #FFFFFF;
  margin: 0;
  padding: 5px;
}

#page-contents {
  padding: 0 0 40px 0;
  margin-top: 10px;
}

#page-contents.thinner {
  padding: 0;
}

#page-contents.overflow-inherit {
  overflow: inherit;
}

@media screen and (max-width: 980px) {
  #page-contents {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 679px) {
  #page-contents {
    padding: 0 0 30px 0;
    margin-top: 0;
  }
}

#page-contents div.spinner-container {
  background: white;
  overflow: auto;
  height: 100vh;
}

#page-contents div.spinner-container .spinner > div {
  background: #EAEAEA;
}

div.page-contents-inner {
  background: #FFFFFF;
  padding: 20px;
  min-height: 400px;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

div.page-contents-inner div.container {
  max-width: 620px;
  margin: auto;
}

div.page-contents-inner div.container h1 {
  text-align: center;
  margin-bottom: 20px;
}

div.page-contents-inner div.container p {
  text-align: center;
}

@media screen and (max-width: 679px) {
  div.page-contents-inner div.container p {
    text-align: left;
  }
}

div.page-contents-inner div.container p a.button,
div.page-contents-inner div.container p button.button,
div.page-contents-inner div.container p span.button,
div.page-contents-inner div.container p div.button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
  border: none;
}

@media screen and (max-width: 679px) {
  div.page-contents-inner div.container p a.button,
  div.page-contents-inner div.container p button.button,
  div.page-contents-inner div.container p span.button,
  div.page-contents-inner div.container p div.button {
    padding: 10px 20px 10px 20px;
  }
}

div.page-contents-inner div.container p a.button span.txt-loading,
div.page-contents-inner div.container p button.button span.txt-loading,
div.page-contents-inner div.container p span.button span.txt-loading,
div.page-contents-inner div.container p div.button span.txt-loading {
  display: none;
}

div.page-contents-inner div.container p a.button span.txt-loading img,
div.page-contents-inner div.container p button.button span.txt-loading img,
div.page-contents-inner div.container p span.button span.txt-loading img,
div.page-contents-inner div.container p div.button span.txt-loading img {
  display: block;
  width: 23px;
  height: 23px;
  margin: auto;
}

div.page-contents-inner div.container p a.button span.txt-loading.visible,
div.page-contents-inner div.container p button.button span.txt-loading.visible,
div.page-contents-inner div.container p span.button span.txt-loading.visible,
div.page-contents-inner div.container p div.button span.txt-loading.visible {
  display: inline;
}

div.page-contents-inner div.container p a.terms {
  display: block;
  text-align: center;
}

div.page-contents-inner div.container p a.login {
  display: block;
  text-align: center;
  color: #1BA3F7;
  margin: 30px 0 10px 0;
  font-weight: 600;
}

div.page-contents-inner div.container ul {
  margin-top: 20px;
  padding-bottom: 20px;
}

div.page-contents-inner div.container ul li {
  position: relative;
  padding: 0 0 5px 20px;
}

div.page-contents-inner div.container ul li::before {
  content: "• ";
  color: #CCC;
  font-size: 30px;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}

#registration-selection {
  display: none;
}

#registration-selection.visible {
  display: block;
}

div.login,
#email-registration {
  display: none;
}

div.login.visible,
#email-registration.visible {
  display: block;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

div.login h2,
#email-registration h2 {
  margin-bottom: 20px;
}

div.login input,
#email-registration input {
  display: block;
  border: 1px solid #CCC;
  background: #FFF;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 10px 30px 10px 10px;
  outline: none;
  height: 48px;
  -webkit-appearance: none;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.login input.error,
#email-registration input.error {
  background: rgba(255, 8, 0, 0.1);
}

div.login span.button,
div.login button.button,
#email-registration span.button,
#email-registration button.button {
  display: block;
  width: 100%;
  border: none;
  text-align: center;
  cursor: pointer;
}

@media screen and (max-width: 679px) {
  div.login span.button,
  div.login button.button,
  #email-registration span.button,
  #email-registration button.button {
    padding: 10px 20px 10px 20px;
  }
}

div.login span.error,
#email-registration span.error {
  display: none;
  margin: 0 0 10px 0;
  color: #E8420C;
  font-weight: 600;
  text-align: center;
}

div.login span.error.visible,
#email-registration span.error.visible {
  display: block;
}

div.login input:last-child,
#email-registration input:last-child {
  margin-bottom: 20px;
}

div.login p.top,
#email-registration p.top {
  margin-bottom: 40px;
}

div.login p.bottom,
#email-registration p.bottom {
  margin-top: 10px;
}

#overlay {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999;
  -webkit-animation: display-none-transition 0.2s;
  animation: display-none-transition 0.2s;
}

#overlay.visible {
  display: block;
  opacity: 1;
}

#overlay h4 {
  font-weight: 300;
  font-size: 26px;
  font-size: 2.6rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 679px) {
  #overlay h4 {
    font-size: 20px;
    font-size: 2.0rem;
  }
}

#share {
  display: none;
  margin: 100px auto 0 auto;
  padding: 50px;
  background: white;
  max-width: 400px;
}

#share.visible {
  display: block;
}

@media screen and (max-width: 679px) {
  #share {
    max-width: 679px;
    padding: 20px;
    margin: 80px 20px 100px 20px;
  }
}

#share a.button {
  display: block;
  position: relative;
  margin-bottom: 10px;
  text-align: center;
  background: #a0a4a6;
  font-weight: 300;
}

#share a.button::before {
  float: left;
}

#share a.button::after {
  content: '';
  float: right;
  display: block;
  width: 15px;
  height: 1px;
}

#share a.facebook {
  background: #3b5998;
}

#share a.facebook::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: transparent url(/images/icons/ic_facebook.png) no-repeat;
  background-size: 20px;
}

#share a.twitter {
  background: #55acee;
}

#share a.twitter::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: transparent url(/images/icons/ic_twitter.png) no-repeat;
  background-size: 20px;
}

#share a.clipboard::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: transparent url(/images/icons/ic_copy.png) no-repeat;
  background-size: 20px;
}

#share p {
  display: none;
  margin-top: 20px;
  font-weight: 600;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

@-webkit-keyframes display-none-transition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

div.sitemap div.outer {
  float: left;
  width: 25%;
}

@media screen and (max-width: 870px) {
  div.sitemap div.outer {
    width: 33%;
  }
}

@media screen and (max-width: 679px) {
  div.sitemap div.outer {
    float: none;
    width: auto;
  }
}

div.sitemap div.outer div.inner {
  background: #FFFFFF;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 20px;
}

div.sitemap div.outer div.inner h1 {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 679px) {
  div.sitemap div.outer div.inner {
    margin: 10px;
  }
}

div.forgot p.forgot {
  text-align: left !important;
}

div.forgot p.forgot span.additional {
  display: block;
  margin-top: 5px;
  font-style: italic;
}

#forgot-ok {
  display: none;
}

#div-gpt-ad-1570786605020-0,
#div-gpt-ad-1570781558786-0,
#div-gpt-ad-1570781558787-0,
#div-gpt-ad-1570781558788-0,
#div-gpt-ad-1570781558789-0,
#div-gpt-ad-1571775838395-0 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 250px;
}

#div-gpt-ad-1570786605020-0,
#div-gpt-ad-1570781558786-0,
#div-gpt-ad-1570781558787-0,
#div-gpt-ad-1570781558788-0,
#div-gpt-ad-1570781558789-0 {
  margin-top: 10px;
}

div.partners-right {
  width: 300px;
  position: relative;
  padding-left: 10px;
}

@media screen and (max-width: 1279px) {
  div.partners-right {
    display: none;
  }
}

#div-gpt-ad-1570786683052-0 {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}

div.infeed-partner-1,
div.infeed-partner-3,
div.infeed-partner-4 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 250px;
}

div.infeed-partner-1 {
  display: none;
  padding: 20px 0;
}

@media screen and (max-width: 679px) {
  div.infeed-partner-1 {
    display: flex;
  }
}

div.infeed-partner-3 {
  display: none;
  padding-bottom: 20px;
}

@media screen and (max-width: 980px) {
  div.infeed-partner-3 {
    display: flex;
  }
}

@media screen and (max-width: 870px) {
  div.infeed-partner-3 {
    display: none;
  }
}

div.infeed-partner-4 {
  padding-bottom: 20px;
}

@media screen and (max-width: 980px) {
  div.infeed-partner-4 {
    display: none;
  }
}

@media screen and (max-width: 870px) {
  div.infeed-partner-4 {
    display: flex;
  }
}

@media screen and (max-width: 679px) {
  div.infeed-partner-4 {
    display: none;
  }
}

ul.dropdown {
  position: relative;
  display: inline-block;
  text-align: left;
  min-width: 200px;
}

@media screen and (max-width: 679px) {
  ul.dropdown {
    min-width: 160px;
  }
}

@media screen and (max-width: 320px) {
  ul.dropdown {
    min-width: 140px;
  }
}

ul.dropdown li {
  display: block;
  font-weight: 300;
  cursor: pointer;
  color: #32383b;
  background: #FFFFFF;
  transition: background-color 0.2s ease;
}

ul.dropdown li.selected {
  padding: 19px 20px 0 20px;
  height: 60px;
}

ul.dropdown li.selected span::after {
  content: 'Ψ';
  color: #737E84;
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: 'onlyicons', georgia, sans-serif;
  padding-top: 5px;
}

ul.dropdown li:hover {
  background-color: #e1e1e1;
}

ul.dropdown li.options {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 9999;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

ul.dropdown li.options.hidden {
  display: none;
}

ul.dropdown li.options li.option a {
  display: block;
  color: #32383b;
  text-decoration: none;
  padding: 10px 20px;
  cursor: pointer;
}

.spinner {
  margin: 50px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  font-size: 1.0rem;
}

.spinner.circles {
  margin: 0;
  width: 70px;
  text-align: left;
}

.spinner > div {
  background-color: #FFFFFF;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner > div.dark {
  background: #EEEEEE;
}

#modal-container-contents .spinner {
  margin: 150px auto 0 auto;
  width: 70px;
  height: 60px;
}

#modal-container-contents .spinner > div {
  width: 10px;
}

.circles > div {
  background-color: #EEEEEE;
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 100%;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

div.button,
span.button,
button.button,
a.button {
  display: inline-block;
  padding: 10px 20px 10px 20px;
  background: #FF9C23;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  transition: opacity 0.2s ease;
  cursor: pointer;
  border: none;
}

@media screen and (max-width: 679px) {
  div.button,
  span.button,
  button.button,
  a.button {
    padding: 5px 10px 5px 10px;
  }
}

div.button.facebook,
span.button.facebook,
button.button.facebook,
a.button.facebook {
  background: #3b5998;
}

div.button.blue,
span.button.blue,
button.button.blue,
a.button.blue {
  background: #1BA3F7;
}

div.button.gray,
span.button.gray,
button.button.gray,
a.button.gray {
  background: #999;
}

div.button ins,
span.button ins,
button.button ins,
a.button ins {
  margin-right: 5px;
}

div.button img,
span.button img,
button.button img,
a.button img {
  margin-right: 2px;
  vertical-align: middle;
  margin-bottom: 2px;
}

div.button.right-margin,
span.button.right-margin,
button.button.right-margin,
a.button.right-margin {
  margin-right: 10px;
}

div.button.pending,
span.button.pending,
button.button.pending,
a.button.pending {
  opacity: 0.7;
}

div.button:hover,
span.button:hover,
button.button:hover,
a.button:hover {
  opacity: 0.7;
}

ul.date-selection-bar {
  display: table;
  width: 100%;
  clear: both;
  background: #FFFFFF;
  height: 46px;
}

ul.date-selection-bar li {
  display: table-cell;
  text-align: center;
  width: 20%;
  height: 100%;
  vertical-align: middle;
  padding-bottom: 3px;
}

@media screen and (max-width: 679px) {
  ul.date-selection-bar li {
    display: none;
  }
  ul.date-selection-bar li.mobile {
    display: table-cell;
  }
}

ul.date-selection-bar li a {
  color: inherit;
}

ul.date-selection-bar li.selected a {
  font-weight: bold;
  padding-bottom: 2px;
  border-bottom: 2px solid #ff9c22;
}

header.main {
  position: relative;
  background: #FF9C23;
  color: #FFFFFF;
  padding: 0 10px;
  overflow: hidden;
  height: 80px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

header.main a.mi-logo-text,
header.main a.mi-logo-symbol {
  display: block;
  float: left;
  margin: 10px 10px 10px 15px;
  outline: none;
}

header.main a.mi-logo-symbol {
  display: none;
}

header.main img.logo-text {
  height: 52px;
  width: auto;
  margin-top: 2px;
  border: none;
}

header.main img.logo-text,
header.main img.logo-symbol {
  transition: opacity 0.2s ease;
}

header.main img.logo-text:hover,
header.main img.logo-symbol:hover {
  opacity: 0.7;
}

@media screen and (max-width: 980px) {
  header.main {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

@media screen and (max-width: 679px) {
  header.main {
    padding-left: 10px;
    height: 70px;
    margin-bottom: 0;
  }
  header.main a.mi-logo-text {
    display: none;
  }
  header.main a.mi-logo-symbol {
    display: block;
    margin: 9px 0 0 10px;
  }
}

header.main ul.main-options {
  float: left;
  height: 100%;
  margin-left: 30px;
}

header.main ul.main-options li {
  float: left;
  display: block;
  height: 100%;
}

header.main ul.main-options li.selected {
  background: #FF7800;
}

header.main ul.main-options li a {
  display: table;
  height: 100%;
  padding: 0 20px;
  color: #FFFFFF;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

@media screen and (max-width: 679px) {
  header.main ul.main-options li a {
    padding: 0 10px;
    font-size: 10px;
    font-size: 1rem;
  }
}

header.main ul.main-options li a span {
  display: table-cell;
  vertical-align: middle;
  padding-top: 4px;
}

@media screen and (max-width: 679px) {
  header.main ul.main-options li a span {
    text-align: center;
  }
}

header.main ul.main-options li a span.guide::before {
  display: inline-block;
  content: "";
  background: transparent url(/images/icons/ic_programacion.png) no-repeat;
  width: 26px;
  height: 26px;
  background-size: 26px;
}

header.main ul.main-options li a span.profile::before {
  display: inline-block;
  content: "";
  background: transparent url(/images/icons/ic_happy.png) no-repeat;
  width: 26px;
  height: 26px;
  background-size: 26px;
}

header.main ul.main-options li a span.profile.logged-in::before {
  display: inline;
  content: '';
  background: none;
}

header.main ul.main-options li a span.search::before {
  display: inline-block;
  content: "";
  background: transparent url(/images/icons/ic_search.png) no-repeat;
  width: 26px;
  height: 26px;
  background-size: 26px;
}

header.main ul.main-options li a span::before {
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 4px;
}

@media screen and (max-width: 679px) {
  header.main ul.main-options li a span::before {
    display: block !important;
    margin: 0 auto 2px auto !important;
  }
}

header.main ul.main-options li a span.profile img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 5px 2px 0;
}

@media screen and (max-width: 679px) {
  header.main ul.main-options li a span.profile img {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 0 auto;
  }
}

header.main ul.main-options li a:hover {
  opacity: 0.6;
}

header.main ul.main-options li.search {
  display: none;
}

@media screen and (max-width: 940px) {
  header.main ul.main-options li.search {
    display: block;
  }
}

header.main div.search {
  position: absolute;
  top: 16px;
  right: 20px;
}

@media screen and (max-width: 940px) {
  header.main div.search {
    display: none;
    left: 20px;
    -webkit-animation: fadein;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein;
    /* Firefox < 16 */
    -ms-animation: fadein;
    /* Internet Explorer */
    -o-animation: fadein;
    /* Opera < 12.1 */
    animation: fadein;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
  }
}

@media screen and (max-width: 679px) {
  header.main div.search {
    top: 10px;
    left: 10px;
    right: 10px;
  }
}

header.main div.search input {
  display: inline-block;
  border: none;
  background: #FFF;
  width: 310px;
  margin: 0;
  padding: 10px 30px 10px 10px;
  outline: none;
  height: 48px;
  -webkit-appearance: none;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 940px) {
  header.main div.search input {
    width: 100%;
  }
}

header.main div.search span.ic-search,
header.main div.search span.ic-search-close {
  position: absolute;
  cursor: pointer;
}

header.main div.search span.ic-search {
  display: inline-block;
  top: 14px;
  right: 8px;
}

header.main div.search span.ic-search-close {
  display: none;
  font-size: 20px;
  top: 15px;
  right: 10px;
}

header.main div.search input[placeholder] {
  text-overflow: ellipsis;
}

header.main div.search input::-moz-placeholder {
  text-overflow: ellipsis;
}

header.main div.search input:-moz-placeholder {
  text-overflow: ellipsis;
}

header.main div.search input:-ms-input-placeholder {
  text-overflow: ellipsis;
}

@media screen and (max-width: 940px) {
  header.main.search-mode a.mi-logo-text,
  header.main.search-mode a.mi-logo-symbol,
  header.main.search-mode ul.main-options {
    display: none;
  }
  header.main.search-mode div.search {
    display: block;
  }
}

header.main.search-mode div.search span.ic-search {
  display: none;
}

header.main.search-mode div.search span.ic-search-close {
  display: inline-block;
}

h1.articles {
  background: #FFFFFF;
  margin: 0 !important;
  padding: 10px 10px 0 10px;
  font-weight: 700 !important;
}

h1.articles-disabled {
  background: #FFFFFF;
  margin: 0 !important;
  padding: 10px;
  font-weight: 700 !important;
}

div.articles-list {
  margin: 20px 0;
}

@media screen and (max-width: 679px) {
  div.articles-list {
    margin: 0 0 10px 0;
  }
}

div.articles-list a.excerpt {
  display: block;
  cursor: pointer;
  overflow: auto;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease;
  border-bottom: 1px solid #CCC;
  padding: 20px 0;
}

@media screen and (max-width: 679px) {
  div.articles-list a.excerpt {
    padding: 10px 0;
  }
}

div.articles-list a.excerpt div.image-container {
  float: left;
  width: 180px;
  height: 120px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top 5% center;
}

@media screen and (max-width: 679px) {
  div.articles-list a.excerpt div.image-container {
    width: 60px;
    height: 60px;
  }
}

div.articles-list a.excerpt div.content {
  padding-top: 10px;
}

div.articles-list a.excerpt div.content h2, div.articles-list a.excerpt div.content p {
  margin: 0;
}

@media screen and (max-width: 679px) {
  div.articles-list a.excerpt div.content {
    padding-top: 5px;
  }
  div.articles-list a.excerpt div.content h2, div.articles-list a.excerpt div.content p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

div.articles-list a.excerpt:hover {
  opacity: 0.7;
}

div.articles-list a.excerpt:last-child {
  border: none;
}

@media screen and (max-width: 679px) {
  div.articles-list a.excerpt:first-child {
    padding-top: 0;
  }
}

div.articles {
  margin: 0;
  padding: 10px 0 10px 0;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 679px) {
  div.articles {
    display: none;
  }
}

div.articles #articles-scrollable {
  display: block;
  width: 980px;
  height: 140px;
  padding: 0 10px 0 10px;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease, ease-out "" ease;
  -moz-transition: transform 0.3s ease, ease-out "" ease;
  -o-transition: transform 0.3s ease, ease-out "" ease;
  transition: transform 0.3s ease, ease-out "" ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -webkit-transform 0.3s ease;
  -o-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease, ease-out "" ease;
  -moz-transition: -webkit-transform 0.3s ease, ease-out "" ease;
  -o-transition: -webkit-transform 0.3s ease, ease-out "" ease;
  transition: -webkit-transform 0.3s ease, ease-out "" ease;
}

div.articles #articles-scrollable li {
  display: block;
  float: left;
  width: 237px;
  height: 100%;
  transition: opacity 0.2s ease;
  overflow: hidden;
}

div.articles #articles-scrollable li a {
  position: relative;
  display: block;
  height: 100%;
  background: #CCC;
  margin-left: 10px;
  color: white;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top 5% center;
  cursor: pointer;
}

div.articles #articles-scrollable li a div.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
}

div.articles #articles-scrollable li a div.overlay h3 {
  color: #FF9C23;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.articles #articles-scrollable li a div.overlay h4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.articles #articles-scrollable li:first-child a {
  margin-left: 0;
}

div.articles #articles-scrollable li:hover {
  opacity: 0.7;
}

@media screen and (max-width: 980px) {
  div.articles {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  div.articles #articles-scrollable {
    width: 1220px;
  }
  div.articles #articles-scrollable li {
    width: 300px;
  }
  div.articles #articles-scrollable li a div.overlay {
    height: 48px;
  }
}

@media screen and (max-width: 870px) {
  div.articles #articles-scrollable {
    width: 1300px;
    height: 160px;
  }
  div.articles #articles-scrollable li {
    width: 320px;
  }
}

@media screen and (max-width: 679px) {
  div.articles #articles-scrollable {
    width: 1140px;
    height: 150px;
  }
  div.articles #articles-scrollable li {
    width: 280px;
  }
}

@media screen and (max-width: 460px) {
  div.articles #articles-scrollable {
    width: 1100px;
  }
  div.articles #articles-scrollable li {
    width: 270px;
  }
}

div.articles a.more-link {
  float: right;
  display: inline-block;
  margin: 10px 10px 0 10px;
}

div.article {
  padding-top: 0 !important;
}

div.article img {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 679px) {
  div.article {
    padding: 0 !important;
  }
}

div.article ul.breadcrumbs {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

div.article ul.breadcrumbs li {
  float: left;
  padding: 0 5px 0 0;
  margin: 0;
}

div.article ul.breadcrumbs li a {
  text-decoration: none;
}

div.article ul.breadcrumbs li::after {
  content: '/';
  padding-left: 5px;
}

div.article ul.breadcrumbs li:last-child::after {
  content: '';
}

div.article nav {
  text-align: center;
}

div.article nav a {
  margin-right: 20px;
}

div.article nav a:last-child {
  margin: 0;
}

footer.info {
  margin-top: 20px;
  padding: 30px 30px 140px 30px;
  background: #32383B;
  color: #FFFFFF;
  text-align: center;
}

@media screen and (max-width: 679px) {
  footer.info {
    padding: 20px;
  }
}

footer.info div.about {
  padding: 10px;
  background: #282D2F;
  text-align: left;
}

@media screen and (max-width: 679px) {
  footer.info div.about {
    padding: 0;
    background: none;
  }
}

footer.info div.sections {
  padding: 10px;
  overflow: auto;
  text-align: left;
}

@media screen and (max-width: 679px) {
  footer.info div.sections {
    padding: 0;
  }
}

footer.info div.sections div.column1 {
  width: 100%;
  clear: both;
}

footer.info div.sections div.column2 {
  width: 50%;
  float: left;
}

footer.info div.sections div.column4 {
  width: 25%;
  float: left;
}

@media screen and (max-width: 679px) {
  footer.info div.sections div.column1,
  footer.info div.sections div.column2,
  footer.info div.sections div.column4 {
    float: none;
    width: 100%;
  }
}

footer.info div.sections div.column1 h3,
footer.info div.sections div.column2 h3,
footer.info div.sections div.column4 h3 {
  margin-top: 10px;
}

footer.info div.sections div.column1 h3 a,
footer.info div.sections div.column2 h3 a,
footer.info div.sections div.column4 h3 a {
  color: inherit;
}

footer.info div.sections div.column1 p,
footer.info div.sections div.column2 p,
footer.info div.sections div.column4 p {
  margin-top: 5px;
  margin-right: 10px;
}

footer.info div.sections div.column1 ul,
footer.info div.sections div.column2 ul,
footer.info div.sections div.column4 ul {
  margin-top: 10px;
}

footer.info div.sections div.column1 ul li a,
footer.info div.sections div.column2 ul li a,
footer.info div.sections div.column4 ul li a {
  color: inherit;
  font-weight: bold;
}

footer.info div.sections div.column1 ul.contact-icons,
footer.info div.sections div.column2 ul.contact-icons,
footer.info div.sections div.column4 ul.contact-icons {
  text-align: right;
}

@media screen and (max-width: 679px) {
  footer.info div.sections div.column1 ul.contact-icons,
  footer.info div.sections div.column2 ul.contact-icons,
  footer.info div.sections div.column4 ul.contact-icons {
    text-align: center;
    padding: 20px 0 0 0;
  }
}

footer.info div.sections div.column1 ul.contact-icons li,
footer.info div.sections div.column2 ul.contact-icons li,
footer.info div.sections div.column4 ul.contact-icons li {
  display: inline-block;
  margin-right: 10px;
}

footer.info div.sections div.column1 ul.contact-icons li a,
footer.info div.sections div.column2 ul.contact-icons li a,
footer.info div.sections div.column4 ul.contact-icons li a {
  transition: opacity 0.2s ease;
}

footer.info div.sections div.column1 ul.contact-icons li a:hover,
footer.info div.sections div.column2 ul.contact-icons li a:hover,
footer.info div.sections div.column4 ul.contact-icons li a:hover {
  opacity: 0.6;
}

footer.info div.sections div.column1 ul.countries,
footer.info div.sections div.column2 ul.countries,
footer.info div.sections div.column4 ul.countries {
  margin: auto;
  padding: 20px 40px 0 0;
  text-align: right;
  max-width: 320px;
}

footer.info div.sections div.column1 ul.countries li,
footer.info div.sections div.column2 ul.countries li,
footer.info div.sections div.column4 ul.countries li {
  background-size: 26px 16px;
  background-repeat: no-repeat;
  background-position: right center;
}

footer.info div.sections div.column1 ul.countries li a,
footer.info div.sections div.column2 ul.countries li a,
footer.info div.sections div.column4 ul.countries li a {
  padding-right: 32px;
  font-weight: normal;
}

@media screen and (max-width: 679px) {
  footer.info div.sections div.column1 ul.countries,
  footer.info div.sections div.column2 ul.countries,
  footer.info div.sections div.column4 ul.countries {
    text-align: left;
    margin: 0;
    padding: 50px 0 30px 0;
  }
  footer.info div.sections div.column1 ul.countries li,
  footer.info div.sections div.column2 ul.countries li,
  footer.info div.sections div.column4 ul.countries li {
    background-size: 32px 20px;
    margin-bottom: 10px;
    background-position: left center;
  }
  footer.info div.sections div.column1 ul.countries li a,
  footer.info div.sections div.column2 ul.countries li a,
  footer.info div.sections div.column4 ul.countries li a {
    display: block;
    padding-left: 40px;
  }
}

footer.info div.sections div.column1 ul.countries li.ar,
footer.info div.sections div.column2 ul.countries li.ar,
footer.info div.sections div.column4 ul.countries li.ar {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-argentina.png");
}

footer.info div.sections div.column1 ul.countries li.br,
footer.info div.sections div.column2 ul.countries li.br,
footer.info div.sections div.column4 ul.countries li.br {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-brazil.png");
}

footer.info div.sections div.column1 ul.countries li.gt,
footer.info div.sections div.column2 ul.countries li.gt,
footer.info div.sections div.column4 ul.countries li.gt {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-guatemala.png");
}

footer.info div.sections div.column1 ul.countries li.hn,
footer.info div.sections div.column2 ul.countries li.hn,
footer.info div.sections div.column4 ul.countries li.hn {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-honduras.png");
}

footer.info div.sections div.column1 ul.countries li.sv,
footer.info div.sections div.column2 ul.countries li.sv,
footer.info div.sections div.column4 ul.countries li.sv {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-salvador.png");
}

footer.info div.sections div.column1 ul.countries li.co,
footer.info div.sections div.column2 ul.countries li.co,
footer.info div.sections div.column4 ul.countries li.co {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-colombia.png");
}

footer.info div.sections div.column1 ul.countries li.mx,
footer.info div.sections div.column2 ul.countries li.mx,
footer.info div.sections div.column4 ul.countries li.mx {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-mexico.png");
}

footer.info div.sections div.column1 ul.countries li.cl,
footer.info div.sections div.column2 ul.countries li.cl,
footer.info div.sections div.column4 ul.countries li.cl {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-chile.png");
}

footer.info div.sections div.column1 ul.countries li.pe,
footer.info div.sections div.column2 ul.countries li.pe,
footer.info div.sections div.column4 ul.countries li.pe {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-peru.png");
}

footer.info div.sections div.column1 ul.countries li.py,
footer.info div.sections div.column2 ul.countries li.py,
footer.info div.sections div.column4 ul.countries li.py {
  background-image: url("https://cdn.mitvstatic.com/icons/flags/flag-paraguay.png");
}

footer.info div.sting {
  display: inline-block;
  max-width: 400px;
  margin: 20px auto 0 auto;
  font-size: 12px;
  text-align: left;
}

footer.info div.sting a {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

footer.info div.sting img {
  width: 80px;
}

footer.info div.english {
  margin: 20px auto 0 auto;
  font-weight: bold;
  font-size: 15px;
}

footer.info div.english ul {
  display: inline;
}

footer.info div.english ul li {
  display: inline-block;
  font-weight: normal;
  margin: 0 0 0 8px;
}

footer.info div.english ul li a {
  color: #FFFFFF;
}

@media screen and (max-width: 679px) {
  footer.info div.english {
    margin: 0;
    text-align: left;
    font-size: 14px;
  }
  footer.info div.english ul {
    display: block;
  }
  footer.info div.english ul li {
    display: block;
    margin: 0;
  }
}

div.country-selection {
  min-height: 100%;
  text-align: center;
  color: #FFFFFF;
  background: #EEEEEE;
  opacity: 0;
  transition: opacity 1s ease;
}

div.country-selection h1 {
  margin-top: 30px;
}

div.country-selection div.content {
  margin: auto;
  width: 310px;
  padding: 60px 0 100px 0;
}

@media screen and (max-width: 679px) {
  div.country-selection div.content {
    padding: 20px 0 100px 0;
  }
  div.country-selection div.content img {
    width: 70px;
    height: 100px;
  }
}

div.country-selection div.content p {
  margin-top: 20px;
  font-weight: 600;
}

div.country-selection div.content ul {
  margin-top: 30px;
}

div.country-selection div.content ul li {
  border-bottom: 1px solid #119ff7;
}

div.country-selection div.content ul li a {
  display: block;
  padding: 10px 0 10px 0;
  color: #FFFFFF;
  font-weight: 600;
}

div.country-selection div.content ul li a:hover {
  background: #4cb7f9;
  text-decoration: none;
}

div.country-selection div.content ul li:last-child {
  border-bottom: none;
}

div.country-selection.active {
  background-color: #1BA3F7;
  opacity: 1;
}

div.static {
  max-width: 620px;
  margin: auto;
  padding: 30px 20px 90px 20px;
}

div.static h1 {
  margin-bottom: 20px;
}

@media screen and (max-width: 679px) {
  div.static h1 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

div.static h2 {
  font-size: 22px;
  font-size: 2.2rem;
  margin-top: 30px;
}

div.static h2.section {
  margin-top: 40px;
}

div.static p {
  margin-top: 10px;
}

div.static p.red strong {
  color: #E8420C;
}

div.static p.orange strong {
  color: #FF7800;
}

div.static p.blue strong {
  color: #1BA3F7;
}

div.static p.device, div.static p.face, div.static p.guide {
  padding-left: 70px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 50px 45px;
}

@media screen and (max-width: 679px) {
  div.static p.device, div.static p.face, div.static p.guide {
    padding-left: 55px;
    background-size: 40px 36px;
  }
}

div.static p.device {
  background-image: url("/images/commercial/ic-mobile-gray.png");
}

div.static p.face {
  background-image: url("/images/commercial/ic-audience-gray.png");
}

div.static p.guide {
  background-image: url("/images/commercial/ic-format-gray.png");
}

div.static img.full-width {
  width: 100%;
}

div.static div.iframe-wrapper {
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 679px) {
  div.static div.iframe-wrapper iframe {
    width: 320px;
    height: 180px;
  }
}

div.static ul {
  list-style: disc;
  margin: 30px 0 0 30px;
}

div.static ul li {
  padding-bottom: 10px;
}

div.static ol {
  margin: 30px 0 0 30px;
  font-weight: bold;
}

div.static ol li {
  padding-bottom: 10px;
}

div.static ol li span {
  font-weight: normal;
}

div.static ol.lower-latin {
  list-style: lower-latin;
}

div.static ol.lower-roman {
  list-style: lower-roman;
}

ul.guide-menu {
  background: white;
  text-align: center;
  margin-bottom: 1px;
}

ul.guide-menu li {
  display: inline-block;
  padding: 10px;
}

ul.guide-menu li a {
  color: inherit;
}

ul.guide-menu li a:hover {
  text-decoration: none;
}

ul.guide-menu li.active {
  border-bottom: 2px solid #FF9C23;
  font-weight: bold;
}

span.rating::before {
  display: inline-block;
  content: "";
  background: transparent url(/images/icons/ic_star_gray.png) no-repeat;
  width: 12px;
  height: 12px;
  background-size: 12px;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 4px;
}

span.rating.good::before {
  background: transparent url(/images/icons/ic_star_black.png) no-repeat;
  background-size: 12px;
}

div.guide-controls {
  min-height: 70px;
  padding-bottom: 1px;
  position: relative;
}

div.guide-controls.thin {
  min-height: 0;
}

div.guide-controls h1.intro {
  font-weight: bold;
  text-align: center;
  background: #FFFFFF;
  margin: 0;
  padding: 10px 0 5px 0;
  font-size: 20px;
  font-size: 2.0rem;
}

@media screen and (max-width: 679px) {
  div.guide-controls {
    padding: 10px 5px 10px 5px;
    text-align: center;
  }
  div.guide-controls h1.intro {
    display: none;
  }
}

div.guide-controls ul.guide-tabs {
  float: left;
  width: 700px;
  text-align: left;
}

@media screen and (max-width: 980px) {
  div.guide-controls ul.guide-tabs {
    float: none;
    display: inline-block;
    margin-right: 10px;
  }
}

div.guide-controls ul.guide-tabs li {
  height: 60px;
  color: #32383b;
  background: none;
  cursor: pointer;
  font-weight: 300;
}

div.guide-controls ul.guide-tabs li.selected {
  display: none;
  text-align: left;
  padding: 19px 20px 0 20px;
  background: #FFFFFF;
  transition: background-color 0.2s ease;
  min-width: 200px;
}

@media screen and (max-width: 679px) {
  div.guide-controls ul.guide-tabs li.selected {
    min-width: 160px;
  }
}

@media screen and (max-width: 320px) {
  div.guide-controls ul.guide-tabs li.selected {
    min-width: 140px;
  }
}

div.guide-controls ul.guide-tabs li.selected span::after {
  content: 'Ψ';
  color: #737E84;
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: 'onlyicons', georgia, sans-serif;
  padding-top: 5px;
}

div.guide-controls ul.guide-tabs li.selected:hover {
  background-color: #e1e1e1;
}

div.guide-controls ul.guide-tabs li.options {
  display: block;
  z-index: 9999;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

div.guide-controls ul.guide-tabs li.options ul li.option {
  display: inline-block;
  text-align: center;
  padding-right: 1px;
}

div.guide-controls ul.guide-tabs li.options ul li.option a {
  padding: 19px 0 0 0;
  height: 100%;
  background: #FFFFFF;
  transition: background-color 0.2s ease;
}

div.guide-controls ul.guide-tabs li.options ul li.option a:hover {
  background-color: #e1e1e1;
}

div.guide-controls ul.guide-tabs li.options ul li.option.active a {
  color: #1BA3F7;
}

@media screen and (max-width: 980px) {
  div.guide-controls ul.guide-tabs li.options ul li.option {
    display: block;
    border: none;
    padding-right: 0;
    text-align: left;
    width: 100% !important;
    height: auto;
  }
  div.guide-controls ul.guide-tabs li.options ul li.option a {
    color: #32383b !important;
    padding: 10px 20px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}

div.guide-controls ul.guide-tabs li.options ul li:last-child {
  border-right: none;
}

@media screen and (max-width: 980px) {
  div.guide-controls ul.guide-tabs {
    width: auto;
  }
  div.guide-controls ul.guide-tabs li.selected {
    display: block;
  }
  div.guide-controls ul.guide-tabs li.options {
    -webkit-animation: fadeindown;
    -moz-animation: fadeindown;
    -ms-animation: fadeindown;
    -o-animation: fadeindown;
    animation: fadeindown;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }
  div.guide-controls ul.guide-tabs li.options.hidden {
    display: none;
  }
}

div.guide-contents {
  clear: both;
  background: #FFFFFF;
  padding: 10px;
  min-height: 400px;
}

#channels {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 679px) {
  #channels {
    padding: 0 5px 0 5px;
  }
}

div.channel {
  width: 25%;
}

@media screen and (max-width: 980px) {
  div.channel {
    width: 33%;
  }
  div.channel.col-3 {
    width: 34%;
  }
}

@media screen and (max-width: 870px) {
  div.channel {
    width: 50%;
  }
  div.channel.col-3 {
    width: 50%;
  }
}

@media screen and (max-width: 679px) {
  div.channel {
    width: 100% !important;
    clear: none !important;
  }
  div.channel div.channel-inner {
    margin-right: 0 !important;
  }
  div.channel.col-3 {
    width: 100% !important;
  }
}

div.channel {
  margin-bottom: 20px;
  background: #FFFFFF;
}

@media screen and (max-width: 679px) {
  div.channel {
    margin-bottom: 1px;
  }
}

div.channel div.channel-inner {
  padding: 20px 15px 20px 15px;
  border-right: 1px solid #EEEEEE;
  height: 100%;
}

div.channel div.channel-inner.col-4 {
  border-right: none;
}

@media screen and (max-width: 980px) {
  div.channel div.channel-inner.col-4 {
    border-right: 1px solid #EEEEEE;
  }
  div.channel div.channel-inner.col-3 {
    border-right: none;
  }
}

@media screen and (max-width: 870px) {
  div.channel div.channel-inner.col-3 {
    border-right: 1px solid #EEEEEE;
  }
  div.channel div.channel-inner.col-2 {
    border-right: none;
  }
}

div.channel div.channel-inner a.c {
  display: block;
  transition: opacity 0.2s ease;
  overflow: auto;
}

div.channel div.channel-inner a.c img {
  float: left;
}

div.channel div.channel-inner a.c h3 {
  color: #000;
  font-size: 14px;
  text-decoration: none;
  margin: 0;
  padding: 10px 0 0 50px;
}

div.channel div.channel-inner a.c:hover {
  opacity: 0.5;
}

div.channel div.channel-inner ul.broadcasts li p img.vivo,
div.channel div.channel-inner ul.broadcasts li p img.peli,
div.channel div.channel-inner ul.broadcasts li p img.love {
  vertical-align: middle;
  margin-bottom: 3px;
}

@media screen and (max-width: 870px) {
  div.channel div.channel-inner ul.broadcasts li {
    padding-bottom: 5px;
  }
  div.channel div.channel-inner ul.broadcasts li span.time {
    width: 50px;
  }
  div.channel div.channel-inner ul.broadcasts li p {
    margin-left: 50px;
  }
  div.channel div.channel-inner ul.broadcasts li p span.sub-title,
  div.channel div.channel-inner ul.broadcasts li p span.synopsis {
    display: block;
  }
  div.channel div.channel-inner ul.broadcasts.time12 li span.time {
    width: 75px;
  }
  div.channel div.channel-inner ul.broadcasts.time12 li p {
    margin-left: 75px;
  }
  div.channel div.channel-inner ul.broadcasts li.with-extended-info {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 679px) {
  div.channel div.channel-inner {
    display: table;
    width: 100%;
    position: relative;
    min-height: 74px;
    padding: 10px;
    border-right: none !important;
  }
  div.channel div.channel-inner a.c {
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    padding: 15px 0 0 10px;
  }
  div.channel div.channel-inner img.logo {
    float: none;
    width: 48px;
    height: 48px;
  }
  div.channel div.channel-inner h3 {
    display: none;
  }
  div.channel div.channel-inner ul.broadcasts {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 64px;
  }
  div.channel div.channel-inner ul.broadcasts li {
    padding-bottom: 0;
  }
  div.channel div.channel-inner ul.broadcasts li p span.sub-title,
  div.channel div.channel-inner ul.broadcasts li p span.synopsis {
    display: none;
  }
  div.channel div.channel-inner ul.broadcasts li.with-extended-info {
    padding-bottom: 0;
  }
  div.channel div.channel-inner ul.broadcasts li.ongoing {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

div.channel ul.broadcasts {
  clear: both;
  text-align: left;
  padding-top: 10px;
}

div.channel ul.broadcasts li {
  display: block;
  position: relative;
  padding-bottom: 1px;
  cursor: pointer;
}

div.channel ul.broadcasts li a.program-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

div.channel ul.broadcasts li.with-extended-info {
  padding-bottom: 10px;
}

div.channel ul.broadcasts li.ongoing {
  color: #E8420C;
  font-weight: 600;
}

div.channel ul.broadcasts li div.progress {
  width: 100%;
  height: 2px;
  margin-bottom: 10px;
  background: #EEE;
}

div.channel ul.broadcasts li div.progress span {
  display: block;
  width: 0;
  height: 100%;
  background: #E8420C;
}

div.channel ul.broadcasts li div.image {
  width: 100%;
  height: 140px;
  background: #CCC;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 10px;
  transition: opacity 0.2s ease;
}

@media screen and (max-width: 980px) {
  div.channel ul.broadcasts li div.image {
    height: 200px;
  }
}

@media screen and (max-width: 940px) {
  div.channel ul.broadcasts li div.image {
    height: 180px;
  }
}

@media screen and (max-width: 905px) {
  div.channel ul.broadcasts li div.image {
    height: 170px;
  }
}

@media screen and (max-width: 870px) {
  div.channel ul.broadcasts li div.image {
    height: 250px;
  }
}

@media screen and (max-width: 790px) {
  div.channel ul.broadcasts li div.image {
    height: 230px;
  }
}

@media screen and (max-width: 740px) {
  div.channel ul.broadcasts li div.image {
    height: 200px;
  }
}

div.channel ul.broadcasts li div.row-with-image {
  position: relative;
}

div.channel ul.broadcasts li span.time {
  float: left;
  display: block;
  width: 45px;
}

div.channel ul.broadcasts li p {
  margin-left: 45px;
}

div.channel ul.broadcasts li p span.sub-title,
div.channel ul.broadcasts li p span.synopsis {
  display: block;
  color: #32383b;
  font-weight: 300;
}

div.channel ul.broadcasts li p span.sub-title i,
div.channel ul.broadcasts li p span.synopsis i {
  display: block;
  padding-bottom: 5px;
}

div.channel ul.broadcasts li p span.synopsis {
  padding-bottom: 10px;
}

div.channel ul.broadcasts.time12 li span.time {
  width: 60px;
}

div.channel ul.broadcasts.time12 li p {
  margin-left: 60px;
}

div.channel ul.broadcasts li:hover div.image {
  opacity: 0.5;
}

div.channel ul.broadcasts li:hover span.title {
  text-decoration: underline;
}

@media screen and (max-width: 679px) {
  div.channel ul.broadcasts {
    padding-top: 0;
  }
  div.channel ul.broadcasts li.with-extended-info {
    padding-bottom: 0;
  }
  div.channel ul.broadcasts div.progress {
    display: none;
  }
  div.channel ul.broadcasts li.m div.image-parent {
    display: none;
  }
  div.channel ul.broadcasts li:hover span.title {
    text-decoration: none;
  }
  div.channel ul.broadcasts li:not(.m) {
    display: none;
  }
}

div.add-more-btn {
  padding-top: 10px;
  clear: both;
  text-align: center;
}

div.add-more-btn.empty {
  min-height: 500px;
}

#listings {
  background: #FFFFFF;
  padding: 10px;
  min-height: 400px;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

@media screen and (max-width: 679px) {
  #listings {
    margin: 0 5px 0 5px;
  }
}

#listings div.channel-info {
  display: flex;
  flex-wrap: wrap;
  max-width: 620px;
  margin: 10px auto 20px auto;
}

#listings div.channel-info img {
  margin: 0 46px;
}

#listings div.channel-info h1 {
  flex: 1;
  display: block;
  vertical-align: top;
  color: #32383b;
  margin: 10px 0 0 0;
}

#listings div.channel-info h1 span {
  display: block;
  font-size: 18px;
}

@media screen and (max-width: 870px) {
  #listings div.channel-info {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 679px) {
  #listings div.channel-info {
    display: block;
    text-align: center;
  }
  #listings div.channel-info h1 {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 5px 0 0 0;
  }
}

#listings p.desc {
  max-width: 620px;
  margin: 5px auto 0 auto;
  text-align: center;
}

#listings span.btn-expand {
  display: block;
  width: 200px;
  text-align: center;
  padding: 5px 0;
  background: #EEEEEE;
  cursor: pointer;
  margin: 20px auto 0 auto;
}

#listings span.btn-expand span.idle {
  display: inline;
}

#listings span.btn-expand span.pressed {
  display: none;
}

#listings span.btn-expand.pressed span.idle {
  display: none;
}

#listings span.btn-expand.pressed span.pressed {
  display: inline;
}

@media screen and (max-width: 679px) {
  #listings span.btn-expand {
    margin: 10px auto 0 auto;
  }
}

#listings ul.broadcasts {
  overflow: auto;
  text-align: left;
  max-width: 620px;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 40px;
}

#listings ul.broadcasts li {
  clear: both;
  display: table;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EEE;
  min-height: 100px;
  cursor: pointer;
  width: 100%;
}

#listings ul.broadcasts li a.program-link {
  display: table;
  text-decoration: none;
  color: inherit;
  width: 100%;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts li {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: unset;
  }
  #listings ul.broadcasts li a {
    display: block;
  }
}

#listings ul.broadcasts li div.image-parent {
  float: left;
}

#listings ul.broadcasts li div.image-parent div.image {
  background: #CCC;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: opacity 0.2s ease;
  width: 148px;
  height: 100px;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts li div.image-parent {
    display: none;
  }
}

#listings ul.broadcasts li.native {
  cursor: auto;
  min-height: 190px;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts li.native {
    min-height: 0;
  }
}

#listings ul.broadcasts li.native:hover {
  opacity: 0.7;
}

#listings ul.broadcasts li div.progress-container {
  margin-top: 10px;
  color: #E8420C;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts li div.progress-container {
    margin-top: 0;
  }
}

#listings ul.broadcasts li div.progress-container div.progress {
  width: 100%;
  height: 2px;
  margin-top: 5px;
  background: #EEE;
}

#listings ul.broadcasts li div.progress-container div.progress span {
  display: block;
  width: 0;
  height: 100%;
  background: #E8420C;
}

#listings ul.broadcasts li div.content {
  display: table-cell;
  width: 100%;
  height: 100px;
  vertical-align: middle;
  padding-left: 20px;
  overflow: hidden;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts li div.content {
    display: block;
    height: auto;
    padding-left: 10px;
  }
}

#listings ul.broadcasts li div.content span.time {
  float: left;
  display: block;
  width: 50px;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts li div.content span.time {
    width: 35px;
  }
}

#listings ul.broadcasts li div.content span.time,
#listings ul.broadcasts li div.content h2 {
  font-weight: 300;
}

#listings ul.broadcasts li div.content h2 {
  display: block;
  margin-left: 50px;
  padding-left: 10px;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts li div.content h2 {
    margin-left: 35px;
  }
}

#listings ul.broadcasts li div.content h2 img.peli {
  vertical-align: middle;
  margin-bottom: 3px;
}

#listings ul.broadcasts li div.content span.sub-title,
#listings ul.broadcasts li div.content span.synopsis {
  display: block;
  color: #737E84;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts li div.content span.sub-title {
    display: none;
  }
}

#listings ul.broadcasts li div.content span.synopsis {
  padding-top: 5px;
}

#listings ul.broadcasts li div.content p.synopsis {
  margin: 5px 0 0 0;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts li div.content p.synopsis {
    display: none;
  }
}

#listings ul.broadcasts li.passed {
  display: none;
}

#listings ul.broadcasts li.ongoing div.content span.time,
#listings ul.broadcasts li.ongoing div.content h2 {
  color: #E8420C;
  font-weight: 600;
}

#listings ul.broadcasts li:hover div.image {
  opacity: 0.5;
}

#listings ul.broadcasts li:hover div.content h2 {
  text-decoration: underline;
}

#listings ul.broadcasts li:last-child {
  border-bottom: none;
}

#listings ul.broadcasts.time12 li div.content span.time {
  width: 80px;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts.time12 li div.content span.time {
    width: 65px;
  }
}

#listings ul.broadcasts.time12 li div.content h2 {
  margin-left: 70px;
}

@media screen and (max-width: 679px) {
  #listings ul.broadcasts.time12 li div.content h2 {
    margin-left: 55px;
  }
}

div.bounce-teaser {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
}

div.bounce-teaser strong {
  font-size: 22px;
  display: block;
  margin: 0 0 5px 0;
}

div.bounce-teaser div.inner {
  background: #ddedff;
  border-radius: 6px;
  padding: 10px;
}

div.bounce-teaser div.inner div {
  margin: 10px 0 0 0;
}

div.bounce-teaser div.inner div a {
  margin: 0 10px;
  font-weight: bold;
}

div.bounce-teaser div.inner div.mobile {
  display: none;
}

@media screen and (max-width: 679px) {
  div.bounce-teaser div.inner div.desktop {
    display: none;
  }
  div.bounce-teaser div.inner div.mobile {
    display: block;
  }
}

@media screen and (max-width: 679px) {
  div.bounce-teaser {
    background: #FFF;
  }
  div.bounce-teaser div.inner {
    margin: 0 10px;
  }
}

@media screen and (max-width: 1px) {
  div.bounce-teaser {
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    margin: 0;
    z-index: 10001;
  }
}

#mobile-close {
  display: none;
  background: #FF9C23;
  height: 48px;
}

@media screen and (max-width: 679px) {
  #mobile-close {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
  }
  #mobile-close.visible {
    display: block;
  }
}

#mobile-close a {
  display: block;
  float: right;
  font-weight: bold;
  padding: 10px 30px 10px 10px;
  color: #FFF;
  font-size: 18px;
  margin: 2px 10px 0 0;
  background: transparent url(/images/icons/ic_close.png) no-repeat;
  background-size: 26px;
  background-position: center right;
}

#desktop-close {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid #999;
  cursor: pointer;
  z-index: 1000;
  text-align: center;
}

#desktop-close img {
  margin-top: 7px;
}

@media screen and (max-width: 679px) {
  #desktop-close {
    display: none;
  }
}

#desktop-close:hover {
  opacity: 0.9;
}

div.program {
  max-width: 720px;
  margin: 0 auto;
  background: #FFF;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

div.program div.inner {
  overflow: auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

@media screen and (max-width: 679px) {
  div.program {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  div.program div.inner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

div.program div.broadcasts,
div.program div.reactions {
  background: #FFFFFF;
  margin-bottom: 20px;
  padding: 30px;
}

div.program div.current-broadcasts {
  display: table;
  width: 100%;
  padding: 10px 30px;
  font-weight: 600;
  background: #FFF;
  border-bottom: 1px solid #F1F1F1;
}

@media screen and (max-width: 679px) {
  div.program div.current-broadcasts {
    padding: 10px;
  }
}

div.program div.current-broadcasts a.channel {
  display: table-cell;
  vertical-align: middle;
}

div.program div.current-broadcasts div.data {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding-left: 20px;
}

div.program div.current-broadcasts div.data img.vivo {
  float: left;
  display: block;
  margin: 4px 5px 0 0;
}

div.program div.current-broadcasts div.data a {
  color: inherit;
  text-decoration: none;
}

div.program div.current-broadcasts div.data span.time {
  font-weight: normal;
  display: block;
}

div.program div.current-broadcasts div.data span.ongoing {
  display: inline-block;
  color: #E8420C;
  font-weight: bold;
  font-size: 13px;
  margin-left: 10px;
}

div.program div.meta {
  overflow: auto;
  background: #FFFFFF;
  margin-bottom: 20px;
}

@media screen and (max-width: 679px) {
  div.program div.meta {
    padding: 0;
  }
}

div.program div.meta div.image-parent {
  width: 100%;
  border-bottom: 4px solid #FF9C23;
}

div.program div.meta div.image-parent div.image {
  height: 360px;
  background: #CCC;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

div.program div.meta div.image-parent.mobile {
  display: none;
}

@media screen and (max-width: 679px) {
  div.program div.meta div.image-parent.mobile {
    display: block;
  }
}

@media screen and (max-width: 460px) {
  div.program div.meta div.image-parent.mobile div.image {
    height: 250px;
  }
}

@media screen and (max-width: 679px) {
  div.program div.meta div.image-parent.desktop {
    display: none;
  }
}

div.program div.meta div.description {
  padding: 20px 30px;
}

@media screen and (max-width: 679px) {
  div.program div.meta div.description {
    padding: 20px 10px;
  }
}

div.program div.meta div.description h1 {
  margin: 0 0 10px 0;
}

div.program div.meta div.description ul.movie-meta,
div.program div.meta div.description h2 {
  font-weight: 600;
  color: #737E84;
}

div.program div.meta div.description ul.movie-meta {
  overflow: auto;
}

div.program div.meta div.description ul.movie-meta li {
  float: left;
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 20px;
  margin-right: 10px;
  color: #737E84;
}

div.program div.meta div.description ul.movie-meta li:first-child {
  list-style: none;
  margin-left: 0;
}

div.program div.meta div.description ul.movie-meta li:last-child {
  margin-right: 0;
}

div.program div.meta div.description div.ratings {
  margin-top: 20px;
}

div.program div.meta div.description div.ratings a {
  display: inline-block;
  border-radius: 3px;
  padding: 2px 2px 2px 10px;
  color: #32383b;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

div.program div.meta div.description div.ratings a span {
  display: inline-block;
  background: #FFFFFF;
  padding: 5px 10px;
  margin-left: 8px;
}

div.program div.meta div.description div.ratings a.imdb {
  background: #FFE42C;
}

div.program div.meta div.description a:hover {
  opacity: 0.7;
}

div.program div.meta div.description p {
  margin-top: 5px;
}

div.program div.meta div.description dl.extras {
  margin-top: 20px;
  overflow: auto;
}

div.program div.meta div.description dl.extras dt {
  clear: both;
  float: left;
  margin-right: 10px;
  min-width: 100px;
  font-weight: 600;
}

div.program div.meta div.description dl.extras dd {
  padding-top: 1px;
}

div.program div.meta div.description div.actions {
  margin-top: 10px;
}

div.program div.meta div.description #social-likes {
  color: #737E84;
}

div.program div.meta div.description #social-likes ul {
  margin-top: 30px;
}

div.program div.meta div.description #social-likes ul li {
  display: inline-block;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

div.program div.meta div.description #social-likes ul li img {
  width: 44px;
  height: 44px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 50%;
  vertical-align: top;
}

@media screen and (max-width: 980px) {
  div.program div.meta div.description #social-likes ul li img {
    width: 40px;
    height: 40px;
  }
}

div.program div.meta div.description #social-likes div.spinner {
  margin: 50px auto 10px auto;
}

div.program div.reactions {
  width: 350px;
  float: right;
  margin-left: 20px;
}

@media screen and (max-width: 980px) {
  div.program div.reactions {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 679px) {
  div.program div.reactions {
    padding: 20px 10px;
  }
}

div.program div.reactions #poll {
  margin-top: 10px;
  text-align: center;
}

div.program div.reactions #poll div.circles {
  padding-top: 10px;
  margin: 0 auto 0 auto;
}

div.program div.reactions #poll div.emotions {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

div.program div.reactions #poll div.emotions div.emotion {
  display: inline-block;
  width: 17%;
  margin-bottom: 5px;
}

div.program div.reactions #poll div.emotions div.emotion div.bar-container {
  position: relative;
  width: 44px;
  height: 0;
  margin: auto;
  transition: height 0.6s ease;
}

div.program div.reactions #poll div.emotions div.emotion div.bar-container div.bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 0;
  overflow: hidden;
  background: #1BA3F7;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  transition: height 0.6s ease;
  transition-delay: 0.6s;
}

div.program div.reactions #poll div.emotions div.emotion div.bar-container div.bar span {
  display: block;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-weight: 600;
}

div.program div.reactions #poll div.emotions div.emotion span.emotion-btn {
  cursor: pointer;
}

div.program div.reactions #poll div.emotions div.emotion span.emotion-btn img {
  width: 44px;
}

div.program div.reactions #poll div.emotions div.emotion span.not-voted {
  display: inline;
}

div.program div.reactions #poll div.emotions div.emotion span.voted {
  display: none;
}

div.program div.reactions #poll div.emotions div.emotion.myVote div.bar {
  background: #E8420C !important;
}

div.program div.reactions #poll div.emotions div.emotion.myVote span.not-voted {
  display: none;
}

div.program div.reactions #poll div.emotions div.emotion.myVote span.voted {
  display: inline;
}

div.program div.reactions #poll div.emotions div.emotion:first-child {
  width: 16%;
}

div.program div.reactions #poll div.emotions div.emotion:last-child {
  width: 16%;
}

div.program div.reactions #poll div.emotions span.poll-expand-btn {
  display: block;
  cursor: pointer;
}

div.program div.reactions #poll div.emotions.show-votes div.emotion div.bar-container {
  height: 160px;
}

div.program div.reactions #poll div.emotions.show-votes span.poll-expand-btn {
  cursor: auto;
}

div.program div.reactions #poll div.emotions.show-votes span.poll-expand-btn span.expand {
  display: none;
}

div.program div.broadcasts {
  overflow: auto;
}

@media screen and (max-width: 980px) {
  div.program div.broadcasts {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 679px) {
  div.program div.broadcasts {
    padding: 20px 10px;
  }
}

div.program div.broadcasts p {
  margin-top: 10px;
}

div.program div.broadcasts span.btn-expand {
  display: block;
  margin: 10px auto 0 auto;
  width: 200px;
  text-align: center;
  padding: 5px 0;
  background: #EEEEEE;
  cursor: pointer;
}

div.program div.broadcasts ul {
  margin-top: 20px;
  font-weight: 300;
}

@media screen and (max-width: 679px) {
  div.program div.broadcasts ul {
    margin-top: 10px;
  }
}

div.program div.broadcasts ul li {
  display: table;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #F3F3F3;
}

div.program div.broadcasts ul li img.vivo,
div.program div.broadcasts ul li img.peli {
  float: left;
  display: block;
  margin: 4px 5px 0 0;
}

div.program div.broadcasts ul li div.data {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 10px;
}

div.program div.broadcasts ul li div.data a {
  color: inherit;
  text-decoration: none;
}

div.program div.broadcasts ul li div.data span.time {
  display: block;
  font-weight: normal;
}

div.program div.broadcasts ul li.hidden {
  display: none;
}

div.program div.broadcasts ul li:first-child {
  border-top: none;
}

div.program div.broadcasts ul li:last-child {
  padding-bottom: 0;
}

#search-results {
  background: #FFFFFF;
  padding: 10px;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

@media screen and (max-width: 679px) {
  #search-results {
    margin: 0 5px 0 5px;
  }
}

#search-results h2 {
  text-align: center;
  font-family: 'chunkFive', 'arial', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  color: #32383b;
  margin-top: 20px;
}

#search-results div.content {
  overflow: auto;
  text-align: left;
  min-height: 400px;
  max-width: 620px;
  margin: auto;
}

#search-results div.content ul {
  overflow: auto;
  text-align: left;
  max-width: 620px;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 40px;
}

#search-results div.content ul li {
  clear: both;
  display: table;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EEE;
  cursor: pointer;
  width: 100%;
}

@media screen and (max-width: 679px) {
  #search-results div.content ul li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

#search-results div.content ul li a.search-link {
  display: table;
  text-decoration: none;
  color: inherit;
}

#search-results div.content ul li div.image-parent {
  float: left;
}

#search-results div.content ul li div.image-parent div.image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: opacity 0.2s ease;
}

#search-results div.content ul li div.image-parent.mobile {
  display: none;
}

#search-results div.content ul li div.image-parent.mobile div.image {
  width: 60px;
  height: 80px;
}

@media screen and (max-width: 679px) {
  #search-results div.content ul li div.image-parent.mobile {
    display: block;
  }
}

#search-results div.content ul li div.image-parent.desktop div.image {
  width: 148px;
  height: 100px;
}

@media screen and (max-width: 679px) {
  #search-results div.content ul li div.image-parent.desktop {
    display: none;
  }
}

#search-results div.content ul li div.progress-container {
  margin-top: 10px;
  color: #E8420C;
}

#search-results div.content ul li div.progress-container div.progress {
  width: 100%;
  height: 2px;
  margin-top: 5px;
  background: #EEE;
}

#search-results div.content ul li div.progress-container div.progress span {
  display: block;
  width: 0;
  height: 100%;
  background: #E8420C;
}

#search-results div.content ul li div.content {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding-left: 20px;
  overflow: hidden;
}

@media screen and (max-width: 679px) {
  #search-results div.content ul li div.content {
    height: 80px;
    padding-left: 10px;
  }
}

#search-results div.content ul li div.content h3 {
  display: block;
  font-weight: 300;
}

#search-results div.content ul li div.content span.sub-title,
#search-results div.content ul li div.content span.synopsis {
  display: block;
  color: #737E84;
}

#search-results div.content ul li div.content span.synopsis {
  padding-top: 5px;
}

#search-results div.content ul li div.content span.channel-add {
  float: right;
}

#search-results div.content ul li.ongoing div.content h3 {
  color: #E8420C;
  font-weight: 600;
}

#search-results div.content ul li:hover div.image {
  opacity: 0.5;
}

#search-results div.content ul li:hover div.content h3 {
  text-decoration: underline;
}

#search-results div.content ul li:last-child {
  border-bottom: none;
}

#search-results div.content ul.channels div.content {
  min-height: 0;
  height: 80px;
}

@media screen and (max-width: 679px) {
  #search-results div.content ul.channels div.content {
    height: 60px;
  }
}

#search-results div.content ul.channels div.image-parent.mobile div.image {
  width: 60px;
  height: 60px;
}

#search-results div.content ul.channels div.image-parent.desktop div.image {
  width: 80px;
  height: 80px;
}

#search-results div.content ul.channels li {
  min-height: 80px;
}

#search-results div.content ul.programs div.content {
  height: 100px;
  min-height: 0;
}

@media screen and (max-width: 679px) {
  #search-results div.content ul.programs div.content {
    height: 80px;
  }
}

#search-results div.content ul.programs div.image-parent.mobile div.image {
  width: 60px;
  height: 80px;
}

#search-results div.content ul.programs div.image-parent.desktop div.image {
  width: 148px;
  height: 100px;
}

#search-results div.content ul.programs ul li {
  min-height: 100px;
}

div.sports-content {
  background: #FFFFFF;
  padding: 10px;
  min-height: 400px;
}

div.sports-content span.empty {
  display: block;
  font-size: 40px;
  font-size: 4.0rem;
  text-align: center;
  padding-top: 20px;
}

div.sports-content h1 {
  color: #32383b;
  margin: 20px 0 10px 0;
  text-align: center;
}

div.sports-content div.actions {
  text-align: center;
  margin: 0 0 30px 0;
}

div.sports-content div.table {
  max-width: 620px;
  margin: auto;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

div.sports-content div.table h2 {
  margin-bottom: 10px;
  text-align: center;
}

ul.sports-events {
  max-width: 620px;
  margin: auto;
  padding-bottom: 60px;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

ul.sports-events li {
  border-top: 1px solid #EEE;
}

ul.sports-events li a {
  display: table;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: inherit;
  transition: opacity 0.2s ease;
}

ul.sports-events li a:hover {
  text-decoration: none;
  opacity: 0.5;
}

ul.sports-events li div.homeTeam,
ul.sports-events li div.awayTeam {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.sports-events li div.homeTeam div.image-parent,
ul.sports-events li div.awayTeam div.image-parent {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  text-align: center;
}

ul.sports-events li div.homeTeam div.image-parent img,
ul.sports-events li div.awayTeam div.image-parent img {
  height: 40px;
}

@media screen and (max-width: 679px) {
  ul.sports-events li div.homeTeam div.image-parent,
  ul.sports-events li div.awayTeam div.image-parent {
    width: 30px;
  }
  ul.sports-events li div.homeTeam div.image-parent img,
  ul.sports-events li div.awayTeam div.image-parent img {
    height: 20px;
  }
}

ul.sports-events li div.awayTeam {
  text-align: right;
}

@media screen and (max-width: 679px) {
  ul.sports-events li div.awayTeam {
    position: relative;
    padding-right: 30px;
  }
  ul.sports-events li div.awayTeam div.image-parent {
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
  }
}

ul.sports-events li div.date-result {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  text-align: center;
  padding: 0 5px 0 5px;
}

ul.sports-events li div.date-result span.broadcasts,
ul.sports-events li div.date-result span.round,
ul.sports-events li div.date-result span.shootout {
  display: block;
  color: #32383b;
}

ul.sports-events li div.date-result span.round {
  color: #737E84;
}

ul.sports-events li div.date-result span.broadcasts {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.sports-events li div.date-result span.broadcasts img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}

ul.sports-events li.date-label {
  margin-top: 20px;
  border: none;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.sports-events li.first-after-header {
  border: none;
}

ul.sports-events li.result div.date-result {
  color: #1BA3F7;
}

table.squad,
table.standings {
  width: 100%;
}

table.squad td,
table.squad th,
table.standings td,
table.standings th {
  text-align: center;
}

@media screen and (max-width: 679px) {
  table.squad td.no-mobile,
  table.squad th.no-mobile,
  table.standings td.no-mobile,
  table.standings th.no-mobile {
    display: none;
  }
}

table.squad th,
table.standings th {
  padding-bottom: 5px;
  color: #737E84;
}

table.squad.compact td.compact,
table.squad.compact th.compact,
table.standings.compact td.compact,
table.standings.compact th.compact {
  display: none;
}

table.squad,
table.standings {
  width: 100%;
}

table.squad td.team,
table.squad th.team,
table.squad td.player,
table.squad th.player,
table.standings td.team,
table.standings th.team,
table.standings td.player,
table.standings th.player {
  text-align: left;
}

table.squad td a,
table.standings td a {
  display: block;
  padding: 10px 0;
  color: inherit;
}

table.squad td a:hover,
table.standings td a:hover {
  text-decoration: none;
}

table.squad td div.image-parent,
table.standings td div.image-parent {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  text-align: center;
}

table.squad td div.image-parent img,
table.standings td div.image-parent img {
  height: 40px;
}

@media screen and (max-width: 679px) {
  table.squad td div.image-parent,
  table.standings td div.image-parent {
    display: none;
  }
}

table.squad td.highlight,
table.standings td.highlight {
  font-weight: 600;
}

table.squad tbody tr,
table.standings tbody tr {
  cursor: pointer;
  transition: opacity 0.2s ease;
  border-bottom: 1px solid #EEE;
}

table.squad tbody tr:hover,
table.standings tbody tr:hover {
  text-decoration: none;
  opacity: 0.5;
}

table.squad tr:last-child,
table.standings tr:last-child {
  border: none;
}

#sports-tabs {
  float: left;
  width: 700px;
  text-align: left;
}

@media screen and (max-width: 980px) {
  #sports-tabs {
    float: none;
    display: inline-block;
    margin-right: 10px;
    width: auto;
  }
}

#sports-tabs li {
  height: 60px;
  color: #32383b;
  background: none;
  cursor: pointer;
  font-weight: 300;
}

#sports-tabs li.selected {
  display: none;
  text-align: left;
  padding: 19px 20px 0 20px;
  background: #FFFFFF;
  transition: background-color 0.2s ease;
  min-width: 200px;
}

@media screen and (max-width: 980px) {
  #sports-tabs li.selected {
    display: block;
  }
}

@media screen and (max-width: 679px) {
  #sports-tabs li.selected {
    min-width: 160px;
  }
}

#sports-tabs li.selected span::after {
  content: 'Ψ';
  color: #737E84;
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: 'onlyicons', georgia, sans-serif;
  padding-top: 5px;
}

#sports-tabs li.selected:hover {
  background-color: #e1e1e1;
}

#sports-tabs li.options {
  display: block;
  z-index: 9999;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

@media screen and (max-width: 980px) {
  #sports-tabs li.options {
    -webkit-animation: fadeindown;
    -moz-animation: fadeindown;
    -ms-animation: fadeindown;
    -o-animation: fadeindown;
    animation: fadeindown;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }
  #sports-tabs li.options.hidden {
    display: none;
  }
}

#sports-tabs li.options ul li.option {
  display: inline-block;
  text-align: center;
  padding-right: 1px;
}

#sports-tabs li.options ul li.option a {
  padding: 19px 0 0 0;
  height: 100%;
  background: #FFFFFF;
  transition: background-color 0.2s ease;
}

#sports-tabs li.options ul li.option a:hover {
  background-color: #e1e1e1;
}

#sports-tabs li.options ul li.option.active a {
  color: #1BA3F7;
}

@media screen and (max-width: 980px) {
  #sports-tabs li.options ul li.option {
    display: block;
    border: none;
    padding-right: 0;
    text-align: left;
    width: 100% !important;
    height: auto;
  }
  #sports-tabs li.options ul li.option a {
    color: #32383b !important;
    padding: 10px 20px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}

#sports-tabs li.options ul li:last-child {
  border-right: none;
}

div.event,
div.team {
  background: #FFFFFF;
  padding: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 679px) {
  div.event,
  div.team {
    margin: 10px 0 10px 0;
  }
}

div.event div.inner,
div.team div.inner {
  max-width: 620px;
  margin: auto;
}

div.event div.inner div.header,
div.team div.inner div.header {
  padding: 0 0 20px 0;
}

div.event div.inner div.header div.image-parent,
div.team div.inner div.header div.image-parent {
  float: left;
  margin-right: 10px;
  vertical-align: middle;
}

div.event div.inner div.header div.image-parent img,
div.team div.inner div.header div.image-parent img {
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 679px) {
  div.event div.inner div.header div.image-parent img,
  div.team div.inner div.header div.image-parent img {
    width: 50px;
    height: 50px;
  }
}

div.event div.inner div.header h1,
div.team div.inner div.header h1 {
  margin: 0;
  padding-top: 2px;
}

div.event div.inner div.header span,
div.team div.inner div.header span {
  color: #737E84;
}

div.event div.inner div.team-image img,
div.team div.inner div.team-image img {
  max-width: 100%;
}

div.team-column {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}

@media screen and (max-width: 870px) {
  div.team-column {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}

div.team-column div.inner {
  background: #FFFFFF;
  margin-left: 0;
  margin-right: 10px;
  padding: 20px;
}

@media screen and (max-width: 870px) {
  div.team-column div.inner {
    margin: 0;
  }
}

div.team-column.fill {
  float: none;
  width: 100%;
}

div.team-column.fill div.inner {
  margin-right: 0;
}

div.team-column.fill div.inner ul {
  max-width: 620px;
  margin: auto;
}

div.team-column h2 {
  margin-bottom: 20px;
}

div.team-column table.squad,
div.team-column table.standings {
  margin: 0;
}

div.team-column table.squad td div.image-parent,
div.team-column table.standings td div.image-parent {
  width: 30px;
}

div.team-column table.squad td div.image-parent img,
div.team-column table.standings td div.image-parent img {
  height: 20px;
  width: 20px;
}

@media screen and (max-width: 870px) {
  div.team-column table.squad td.no-mobile,
  div.team-column table.squad th.no-mobile,
  div.team-column table.standings td.no-mobile,
  div.team-column table.standings th.no-mobile {
    display: none;
  }
}

div.team-column table.squad th img {
  height: 18px;
}

div.team-column table.squad td {
  padding: 5px 0;
}

div.team-column ul.sports-events {
  padding-bottom: 0;
  max-width: none;
}

div.team-column ul.sports-events li a {
  padding-top: 5px;
  padding-bottom: 5px;
}

div.team-column ul.sports-events li div.homeTeam,
div.team-column ul.sports-events li div.awayTeam {
  font-size: 15px;
  font-size: 1.5rem;
}

div.team-column ul.sports-events li div.homeTeam.highlighted,
div.team-column ul.sports-events li div.awayTeam.highlighted {
  font-weight: 600;
}

div.team-column ul.sports-events li.expandable {
  display: none;
}

div.team-column ul.sports-events li.expand {
  cursor: pointer;
  text-align: center;
  padding: 10px 0 0 0;
}

div.team-column ul.sports-events li:first-child {
  border: none;
}

div.team-column ul.sports-events li:first-child a {
  padding-top: 0;
}

div.team-column ul.sports-events li:last-child a {
  padding-bottom: 0;
}

div.team-column ul.broadcasts li {
  display: table;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #F3F3F3;
}

div.team-column ul.broadcasts li img {
  display: table-cell;
  margin-right: 10px;
}

div.team-column ul.broadcasts li div.data {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

div.team-column ul.broadcasts li div.progress {
  width: 100%;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 0;
  background: #EEE;
}

div.team-column ul.broadcasts li div.progress span {
  display: block;
  width: 0;
  height: 100%;
  background: #E8420C;
}

div.team-column ul.broadcasts li:first-child {
  border-top: none;
}

div.team-column ul.broadcasts li:last-child {
  padding-bottom: 0;
}

div.columns div.team-column:nth-child(2n) div.inner {
  margin-left: 10px;
  margin-right: 0;
}

@media screen and (max-width: 870px) {
  div.columns div.team-column:nth-child(2n) div.inner {
    margin: 0;
  }
}

div.columns div.team-column:nth-child(2n + 1) {
  clear: both;
}

@media screen and (max-width: 679px) {
  div.event {
    padding: 20px 10px;
  }
}

div.event div.header h1, div.event div.header span {
  display: block;
  text-align: center;
}

div.event div.header h1 img, div.event div.header span img {
  height: 34px;
  vertical-align: text-top;
  margin-right: 5px;
}

@media screen and (max-width: 679px) {
  div.event div.header h1 img, div.event div.header span img {
    display: none;
  }
}

div.event div.header h1 {
  padding-right: 40px;
}

@media screen and (max-width: 679px) {
  div.event div.header h1 {
    padding-right: 0;
  }
}

div.event div.body {
  clear: both;
}

div.event div.body div.homeTeam,
div.event div.body div.awayTeam {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  text-align: center;
}

div.event div.body div.homeTeam span.result,
div.event div.body div.awayTeam span.result {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #EEE;
  font-size: 28px;
  font-weight: 600;
  padding-top: 6px;
  margin-bottom: 5px;
  text-align: center;
}

@media screen and (max-width: 679px) {
  div.event div.body div.homeTeam span.result,
  div.event div.body div.awayTeam span.result {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}

div.event div.body div.homeTeam span.result span.shootout,
div.event div.body div.awayTeam span.result span.shootout {
  display: block;
  position: absolute;
  bottom: -8px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #CCC;
  color: #FFF;
  padding-top: 2px;
  font-size: 20px;
}

div.event div.body div.homeTeam span.name,
div.event div.body div.awayTeam span.name {
  display: block;
  padding-top: 5px;
  font-weight: 600;
}

div.event div.body div.homeTeam span.name a,
div.event div.body div.awayTeam span.name a {
  color: inherit;
}

div.event div.body div.homeTeam span.name a:hover,
div.event div.body div.awayTeam span.name a:hover {
  text-decoration: none;
}

@media screen and (max-width: 679px) {
  div.event div.body div.homeTeam span.name,
  div.event div.body div.awayTeam span.name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

div.event div.body div.homeTeam span.result span.shootout {
  left: auto;
  right: -15px;
}

div.event div.body div.awayTeam span.result span.shootout {
  left: -15px;
  right: auto;
}

div.event div.body div.event-date {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  text-align: center;
}

div.event div.body div.event-date span {
  display: block;
}

li.event-page span.event-time {
  color: #32383b;
}

div.highlights-empty {
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
  color: #737E84;
}

table.highlights {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}

table.highlights tbody tr td {
  vertical-align: middle;
}

table.highlights tbody tr td div.action span {
  display: block;
}

table.highlights tbody tr td div.action.highlight span.player {
  font-weight: 600;
}

table.highlights tbody tr td div.action span.text {
  color: #737E84;
}

table.highlights tbody tr td div.action span.player-in {
  color: #049b36;
}

table.highlights tbody tr td div.action span.player-out {
  color: #E8420C;
}

table.highlights tbody tr td div.minute {
  height: 32px;
  font-weight: 600;
  padding-top: 8px;
  min-width: 40px;
}

table.highlights tbody tr td.home {
  width: 43%;
  text-align: right;
}

table.highlights tbody tr td.home div.minute {
  float: right;
  padding-left: 10px;
}

table.highlights tbody tr td.action {
  width: 14%;
  text-align: center;
}

table.highlights tbody tr td.action img {
  display: block;
  width: 32px;
  height: 32px;
  margin: auto;
}

table.highlights tbody tr td.away {
  width: 43%;
  text-align: left;
}

table.highlights tbody tr td.away div.minute {
  float: left;
  padding-right: 10px;
}

table.highlights tbody tr td.divider {
  text-align: center;
  color: #737E84;
}

table.highlights tbody tr td.divider div {
  display: inline-block;
  width: 1px;
  height: 32px;
  border-left: 1px dashed #CCC;
  margin: 3px -2px 0 0;
}

div.tabs-promo {
  margin: 20px 0 10px 0;
}

div.tabs-promo a {
  display: block;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  animation-delay: 0.35s;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}

div.tabs-promo a span.txt {
  font-size: 24px;
  font-size: 2.4rem;
}

div.tabs-promo a span.txt,
div.tabs-promo a span.img {
  display: inline-block;
}

div.tabs-promo a span.txt {
  padding-right: 5px;
  font-weight: 600;
}

div.tabs-promo a span.img {
  padding-left: 5px;
  vertical-align: middle;
}

div.tabs-promo a span.img img {
  max-height: 80px;
}

@media screen and (max-width: 679px) {
  div.tabs-promo a span.txt,
  div.tabs-promo a span.img {
    display: block;
    padding: 0;
    text-align: center;
  }
}

div.sports-competitions {
  margin: 20px 0 10px 0;
}

div.sports-competitions h2 {
  font-family: 'chunkFive', 'arial', sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  color: #32383b;
}

div.sports-competitions h2.main {
  margin: 0 0 10px 0;
}

div.sports-competitions h2.more {
  margin: 30px 0 20px 0;
}

@media screen and (max-width: 980px) {
  div.sports-competitions h2 {
    text-align: center;
  }
}

div.sports-competitions ul {
  overflow: auto;
}

div.sports-competitions ul li {
  position: relative;
  float: left;
  display: block;
  width: 300px;
  height: 200px;
  margin-right: 10px;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

div.sports-competitions ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #32383b;
  transition: opacity 0.2s ease;
  background: #CCC;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

div.sports-competitions ul li a:hover {
  opacity: 0.7;
}

div.sports-competitions ul li div.info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: rgba(255, 255, 255, 0.85);
  padding: 0 15px 0 15px;
  overflow: auto;
}

div.sports-competitions ul li div.info div.img-parent {
  float: left;
  margin-right: 10px;
  padding: 16px 0 0 0;
}

div.sports-competitions ul li div.info div.img-parent img {
  width: 50px;
  height: 50px;
}

div.sports-competitions ul li div.info div.txt {
  padding: 21px 0 0 0;
}

div.sports-competitions ul li div.info div.txt span.nation {
  font-weight: 300;
}

@media screen and (max-width: 980px) {
  div.sports-competitions ul li {
    float: none;
    width: auto;
    height: auto;
    margin: 0 0 5px 0;
  }
  div.sports-competitions ul li a {
    background-image: none !important;
  }
  div.sports-competitions ul li a div.info {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    height: auto;
    background: #FFFFFF;
    padding: 0 10px;
  }
  div.sports-competitions ul li a div.info div.img-parent {
    padding: 10px 0 0 0;
  }
  div.sports-competitions ul li a div.info div.img-parent img {
    width: 40px;
    height: 40px;
  }
  div.sports-competitions ul li a div.info div.txt {
    padding: 10px 0 10px 0;
  }
  div.sports-competitions ul li a div.info div.txt span {
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 980px) {
  div.sports-competitions ul li a div.info div.txt span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 679px) {
  div.sports-competitions ul li {
    margin: 0 5px 5px 5px;
  }
}

@media screen and (max-width: 980px) {
  div.sports-competitions ul {
    max-width: 620px;
    margin: auto;
  }
}

div.profile-info {
  overflow: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

div.profile-info div.profile-image {
  width: 100px;
  height: 100px;
  float: left;
  margin-left: 10px;
  margin-right: 20px;
}

@media screen and (max-width: 679px) {
  div.profile-info div.profile-image {
    width: 50px;
    height: 50px;
    margin-left: 20px;
    margin-right: 10px;
  }
}

div.profile-info div.profile-image span.dummy {
  display: block;
  background: #ffca89;
}

div.profile-info div.profile-image span.dummy,
div.profile-info div.profile-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

div.profile-info h1 {
  padding-top: 5px;
  margin-bottom: 0;
}

@media screen and (max-width: 679px) {
  div.profile-info h1 {
    margin: 0;
    padding: 0;
  }
}

div.profile-info a {
  color: inherit;
  text-decoration: none;
}

div.profile-info a:hover {
  text-decoration: underline;
}

ul.channels,
ul.likes {
  margin: 0 !important;
  padding-bottom: 30px;
}

ul.channels li:before,
ul.likes li:before {
  content: none !important;
}

ul.channels li,
ul.likes li {
  overflow: auto;
  padding: 10px 0 10px 0 !important;
  background: #FFFFFF;
  border-bottom: 1px solid #EEE;
}

ul.channels li.pending,
ul.likes li.pending {
  opacity: 0.5;
}

ul.channels li img.logo,
ul.likes li img.logo {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 20px;
}

@media screen and (max-width: 679px) {
  ul.channels li img.logo,
  ul.likes li img.logo {
    width: 40px;
    height: 40px;
  }
}

ul.channels li span.button,
ul.likes li span.button {
  float: right;
}

ul.channels li span.button.channel,
ul.likes li span.button.channel {
  margin-top: 10px;
}

@media screen and (max-width: 679px) {
  ul.channels li span.button.channel,
  ul.likes li span.button.channel {
    margin-top: 5px;
  }
}

ul.channels li span.title,
ul.channels li span.channel-name,
ul.channels li span.meta,
ul.likes li span.title,
ul.likes li span.channel-name,
ul.likes li span.meta {
  display: block;
}

ul.channels li span.title img.peli,
ul.channels li span.channel-name img.peli,
ul.channels li span.meta img.peli,
ul.likes li span.title img.peli,
ul.likes li span.channel-name img.peli,
ul.likes li span.meta img.peli {
  vertical-align: middle;
  margin-bottom: 3px;
}

ul.channels li span.channel-name,
ul.likes li span.channel-name {
  padding-top: 20px;
}

@media screen and (max-width: 679px) {
  ul.channels li span.channel-name,
  ul.likes li span.channel-name {
    padding-top: 10px;
  }
}

ul.channels li span.meta,
ul.likes li span.meta {
  color: #737E84;
}

ul.channels li:first-child,
ul.likes li:first-child {
  padding-top: 0 !important;
}

ul.channels li:last-child,
ul.likes li:last-child {
  border: none;
}

ul.channels img.handle,
ul.likes img.handle {
  float: right;
  margin-top: 20px;
  cursor: move;
}

@media screen and (max-width: 679px) {
  ul.channels img.handle,
  ul.likes img.handle {
    margin-top: 10px;
  }
}

html.no-scroll {
  background: none;
  overflow-y: hidden;
}

#modal-container {
  display: none;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  transform: translateZ(0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
}

@media screen and (max-width: 679px) {
  #modal-container {
    top: 48px;
  }
}

#modal-container.visible {
  display: block;
  -webkit-animation: fadeInFromNone 0.15s ease-out;
  -moz-animation: fadeInFromNone 0.15s ease-out;
  -o-animation: fadeInFromNone 0.15s ease-out;
  animation: fadeInFromNone 0.15s ease-out;
}

#modal-container-contents {
  max-width: 720px;
  min-height: 100vh;
  margin: 60px auto 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}

#modal-container-contents div.program {
  margin-top: 0;
  padding-bottom: 140px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

#modal-container-contents div.spinner-container {
  overflow: hidden;
}

@media screen and (max-width: 980px) {
  #modal-container-contents {
    max-width: 640px;
  }
  #modal-container-contents div.program {
    width: 100%;
  }
}

@media screen and (max-width: 679px) {
  #modal-container-contents {
    margin-top: 0;
    max-width: none;
    width: 100%;
  }
  #modal-container-contents div.program {
    max-width: none;
  }
}

#modal-p {
  margin-left: 20px;
  width: 300px;
  background: red;
}

@media screen and (max-width: 980px) {
  #modal-p {
    display: none;
  }
}