@charset "UTF-8";
/* Globals */
/* Colors */
/* Z Indexes */
/* Font Styles */
/* Icons */
/* For compatibility with Opera, the background-color and background-image are separated in an ID and class named Content */
.content {
  background-color: #000000 !important;
  display: none;
  font-family: "roboto-condensed";
  font-size: 23.0769230769px;
  line-height: 43.0769230769px;
  background-size: cover !important;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.content.lite {
  background-size: 0% 0% !important;
}

.fake-mask {
  background-image: url("images/fake-mask.png");
  background-size: cover !important;
  width: 960px;
  height: 531px;
  right: -60px !important;
  position: absolute;
  top: 0;
}

.content-bg-btn {
  background: transparent;
}

.content-bg-container {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateZ(0);
  -o-transform: translateZ(0);
  overflow: hidden;
  mask-image: linear-gradient(to top, transparent 5%, #00011A 35%);
  mask-size: cover;
  -webkit-mask-image: linear-gradient(to top, transparent 5%, #00011A 35%);
  -webkit-mask-size: cover;
  -o-mask-image: linear-gradient(to top, transparent 5%, #00011A 35%);
  -o-mask-image-size: cover;
}

.content-bg-container.lite {
  right: -60px !important;
}

.content-bg-container img {
  mask-image: linear-gradient(to right, transparent 5%, #00011A 35%);
  mask-size: cover;
  -webkit-mask-image: linear-gradient(to right, transparent 5%, #00011A 35%);
  -webkit-mask-size: cover;
  -o-mask-image: linear-gradient(to right, transparent 5%, #00011A 35%);
  -o-mask-image-size: cover;
}

.content-bg-container.lite img {
  -webkit-mask: initial;
          mask: initial;
  -o-mask: initial;
  -o-mask-image: initial;
}

.content-text-container {
  position: absolute;
  padding-top: 28px;
  z-index: 900;
  width: 100%;
}

.content-people {
  margin-left: 47px;
  line-height: normal;
  margin-top: 0;
}

.content-meta {
  margin-left: 47px;
  max-height: 274px;
  overflow: hidden;
  width: 1153.8461538462px;
}

.content-detail {
  font-family: "roboto-condensed";
  font-size: 18.4615384615px;
  color: #999999 !important;
  letter-spacing: 0.5px;
  font-size: 18px !important;
  font-weight: 700;
}

.content-h1 {
  /* para alinear con el tag */
  line-height: 1.3em;
  font-family: "roboto-condensed";
  font-size: 37.333px !important;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  color: #EEEEEE !important;
}

.content-summary {
  font-family: "roboto-condensed";
  overflow: hidden;
  line-height: 25px;
  font-size: 18.6666666px !important;
  width: 593.3333333333px !important;
  color: #EEEEEE !important;
  letter-spacing: 0.5px !important;
}

.content-separator:before {
  content: "  ";
  margin-left: 4px;
}

.content-trailer {
  float: left;
  margin-top: 25px;
  width: 410px;
  height: 269.2307692308px;
  margin-left: 47px;
  margin-right: 86.1538461538px;
}

.trailer-container {
  background-size: cover;
  height: 230.7692307692px;
  box-sizing: border-box;
  position: relative;
  display: none;
}

.trailer-subtitle {
  text-align: center;
  display: none;
}

.style-icon-trailer {
  padding-top: 14px;
}
.style-icon-trailer:before {
  padding-left: 2px;
  display: inline-block;
  transform: scale(0.75);
}

.trailer-icon-play {
  background: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 38.4615384615px;
  opacity: 0.3;
  text-align: center;
}

.active > .trailer-icon-play {
  background: #FF6D00;
  opacity: 0.5;
  color: white;
}

.trailer-container.active {
  border: solid 2px #FF6D00;
}

.content-buttons {
  float: left;
  margin-top: 20px;
  width: 346.1538461538px;
  font-size: 28.8461538462px;
}

.content-buttons .button {
  background: rgba(255, 255, 255, 0.3);
  margin-top: 10px;
  width: 311.5384615385px;
}

.content-buttons .button.active,
.content-buttons .button:hover {
  width: 311.5384615385px;
}

.content-tracks {
  float: left;
  margin-top: 20px;
  margin-left: 123.8461538462px;
  width: 316.1538461538px;
  text-transform: capitalize;
}

.content-tracks .button {
  margin-top: 10px;
  width: 311.5384615385px;
  border-radius: 7.6923076923px;
}

.content-tracks .button.active,
.content-tracks .button:hover {
  border-radius: 7.6923076923px;
  width: 311.5384615385px;
}

.button.audio-button {
  background: rgba(255, 255, 255, 0.3) 15px 8px no-repeat;
}

.button.subtitles-button {
  background: rgba(255, 255, 255, 0.3) 15px 8px no-repeat;
}

.button.dropdown-button {
  background: rgba(255, 255, 255, 0.3);
}

.content-tag {
  background: #888888;
  border-radius: 7.6923076923px;
  padding: 3.0769230769px 11.5384615385px;
}

.content-rental {
  margin-top: 10px;
  margin-left: 47px;
}

.content-detail-price {
  margin-left: 20px;
  font-family: "roboto-condensed";
  font-size: 17.6923076923px;
  color: #EEE;
}

.content-price {
  font-weight: bold;
}

.content-button_blue {
  background: #0288D1;
  color: #eeeeee;
}

.content-category {
  font-family: "roboto-medium";
  font-size: 29.2307692308px;
}

.content-season {
  height: 2calc 7.6923076923px;
  overflow: hidden;
}

.content-episodes {
  position: relative;
}

.content-episodes .mov_slide h3 {
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 24.6153846154px;
  font-weight: 100;
  margin-top: -48px;
  padding-left: 12px;
  z-index: 1;
  position: absolute;
  top: 75px;
  margin: 0;
  width: 160px;
}

.content-genres {
  min-width: 340px;
  display: inline-block;
}

.icon-hd-placeholder {
  display: inline-block;
  min-width: 35px;
}

/* Ocultar los tags a pedido de FZSports */
span.content-tag.movie-tags {
  display: none !important;
}

.content-meta-icons {
  font-size: 18.4615384615px;
  color: #999999 !important;
  font-weight: 700;
  line-height: 28px;
  padding-bottom: 15px;
  letter-spacing: 0.7px;
}

div.icon-audio.icomoon, div.icon-subtitles.icomoon {
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
  width: 12%;
  margin: 8px 0 0 16px;
  padding: 0;
}

.selected-audio, .selected-subtitles {
  display: inline-block;
  vertical-align: top;
  width: 62.5%;
  text-align: center;
  font-size: 28.8461538462px;
}

div#contentAudioDropdown, div#contentSubtitlesDropdown {
  text-align: left;
}

div.icon-dropdown {
  display: inline-block;
  vertical-align: top;
  width: 11%;
  margin: 9px 11px 0 0;
  top: 11px;
}

.content-bg {
  width: 853.333333px !important;
  height: 471.333333px !important;
}

.content-titles-top {
  padding-bottom: 15px;
  letter-spacing: 1px;
}

.content-subtitle {
  font-size: 16.6666666px !important;
  line-height: 1.5em;
  color: #EEEEEE !important;
  font-weight: 700 !important;
}

.content-body .arrow.arrow-left, .content-body .arrow.arrow-right {
  top: 461.5384615385px;
}

#banner-bg {
  background: transparent;
  top: 16px;
}
#banner-bg #banner-img-container {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #EEEEEE;
  transform: translateZ(0);
  -o-transform: translateZ(0);
  overflow: hidden;
  width: 100%;
  height: 3rem;
}
#banner-bg #banner-img-container #banner-image {
  width: 15%;
  padding: 1rem;
  margin: 0px auto;
  height: 1.2rem;
}
#banner-bg #banner-button-container {
  padding-top: 18%;
  padding-left: 13%;
}
#banner-bg #banner-button-container #title-banner {
  line-height: 1.3em;
  font-family: "roboto-condensed";
  font-size: 40px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 2%;
}
#banner-bg #banner-button-container #button-container {
  position: absolute;
  padding: 6px;
  width: 180px;
  border-radius: 36px;
  background-color: dimgrey;
}
#banner-bg .active {
  background-color: #FF6D00 !important;
}

.headerBg {
  background: rgba(0, 0, 0, 0.3);
}

.noBorder {
  border: none !important;
}

.icon-duracion-new, .icon-idioma-new, .icon-subs-new {
  margin-right: 3px;
}
.icon-duracion-new img, .icon-idioma-new img, .icon-subs-new img {
  height: 28px;
  margin: -0.9%;
}

.icon-imdb-new {
  margin-right: 3px;
}
.icon-imdb-new img {
  margin: -1.15%;
  height: 33px;
}

.content-rated {
  font-size: 20px;
  font-weight: bold;
}

.content-tags {
  margin-left: 47px;
  margin-top: 20px;
}
.content-tags .content-tag-title {
  font-weight: 500;
  font-size: 18.666px;
}
.content-tags .content-tag-menu {
  font-size: 17.3333px;
  font-weight: 700;
  margin: 6px;
  cursor: pointer;
  border-radius: 4.66667px !important;
  padding: 4px;
  padding-right: 10px;
  padding-left: 10px;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.2);
}
.content-tags .tag-line {
  margin-bottom: 5px;
}