/*
Theme Name: yifybootstrap3
Theme URI: http://yify.tv
Author: Paulita Perez
Author URI: http://yify.tv/
Description: A versatile and responsive Bootstrap WordPress starter theme FOR DEVELOPERS based on Twitter Bootstrap 3.3.4.
Version: 0.1
Text Domain: yifybootstrap3

yifybootstrap3 WordPress Theme, Copyright 2016 Paulita Perez.
yifybootstrap3 is distributed under the terms of the GNU GPL v3.
*/
/* ==========================================================================
   Fix visible-lg and hidden-lg for resolutions over 1600px
   Remove if don't want to use
   ========================================================================== */
.unsepared {
  margin: 2px auto !important;
  padding-right: 2px !important;
  padding-left: 2px !important;
  margin: 0.2rem auto !important;
  padding-right: 0.2rem !important;
  padding-left: 0.2rem !important; }

#seccion_top_home {
  margin-top: 0.4rem !important;
  margin-bottom: -2px !important;
  margin-bottom: -0.2rem !important; }

.full-top-modal {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #080808;
  z-index: 99999;
  display: none;
  box-shadow: 0px 7px 50px #000000;
  border-bottom: solid 1px #191919; }

.modal-backdrop {
  background-color: #333; }

.modal.media-modal {
  z-index: 1060; }

.nav > li > a {
  padding: 1rem 1.5rem; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #000; }

code, kbd, pre, samp {
  background: #000;
  background: rgba(0, 0, 0, 0); }

input[type="radio"],
input[type="radio"],
input[type="checkbox"],
input[type="checkbox"] {
  min-width: 0.85em;
  min-height: 0.85em;
  margin: 0.6rem 0.3rem 0 0; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin: 0.6rem 0 0 -1.3em; }

input, button, select, textarea, option,
input.form-control, textarea.form-control, select.form-control {
  background: #232323;
  color: #fff;
  border: solid 1px #555; }

.form-control {
  height: 3.4rem;
  padding: 0.6rem 1.2rem;
  font-size: 1.4rem;
  background: black;
  border-color: #292929; }

.form-control-label {
  line-height: 3.4rem; }

.btn {
  padding: 0.6rem 1.2rem;
  font-size: 1.4rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.45rem 1rem;
  font-size: 1.2rem;
  border-radius: 0.3rem; }

.btn:hover,
.btn:focus,
.btn.focus {
  border-color: #1b82a8;
  background: #21566e;
  color: #ffffff; }

.btn-success:hover {
  color: #fff;
  background-color: #317531;
  border-color: #31af31; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 2rem;
  margin-bottom: 1rem; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

h1, .h1 {
  font-size: 3.6rem; }

h2, .h2 {
  font-size: 3rem; }

h3, .h3 {
  font-size: 2.4rem; }

h4, .h4 {
  font-size: 1.8rem; }

h5, .h5 {
  font-size: 1.4rem; }

h6, .h6 {
  font-size: 1.2rem; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 0.8rem; }

.btn .glyphicon.glyphicon-classic {
  padding-right: 0;
  border-right: none;
  margin-right: 0.05rem; }

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

  .hidden-lg {
    display: block !important; }

  table.hidden-lg {
    display: table; }

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

  th.hidden-lg,
  td.hidden-lg {
    display: table-cell !important; } }
/* ==========================================================================
   Set containers fixed sizes for >1600px, >1920px, >2560px
   Remove all if don't want to use big fixed sizes for all blocks
   You still can use cols with .container-fluid blocks
   ========================================================================== */
@media (min-width: 1600px) {
  .container {
    width: 1530px; }

  .modal-dialog {
    width: 750px;
    margin: 30px auto; } }
@media (min-width: 1920px) {
  /*.container {
    width: 1830px;
}*/
  .modal-dialog {
    width: 900px;
    margin: 30px auto; } }
@media (min-width: 2560px) {
  .container {
    width: 1830px; }

  .modal-dialog {
    width: 1200px;
    margin: 30px auto; } }
/* ==========================================================================
   col-xl, col-xxl, col-xxxl setup.
   Don't remove anything below this line
   ========================================================================== */
.col-xl-1, .col-xxl-1, .col-xxxl-1, .col-xl-2, .col-xxl-2, .col-md-2, .col-xxxl-2, .col-xl-3, .col-xxl-3, .col-md-3, .col-xxxl-3, .col-xl-4, .col-xxl-4, .col-md-4, .col-xxxl-4, .col-xl-5, .col-xxl-5, .col-md-5, .col-xxxl-5, .col-xl-6, .col-xxl-6, .col-md-6, .col-xxxl-6, .col-xl-7, .col-xxl-7, .col-md-7, .col-xxxl-7, .col-xl-8, .col-xxl-8, .col-md-8, .col-xxxl-8, .col-xl-9, .col-xxl-9, .col-md-9, .col-xxxl-9, .col-xl-10, .col-xxl-100, .col-xxxl-10, .col-xl-11, .col-xxl-111, .col-xxxl-11, .col-xl-12, .col-xxl-122, .col-xxxl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

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

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

  .col-xl-11 {
    width: 91.66666667%; }

  .col-xl-10 {
    width: 83.33333333%; }

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

  .col-xl-8 {
    width: 66.66666667%; }

  .col-xl-7 {
    width: 58.33333333%; }

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

  .col-xl-5 {
    width: 41.66666667%; }

  .col-xl-4 {
    width: 33.33333333%; }

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

  .col-xl-2 {
    width: 16.66666667%; }

  .col-xl-1 {
    width: 8.33333333%; }

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

  .col-xl-pull-11 {
    right: 91.66666667%; }

  .col-xl-pull-10 {
    right: 83.33333333%; }

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

  .col-xl-pull-8 {
    right: 66.66666667%; }

  .col-xl-pull-7 {
    right: 58.33333333%; }

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

  .col-xl-pull-5 {
    right: 41.66666667%; }

  .col-xl-pull-4 {
    right: 33.33333333%; }

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

  .col-xl-pull-2 {
    right: 16.66666667%; }

  .col-xl-pull-1 {
    right: 8.33333333%; }

  .col-xl-pull-0 {
    right: 0; }

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

  .col-xl-push-11 {
    left: 91.66666667%; }

  .col-xl-push-10 {
    left: 83.33333333%; }

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

  .col-xl-push-8 {
    left: 66.66666667%; }

  .col-xl-push-7 {
    left: 58.33333333%; }

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

  .col-xl-push-5 {
    left: 41.66666667%; }

  .col-xl-push-4 {
    left: 33.33333333%; }

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

  .col-xl-push-2 {
    left: 16.66666667%; }

  .col-xl-push-1 {
    left: 8.33333333%; }

  .col-xl-push-0 {
    left: 0; }

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

  .col-xl-offset-11 {
    margin-left: 91.66666667%; }

  .col-xl-offset-10 {
    margin-left: 83.33333333%; }

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

  .col-xl-offset-8 {
    margin-left: 66.66666667%; }

  .col-xl-offset-7 {
    margin-left: 58.33333333%; }

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

  .col-xl-offset-5 {
    margin-left: 41.66666667%; }

  .col-xl-offset-4 {
    margin-left: 33.33333333%; }

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

  .col-xl-offset-2 {
    margin-left: 16.66666667%; }

  .col-xl-offset-1 {
    margin-left: 8.33333333%; }

  .col-xl-offset-0 {
    margin-left: 0; } }
@media (min-width: 1920px) {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    float: left; }

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

  .col-xxl-11 {
    width: 91.66666667%; }

  .col-xxl-10 {
    width: 83.33333333%; }

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

  .col-xxl-8 {
    width: 66.66666667%; }

  .col-xxl-7 {
    width: 58.33333333%; }

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

  .col-xxl-5 {
    width: 41.66666667%; }

  .col-xxl-4 {
    width: 33.33333333%; }

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

  .col-xxl-2 {
    width: 16.66666667%; }

  .col-xxl-1 {
    width: 8.33333333%; }

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

  .col-xxl-pull-11 {
    right: 91.66666667%; }

  .col-xxl-pull-10 {
    right: 83.33333333%; }

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

  .col-xxl-pull-8 {
    right: 66.66666667%; }

  .col-xxl-pull-7 {
    right: 58.33333333%; }

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

  .col-xxl-pull-5 {
    right: 41.66666667%; }

  .col-xxl-pull-4 {
    right: 33.33333333%; }

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

  .col-xxl-pull-2 {
    right: 16.66666667%; }

  .col-xxl-pull-1 {
    right: 8.33333333%; }

  .col-xxl-pull-0 {
    right: 0; }

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

  .col-xxl-push-11 {
    left: 91.66666667%; }

  .col-xxl-push-10 {
    left: 83.33333333%; }

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

  .col-xxxl-push-8 {
    left: 66.66666667%; }

  .col-xxxl-push-7 {
    left: 58.33333333%; }

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

  .col-xxxl-push-5 {
    left: 41.66666667%; }

  .col-xxxl-push-4 {
    left: 33.33333333%; }

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

  .col-xxxl-push-2 {
    left: 16.66666667%; }

  .col-xxxl-push-1 {
    left: 8.33333333%; }

  .col-xxxl-push-0 {
    left: 0; }

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

  .col-xxxl-offset-11 {
    margin-left: 91.66666667%; }

  .col-xxxl-offset-10 {
    margin-left: 83.33333333%; }

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

  .col-xxxl-offset-8 {
    margin-left: 66.66666667%; }

  .col-xxxl-offset-7 {
    margin-left: 58.33333333%; }

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

  .col-xxxl-offset-5 {
    margin-left: 41.66666667%; }

  .col-xxxl-offset-4 {
    margin-left: 33.33333333%; }

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

  .col-xxxl-offset-2 {
    margin-left: 16.66666667%; }

  .col-xxxl-offset-1 {
    margin-left: 8.33333333%; }

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

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

  .col-xxxl-11 {
    width: 91.66666667%; }

  .col-xxxl-10 {
    width: 83.33333333%; }

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

  .col-xxxl-8 {
    width: 66.66666667%; }

  .col-xxxl-7 {
    width: 58.33333333%; }

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

  .col-xxxl-5 {
    width: 41.66666667%; }

  .col-xxxl-4 {
    width: 33.33333333%; }

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

  .col-xxxl-2 {
    width: 16.66666667%; }

  .col-xxxl-1 {
    width: 8.33333333%; }

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

  .col-xxxl-pull-11 {
    right: 91.66666667%; }

  .col-xxxl-pull-10 {
    right: 83.33333333%; }

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

  .col-xxxl-pull-8 {
    right: 66.66666667%; }

  .col-xxxl-pull-7 {
    right: 58.33333333%; }

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

  .col-xxxl-pull-5 {
    right: 41.66666667%; }

  .col-xxxl-pull-4 {
    right: 33.33333333%; }

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

  .col-xxxl-pull-2 {
    right: 16.66666667%; }

  .col-xxxl-pull-1 {
    right: 8.33333333%; }

  .col-xxxl-pull-0 {
    right: 0; }

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

  .col-xxxl-push-11 {
    left: 91.66666667%; }

  .col-xxxl-push-10 {
    left: 83.33333333%; }

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

  .col-xxxl-push-8 {
    left: 66.66666667%; }

  .col-xxxl-push-7 {
    left: 58.33333333%; }

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

  .col-xxxl-push-5 {
    left: 41.66666667%; }

  .col-xxxl-push-4 {
    left: 33.33333333%; }

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

  .col-xxxl-push-2 {
    left: 16.66666667%; }

  .col-xxxl-push-1 {
    left: 8.33333333%; }

  .col-xxxl-push-0 {
    left: 0; }

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

  .col-xxxl-offset-11 {
    margin-left: 91.66666667%; }

  .col-xxxl-offset-10 {
    margin-left: 83.33333333%; }

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

  .col-xxxl-offset-8 {
    margin-left: 66.66666667%; }

  .col-xxxl-offset-7 {
    margin-left: 58.33333333%; }

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

  .col-xxxl-offset-5 {
    margin-left: 41.66666667%; }

  .col-xxxl-offset-4 {
    margin-left: 33.33333333%; }

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

  .col-xxxl-offset-2 {
    margin-left: 16.66666667%; }

  .col-xxxl-offset-1 {
    margin-left: 8.33333333%; }

  .col-xxxl-offset-0 {
    margin-left: 0; } }
.visible-xl,
.visible-xxl,
.visible-xxxl {
  display: none !important; }

@media (min-width: 1600px) and (max-width: 1919px) {
  .visible-xl {
    display: block !important; }

  table.visible-xl {
    display: table; }

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

  th.visible-xl,
  td.visible-xl {
    display: table-cell !important; } }
@media (min-width: 1920px) and (max-width: 2559px) {
  .visible-xxl {
    display: block !important; }

  table.visible-xxl {
    display: table; }

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

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

  table.visible-xxxl {
    display: table; }

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

  th.visible-xxxl,
  td.visible-xxxl {
    display: table-cell !important; } }
@media (min-width: 1600px) and (max-width: 1919px) {
  .hidden-xl {
    display: none !important; } }
@media (min-width: 1920px) and (max-width: 2559px) {
  .hidden-xxl {
    display: none !important; } }
@media (min-width: 2560px) {
  .hidden-xxxl {
    display: none !important; } }
/*

 */
/*.listado [.yslider|.yslider.layout2][.no-button .noslider]
    .wg-list-header
        >h2
        >ul
    .tab-content
        .tab-pane [.fade.in.active]
            .hlisted
                .hshowcontent (esconde el overflow)
                    .hcontent (todos los items, en linea si carrousel)
                        .thumbnail
                            a
                                .poster
                                .lleno [.touchonly.ttr]
 */
/*
@mixin poster-size-l {
    width: $poster_size_l_w;
    height: $poster_size_l_h;
    width: $poster_size_l_w_rem;
    height: $poster_size_l_h_rem;
}
*/
.listado {
  border-radius: 3px;
  border-radius: 0.25rem;
  margin: 4px auto;
  margin: 0.4rem auto;
  background: #222;
  padding: 0;
  position: relative;
  overflow: hidden;
  border: solid 1px #545454; }

body.single .listado {
  margin-left: -15px;
  margin-right: -15px; }

.listado:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important; }

.wg-list-header {
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 4px 10px 4px 7px;
  padding: 0.5rem 1rem 0.45rem 0.7rem; }
  .wg-list-header h2 {
    margin: 0.8rem 1rem 0.3rem;
    display: block;
    float: left;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem; }
    .wg-list-header h2 .opaque {
      color: rgba(255, 255, 255, 0.5); }
  .wg-list-header > ul {
    display: block;
    display: inline-block;
    float: right;
    margin: 0.15rem 1rem 0; }
  .wg-list-header > .button_ac {
    margin: 0.2rem 0.5rem; }

.listado .tab-content {
  background: #191919;
  padding: 1rem 0 1rem; }

.sidebar-container .listado {
  /*    margin: $general-unsepared-px / 2 auto;
      margin: $general-unsepared-rem / 2 auto;*/
  margin: 4px auto;
  margin: 0.4rem auto;
  max-width: none; }
.sidebar-container .hshowcontent {
  margin-left: 2px;
  margin-right: 2px; }

.hlisted {
  height: 249px;
  height: 24.9rem; }

.no-button .hlisted {
  height: 219px;
  height: 21.9rem; }

.hcontent {
  /*height: 270px;*/ }

.hlisted {
  border-radius: 3px;
  border-radius: 0.25rem;
  text-align: center; }

.hcontent {
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: visible;
  white-space: nowrap; }

.hshowcontent {
  position: relative;
  height: 100%;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
  scroll-behavior: smooth; }

.thumbnail {
  padding: 2px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0.2rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  background-color: transparent;
  border: none;
  border-radius: 0;
  text-align: center;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top; }
  .thumbnail .caption {
    padding: 3px;
    padding: 0.3rem; }

.hlisted img.poster {
  width: 100%;
  height: 100%; }

.caption .title {
  color: #F7F7F7 !important;
  line-height: 23px;
  line-height: 2.3rem;
  padding: 0 4px;
  padding: 0 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
  font-size: 11px;
  font-size: 1.1rem;
  display: block;
  text-shadow: 0 1px 0 #000;
  width: 100%;
  max-width: 119px;
  max-width: 11.9rem;
  margin: auto;
  font-weight: 500; }

.hlisted img.poster {
  background: center center #333 no-repeat;
  box-shadow: 0px 0px 5px #000;
  display: block; }

.hlisted figure {
  width: 126px;
  height: 189px;
  width: 12.6rem;
  height: 18.9rem;
  background-color: rgba(95, 95, 95, 0.6); }

.hlisted .button_ac {
  margin-top: 2px;
  position: relative;
  font-size: 1.2rem; }
.hlisted figure:focus-within, .hlisted figure:hover, .hlisted figure.act {
  box-shadow: 0 0 0px 2px #008eff;
  z-index: 2; }

.hlisted figure:hover img.poster, .hlisted figure.act img.poster {
  box-shadow: none; }

.lleno {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.2);
  /*display: none;*/ }

.hlisted figure:hover .hov,
.hlisted a:focus figure .hov {
  display: block; }
.hlisted figure .hov {
  display: none; }

.listado.list-widget.as-xxlarge .min_list_item.thumbnail {
  width: 20%;
  display: inline-table; }
.listado.list-widget.as-xlarge .min_list_item.thumbnail {
  width: 25%;
  display: inline-table; }
.listado.list-widget.as-large .min_list_item.thumbnail {
  width: 33.3%;
  display: inline-table; }
@media (max-width: 1260px) {
  .listado.list-widget.as-medium .min_list_item.thumbnail {
    width: 50%;
    display: inline-table; } }
.listado.list-widget .ava_arrow {
  margin-bottom: 15px; }
.listado.list-widget .hcontent,
.listado.list-widget .hlisted {
  height: auto !important; }
.listado.list-widget .min_list_item.thumbnail {
  border-bottom: none;
  display: inline-table; }
  @media (min-width: 460px) and (max-width: 991px) {
    .listado.list-widget .min_list_item.thumbnail {
      width: 50%;
      display: inline-table; } }
  .listado.list-widget .min_list_item.thumbnail .fill {
    display: inline-block; }
  .listado.list-widget .min_list_item.thumbnail figure {
    width: 100%;
    height: auto;
    background: transparent; }
    .listado.list-widget .min_list_item.thumbnail figure:hover, .listado.list-widget .min_list_item.thumbnail figure.act {
      box-shadow: none;
      background: rgba(163, 234, 251, 0.25); }
  .listado.list-widget .min_list_item.thumbnail a:focus figure {
    box-shadow: none;
    background: rgba(163, 234, 251, 0.25); }

.tool_titulo2 {
  background: rgba(6, 195, 255, 0.51);
  color: #F7F7F7 !important;
  width: 100%;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  display: block;
  white-space: normal;
  line-height: 23px;
  line-height: 2.3rem;
  font-size: 12px;
  font-size: 1.2rem;
  height: 21px;
  height: 2.1rem;
  bottom: 0px;
  padding-left: 2px;
  padding-right: 2px; }

.thumbnail figure {
  position: relative; }

.yslider .hlisted, .yslider .hcontent {
  height: 213px;
  height: 21.3rem; }
.yslider .hcontent {
  margin-top: 1rem; }

.yslider.layout2 .hlisted, .yslider.layout2 .hcontent {
  height: 268px;
  height: 26.8rem; }

.listado .progress {
  position: relative;
  height: 4px;
  height: 0.4rem;
  margin-bottom: 0px;
  margin-top: -4px;
  margin-top: -0.4rem;
  background-color: #888888;
  border-radius: 0px; }
  .listado .progress .progress-bar {
    background-color: #1e97f7; }

.carrusel-cap.listado .progress {
  margin-top: -3px;
  margin-top: -0.3rem; }

.carrusel-cap.listado .h-remove {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  border: solid 1px #4f4e4e;
  text-decoration: none; }

.carrusel-cap.listado .h-remove:hover, .carrusel-cap.listado .h-remove:active, .carrusel-cap.listado .h-remove:focus {
  border: solid 1px #aa3131;
  background: #911919; }

.noslider .hlisted {
  height: auto !important; }
.noslider .hcontent {
  height: auto !important;
  left: 0px !important;
  white-space: normal !important;
  position: relative !important;
  text-align: left !important;
  height: auto !important; }
.noslider.yslider.layout2 .thumbnail {
  height: 219px !important; }

.yslider .hlisted figure {
  /*height: 196.5px;*/
  /*width: 131px;*/ }

.yslider.layout2 .thumbnail {
  width: 100%;
  background: #222222;
  height: calc(100% - 20px);
  margin-right: 0px;
  margin-left: 0px; }
  .yslider.layout2 .thumbnail > a {
    text-decoration: none; }
    .yslider.layout2 .thumbnail > a:focus .sliderimg, .yslider.layout2 .thumbnail > a:hover .sliderimg {
      filter: brightness(50%); }

.carrusel-cap .thumbnail {
  width: 230px;
  height: 150px;
  width: 23rem;
  height: 15rem;
  max-width: 100%;
  background: #222222; }

.yslider.layout2 .hlisted figure {
  width: 100%;
  height: 100%;
  box-shadow: none !important; }

.yslider.layout2 .hlisted,
.yslider.layout2 .hcontent {
  margin-top: 0; }

.carrusel-cap .hlisted figure {
  width: 100%;
  height: 100%;
  box-shadow: none !important; }
.carrusel-cap .hlisted .play-slider2 {
  opacity: 0; }

.yslider.layout2 .hlisted .sliderimg,
.carrusel-cap .hlisted .sliderimg {
  border-radius: 3px;
  border-radius: 0.25rem;
  padding: 0; }

.yslider .picshow_main .ch-slidercap {
  padding-bottom: 39%; }

.listado .hlisted .sliderimg,
.yslider .picshow_main .ch-slidercap {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 33%;
  transition: opacity .3s ease-out;
  border: 1px solid #999999; }

.yslider.layout2 .ava_video_info {
  text-align: left; }

.carrusel-cap article > a:active .sliderimg, .carrusel-cap article > a:focus .sliderimg,
.carrusel-cap article > figure > a:active .sliderimg,
.carrusel-cap article > figure > a:focus .sliderimg {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .3s ease-out; }
.carrusel-cap article > a:hover .sliderimg, .carrusel-cap article > a:focus .sliderimg,
.carrusel-cap article > figure > a:hover .sliderimg,
.carrusel-cap article > figure > a:focus .sliderimg {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .3s ease-out; }
.carrusel-cap article > a:hover h5, .carrusel-cap article > a:focus h5,
.carrusel-cap article > figure > a:hover h5,
.carrusel-cap article > figure > a:focus h5 {
  background: rgba(0, 0, 0, 0.4); }
.carrusel-cap article > a:hover .play-slider2, .carrusel-cap article > a:focus .play-slider2,
.carrusel-cap article > figure > a:hover .play-slider2,
.carrusel-cap article > figure > a:focus .play-slider2 {
  opacity: 1; }
.carrusel-cap article > a .sliderimg:hover,
.carrusel-cap article > figure > a .sliderimg:hover {
  filter: none; }
.carrusel-cap article > a:focus h5, .carrusel-cap article > a:active h5,
.carrusel-cap article > figure > a:focus h5,
.carrusel-cap article > figure > a:active h5 {
  background: rgba(0, 0, 0, 0.4); }
.carrusel-cap .hlisted .sliderimg {
  width: 100%;
  height: 100%;
  opacity: 0.75; }
.carrusel-cap .flags {
  text-align: left;
  color: #FFF;
  font-weight: 100;
  position: absolute;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 4px;
  padding: 0px 5px 0px;
  bottom: 25px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 0.4rem;
  padding: 0px 0.5rem 0px;
  bottom: 2.5rem;
  height: 2rem;
  font-size: 1.2rem;
  line-height: 2rem; }
  .carrusel-cap .flags > span {
    margin-right: 5px;
    margin-right: 0.5rem;
    background: #4b8dc2;
    padding: 3px 6px;
    padding: 0.3rem 0.6rem; }
.carrusel-cap .thumbnail h5 {
  text-align: left;
  height: 26px;
  height: 2.6rem;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
  padding: 5px 5px 9px;
  padding: 0.5rem 0.5rem 0.9rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.yifybs-main.col-md-9 .yslider.layout2 .hlisted, .yifybs-main.col-md-9 .yslider.layout2 .hcontent {
  height: 239px;
  height: 23.9rem; }
.yifybs-main.col-md-12 .yslider.layout2 .hlisted, .yifybs-main.col-md-12 .yslider.layout2 .hcontent {
  height: 315px;
  height: 31.5rem; }

@media (min-width: 992px) {
  .col-md-12 > div > .yslider.layout2 .hlisted,
  .col-md-12 > div > .yslider.layout2 .hcontent,
  .col-md-12 > div > .widget > .yslider.layout2 .hlisted,
  .col-md-12 > div > .widget > .yslider.layout2 .hcontent {
    height: 315px;
    height: 31.5rem; }

  .col-md-12 > div > .widget > .yslider.layout2 .hlisted,
  .col-md-12 > div > .widget > .yslider.layout2 .hcontent {
    height: 315px;
    height: 31.5rem; } }
.carrusel-cap.layout2 .hlisted, .yslcarrusel-capider.layout2 .hcontent {
  height: 165px;
  height: 16.5rem; }

.listado.yslider.as-medium .play-slider {
  display: none; }
.listado.yslider.as-medium .hcontent {
  height: 190px;
  height: 19rem; }
.listado.yslider.as-medium.yslider .hlisted, .listado.yslider.as-medium.yslider .hcontent {
  height: 170px;
  height: 17rem; }
.listado.yslider.as-medium .hshowcontent {
  margin-left: 3px;
  margin-right: 3px; }
.listado.yslider.as-medium .thumbnail {
  padding: 0; }
.listado.yslider.as-medium .carrusel-cap .hlisted, .listado.yslider.as-medium .carrusel-cap .hcontent {
  height: 182px;
  height: 18.2rem; }
.listado.yslider.as-medium .wg-list-header h2 {
  float: none; }
.listado.yslider.as-medium .wg-list-header > ul {
  float: none; }
.listado.yslider.as-medium.noslider.yslider.layout2 .thumbnail {
  height: 170px !important; }
.listado.yslider.as-medium.yslider.layout2 .hlisted, .listado.yslider.as-medium.yslider.layout2 .hcontent {
  height: 240px;
  height: 24rem; }
.listado.yslider.as-medium.carrusel-cap.layout2 .hlisted, .listado.yslider.as-medium.carrusel-cap.layout2 .hcontent {
  height: 182px;
  height: 18.2rem; }
.listado.yslider.as-medium.yslider.layout2 .ava_video_info {
  height: 65px;
  margin-top: -65px;
  height: 6.5rem;
  margin-top: -6.5rem;
  background-color: rgba(8, 8, 8, 0.5);
  margin-bottom: 10px;
  margin-bottom: 1rem;
  position: relative; }
.listado.yslider.as-medium.yslider.layout2 .ava_sinop {
  display: none; }
.listado.yslider.as-medium .ava_sinop .ava_video_info_element {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  min-height: 3.2em; }
.listado.yslider.as-medium img.poster,
.listado.yslider.as-medium .thumbnail figure {
  width: 100.8px;
  height: 151.2px;
  width: 10.08rem;
  height: 15.12rem; }
.listado.yslider.as-medium.yslider .sliderimg {
  width: 100%; }
.listado.yslider.as-medium.yslider.layout2 .hlisted img.poster, .listado.yslider.as-medium.yslider.layout2 .hlisted figure {
  width: 100% !important;
  height: 100% !important; }
.listado.yslider.as-medium.carrusel-cap .hlisted img.poster, .listado.yslider.as-medium.carrusel-cap .hlisted figure {
  width: 100% !important;
  height: 100% !important; }
.listado.yslider.as-medium.yslider2 .hlisted figure, .listado.yslider.as-medium.yslider2 .hlisted img.poster {
  width: 100% !important;
  height: 100% !important; }
.listado.yslider.as-medium.yslider.layout2 .hlisted .sliderimg,
.listado.yslider.as-medium .carrusel-cap .hlisted .sliderimg {
  width: 100%;
  max-width: 100%; }
.listado.yslider.as-medium .caption .title {
  max-width: 90px; }
.listado.yslider.as-medium .hlisted {
  height: 215px;
  border-radius: 0; }
.listado.yslider.as-medium.no-button .hlisted {
  height: 190px; }
.listado.yslider.as-medium .watchnow {
  bottom: 4px;
  width: 98%;
  margin-left: 1%;
  font-size: 11px; }
.listado.yslider.as-medium .watchnow-mini {
  bottom: 25px; }
.listado.yslider.as-medium .ttr .genrerow {
  height: 2.2em;
  line-height: 1em;
  font-size: 0.85em; }
.listado.yslider.as-medium .sinopm {
  height: 70px;
  font-size: 0.8em; }
.listado.yslider.as-medium .ttr .toprow {
  height: 1.7em;
  line-height: 1.4em;
  font-size: 0.75em;
  padding: 0.15em 0.3em; }
.listado.yslider.as-medium .ava_arrow {
  height: 64px;
  width: 25px; }
.listado.yslider.as-medium .ava_arrow_glyph {
  height: 64px;
  width: 25px;
  background-size: 462px 78px; }
.listado.yslider.as-medium .hidden-xs {
  display: none; }
.listado.yslider.as-medium .col-sm-4, .listado.yslider.as-medium .col-sm-8 {
  width: inherit; }
.listado.yslider.as-medium .ava_video_info_bottom {
  position: relative; }
.listado.yslider.as-medium .ava_video_info {
  margin: 10px auto 0;
  margin: 1rem auto 0;
  position: relative;
  width: 100%; }
.listado.yslider.as-medium .ava_video_info_top {
  padding-bottom: 4px;
  padding-bottom: 0.4rem; }
  .listado.yslider.as-medium .ava_video_info_top:after {
    display: none; }
.listado.yslider.as-medium .picshow_main .imgbig {
  min-height: 0px; }
.listado.yslider.as-medium .unicotooltip {
  visibility: hidden; }

/*************************
 *  Touch tooltip replace
 * *************************/
.touchonly, .touchs {
  display: none; }

/*.watchnow{
	position: relative;
	padding: 3px 8px;
	opacity: 0.8;
	transition: opacity 0.2s 1s ease;
	top: 100%;
	margin-top: -60px;
}*/
.watchnow, .watchnow-mini {
  position: absolute;
  padding: 3px 8px;
  transition: opacity 0.2s 1s ease;
  bottom: 10px;
  left: 0px;
  display: inline-block;
  width: 82%;
  overflow: hidden;
  margin-left: 9%; }

.ttr {
  color: #000;
  font-size: 0.9em; }
  .ttr .space {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    background: #eeeeee; }
  .ttr .year {
    color: #fff;
    float: left;
    font-weight: bold; }
  .ttr .time {
    color: #ccc;
    float: right;
    max-width: 3.7em; }
  .ttr .toprow {
    padding: 0.3em;
    border-bottom: solid 1px #fff;
    height: 2em;
    background: #3f4144; }
  .ttr .genrerow {
    padding: .2em;
    border-top: 1px solid gray;
    width: 100%;
    height: 2.4em;
    line-height: 1.2em;
    font-size: 1em;
    white-space: normal;
    overflow: hidden;
    color: #4A4A4A;
    /* text-overflow: ellipsis; */ }

.vmarquee {
  position: relative;
  box-sizing: border-box;
  white-space: normal;
  padding: 0 0.5em;
  padding-top: 4px;
  top: 100px; }

figure:hover .vmarquee {
  animation: vmarquee 15s linear 0s infinite; }

.vmarquee:hover, .vmarquee:focus {
  animation-play-state: paused !important; }

/*@keyframes vmarquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(0, -100%); }
}*/
@keyframes vmarquee {
  0% {
    top: 100px;
    transform: translate(0, 0); }
  100% {
    top: 0px;
    transform: translate(0, -100%); } }
.sinopm {
  height: 100px;
  height: 10rem;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%; }
  .sinopm:after, .sinopm::after {
    left: 0;
    z-index: 1;
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 1em;
    background: linear-gradient(to bottom, #cbcbcb 0%, rgba(203, 203, 203, 0) 100%); }
  .sinopm:before, .sinopm::before {
    background: rgba(229, 229, 229, 0);
    background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, #e5e5e5 100%); }
  .sinopm:after, .sinopm::after {
    bottom: -1px;
    transform: rotate(180deg); }
  .sinopm:before, .sinopm::before {
    top: 0; }

/*.sinopm:before, .sinopm::before*/
/*
sets:
article -> .flip-container
figure -> .flipper
.poster -> .front
.lleno -> .back
$div.find("article").addClass("flip-container");
$div.find("figure").addClass("flipper");
$div.find(".poster").addClass("front");
$div.find(".lleno").addClass("back");
 */
.flip-container {
  perspective: 1000px; }
  .flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg); }

.flipper {
  transition: transform 0.6s;
  transform-style: preserve-3d; }

.front, .back {
  backface-visibility: hidden;
  visibility: visible; }

.front {
  z-index: 2;
  transform: rotateY(0deg); }

.back {
  transform: rotateY(180deg); }

body .nav-tabs {
  border-radius: 3px;
  border-radius: 0.25rem;
  background-color: #616161;
  display: inline-block;
  border-bottom: 1px solid #b4b4b4; }
  body .nav-tabs > li > a {
    border-radius: 1.5px;
    border-radius: 0.125rem;
    border: 1px solid transparent;
    border: 0.1rem solid transparent;
    border-right: 0.1rem solid #858585;
    font-weight: 300;
    margin-right: 0;
    color: #dcdcdc;
    padding: 2px 7px 15px;
    padding: 0.2em 0.7em 0.15em;
    min-width: 4rem; }
  body .nav-tabs > li > a:hover,
  body .nav-tabs > li > a:focus {
    background-color: #4a4a4a !important;
    color: #ccc;
    border: 1px solid #4a4a4a;
    border: 0.1rem solid #4a4a4a;
    font-weight: 300; }
  body .nav-tabs > li.active > a,
  body .nav-tabs > li.active > a:focus,
  body .nav-tabs > li.active > a:hover {
    background-color: #165f91 !important;
    color: #fff;
    border: 1px solid #0f3a5b;
    border: 0.1rem solid #0f3a5b;
    font-weight: 300; }
  @media (max-width: 595px) {
    body .nav-tabs > li > a {
      font-size: 12px !important; } }
  @media (max-width: 400px) {
    body .nav-tabs > li > a {
      font-size: 10px !important; } }

/*
force as small device
*/
.listado.as-small .play-slider {
  display: none; }
.listado.as-small .hcontent {
  height: 190px;
  height: 19rem; }
.listado.as-small.yslider .hlisted, .listado.as-small.yslider .hcontent {
  height: 170px;
  height: 17rem; }
.listado.as-small .hshowcontent {
  margin-left: 3px;
  margin-right: 3px; }
.listado.as-small .thumbnail {
  padding: 0; }
.listado.as-small .carrusel-cap .hlisted, .listado.as-small .carrusel-cap .hcontent {
  height: 182px;
  height: 18.2rem; }
.listado.as-small .wg-list-header h2 {
  float: none; }
.listado.as-small .wg-list-header > ul {
  float: none; }
.listado.as-small.noslider.yslider.layout2 .thumbnail {
  height: 170px !important; }
.listado.as-small.yslider.layout2 .hlisted, .listado.as-small.yslider.layout2 .hcontent {
  height: 240px;
  height: 24rem; }
.listado.as-small.carrusel-cap.layout2 .hlisted, .listado.as-small.carrusel-cap.layout2 .hcontent {
  height: 182px;
  height: 18.2rem; }
.listado.as-small.yslider.layout2 .ava_video_info {
  height: 65px;
  margin-top: -65px;
  height: 6.5rem;
  margin-top: -6.5rem;
  background-color: rgba(8, 8, 8, 0.5);
  margin-bottom: 10px;
  margin-bottom: 1rem;
  position: relative; }
.listado.as-small.yslider.layout2 .ava_sinop {
  display: none; }
.listado.as-small .ava_sinop .ava_video_info_element {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  min-height: 3.2em; }
.listado.as-small img.poster,
.listado.as-small .thumbnail figure {
  width: 100.8px;
  height: 151.2px;
  width: 10.08rem;
  height: 15.12rem; }
.listado.as-small.yslider .sliderimg {
  width: 100%; }
.listado.as-small.yslider.layout2 .hlisted img.poster, .listado.as-small.yslider.layout2 .hlisted figure {
  width: 100% !important;
  height: 100% !important; }
.listado.as-small.carrusel-cap .hlisted img.poster, .listado.as-small.carrusel-cap .hlisted figure {
  width: 100% !important;
  height: 100% !important; }
.listado.as-small.yslider2 .hlisted figure, .listado.as-small.yslider2 .hlisted img.poster {
  width: 100% !important;
  height: 100% !important; }
.listado.as-small.yslider.layout2 .hlisted .sliderimg,
.listado.as-small .carrusel-cap .hlisted .sliderimg {
  width: 100%;
  max-width: 100%; }
.listado.as-small .caption .title {
  max-width: 90px; }
.listado.as-small .hlisted {
  height: 215px;
  border-radius: 0; }
.listado.as-small.no-button .hlisted {
  height: 190px; }
.listado.as-small .watchnow {
  bottom: 4px;
  width: 98%;
  margin-left: 1%;
  font-size: 11px; }
.listado.as-small .watchnow-mini {
  bottom: 25px; }
.listado.as-small .ttr .genrerow {
  height: 2.2em;
  line-height: 1em;
  font-size: 0.85em; }
.listado.as-small .sinopm {
  height: 70px;
  font-size: 0.8em; }
.listado.as-small .ttr .toprow {
  height: 1.7em;
  line-height: 1.4em;
  font-size: 0.75em;
  padding: 0.15em 0.3em; }
.listado.as-small .ava_arrow {
  height: 64px;
  width: 25px; }
.listado.as-small .ava_arrow_glyph {
  height: 64px;
  width: 25px;
  background-size: 462px 78px; }
.listado.as-small .hidden-xs {
  display: none; }
.listado.as-small .col-sm-4, .listado.as-small .col-sm-8 {
  width: inherit; }
.listado.as-small .ava_video_info_bottom {
  position: relative; }
.listado.as-small .ava_video_info {
  margin: 10px auto 0;
  margin: 1rem auto 0;
  position: relative;
  width: 100%; }
.listado.as-small .ava_video_info_top {
  padding-bottom: 4px;
  padding-bottom: 0.4rem; }
  .listado.as-small .ava_video_info_top:after {
    display: none; }
.listado.as-small .picshow_main .imgbig {
  min-height: 0px; }
.listado.as-small .unicotooltip {
  visibility: hidden; }

/*******************************
 * small poster for small device
 * *****************************/
@media (max-width: 595px) {
  .listado .play-slider {
    display: none; }
  .listado .hcontent {
    height: 190px;
    height: 19rem; }
  .listado.yslider .hlisted, .listado.yslider .hcontent {
    height: 170px;
    height: 17rem; }
  .listado .hshowcontent {
    margin-left: 3px;
    margin-right: 3px; }
  .listado .thumbnail {
    padding: 0; }
  .listado .carrusel-cap .hlisted, .listado .carrusel-cap .hcontent {
    height: 182px;
    height: 18.2rem; }
  .listado .wg-list-header h2 {
    float: none; }
  .listado .wg-list-header > ul {
    float: none; }
  .listado.noslider.yslider.layout2 .thumbnail {
    height: 170px !important; }
  .listado.yslider.layout2 .hlisted, .listado.yslider.layout2 .hcontent {
    height: 240px;
    height: 24rem; }
  .listado.carrusel-cap.layout2 .hlisted, .listado.carrusel-cap.layout2 .hcontent {
    height: 182px;
    height: 18.2rem; }
  .listado.yslider.layout2 .ava_video_info {
    height: 65px;
    margin-top: -65px;
    height: 6.5rem;
    margin-top: -6.5rem;
    background-color: rgba(8, 8, 8, 0.5);
    margin-bottom: 10px;
    margin-bottom: 1rem;
    position: relative; }
  .listado.yslider.layout2 .ava_sinop {
    display: none; }
  .listado .ava_sinop .ava_video_info_element {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    min-height: 3.2em; }
  .listado img.poster,
  .listado .thumbnail figure {
    width: 100.8px;
    height: 151.2px;
    width: 10.08rem;
    height: 15.12rem; }
  .listado.yslider .sliderimg {
    width: 100%; }
  .listado.yslider.layout2 .hlisted img.poster, .listado.yslider.layout2 .hlisted figure {
    width: 100% !important;
    height: 100% !important; }
  .listado.carrusel-cap .hlisted img.poster, .listado.carrusel-cap .hlisted figure {
    width: 100% !important;
    height: 100% !important; }
  .listado.yslider2 .hlisted figure, .listado.yslider2 .hlisted img.poster {
    width: 100% !important;
    height: 100% !important; }
  .listado.yslider.layout2 .hlisted .sliderimg,
  .listado .carrusel-cap .hlisted .sliderimg {
    width: 100%;
    max-width: 100%; }
  .listado .caption .title {
    max-width: 90px; }
  .listado .hlisted {
    height: 215px;
    border-radius: 0; }
  .listado.no-button .hlisted {
    height: 190px; }
  .listado .watchnow {
    bottom: 4px;
    width: 98%;
    margin-left: 1%;
    font-size: 11px; }
  .listado .watchnow-mini {
    bottom: 25px; }
  .listado .ttr .genrerow {
    height: 2.2em;
    line-height: 1em;
    font-size: 0.85em; }
  .listado .sinopm {
    height: 70px;
    font-size: 0.8em; }
  .listado .ttr .toprow {
    height: 1.7em;
    line-height: 1.4em;
    font-size: 0.75em;
    padding: 0.15em 0.3em; }
  .listado .ava_arrow {
    height: 64px;
    width: 25px; }
  .listado .ava_arrow_glyph {
    height: 64px;
    width: 25px;
    background-size: 462px 78px; }
  .listado .hidden-xs {
    display: none; }
  .listado .col-sm-4, .listado .col-sm-8 {
    width: inherit; }
  .listado .ava_video_info_bottom {
    position: relative; }
  .listado .ava_video_info {
    margin: 10px auto 0;
    margin: 1rem auto 0;
    position: relative;
    width: 100%; }
  .listado .ava_video_info_top {
    padding-bottom: 4px;
    padding-bottom: 0.4rem; }
    .listado .ava_video_info_top:after {
      display: none; }
  .listado .picshow_main .imgbig {
    min-height: 0px; }
  .listado .unicotooltip {
    visibility: hidden; } }
/*.sim_avatar_film .poster{
	margin-top: -65px;
}*/
.date-title {
  margin: -4px 0 0 -5px;
  margin: -0.4em 0 0 -0.5em;
  min-width: 9.5em; }
  .date-title .number {
    float: left;
    font-size: 2.6em;
    padding: 0 0.2em;
    line-height: 1;
    font-weight: 700; }
  .date-title .month {
    line-height: 1.14em;
    font-weight: 600;
    font-size: 1em;
    padding-top: 0.1em;
    text-align: left; }
  .date-title .day {
    line-height: 1.14em;
    font-size: 1em;
    text-align: left; }
  .date-title ~ span {
    display: none; }

.ava_arrow:hover {
  background-color: #1d6299; }

.ava_arrow_glyph:focus {
  background-color: rgba(238, 238, 238, 0.13); }

.ava_arrow {
  display: block;
  overflow: hidden;
  position: absolute;
  height: 94px;
  width: 35px;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
  border: 0px;
  top: 75px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 35px;
  z-index: 3;
  border: #999 1px solid;
  border-radius: 3px;
  border-radius: 0.25rem;
  border-color: #656565;
  background-color: #2b2b2b;
  border-color: rgba(130, 130, 130, 0.53);
  background-color: rgba(58, 54, 54, 0.71); }

.ava_arrow .glyphicon {
  width: 100%;
  top: 50%;
  font-size: 22px;
  line-height: 1em;
  margin-top: -12px;
  text-align: center;
  position: absolute;
  z-index: -1; }

.yslider .ava_arrow,
.carrusel-cap .ava_arrow {
  margin-bottom: 9px; }

.ava_arrow_right {
  right: 7px;
  right: 0.5rem; }

.ava_arrow_left {
  left: 7px;
  left: 0.5rem; }

.ava_arrow_glyph {
  height: 94px;
  width: 35px;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
  border: 0px;
  background-color: transparent; }

.ava_arrow_left input {
  background-position: -400px 0px; }
  .ava_arrow_left input:hover {
    background-position: -435px 0px; }

.ava_arrow_right input {
  background-position: -330px 0px; }
  .ava_arrow_right input:hover {
    background-position: -365px 0px; }

.ava_video_info {
  position: absolute;
  top: 0px;
  display: block;
  color: white;
  font-size: 13px;
  font-size: 1.3rem;
  height: 100%;
  right: 0px;
  min-width: 100px;
  font-weight: 300;
  width: 33.33333333%;
  background: #191919; }
  .ava_video_info h2, .ava_video_info em {
    top: 0px;
    left: 0px;
    margin-bottom: 0;
    padding-bottom: .2em;
    font-size: 17.5px;
    font-size: 1.75rem;
    margin: 0 0 0.5em;
    padding: 0;
    font-style: initial; }
    .ava_video_info h2 a, .ava_video_info em a {
      color: white;
      text-decoration: none; }

.ava_video_info_year {
  font-weight: normal; }

.sliderimg {
  position: relative;
  width: 66.66666667%;
  padding-right: 0px !important; }

.ava_video_info_top {
  padding: 8px 10px 50px;
  padding: 0.5rem 1rem 5rem;
  height: 100%; }

.ava_video_info_bottom {
  width: 100%;
  padding: 0 15px;
  padding: 0 1.5rem;
  bottom: 0px;
  position: absolute; }

.ava_video_info_bottom > div {
  line-height: 16px;
  line-height: 1.6rem;
  padding: 2px 0;
  padding: 0.2rem 0; }

.ava_video_info_flow {
  overflow: hidden;
  height: 100%; }

.ava_video_info_top:after {
  background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, #191919 100%);
  bottom: 47px;
  content: "";
  height: 20px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 100%; }

.ava_video_info_element {
  padding-top: 5px; }

.picshow {
  z-index: 444;
  position: relative;
  background-color: #ffffff;
  width: 100%;
  height: 135px; }

.picshow_main {
  position: relative;
  top: 1px;
  margin: auto;
  overflow: hidden;
  padding: 0 10px;
  padding: 0 1em; }
  .picshow_main .imgbig {
    width: 100%;
    border-radius: 3px;
    border-radius: 0.25rem;
    border: 1px solid #999999;
    opacity: 1;
    transition: 0.3s; }
    .picshow_main .imgbig:hover {
      opacity: 0.7;
      transition: all 0.5s ease 0s; }
  .picshow_main .imgbig-fit {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    display: inline-block;
    padding-bottom: 39%;
    border: 1px solid #999999;
    border-radius: 0.25rem; }
    .picshow_main .imgbig-fit .imgbig {
      padding-bottom: 0;
      position: absolute;
      top: -9999px;
      right: -9999px;
      bottom: -9999px;
      left: -9999px;
      margin: auto;
      min-width: 100%;
      min-height: 100%;
      height: auto;
      border: none; }

.ava_video_info_soft {
  color: #bebebe;
  font-size: 11px;
  font-size: 1.1rem;
  padding: .2rem 0 0.1rem;
  border: 1px solid gray;
  padding-left: 0.5em;
  width: 100%; }

.ava_ellipsis,
.posts3 .entry-header h3.ava_ellipsis,
.posts3 .entry-header em.ava_ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: initial; }

@media (max-width: 992px) and (min-width: 596px) {
  /*.ava_sinop{
  	display: none;
  }*/
  .picshow_main .imgbig {
    min-height: 150px; } }
.as-small .ava_video_info_bottom {
  position: relative; }
.as-small .ava_video_info {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative; }
.as-small .ava_video_info_top {
  padding-bottom: 4px; }
  .as-small .ava_video_info_top:after {
    display: none; }
.as-small .picshow_main .imgbig {
  min-height: 0px; }
.as-small .unicotooltip {
  visibility: hidden; }

.play-slider,
.play-slider2 {
  height: 59px;
  width: 99px;
  position: absolute;
  color: rgba(245, 245, 245, 0.54);
  font-size: 59px;
  /*opacity: 0.6;*/
  left: 50%;
  top: 50%;
  margin-left: -49.5px;
  margin-top: -40px;
  pointer-events: none;
  transition: 0.3s; }

.sliderimg:hover {
  filter: brightness(75%); }

.sliderimg:hover .play-slider {
  color: #fafafa;
  filter: brightness(200%); }

.play-slider.square {
  font-size: 32px;
  padding-top: 10px;
  text-align: center;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0);
  color: rgba(96, 125, 154, 0); }

.sliderimg:hover .play-slider.square {
  background: rgba(255, 255, 255, 0.5);
  color: #607d9a;
  border: solid 1px rgba(96, 125, 154, 0.6);
  margin-top: -30px; }

 /*
.play-slider:hover {
	background: url("img/playbutton.png") rgba(0, 0, 0, 0.5) no-repeat;
	background-position: 50% 90px;
}
*/
.ava_arrow.ava_arrow_right.loading {
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out; }

@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px); }
  50% {
    -webkit-transform: perspective(120px) rotateY(0deg) rotateX(180deg); }
  100% {
    -webkit-transform: perspective(120px) rotateY(0deg) rotateX(360deg); } }
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(360deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(360deg) rotateY(0deg); } }
.unicotooltip {
  padding: 0px;
  position: absolute;
  z-index: 999;
  display: block;
  background: #eeeeee;
  border-radius: 3px;
  border-radius: 0.25rem;
  border-top: 1px solid gray;
  display: none;
  top: 0px;
  left: 0px;
  position: absolute;
  width: 280px;
  height: 240px;
  line-height: 21px;
  width: 28rem;
  height: 24rem;
  line-height: 2.1rem; }

.tool_sinopsis {
  position: relative;
  color: #000;
  height: 185px;
  font-size: 11.5px;
  line-height: 16px;
  padding: 7px 10px 0 10px;
  height: 18.5rem;
  font-size: 1.15rem;
  line-height: 1.6rem;
  padding: 0.7rem 1rem 0 1rem; }
  .tool_sinopsis hr {
    margin-top: 7px;
    margin-bottom: 4px;
    margin-top: 0.7rem;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #999; }

.tool_titulo {
  background: #3f4144;
  position: relative;
  top: 0px;
  color: #fff;
  border: 0px solid gray;
  text-align: center;
  width: 280px;
  height: 33px;
  font-size: 13px;
  line-height: 35px;
  width: 28rem;
  height: 3.3rem;
  font-size: 1.3rem;
  line-height: 3.5rem;
  overflow: hidden;
  display: block;
  white-space: normal; }

.actors-empty-1, .director-empty-1, .post_content-empty-1, .year-empty-1, .genre-empty-1, .runtime-empty-1, .slidercap-empty-1, .image-empty-1, .creator-empty-1, .p-post_content-empty-1 .ch-post_content, .p-year-empty-1 .ch-year, .p-genre-empty-1 .ch-genre, .p-director-empty-1 .ch-director, .p-actors-empty-1 .ch-actors, .p-runtime-empty-1 .ch-runtime, .p-slidercap-empty-1 .ch-slidercap, .p-image-empty-1 .ch-image, .p-creator-empty-1 .ch-creator, .p-local_air_datetime-empty-1 .ch-local_air_datetime, .p-local_air_datetime_near-empty-1 .ch-local_air_datetime_near, .p-runtime-empty-1.p-genre-empty-1 .ch-runtime-genre {
  display: none !important; }

.simple-lleno {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.first_aired2 {
  position: absolute;
  bottom: .7em;
  font-size: .7em;
  padding: .5em;
  background: #ece38a;
  border: solid 1px #c3985a;
  color: #9c4f2b;
  border-left: none;
  opacity: 0.85; }

.first_aired {
  background: rgba(6, 195, 255, 0.85);
  background: linear-gradient(0, rgba(6, 195, 255, 0.85) 0, rgba(6, 195, 255, 0.85) 40%, rgba(6, 195, 255, 0.7) 75%, rgba(6, 195, 255, 0) 100%);
  /*border-top: solid 1px #90d0e4;*/
  color: #f7f7f7 !important;
  width: 100%;
  line-height: 20px;
  font-family: "Lucida Grande",Arial,sans-serif;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  height: 20px;
  display: block;
  white-space: normal;
  font-size: 12px;
  bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  font-weight: 600; }

.modal-content.container-dat,
.container-dat {
  background: #000;
  color: #fff;
  overflow: hidden;
  white-space: normal;
  text-align: left; }

.container-dat .close {
  position: absolute;
  right: 0.25em;
  top: 0.2em;
  font-weight: 100;
  font-size: 3rem;
  text-shadow: none;
  color: #b8b8b8;
  opacity: 1;
  font-family: serif;
  z-index: 2; }

.simple-dat {
  color: rgba(250, 250, 250, 0.6);
  display: inline-block;
  float: left;
  min-width: 10em;
  padding: 2px 15px 6px;
  padding: 0.2rem 1.5rem 0.6rem; }

.release-dat {
  display: none; }

.pt-episode .year-dat {
  display: none; }
.pt-episode .release-dat {
  display: initial; }

.year-dat,
.release-dat {
  color: rgba(250, 250, 250, 0.6);
  font-size: 14px;
  font-size: 1.4rem; }

.title-dat {
  margin-top: -35px;
  font-size: 30px;
  margin-top: -3.5rem;
  font-size: 3rem;
  background: #000;
  text-align: left; }

.play-dat {
  margin: 0 0 0 10px;
  margin: 0 0 0 1em; }

.cap-dat {
  background-size: cover;
  background-position: center;
  background-position-y: 33%;
  box-shadow: inset 0px -50px 46px 30px #000, inset 0px 0px 46px 30px #000;
  box-shadow: inset 0px -5rem 4.6rem 3rem #000, inset 0px 0px 4.6rem 3rem #000;
  height: 300px;
  height: 30rem;
  position: relative;
  overflow: hidden; }

.sinopsis-dat {
  white-space: normal;
  text-align: left;
  margin-bottom: 1em; }

.btn-dark {
  background: #161717; }

a.btn-dark:link,
.btn-dark {
  color: #a7a7a7 !important; }

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus {
  border-color: #2f4e4e; }

.btn-dark .glyphicon {
  border-right: solid 1px #a7a7a7 !important; }

#fadingBarsG,
.fadingBarsG-content {
  position: relative;
  width: 300px;
  height: 36px;
  margin: auto; }

.fadingBarsG {
  border: solid 3px rgba(200, 200, 200, 0.4);
  position: absolute;
  top: 0;
  background-color: rgba(23, 23, 23, 0.7);
  width: 36px;
  height: 36px;
  -moz-animation-name: bounce_fadingBarsG;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -moz-transform: scale(0.3);
  -webkit-animation-name: bounce_fadingBarsG;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -webkit-transform: scale(0.3);
  -ms-animation-name: bounce_fadingBarsG;
  -ms-animation-duration: .5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -ms-transform: scale(0.3);
  -o-animation-name: bounce_fadingBarsG;
  -o-animation-duration: .5s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  -o-transform: scale(0.3);
  animation-name: bounce_fadingBarsG;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-direction: linear;
  transform: scale(0.3); }

#fadingBarsG_1,
.fadingBarsG_1 {
  left: 0;
  -moz-animation-delay: .2s;
  -webkit-animation-delay: .2s;
  -ms-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s; }

#fadingBarsG_2,
.fadingBarsG_2 {
  left: 38px;
  -moz-animation-delay: .25s;
  -webkit-animation-delay: .25s;
  -ms-animation-delay: .25s;
  -o-animation-delay: .25s;
  animation-delay: .25s; }

#fadingBarsG_3,
.fadingBarsG_3 {
  left: 75px;
  -moz-animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -ms-animation-delay: .3s;
  -o-animation-delay: .3s;
  animation-delay: .3s; }

#fadingBarsG_4,
.fadingBarsG_4 {
  left: 113px;
  -moz-animation-delay: .35s;
  -webkit-animation-delay: .35s;
  -ms-animation-delay: .35s;
  -o-animation-delay: .35s;
  animation-delay: .35s; }

#fadingBarsG_5,
.fadingBarsG_5 {
  left: 150px;
  -moz-animation-delay: .4s;
  -webkit-animation-delay: .4s;
  -ms-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s; }

#fadingBarsG_6,
.fadingBarsG_6 {
  left: 188px;
  -moz-animation-delay: .45s;
  -webkit-animation-delay: .45s;
  -ms-animation-delay: .45s;
  -o-animation-delay: .45s;
  animation-delay: .45s; }

#fadingBarsG_7,
.fadingBarsG_7 {
  left: 225px;
  -moz-animation-delay: .5s;
  -webkit-animation-delay: .5s;
  -ms-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s; }

#fadingBarsG_8,
.fadingBarsG_8 {
  left: 263px;
  -moz-animation-delay: .55s;
  -webkit-animation-delay: .55s;
  -ms-animation-delay: .55s;
  -o-animation-delay: .55s;
  animation-delay: .55s; }

@-moz-keyframes bounce_fadingBarsG {
  0% {
    -moz-transform: scale(1);
    background-color: rgba(23, 23, 23, 0.7); }
  100% {
    -moz-transform: scale(0.3);
    background-color: rgba(13, 13, 13, 0.5); } }
@-webkit-keyframes bounce_fadingBarsG {
  0% {
    -webkit-transform: scale(1);
    background-color: rgba(23, 23, 23, 0.7); }
  100% {
    -webkit-transform: scale(0.3);
    background-color: rgba(13, 13, 13, 0.5); } }
@-ms-keyframes bounce_fadingBarsG {
  0% {
    -ms-transform: scale(1);
    background-color: rgba(23, 23, 23, 0.7); }
  100% {
    -ms-transform: scale(0.3);
    background-color: rgba(13, 13, 13, 0.5); } }
@-o-keyframes bounce_fadingBarsG {
  0% {
    -o-transform: scale(1);
    background-color: rgba(23, 23, 23, 0.7); }
  100% {
    -o-transform: scale(0.3);
    background-color: rgba(13, 13, 13, 0.5); } }
@keyframes bounce_fadingBarsG {
  0% {
    transform: scale(1);
    background-color: rgba(23, 23, 23, 0.7); }
  100% {
    transform: scale(0.3);
    background-color: rgba(13, 13, 13, 0.5); } }
body {
  padding-top: 45px;
  padding-top: 4.5rem; }

#topmenu .navbar-toggle {
  margin-top: 6px;
  margin-bottom: 6px; }
#topmenu .navbar-form {
  margin-top: 0.8rem; }
#topmenu > div {
  font-family: "Century Gothic",Arial,sans-serif;
  border: none;
  border-radius: 0px;
  border-bottom: solid 1px #404040;
  border-left: solid 1px #232323;
  border-right: solid 1px #232323;
  background-color: #101010;
  border-bottom-right-radius: 3px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 3px;
  border-bottom-left-radius: 0.25rem; }
#topmenu .navbar-nav > li > a,
#topmenu .dropdown-menu > li > a {
  color: #999;
  font: normal 12px Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  text-decoration: none;
  /*text-shadow: 0 1px 0 #000;*/
  padding-top: 1.65rem;
  padding-bottom: 1.35rem; }
#topmenu .navbar-nav > li > a {
  text-transform: uppercase;
  border-right: 1px solid #222; }

.navbar-brand {
  text-transform: uppercase;
  border-right: 1px solid #222; }

#topmenu .navbar-nav > li > a:focus {
  color: #fff; }

.navbar {
  min-height: 46px !important;
  margin-bottom: 0px;
  border: none; }

#topmenu .navbar-brand {
  height: 44px;
  padding: 4px;
  height: 4.4rem;
  padding: 0.4rem; }
#topmenu .dropdown-menu {
  background: #2b2b2b;
  padding: 0px;
  border-radius: 3px;
  border-radius: 0.25rem; }
  #topmenu .dropdown-menu a:hover, #topmenu .dropdown-menu a:focus {
    background-color: #0186ba;
    color: #fff; }

.dropdown-menu .divider {
  margin: 1px 0;
  background-color: #5B5858;
  border-bottom: 1px solid #222; }

#topmenu .dropdown-menu a.dropdown-header {
  text-align: center;
  box-shadow: none;
  border-bottom: solid 1px #424242;
  text-transform: uppercase;
  color: #eee; }
#topmenu .dropdown-menu > li > a {
  padding: 10px;
  padding: 1rem;
  box-shadow: 0 1px 0 rgba(17, 17, 17, 0.2), 0 2px 0 rgba(102, 102, 102, 0.2); }
#topmenu .dropdown-menu > li:last-child a {
  box-shadow: none; }
#topmenu .dropdown > li:last-child > a {
  box-shadow: 0 1px 0 rgba(17, 17, 17, 0.2); }
#topmenu .sf_input {
  width: 200px;
  width: 20rem; }

/*#topmenu .dropdown:hover .dropdown-menu{
	display: block;
}
#topmenu a.dropdown-toggle{
	pointer-events: none;
}*/
@media (min-width: 596px) {
  .navbar-nav > li > .dropdown-menu {
    margin-top: -7px; }

  #topmenu ul ul li:first-child > a:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 30px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #2b2b2b; }
  #topmenu ul ul li:first-child a:hover:after {
    border-bottom-color: #0186ba; } }
@media (max-width: 992px) and (min-width: 596px) {
  #topmenu .sf_input {
    width: 142px; }

  .navbar-right {
    padding-left: 0px;
    padding-right: 5px; } }
@media (max-width: 595px) {
  #topmenu .sf_search, #topmenu .sf_input {
    width: 90%; } }
.usermenu {
  text-transform: none !important; }

.usericon {
  margin: -5px 5px 0 5px;
  font-size: 16px;
  margin: -0.5rem 0.5rem 0 0.5rem;
  font-size: 1.6rem;
  vertical-align: middle; }

#userName, #open {
  /* float:left; */
  padding-left: 5px;
  padding-left: 0.5rem; }

.navbar-brand > img {
  width: 102px;
  height: 47px;
  margin: -5px 5px 0px 10px;
  width: 10.2rem;
  height: 4.7rem;
  margin: -0.5rem 0.5rem 0 1rem; }

@media (max-height: 450px) {
  .navbar-fixed-top .navbar-collapse {
    max-height: none; }

  body {
    padding-top: 0px; }

  #topmenu {
    position: relative; } }
/*****************
 * Generos, years, leng, countrys
 * **************/
.genrecell {
  display: block;
  float: left;
  margin-left: 15px;
  background-color: #494949;
  color: #f9f9f9;
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  border-radius: 0.25rem;
  width: 47%;
  margin-bottom: 7px;
  padding-left: 9px;
  min-width: 277px; }

.singlecell {
  margin-left: 2.5%;
  width: 95%;
  font-size: 14px;
  line-height: 30px;
  padding-top: 18px;
  padding-bottom: 18px; }

@media (max-width: 595px) {
  .genrecell {
    width: 90% !important; } }
.genrecell h3 {
  margin-top: 12px; }
.genrecell p span {
  color: #8F9DC9; }

/*.genrecell p{
	text-align:center;
}*/
.ptb {
  padding-bottom: 15px;
  padding-top: 15px; }

.genrecell a:link, .genrecell a:visited {
  color: #58BFFA; }
.genrecell a:hover {
  color: #C4E3FF; }
.genrecell a:active {
  color: #000000; }

.peque {
  font-size: 18px;
  line-height: 32px;
  text-align: center; }

/*.peque a{
	padding-left: 15px;
	padding-right: 15px;
}*/
.pais {
  padding-left: 20px;
  width: 0px;
  line-height: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 8px;
  height: 15px; }
  .pais a {
    outline-style: none;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap; }

/***********************************
 * Post-ratings
 * **********************************/
.ratings {
  margin: 5px 0;
  float: right; }
  .ratings:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .ratings .item {
    display: none; }
  .ratings ul, .ratings a:hover, .ratings .rating {
    background: transparent url(img/starr.png) repeat-x; }
  .ratings ul, .ratings li {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important; }
  .ratings ul {
    height: 16px;
    float: left; }
  .ratings li {
    position: relative;
    display: block; }
  .ratings a {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-decoration: none;
    text-indent: -500px;
    z-index: 10; }
  .ratings ul li a:hover {
    background-position: left bottom;
    z-index: 5;
    left: 0 !important; }
  .ratings .s2 a {
    left: 16px; }
    .ratings .s2 a:hover {
      width: 32px; }
  .ratings .s3 a {
    left: 32px; }
    .ratings .s3 a:hover {
      width: 48px; }
  .ratings .s4 a {
    left: 48px; }
    .ratings .s4 a:hover {
      width: 64px; }
  .ratings .s5 a {
    left: 64px; }
    .ratings .s5 a:hover {
      width: 80px; }
  .ratings .s6 a {
    left: 80px; }
    .ratings .s6 a:hover {
      width: 96px; }
  .ratings .s7 a {
    left: 96px; }
    .ratings .s7 a:hover {
      width: 112px; }
  .ratings .s8 a {
    left: 112px; }
    .ratings .s8 a:hover {
      width: 128px; }
  .ratings .s9 a {
    left: 128px; }
    .ratings .s9 a:hover {
      width: 144px; }
  .ratings .s10 a {
    left: 144px; }
    .ratings .s10 a:hover {
      width: 160px; }
  .ratings .rating {
    background-position: left center;
    position: absolute;
    height: 16px;
    display: block;
    text-indent: -9999px;
    z-index: 1; }
  .ratings .meta {
    font-size: 13px;
    font-size: 1.3rem;
    color: #bcbcbc;
    float: left;
    margin-left: 5px;
    margin-left: 0.5rem;
    line-height: 18px;
    line-height: 1.8rem; }
    .ratings .meta strong {
      color: #bcbcbc; }
  .ratings.error .meta {
    color: #ff0000;
    font-weight: bold; }

/* !important because some bad themes override our rules :( */
/*************************
 * ajax search
 * **********************/
/*
#sf_sb ::-webkit-scrollbar {
	height: 10px;
	overflow: visible;
	width: 13px;
}
#sf_sb ::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .2);
	background-clip: padding-box;
	border: solid transparent;
	border-width: 1px 1px 1px 6px;
	min-height: 28px;
	padding: 100px 0 0;
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1),inset 0 -1px 0 rgba(0, 0, 0, .07);
}
#sf_sb ::-webkit-scrollbar-button {
	height: 0;
	width: 0;
}
#sf_sb ::-webkit-scrollbar-track {
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 4px;
}
#sf_sb ::-webkit-scrollbar-corner {
	background: transparent;
}*/
.sf_result_container {
  max-height: 221px;
  max-height: 65vh;
  overflow: auto;
  margin-bottom: 5px;
  margin-bottom: 0.5rem; }

.sf_search {
  position: relative;
  display: inline-block;
  border: 1px solid #eee;
  border-radius: 3px;
  border-radius: 0.25rem;
  background: #fff;
  background: rgba(255, 255, 255, 0.12);
  text-align: left !important;
  border: 1px solid #686868 !important; }

.screen-reader-text {
  display: none; }

#sf_results {
  background: #FAFAFA;
  border: 1px solid rgba(122, 107, 107, 0.6);
  font-family: lucida grande, tahoma, verdana, arial, sans-serif !important;
  font-size: 12px !important;
  font-size: 1.2rem !important;
  z-index: 9999 !important;
  text-align: left !important;
  margin-top: 1px;
  margin-top: 0.1rem; }

.sf_more {
  background: #F7F7F7;
  /*	border-top:1px solid #DDD;*/
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 12px;
  min-height: 1px;
  margin: 3px 0 0px;
  padding: 8px;
  line-height: 1.2rem;
  min-height: 0.1rem;
  margin: 0.3rem 0 0;
  padding: 0.8rem; }
  .sf_more .sf_text, .sf_more .sf_small {
    text-align: center !important; }
  .sf_more img {
    padding: 10px 0; }

#sf_val {
  z-index: 9999 !important;
  -height: 180px;
  -height: 18rem;
  -overflow-y: auto; }
  #sf_val ul {
    margin: 0 !important;
    list-style: none;
    padding: 0 !important; }
    #sf_val ul li {
      list-style: none;
      color: #000; }
      #sf_val ul li.sf_category a {
        margin: auto 5px;
        border-bottom: solid 1px #ccc;
        padding: 0.3rem 0; }
      #sf_val ul li.sf_selected {
        background-color: #6D84B4 !important;
        border-color: #3B5998 !important;
        color: white !important; }
      #sf_val ul li a {
        text-decoration: none !important;
        display: block; }
        #sf_val ul li a:hover {
          text-decoration: none !important; }
      #sf_val ul li.sf_selected a, #sf_val ul li.sf_selected span {
        color: white !important;
        text-decoration: none; }
      #sf_val ul li.sf_item {
        padding: 2px 5px 2px 5px;
        padding: 0.2rem 0.5rem 0.2rem 0.5rem;
        position: relative;
        line-height: 13px;
        line-height: 1.3rem;
        border-bottom: 1px solid #D5D5D5;
        float: left;
        width: 100%; }
        #sf_val ul li.sf_item a {
          display: block;
          float: left;
          width: 100%; }
      #sf_val ul li.sf_header {
        background: #eee;
        padding: 2px 15px 2px 6px;
        padding: 0.2rem 1.5rem 0.2rem 0.6rem;
        font-weight: bold;
        border-top: 1px solid #DDD;
        display: none; }
  #sf_val li.sf_item img {
    background-color: transparent;
    display: block;
    min-height: 44px;
    padding: 0px 6px;
    max-width: 100px;
    min-height: 4.4rem;
    padding: 0 0.6rem;
    max-width: 10rem; }
  #sf_val li .sf_text {
    padding-bottom: 2px;
    padding-bottom: 0.2rem;
    font-weight: bold;
    text-align: left;
    max-height: 26px;
    max-height: 2.6rem;
    overflow: hidden; }
  #sf_val li a small {
    opacity: 0.75; }
  #sf_val li a span {
    display: block; }
  #sf_val li .sf_small {
    color: #666;
    text-align: left;
    overflow-y: hidden;
    opacity: 0.75;
    font-size: 11px;
    line-height: 11px;
    max-height: 23px;
    font-size: 1.1rem;
    line-height: 1.1rem;
    max-height: 2.3rem; }
  #sf_val li.sf_more .sf_small {
    font-size: 9px;
    font-size: 0.9rem;
    text-align: center !important; }

.sf_search .sf_input {
  background: #fff !important;
  background: rgba(255, 255, 255, 0) !important;
  color: #D8D8D8 !important;
  font-style: italic;
  border: 0 none !important;
  padding: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  width: 90%;
  margin-left: 5px;
  margin-left: 0.5rem;
  height: 19px !important;
  height: 1.9rem !important; }
.sf_search .sf_focused {
  color: #81CED5 !important;
  font-style: normal !important; }
.sf_search .sf_input:focus {
  border: 0 none !important;
  outline: none; }

.searchsubmit:focus {
  border: 0 none !important;
  outline: none; }

.sf_hidden {
  display: none; }

.sf_search span.sf_block {
  display: block;
  position: relative;
  height: 27px;
  padding: 4px 0 2px;
  line-height: 23px;
  height: 2.7rem;
  padding: 0.4rem 0 0.2rem;
  line-height: 1.3rem; }
.sf_search .sf_button, .sf_search .searchsubmit {
  border: 0 none !important;
  cursor: pointer !important;
  display: block !important;
  position: absolute !important;
  height: 19px !important;
  right: 3px !important;
  top: 3px !important;
  width: 22px !important;
  margin: 1px 1px 1px 2px !important;
  font-size: 12px !important;
  height: 1.9rem !important;
  right: 0.3rem !important;
  top: 0.3rem !important;
  width: 2.2rem !important;
  margin: 0.1rem 0.1rem 0.1rem 0.2rem !important;
  font-size: 1.2rem !important;
  -webkit-box-shadow: 0 0 0 0 !important;
  -moz-box-shadow: 0 0 0 0 !important;
  box-shadow: 0 0 0 0 !important;
  background: transparent;
  color: #000;
  border: 0 none !important;
  border-left: solid 0.1em #191919 !important;
  padding: 0 0.3em 0 0.6em !important; }
.sf_search .screen-reader-text {
  display: none; }
.sf_search .searchsubmit {
  display: block !important;
  float: none !important; }

#sf_loading {
  background-image: url("img/sf_loading.gif") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  display: block !important;
  width: 100%;
  height: 30px !important;
  height: 3rem !important; }

/*******************
 * Listas
 * *****************/
.postlist h2.title,
.postlist em.title {
  color: #43A9EC !important;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  display: block;
  white-space: normal;
  text-decoration: none;
  margin-top: 0px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 20px;
  font-size: 14px;
  padding-left: 10px;
  margin-bottom: 0.5rem;
  line-height: 2rem;
  font-size: 1.4rem;
  padding-left: 1rem;
  font-style: initial; }

.min_list_item h2.title,
.min_list_item em.title {
  text-align: left;
  font-weight: normal;
  margin-top: 7px;
  font-size: 12px;
  line-height: 14px;
  margin-top: 0.7rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-style: initial; }

.popupcontent .postlist h2.title a,
.popupcontent .postlist em.title a {
  padding-top: 10px;
  padding-top: 1rem;
  font-weight: 300;
  text-shadow: none;
  display: block; }
.popupcontent .postlist h2.title span,
.popupcontent .postlist em.title span {
  color: #43A9EC !important; }

.postlist h2.title,
.postlist em.title {
  font-style: initial; }
  .postlist h2.title a,
  .postlist em.title a {
    text-decoration: none; }
  .postlist h2.title span,
  .postlist em.title span {
    color: #BDD8F1; }
.postlist .itemposter {
  height: auto;
  width: 100%;
  padding: 5px;
  max-width: 100px;
  padding: 0.5rem;
  max-width: 10rem; }

.min_list_item .itemposter, .list_item .itemposter {
  padding: 0px;
  background-color: rgba(158, 157, 157, 0.1);
  max-width: 250px;
  height: 0px;
  background-size: 100% 100%;
  padding-top: 150%; }

.postlist h5, .postlist p {
  color: #FFFFFF !important;
  text-indent: 0.1em;
  line-height: 1.2em;
  height: 2.4em;
  position: relative;
  overflow: hidden;
  text-align: left;
  white-space: normal;
  font-size: 0.7em;
  font-weight: 100;
  margin: 0.8em 0 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  left: 10px;
  left: 1rem; }
  .postlist h5:after, .postlist p:after {
    background: linear-gradient(to right, rgba(46, 46, 46, 0), #272727 50%) repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    height: 1.2em;
    position: absolute;
    right: 0;
    text-align: right;
    width: 40px;
    width: 4rem; }

.sortable-ghost .postlist h1:after {
  background: transparent;
  content: "";
  height: 0;
  width: 0px; }

.postlist .field {
  left: 10px;
  position: relative;
  display: block;
  height: 14px;
  margin-top: 5px;
  max-width: 85%;
  left: 1rem;
  height: 1.4rem;
  margin-top: 0.5rem; }

.post-type-tv_show .hide-tv_show, .post-type-episode .hide-episode, .post-type-movie .hide-movie, .post-type-post .hide-post {
  display: none; }

.post-type-tv_show .hide-not-movie, .post-type-tv_show .hide-not-episode, .post-type-tv_show .hide-not-post {
  display: none; }

.post-type-episode .hide-not-movie, .post-type-episode .hide-not-tv_show, .post-type-episode .hide-not-post {
  display: none; }

.post-type-post .hide-not-tv_show, .post-type-post .hide-not-episode, .post-type-post .hide-not-movie {
  display: none; }

.post-type-movie .hide-not-tv_show, .post-type-movie .hide-not-episode, .post-type-movie .hide-not-post {
  display: none; }

.tab-pane .postlist .field {
  max-width: 95%; }

.postlist .field :nth-child(n) {
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
  white-space: normal; }
.postlist .field :nth-child(odd) {
  color: #dbdbdb;
  left: 11px; }
.postlist .field :nth-child(even) {
  color: #bdd8f1;
  margin-left: 5px; }

#tabs .link a:link {
  color: #bdd8f1;
  margin-left: 5px; }

.postlist .boton {
  right: 0px;
  position: absolute;
  white-space: normal;
  font-size: 14px;
  font-size: 1.4rem; }
.postlist .number {
  /*	font-size: 14px;
  	font-weight: 700;
  	color: #6D6D6D;*/
  text-align: right;
  margin-left: 0px; }
.postlist .boton.vote {
  top: 30px; }

.ordenlist {
  background: url(img/pal3.png) no-repeat;
  width: 36px;
  height: 26px;
  border: solid 1px #777777;
  border-radius: 3px;
  border-radius: 0.25rem;
  margin-top: -8px;
  left: 6px;
  top: 8px;
  background-position: -140px 0px; }
  .ordenlist.alphabetical {
    background-position: -106px 0px; }
  .ordenlist.vote {
    background-position: -71px 0px; }
  .ordenlist.bookmarks {
    background-position: -36px 0px; }
  .ordenlist.favorites {
    background-position: 0px 0px; }

ul {
  list-style-type: none; }

.movie_list {
  padding: 20px; }

.list_item {
  margin: 7px;
  padding: 3px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 3px;
  position: relative; }

.min_list_item, .list_item {
  margin: 0px;
  padding: 0.3em;
  border-bottom: 1px solid #444;
  position: relative;
  display: table;
  width: 100%; }
  .min_list_item:last-child, .list_item:last-child {
    border-bottom: none; }

.min_list_item .fill, .list_item .fill {
  display: table-cell;
  float: none;
  vertical-align: top;
  padding: 0px;
  position: static; }

.backpercent {
  /*top: 0.3em;*/
  height: 100%;
  height: calc( 100% - 0.6em );
  /*background: rgba(221, 221, 221, 0.1);*/
  width: 39%;
  display: block;
  opacity: 0.8;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.4rem;
  background-color: #1e97f7;
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem; }

.textpercent {
  opacity: 0.8;
  position: absolute;
  right: 10px;
  font-size: 18px;
  line-height: 40px;
  top: 50%;
  color: rgba(0, 177, 255, 0.6);
  margin-top: -20px;
  text-shadow: -1px 1px #040404;
  z-index: 9; }

.textpercentb {
  right: 95px;
  top: auto;
  bottom: 0px;
  margin-top: 0px; }

.textnumber {
  opacity: 0.8;
  position: absolute;
  font-weight: 600  !important;
  color: #FFFFFF !important;
  text-shadow: -1px 1px 4px #040404;
  margin-top: 7px;
  left: 5px;
  font-size: 34px !important;
  line-height: 30px;
  margin-top: 0.7rem;
  left: 0.5rem;
  font-size: 3.4rem !important;
  line-height: 3rem; }

.min_list_item .number, .min_list_item .numbertext {
  font-weight: 300;
  color: #FFF;
  text-align: left;
  position: relative;
  float: left;
  font-size: 11px;
  margin-right: 2px;
  margin-left: 5px;
  font-size: 1.1rem;
  margin-right: 0.2rem;
  margin-left: 0.5rem; }

/*
.inverter {
  .min_list_item {
    .number, .numbertext {
      color: #000;
    }
  }

  .backpercent {
    background-color: #ddd;
  }
}
*/
.exceptedhide-vote, .exceptedhide-numbered {
  visibility: hidden; }

.exceptedhide-vote.typevote, .exceptedhide-numbered.typenumbered {
  visibility: visible; }

.nodisplay-vote.typevote, .nodisplay-numbered.typenumbered {
  display: none; }

.exceptednodisplay-vote.typenumbered, .exceptednodisplay-vote.typealphabetical {
  display: none; }

.postlist .row {
  padding-left: 5px;
  padding-right: 5px; }
.postlist .btn {
  background: #2b2b2b;
  border: solid 1px #777;
  margin: 3px 1px;
  padding: 1px 5px;
  margin: 0.3rem 0.1rem;
  padding: 0.1rem 0.5rem; }

.min_list_item .btn {
  margin-bottom: 2px;
  margin-bottom: 0.2rem; }

.vertical-center {
  align-items: center;
  display: flex; }

.list-widget {
  /*max-width: 400px;*/
  /*margin: auto;*/ }

@media (max-width: 595px) {
  .btn .miniglyph {
    border: none !important;
    padding-right: 0px !important;
    margin-right: 0px !important; } }
.btn-copy {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  top: 0px;
  right: 15px;
  position: absolute; }

.ord-handle {
  cursor: move;
  cursor: -webkit-grabbing;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' data-prefix='fas' data-icon='sort' class='svg-inline--fa fa-sort fa-w-10' viewBox='0 0 320 512'%3E%3Cpath fill='%23cacaca' d='M41 288h238a24 24 0 0117 41L177 448a23.9 23.9 0 01-33.9 0L24 329a24 24 0 0117-41zm255-105L177 64a23.9 23.9 0 00-33.9 0L24 183a24 24 0 0017 41h238a24 24 0 0017-41z' stroke='%23000' stroke-width='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 9px 11px;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 8px; }

/**
 * Torrents
 * */
.initial {
  display: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  padding: initial;
  margin: initial; }

.cube-icon {
  vertical-align: middle;
  color: #ffffff;
  border-radius: 0.15rem;
  background: #1376af;
  display: inline;
  top: 0;
  padding: 2px 3.5px;
  font-size: 13px;
  line-height: 19px;
  padding: 0.2em 0.35em;
  font-size: 1.3rem;
  line-height: 1.9rem; }

.collapse-icon {
  right: 0.8rem;
  position: absolute;
  top: 0.8rem;
  background: #a5a5a5; }

.torrent-table-title {
  text-align: left;
  color: #000;
  font-weight: 300;
  border-bottom: solid 1px #b1b1b1;
  background: #d0d0d0;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 8px 30px 8px 8px;
  padding: 0.8rem 4rem 0.8rem 0.8rem; }
  .torrent-table-title.hid > .up {
    display: none; }
  .torrent-table-title.hid > .down {
    display: block; }
  .torrent-table-title > .down {
    display: none; }
  .torrent-table-title > span {
    vertical-align: middle;
    margin-left: 0.8rem; }
  .torrent-table-title small {
    vertical-align: super;
    padding: 1px 5px;
    background: #ef011b;
    font-weight: 300;
    transform: rotate(40deg);
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    margin-left: -12px;
    box-shadow: 1px 1px 2px #000; }

.torrents-table {
  color: #000;
  text-align: center; }
  .torrents-table > tbody > tr > td {
    line-height: 24px;
    line-height: 2.4rem;
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
    max-width: 30rem;
    text-overflow: ellipsis; }
    .torrents-table > tbody > tr > td:first-child {
      text-align: left;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 24px;
      line-height: 2.4rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
  .torrents-table th {
    text-align: center; }
  .torrents-table .btn-info {
    margin-top: -3px; }

div.hr {
  width: 100%;
  border-top: solid 1px #1f1f1f;
  overflow: hidden; }

.t-file {
  font-size: 14px;
  font-size: 1.4rem; }

.t-size {
  float: right;
  color: #737171;
  font-size: 14px;
  font-size: 1.4rem; }

.torrents-table > tbody > tr > td.tdetails {
  padding: 0; }
  .torrents-table > tbody > tr > td.tdetails .btn {
    width: 100%;
    line-height: 26px;
    line-height: 2.6rem;
    background: seagreen;
    color: #fff;
    border-radius: 0; }

#torrents .table, #torrents .table-responsive {
  margin-bottom: 0 !important;
  background: #ececec; }
#torrents nav {
  background: #dedede;
  overflow: hidden;
  height: 42px;
  height: 4.2rem; }
#torrents .pagination {
  border: none;
  margin: 0;
  box-shadow: none !important;
  border-radius: 0; }
  #torrents .pagination > li:first-child > a, #torrents .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  #torrents .pagination > li > a, #torrents .pagination > li > span {
    text-shadow: none;
    border: none;
    color: #2a6a94;
    border-left: solid 1px #ccc;
    background: transparent;
    box-shadow: none;
    line-height: 30px;
    line-height: 3rem; }
    #torrents .pagination > li > a:hover, #torrents .pagination > li > span:hover {
      text-shadow: none;
      border: none;
      color: #2a6a94;
      border-left: solid 1px #ccc;
      background: transparent;
      box-shadow: none;
      line-height: 30px;
      line-height: 3rem; }
  #torrents .pagination > .disabled > span {
    text-shadow: none;
    border: none;
    color: #2a6a94;
    border-left: solid 1px #ccc;
    background: transparent;
    box-shadow: none;
    line-height: 30px;
    line-height: 3rem; }
    #torrents .pagination > .disabled > span:hover {
      text-shadow: none;
      border: none;
      color: #2a6a94;
      border-left: solid 1px #ccc;
      background: transparent;
      box-shadow: none;
      line-height: 30px;
      line-height: 3rem; }
  #torrents .pagination > .active > span {
    border-color: rgba(105, 114, 218, 0.87);
    background: #376196;
    color: #D6D6D6; }
    #torrents .pagination > .active > span:hover {
      border-color: rgba(105, 114, 218, 0.87);
      background: #376196;
      color: #D6D6D6; }

#torrent-links-container {
  position: relative; }
  #torrent-links-container.waiting::after {
    content: 'Loading...';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background: #6e71699e;
    line-height: 250px;
    font-size: 50px;
    line-height: 25rem;
    font-size: 5rem; }

.tl-opaque {
  opacity: 0.5; }

.tl-tmore {
  font-size: 12px;
  font-size: 1.2rem; }

.row-detail {
  padding: 10px;
  border-bottom: solid 1px #5d5d5d;
  overflow: hidden; }
  .row-detail strong, .row-detail h4 {
    color: #8b8b8b;
    padding-right: 10px; }
  .row-detail .tl-one-row-data {
    left: 0;
    display: block;
    float: right;
    width: 70%;
    width: calc(100% - 150px);
    width: calc(100% - 15rem); }
  .row-detail pre {
    white-space: pre-wrap;
    overflow: hidden; }

.tl-s-green {
  color: green; }

.tl-s-red {
  color: red; }

.btn-tl {
  margin-top: -11px;
  width: 44%;
  margin: 0 3% 20px; }
  .btn-tl span:first-child {
    float: left; }

.table-responsive .table > thead > tr > th:first-child {
  text-align: left; }

.table-responsive-tl table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /*  table-layout: fixed;*/ }
  .table-responsive-tl table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em; }
  .table-responsive-tl table tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em; }
  .table-responsive-tl table th, .table-responsive-tl table td {
    padding: .625em;
    text-align: center; }
  .table-responsive-tl table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase; }

@media screen and (max-width: 744px) {
  .table-responsive-tl table {
    border: 0;
    table-layout: fixed; }
    .table-responsive-tl table caption {
      font-size: 1.3em; }
    .table-responsive-tl table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    .table-responsive-tl table > tbody > tr {
      display: block;
      margin-bottom: .625em; }

  .torrents-table > tbody > tr > td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    max-width: 100%; }
    .torrents-table > tbody > tr > td:first-child {
      text-align: center;
      border-top: none;
      white-space: pre-line; }

  .table-responsive-tl table > tbody > tr > td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #1f1f1f; }
  .table-responsive-tl table > tbody > tr > td:first-child::before {
    content: ' '; }
  .table-responsive-tl table > tbody > tr > td:last-child {
    border-bottom: 0; } }
.initial {
  display: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  padding: initial;
  margin: initial; }

.cube-icon {
  vertical-align: middle;
  color: #ffffff;
  border-radius: 0.15rem;
  background: #1376af;
  display: inline;
  top: 0;
  padding: 2px 3.5px;
  font-size: 13px;
  line-height: 19px;
  padding: 0.2em 0.35em;
  font-size: 1.3rem;
  line-height: 1.9rem; }

.collapse-icon {
  right: 0.8rem;
  position: absolute;
  top: 0.8rem;
  background: #a5a5a5;
  background: rgba(41, 41, 41, 0.25);
  color: rgba(255, 255, 255, 0.6); }

.video-table-title {
  text-align: left;
  color: #000;
  font-weight: 300;
  border-bottom: solid 1px #b1b1b1;
  background: #d0d0d0;
  font-size: 16px;
  padding: 8px;
  font-size: 1.6rem;
  position: relative;
  padding: 8px 30px 8px 8px;
  padding: 0.8rem 4rem 0.8rem 0.8rem;
  /*
  	>.full-h{
  		vertical-align: middle;
  		color: #ffffff;
  		background: #1376af;
  		padding-top: 1rem;
  		position: absolute;
  		display: inline-block;
  		text-align: center;
  		top: 0;
  		left: 0;
  		height: 100%;
  		width: 3.5rem;
  		font-size: 1.3rem;
  		line-height: 1.59rem;
  	}
  */ }
  .video-table-title.hid > .up {
    display: none; }
  .video-table-title.hid > .down {
    display: block; }
  .video-table-title > .down {
    display: none; }
  .video-table-title > span {
    vertical-align: middle;
    margin-left: 0.8rem; }

.video-table-title small {
  vertical-align: super;
  background: #ef011b;
  font-weight: 300;
  transform: rotate(40deg);
  display: inline-block;
  box-shadow: 1px 1px 2px #000;
  margin-left: -12px;
  font-size: 12px;
  padding: 1px 5px;
  margin-left: -1.2rem;
  font-size: 1.2rem;
  padding: 0.1rem 0.5rem; }

.videos-table {
  color: #000;
  text-align: center; }

.videos-table > tbody > tr > td {
  white-space: nowrap;
  overflow: hidden;
  max-width: 300px;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: 24px;
  line-height: 2.4rem; }

/*
.videos-table>tbody>tr>td:first-child{
	text-align: left;
	font-size: small;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
*/
.videos-table th {
  text-align: center; }

.videos-table .btn-info {
  margin-top: -3px;
  margin-top: -0.3rem; }

div.hr {
  width: 100%;
  border-top: solid 1px #1f1f1f;
  overflow: hidden; }

.t-file {
  font-size: 14px;
  font-size: 1.4rem; }

.t-size {
  float: right;
  color: #737171;
  font-size: 14px;
  font-size: 1.4rem; }

.videos-table > tbody > tr > td.vdetails {
  padding: 0; }

.videos-table > tbody > tr > td.vdetails .btn {
  width: 100%;
  background: seagreen;
  color: #fff;
  border-radius: 0;
  line-height: 26px;
  line-height: 2.6rem; }

#videos .table, #videos .table-responsive {
  margin-bottom: 0 !important;
  background-color: #ececec;
  overflow: hidden; }

#videos nav {
  background: #dedede;
  overflow: hidden;
  height: 42px;
  height: 4.2rem; }

#videos .pagination {
  border: none;
  margin: 0;
  box-shadow: none !important;
  border-radius: 0; }

#videos .pagination > li:first-child > a, #videos .pagination > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

#videos .pagination > li > a, #videos .pagination > li > a:hover, #videos .pagination > li > span, #videos .pagination > li > span:hover, #videos .pagination > .disabled > span, #videos .pagination > .disabled > span:hover {
  text-shadow: none;
  border: none;
  color: #2a6a94;
  border-left: solid 1px #ccc;
  background: transparent;
  box-shadow: none;
  line-height: 30px;
  line-height: 3rem; }

#videos .pagination > .active > span, #videos .pagination > .active > span:hover {
  border-color: rgba(105, 114, 218, 0.87);
  background: #376196;
  color: #D6D6D6; }

#video-links-container {
  position: relative; }

#video-links-container.waiting::after {
  content: 'Loading...';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background: #6e71699e;
  font-size: 50px;
  line-height: 250px;
  font-size: 5rem;
  line-height: 25rem; }

.vl-opaque {
  opacity: 0.5; }

.vl-tmore {
  font-size: 12px;
  font-size: 1.2rem; }

.row-detail {
  border-bottom: solid 1px #5d5d5d;
  overflow: hidden;
  padding: 10px;
  padding: 1rem; }

.row-detail strong, .row-detail h4 {
  color: #8b8b8b;
  padding-right: 10px;
  padding-right: 1rem; }

.row-detail .vl-one-row-data {
  left: 0;
  display: block;
  float: right;
  width: 70%;
  width: calc(100% - 150px);
  width: calc(100% - 15rem); }

.row-detail pre {
  white-space: pre-wrap;
  overflow: hidden; }

.vl-s-green {
  color: green; }

.vl-s-red {
  color: red; }

.btn-vl {
  width: 44%;
  margin: -11px 3% 20px 0;
  margin: -1.1rem 3% 2rem 0; }

.btn-vl span:first-child {
  float: left; }

.source-img {
  max-height: 2.5em;
  border-radius: 5px;
  border-radius: 0.5rem; }

.source-img-nop {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem; }

.videos-table > tbody > tr > td.nopad {
  padding: 0; }

.videos-table > tbody > tr > td.vdetails {
  padding: 0; }

.videos-table > tbody > tr > td.vbtn .btn {
  width: 100%;
  background: seagreen;
  color: #fff;
  border-radius: 0;
  line-height: 26px;
  line-height: 2.6rem; }

.videos-table > tbody > tr > td.vbtn .btn .glyphicon,
.videos-table > tbody > tr > td.vbtn .btn img {
  float: left; }

.table-responsive-vl.simple-vl tbody > tr > td.vbtn .btn img {
  float: none; }

.videos-table > tbody > tr > td.vbtn .btn:last-child {
  border-right: none !important; }

.videos-table > tbody > tr > td.vbtn-2 .btn {
  width: 50%;
  border-right: solid 1px #ccc; }

.videos-table > tbody > tr > td.vbtn-3 .btn {
  width: 33.3333%;
  border-right: solid 1px #ccc; }

.videos-table > tbody > tr > td.vbtn-4 .btn {
  width: 25%;
  border-right: solid 1px #ccc; }

.videos-table > tbody > tr > td.vbtn-5 .btn {
  width: 20%;
  border-right: solid 1px #ccc; }

.table-responsive-vl table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /*  table-layout: fixed;*/ }

.table-responsive-vl table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em; }

.table-responsive-vl table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
  cursor: pointer; }

.table-responsive-vl table tbody tr:hover,
.table-responsive-vl table tr:focus-within {
  background: rgba(120, 135, 255, 0.8); }

.table-responsive-vl table tr.vl-playing {
  background: rgba(255, 192, 99, 0.8); }

.table-responsive-vl table tr.vl-visited {
  background: rgba(255, 192, 99, 0.15); }

.table-responsive-vl table th,
.table-responsive-vl table td {
  padding: .625em;
  text-align: center; }

.table-responsive-vl table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase; }

.videos-table > tbody > tr > td sup {
  color: red; }

.videos-table > tbody > tr > td:first-child {
  text-align: left;
  padding-left: 1.5rem; }

.videos-table > tbody > tr > td small {
  color: #a0a0a0;
  font-size: 70%; }

.table-responsive-vl.simple-vl {
  padding-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 1rem;
  padding-top: 1rem; }

.table-responsive-vl.simple-vl table .vl-opaque:not(.force-show) {
  display: none !important; }

.table-responsive-vl.simple-vl table > tbody > tr {
  cursor: pointer;
  position: relative;
  border-radius: 2px;
  border-radius: 0.2rem; }

.table-responsive-vl.simple-vl table > tbody > tr.vl-visited {
  opacity: 0.3; }

.table-responsive-vl.simple-vl .simple-vl-hide {
  display: none; }

.table-responsive-vl.simple-vl table > tbody > tr.vl-playing {
  border-color: #38a8dc; }

.table-responsive-vl.simple-vl table > tbody > tr.vl-playing .btn {
  opacity: 0.1;
  transform: scale(1.34) translateY(-20px);
  left: 42px !important;
  transform: scale(1.34) translateY(-2rem);
  left: 4.2rem !important; }

.table-responsive-vl.simple-vl table > tbody > tr .btn {
  transition: transform .2s, left .4s linear; }

.table-responsive-vl.simple-vl table > tbody > tr:hover {
  background-color: rgba(180, 180, 180, 0.59); }

.table-responsive-vl.simple-vl table > tbody > tr:hover td {
  border-color: rgba(180, 180, 180, 0.59) !important; }

.table-responsive-vl.simple-vl table > tbody > tr:hover .btn,
.table-responsive-vl.simple-vl table > tbody > tr .btn:focus {
  transform: scale(1.34) translateY(-20px);
  transform: scale(1.34) translateY(-2rem); }

.table-responsive-vl.simple-vl table > tbody > tr:hover > td:not(.vdetails) {
  opacity: 0.4; }

.simple-vl .videos-table > tbody > tr > td.first-no-nd {
  border-top: none; }

.table-responsive-vl.simple-vl table .vl-sm-back {
  position: absolute;
  opacity: 0.22;
  width: 100%;
  top: 50%;
  margin-top: -1.5em;
  left: 0;
  z-index: 0;
  border: none;
  transform: rotate(20deg);
  /*	margin-top: calc( -16px + -2% );
  	margin-top: calc( -1.6rem + -2% );*/ }

.table-responsive-vl.simple-vl table {
  border: 0;
  table-layout: fixed; }

.table-responsive-vl.simple-vl table caption {
  font-size: 1.3em; }

.table-responsive-vl.simple-vl table thead {
  border: none;
  clip: rect(0 0 0 0);
  overflow: hidden;
  padding: 0;
  position: absolute;
  height: 1px;
  margin: -1px;
  width: 1px;
  height: 0.1rem;
  margin: -0.1rem;
  width: 0.1rem; }

.simple-vl .videos-table > tbody > tr {
  border-color: transparent;
  display: block;
  font-size: .8em;
  text-align: right;
  max-width: 100%; }

.simple-vl .videos-table > tbody > tr > td {
  /*border-bottom: 1px solid #ddd;*/
  display: block;
  font-size: .8em;
  text-align: right;
  max-width: 100%; }

.simple-vl .videos-table > tbody > tr > td small {
  color: #545454;
  font-size: 85%;
  display: none;
  line-height: 0.8;
  position: absolute;
  right: 0.25em;
  bottom: 0.25em; }

.simple-vl .videos-table > tbody > tr:hover > td small {
  display: inline; }

.simple-vl .videos-table > tbody > tr > td:first-child {
  text-align: center;
  border-top: none; }

.table-responsive-vl.simple-vl table > tbody > tr > td::before {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  color: #5f5f5f; }

.table-responsive-vl.simple-vl table > tbody > tr > td:first-child::before {
  content: ' '; }

.table-responsive-vl.simple-vl table > tbody > tr > td {
  border-bottom: 0;
  border-top: none;
  /*1px solid #f1f1f1;*/ }

.table-responsive-vl.simple-vl table > tbody > tr > td a,
.simple-vl .videos-table > tbody > tr > td.vbtn .btn {
  float: right;
  position: absolute;
  background: seagreen;
  bottom: 0;
  left: 50%;
  color: #fff;
  text-align: center;
  z-index: 2;
  width: 50px;
  border-radius: 30px;
  height: 50px;
  margin-bottom: -15px;
  margin-left: -25px;
  line-height: 20px;
  font-size: 20px;
  padding: 12px 0 12px 1px;
  width: 5rem;
  border-radius: 3rem;
  height: 5rem;
  margin-bottom: -1.5rem;
  margin-left: -2.5rem;
  line-height: 2rem;
  font-size: 2rem;
  padding: 1.2rem 0 1.2rem 0.1rem; }

.simple-vl .videos-table > tbody > tr > td.vbtn .btn .glyphicon {
  line-height: inherit;
  padding-right: 0;
  border-right: none;
  margin-right: 0;
  text-align: center;
  float: none; }

.simple-vl .videos-table > tbody > tr > td.vdetails {
  border: none !important;
  margin: 0; }

.table-responsive-vl.simple-vl table > tbody > tr {
  display: inline-block;
  width: 30%;
  margin: 5px 1% 15px;
  margin: 0.5rem 1% 1.5rem;
  vertical-align: top; }

.table-responsive-vl.simple-vl table > tbody > tr.not-founds {
  width: 95%; }
  .table-responsive-vl.simple-vl table > tbody > tr.not-founds td {
    white-space: normal; }

@media (min-width: 1200px) {
  .table-responsive-vl.simple-vl table > tbody > tr {
    width: 23%;
    margin: 8px 1% 20px;
    margin: 0.5rem 1% 1.5rem; } }
@media screen and (max-width: 800px) {
  .table-responsive-vl.simple-vl table > tbody > tr {
    width: 46%;
    margin: 5px 2% 15px;
    margin: 0.5rem 2% 1.5rem; } }
@media screen and (max-width: 480px) {
  .table-responsive-vl.simple-vl table > tbody > tr {
    width: 96%;
    margin: 5px 2% 15px;
    margin: 0.5rem 2% 1.5rem; } }
@media screen and (max-width: 744px) {
  .table-responsive-vl table .vl-opaque:not(.force-show) {
    display: none !important; }

  .table-responsive-vl table > tbody > tr {
    position: relative; }

  .videos-table > tbody > tr > td.first-no-nd {
    border-top: none; }

  .table-responsive-vl table .vl-sm-back {
    position: absolute;
    opacity: 0.15;
    width: 100%;
    top: 50%;
    margin-top: -6%;
    z-index: 0;
    border: none;
    transform: rotate(-20deg);
    margin-top: calc( -16px + -2% );
    margin-top: calc( -1.6rem + -2% ); }

  .table-responsive-vl table {
    border: 0;
    table-layout: fixed; }

  .table-responsive-vl table caption {
    font-size: 1.3em; }

  .table-responsive-vl table thead {
    border: none;
    clip: rect(0 0 0 0);
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: 1px;
    margin: -1px;
    width: 1px;
    height: 0.1rem;
    margin: -0.1rem;
    width: 0.1rem; }

  .table-responsive-vl table > tbody > tr {
    /*border-bottom: 3px solid #ddd;*/
    display: block;
    margin-bottom: .625em; }

  .videos-table > tbody > tr > td {
    /*border-bottom: 1px solid #ddd;*/
    border: none;
    display: block;
    font-size: .8em;
    text-align: right;
    max-width: 100%; }

  .videos-table > tbody > tr > td:first-child {
    border-top: none;
    text-align: center !important;
    padding-left: 0 !important; }

  .table-responsive-vl table > tbody > tr > td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #1f1f1f; }

  .table-responsive-vl table > tbody > tr > td:first-child::before {
    content: ' '; }

  .table-responsive-vl table > tbody > tr > td:last-child {
    border-bottom: 0; } }
#video-links-container .vl-filters {
  display: none; }

#video-links-container.filtering .vl-filters {
  display: block;
  background: #b9b9b9; }

#video-links-container .vl-filters .btn {
  margin: 6px 3px;
  margin: 0.6rem 0.3rem; }

.source-img-option {
  max-height: 2.5em;
  height: 2.5em;
  background: #e3e3ff;
  border: solid 1px #929292;
  cursor: pointer;
  filter: grayscale(0.8) blur(1px);
  padding: 2px 4px;
  border-radius: 3px;
  margin: 6px 3px;
  padding: 0.2rem 0.4rem;
  border-radius: 0.3rem;
  margin: 0.6rem 0.3rem; }

.source-img-option.selected {
  background: #fdfdfd;
  border-color: #4731dc;
  /*box-shadow: 1px -1px 0px rgba(4, 4, 4, 0.5), -1px -1px 0px rgba(195, 195, 195, 0.5);*/
  filter: none;
  margin: 4px 3px;
  border-width: 2px;
  margin: 0.4rem 0.3rem;
  border-width: 0.2rem; }

.vl-iframe-loading {
  background: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 100% 100%\"><text fill=\"%2321566e\" x=\"50%\" y=\"50%\" font-family=\"'Lucida Grande', sans-serif\" font-size=\"24\" text-anchor=\"middle\">Loading...</text></svg>") 0px 0px no-repeat; }

.vl-iframe-loading {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -50%25 36 300' width='300px' height='36px' fill='white'%3E%3Crect x='-18' y='-18' width='36' height='36' transform='translate(18 18) scale(0.812201 0.812201)' style='fill:rgba(23,23,23,0.7);stroke-width:3;stroke:rgba(200,200,200,0.4)'%3E%3CanimateTransform attributeName='transform' type='scale' additive='sum' from='.3 .3' to='1 1' begin='0.2s' dur='0.5s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/rect%3E%3Crect x='-18' y='-18' width='36' height='36' transform='translate(56 18) scale(0.742201 0.742201)' style='fill:rgba(23,23,23,0.7);stroke-width:3;stroke:rgba(200,200,200,0.4)'%3E%3CanimateTransform attributeName='transform' type='scale' additive='sum' from='.3 .3' to='1 1' begin='0.25s' dur='0.5s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/rect%3E%3Crect x='-18' y='-18' width='36' height='36' transform='translate(93 18) scale(0.672201 0.672201)' style='fill:rgba(23,23,23,0.7);stroke-width:3;stroke:rgba(200,200,200,0.4)'%3E%3CanimateTransform attributeName='transform' type='scale' additive='sum' from='.3 .3' to='1 1' begin='0.3s' dur='0.5s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/rect%3E%3Crect x='-18' y='-18' width='36' height='36' transform='translate(131 18) scale(0.602201 0.602201)' style='fill:rgba(23,23,23,0.7);stroke-width:3;stroke:rgba(200,200,200,0.4)'%3E%3CanimateTransform attributeName='transform' type='scale' additive='sum' from='.3 .3' to='1 1' begin='0.35s' dur='0.5s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/rect%3E%3Crect x='-18' y='-18' width='36' height='36' transform='translate(168 18) scale(0.532201 0.532201)' style='fill:rgba(23,23,23,0.7);stroke-width:3;stroke:rgba(200,200,200,0.4)'%3E%3CanimateTransform attributeName='transform' type='scale' additive='sum' from='.3 .3' to='1 1' begin='0.4s' dur='0.5s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/rect%3E%3Crect x='-18' y='-18' width='36' height='36' transform='translate(206 18) scale(0.462201 0.462201)' style='fill:rgba(23,23,23,0.7);stroke-width:3;stroke:rgba(200,200,200,0.4)'%3E%3CanimateTransform attributeName='transform' type='scale' additive='sum' from='.3 .3' to='1 1' begin='0.45s' dur='0.5s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/rect%3E%3Crect x='-18' y='-18' width='36' height='36' transform='translate(243 18) scale(0.392201 0.392201)' style='fill:rgba(23,23,23,0.7);stroke-width:3;stroke:rgba(200,200,200,0.4)'%3E%3CanimateTransform attributeName='transform' type='scale' additive='sum' from='.3 .3' to='1 1' begin='0.5s' dur='0.5s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/rect%3E%3Crect x='-18' y='-18' width='36' height='36' transform='translate(281 18) scale(0.322201 0.322201)' style='fill:rgba(23,23,23,0.7);stroke-width:3;stroke:rgba(200,200,200,0.4)'%3E%3CanimateTransform attributeName='transform' type='scale' additive='sum' from='.3 .3' to='1 1' begin='0.55s' dur='0.5s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/rect%3E%3C/svg%3E") 0px 0px no-repeat;
  background-position: center; }

#iframeajax {
  text-align: center; }

#iframeajax iframe,
#box iframe {
  background-color: #bfbfbf; }

#box .captcha_container iframe {
  background: transparent; }

.video-table-title > a {
  float: right;
  background: #fff;
  background-color: white;
  color: #000;
  border: solid 1px #444343;
  border-radius: 3px;
  margin: 0 5px;
  padding: 3px 6px;
  line-height: 18px;
  border-radius: 0.3rem;
  margin: 0 0.5rem;
  padding: 0.3rem 0.6rem;
  line-height: 1.8rem;
  margin: 5px auto;
  margin: -0.5rem auto; }

.video-table-title > a > span {
  float: left; }

.video-table-title > a > i {
  line-height: 2.05;
  margin-left: 0.5em;
  font-size: 12px;
  font-size: 1.2rem;
  float: left;
  display: inline-block; }

.video-table-title > a.red {
  color: #bb2d2d; }

.video-table-title .btn-group {
  float: right;
  margin: 5.5px auto;
  margin: -0.55rem auto; }

.video-table-title .dropdown-menu > li > a {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529 !important;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  margin: 0 !important;
  border-radius: 0 !important; }

.video-table-title .dropdown-menu > li > a.btn-success {
  background-color: rgba(120, 135, 255, 0.2); }

.video-table-title .btn .caret {
  margin-left: 0.4em; }

#tab-season-content {
  position: relative; }

#tab-season-content.waiting::after {
  content: 'Loading...';
  font-size: 50px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #6e71699e;
  line-height: 250px; }

#tvshow-episodes {
  background: transparent;
  text-align: center; }

#season_episodes .active {
  font-weight: 700; }

#tvshow-episodes .seasons_header {
  margin: 0;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-right: 1px solid #a3a3a3;
  border: 1px solid #d4d4d4;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top-color: rgba(0, 0, 0, 0.08);
  overflow: hidden;
  line-height: 2.62857143;
  position: relative;
  display: block;
  font-size: 14px;
  padding: 10px 15px;
  font-size: 1.4rem;
  padding: 0.25rem 1rem;
  background: #222;
  color: #fff; }

#season_episodes {
  padding: 0;
  margin-bottom: 0;
  background: #d4d4d4;
  display: block;
  overflow: hidden; }

#season_episodes > li {
  white-space: nowrap;
  padding: 0;
  float: left;
  width: 11.111111111%; }

#season_episodes.tabs-1 > li {
  width: 100%; }

#season_episodes.tabs-2 > li {
  width: 50%; }

#season_episodes.tabs-3 > li {
  width: 33.333333%; }

#season_episodes.tabs-4 > li {
  width: 25%; }

#season_episodes.tabs-5 > li {
  width: 20%; }

#season_episodes.tabs-6 > li,
#season_episodes.tabs-11 > li,
#season_episodes.tabs-12 > li {
  width: 16.66666666%; }

#season_episodes.tabs-7 > li,
#season_episodes.tabs-13 > li,
#season_episodes.tabs-14 > li,
#season_episodes.tabs-19 > li,
#season_episodes.tabs-20 > li {
  width: 14.2857142857%; }

#season_episodes.tabs-8 > li,
#season_episodes.tabs-15 > li,
#season_episodes.tabs-16 > li {
  width: 12.5%; }

#season_episodes.tabs-9 > li,
#season_episodes.tabs-17 > li,
#season_episodes.tabs-18 > li {
  width: 11.111111111%; }

#season_episodes.tabs-10 > li {
  width: 20%; }

#season_episodes > li > a:hover, #season_episodes > li > a:focus {
  text-decoration: none;
  color: #86c7e4;
  background: #1b82a8;
  border-top-color: rgba(0, 0, 0, 0.08);
  box-shadow: none;
  color: #000; }

#season_episodes > li.active > a,
#season_episodes > li.active > a:hover,
#season_episodes > li.active > a:focus {
  border-left: solid 1px #FFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  transition: .1s;
  border-right: 0 !important;
  font-weight: 700;
  background: #eaeaea;
  box-shadow: 0 1px 0 #ffffff inset;
  color: #707070; }

#season_episodes > li > a {
  margin: 0;
  border-radius: 0;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-right: 1px solid #a3a3a3;
  border: 1px solid #d4d4d4;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top-color: rgba(0, 0, 0, 0.08);
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.42857143;
  position: relative;
  display: block;
  font-weight: 300;
  font-size: 14px;
  padding: 10px 15px;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  color: #FFF;
  background: #3f3f3f;
  box-shadow: 0 1px 0 #616060 inset; }

@media only screen and (max-width: 450px) {
  #season_episodes > li > a {
    padding: 10px 2px; } }
#tab-season-content {
  background: #e3e3e3; }

.ep-seasoned > div {
  border-bottom: solid 1px #000;
  color: #000;
  font-weight: 300;
  display: block;
  overflow: hidden; }

.ep-seasoned > div > .ep-img > img {
  max-height: 50vh;
  max-width: 85%;
  max-width: calc(100% - 30px);
  margin: 15px auto;
  margin: 1.5rem auto;
  border: 4px solid #374141;
  border-radius: 3px; }

.ep-seasoned .ep-info {
  text-align: left;
  padding: 1px 30px 15px;
  padding: 0.1rem 3rem 1.5rem; }

.ep-seasoned .ep-info small {
  color: #787878; }

.ep-seasoned .ep-info p {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0; }

.ep-label b {
  position: relative; }

.ep_unfuture,
.unfuture .ep_future {
  display: none !important; }

.unfuture .ep_unfuture {
  display: block !important; }

#tab-season-content .btn {
  display: block;
  position: absolute;
  right: 2rem;
  top: 1rem;
  background: #fff;
  border: solid 1px #444343;
  border-radius: 3px;
  margin: 0 5px;
  padding: 3px 6px;
  line-height: 18px;
  padding: 0.3rem 0.6rem;
  line-height: 1.8rem;
  background-color: white;
  color: #000; }

/*.ep-label {
	position: absolute;
	top: 17%;
	padding: 2px 7px 1px 4px;
	background: rgba(16, 124, 166, 0.68);
	font-size: 14px;
	font-weight: 700;
	color: white;
	box-shadow: black 1px 1px 2px 0px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-left: -1px;
	border: solid 1px #5ca4bf;
}
.ep-label::before {
	position: absolute;
	background: #31697d;
	height: 100%;
	height: calc( 100% + 3px );
	left: -3px;
	top: 0px;
	width: 3px;
	border-top: solid 1px #5ca4bf;
	border-right: solid 1.5px rgb(75, 166, 201);
	border-bottom: solid 1.5px #1e4a5a;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 2px;
	content: '';
}
.ep-label {
    position: absolute;
    top: 17%;
    padding: 2px 7px 1px 4px;
    background: rgba(16, 124, 166, 0.68);
    font-size: 14px;
    font-weight: 700;
    color: white;
    box-shadow: black 1px 1px 2px 0px;
    margin-left: -8px;
    border-radius: 3px;
    border: solid 1px #5ca4bf;
}
.ep-label::before {
    position: absolute;
    background: #549dba;
    height: 100%;
    height: calc( 100% + 3px );
    left: -1px;
    top: 0px;
    width: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 2px;
    content: '';
}*/
.ep-seasoned .ep-img {
  display: block; }

.ep-label {
  position: absolute;
  bottom: 8px;
  bottom: 0.8rem;
  left: 50%;
  width: 80px;
  width: 8rem;
  margin-left: -40px;
  margin-left: -4rem;
  padding: 2px 3px 1px 3px;
  padding: 0.2rem 0.3rem 0.1rem 0.3rem;
  background: rgba(16, 124, 166, 0.68);
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  color: white;
  box-shadow: black 1px 1px 2px 0px;
  border-radius: 3px;
  border: solid 1px #5ca4bf; }

.eps-view-mode {
  float: right;
  margin: 0.36rem 0.5rem;
  background: #616161;
  border-radius: 0.25rem;
  display: inline-block;
  border: 0.1rem solid #4a4a4a;
  border-bottom: 0.1rem solid #b4b4b4;
  border-right: 0.1rem solid #939393;
  cursor: auto;
  pointer-events: auto;
  outline: none; }
  .eps-view-mode.mode-list {
    background: #165f91;
    border: 0.1rem solid #0f3a5b;
    cursor: not-allowed;
    pointer-events: none; }

.eps-view-mode:focus,
.eps-view-mode:hover {
  background: #158cdc !important;
  border-color: #49b8ff !important; }

.grided .eps-view-mode.mode-grid {
  background: #165f91;
  border: 0.1rem solid #0f3a5b;
  cursor: not-allowed;
  pointer-events: none; }

.grided .eps-view-mode.mode-list {
  background: #616161;
  border: 0.1rem solid #4a4a4a;
  border-bottom: 0.1rem solid #b4b4b4;
  border-right: 0.1rem solid #939393;
  cursor: auto;
  pointer-events: auto; }

.grided .ep-seasoned {
  vertical-align: text-top; }
  .grided .ep-seasoned > div {
    display: inline-block;
    display: inline-grid;
    width: 100%;
    top: 0;
    border-bottom: none; }
    .grided .ep-seasoned > div .ep-img {
      width: 100%; }
    .grided .ep-seasoned > div .ep-info {
      width: 100%;
      height: 56px;
      height: 5.6rem;
      text-align: center; }
      .grided .ep-seasoned > div .ep-info p {
        display: none; }
      .grided .ep-seasoned > div .ep-info h4 {
        max-height: 31px;
        max-height: 3.1rem;
        line-height: 1.55rem;
        overflow: hidden;
        font-size: 1.3rem;
        margin: 0 auto; }
      .grided .ep-seasoned > div .ep-info small {
        /*position: absolute;
        right: 1rem;
        bottom: 0.2rem;*/ }
  @media (min-width: 450px) {
    .grided .ep-seasoned > div {
      width: 50%; } }
  @media (min-width: 580px) {
    .grided .ep-seasoned > div {
      width: 33%; } }
  @media (min-width: 786px) {
    .grided .ep-seasoned > div {
      width: 25%; } }
  @media (min-width: 1600px) {
    .grided .ep-seasoned > div {
      width: 20%; } }
  @media (min-width: 1920px) {
    .grided .ep-seasoned > div {
      width: 16.66%; } }
  @media (min-width: 2560px) {
    .grided .ep-seasoned > div {
      width: 12.5%; } }

textarea:focus, input:focus {
  outline: none; }

body {
  background: #0a0a0a;
  background: linear-gradient(0deg, black 0%, #0a0a0a 30%, #0a0a0a 70%, black 100%) fixed;
  margin: 0;
  font-family: "Lucida Grande",Arial,sans-serif;
  background-attachment: fixed;
  height: 100%;
  color: #d3d3d3;
  font-size: 14px;
  font-size: 1.4rem; }

body.back-full {
  padding-top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll; }

@media (min-width: 1600px) {
  html {
    font-size: 11.5px; } }
@media (min-width: 1920px) {
  html {
    font-size: 13px; } }
@media (min-width: 2560px) {
  html {
    font-size: 16.45px; } }
figure {
  margin: 0 auto; }

a:link {
  color: #1f76b1; }

a:hover .no-deco, a:focus .no-deco {
  text-decoration: none;
  display: inline-block; }

/*a:focus {
	outline: 0;
	opacity: 0.7;
}*/
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  background-color: #727272; }

::-webkit-scrollbar-thumb {
  min-height: 9px;
  min-width: 9px;
  background-color: #dbdbdb;
  box-shadow: inset 1px 1px 0 rgba(190, 190, 190, 0.1), inset 0 -1px 0 rgba(170, 170, 170, 0.07); }
  ::-webkit-scrollbar-thumb:hover {
    min-height: 9px;
    min-width: 9px;
    background-color: white;
    box-shadow: inset 1px 1px 0 rgba(190, 190, 190, 0.1), inset 0 -1px 0 rgba(170, 170, 170, 0.07); }

.yifybs-content {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-bottom: 1.5rem; }

.yifybs-main {
  position: relative; }

.yifybs-content legend {
  color: #807f7f; }
.yifybs-content input, .yifybs-content select {
  color: #656464; }

.initial {
  display: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  padding: initial;
  margin: initial; }

.archive-container {
  background: #292929;
  position: relative; }
  .archive-container #title_archive {
    margin-left: 15px;
    margin-left: 1.5rem; }
  .archive-container .list_title {
    margin: 0; }
  .archive-container.simple-content #seccion_main {
    background: transparent;
    padding-bottom: 10px; }

.yifybs-footer {
  background: #292929;
  margin-top: 15px;
  border-radius: 3px;
  border-radius: 0.25rem;
  padding: 8px;
  margin-bottom: 10px;
  border: solid 1px #383737; }
  .yifybs-footer h5, .yifybs-footer a h6 {
    text-shadow: 0 1px 0 #000;
    color: #4196d0; }

.mv5 {
  margin-top: 5px;
  margin-bottom: 5px; }

#seccion_top_home {
  display: block; }

#seccion_der_home {
  display: block;
  height: 100%;
  right: 0px;
  background: transparent;
  position: relative;
  padding-top: 0px;
  overflow-y: visible; }

#seccion_der_single {
  display: block;
  height: 100%;
  right: 0px;
  background: transparent;
  position: relative;
  padding-top: 0px;
  overflow-y: visible;
  color: #4a4a4a; }

#seccion_izq_home {
  display: block;
  padding-bottom: 0px;
  height: 100%;
  left: 0px;
  background: transparent;
  position: relative; }

#seccion_izq_single {
  display: block;
  padding-bottom: 0px;
  height: 100%;
  left: 0px;
  background: transparent;
  position: relative;
  padding-right: 15px;
  padding-top: 20px;
  color: #4a4a4a; }

.sidebar-container {
  display: block;
  min-height: 100%;
  border-radius: 3px;
  border-radius: 0.25rem; }

.copyright {
  line-height: 50px; }

@media (max-width: 595px) {
  .sidebar-container {
    border-radius: 3px;
    border-radius: 0.25rem; }

  .yifybs-container {
    overflow-x: hidden; } }
#contentrea_cube figure:hover {
  box-shadow: 0 0 0px 2px #008eff;
  z-index: 2; }

#contentrea_cub figure:hover img.poster {
  box-shadow: none; }

#contentrea_cube img.poster {
  background: center center #333 no-repeat;
  box-shadow: 0px 0px 5px #000;
  display: block; }

#contentrea_cube figure {
  background-color: rgba(95, 95, 95, 0.6); }

.button_ac {
  border-color: #656565;
  border-radius: 3px;
  border-radius: 0.25rem;
  color: white !important;
  background-color: #383838;
  text-align: center;
  padding: 3px 12px;
  padding: 0.3rem 1.2rem; }

.soe22 {
  display: none; }

#contentrea_cube .watchnow {
  padding: 3px 5px; }

.watchnow-mini {
  font-size: 0.8em;
  bottom: 30px;
  bottom: 3rem;
  width: 98%;
  margin-left: 1%;
  font-size: 11px;
  font-size: 1.1rem; }

.btn {
  border-radius: 3px;
  border-radius: 0.25rem; }
  .btn .glyphicon {
    line-height: 1.42857143;
    padding-right: 6px;
    padding-right: 0.6rem;
    border-right: solid 1px #fff;
    margin-right: 4px;
    margin-right: 0.4rem; }
  .btn .glyphiconmin {
    line-height: 1.42857143;
    padding-right: 0px;
    border-right: none;
    margin-right: 0px; }

.btn-info {
  border: 1px solid #1b82a8;
  background: #1b82a8;
  color: #fff; }
  .btn-info:hover {
    border-color: #1b82a8;
    background: #21566e;
    color: #ffffff; }
  .btn-info:active {
    border-color: #224d69;
    background: #224d69; }

/************************
 * Modals/dialogs
 * **********************/
/***********************
 *  Fix modal cause shift
 * *********************/
body.modal-open {
  overflow-y: auto !important;
  padding-right: 0 !important; }

.modal-scrollbar-measure {
  overflow: hidden; }

.modal {
  color: black; }

.trigth {
  text-align: right; }

button.close {
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  font-family: serif;
  font-weight: 100; }
  button.close:hover, button.close:focus {
    opacity: 1;
    color: #fff; }

.modal-header {
  font-size: 2rem;
  border-bottom: solid 1px #2b2b2b; }

.modal-footer {
  border-top: solid 1px #2b2b2b; }

.ps0 {
  padding-left: 0px;
  padding-right: 0px; }

.p5 {
  padding: 5px;
  padding: 0.5rem; }

.m5 {
  margin: 5px;
  margin: 0.5rem; }

.p10 {
  padding: 10px;
  padding: 1rem; }

#captcha {
  height: 130px; }

.modal-title {
  word-break: break-word; }

.modal-content {
  background: none repeat scroll 0 0;
  background: #080808;
  border: 1px solid #131212;
  box-shadow: 0px 0px 20px black;
  color: #fff;
  border-radius: 3px;
  border-radius: 0.25rem; }

.popupcontent legend {
  display: none; }

/********************
 * Single *
 * ***********************/
.sim_name_film {
  background: #232b2b;
  font-weight: bold;
  padding: 10px 5px;
  font-size: 13px;
  padding: 1rem 0.5rem;
  font-size: 1.3rem; }
  .sim_name_film h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    margin-top: 0.5rem;
    -webkit-margin-before: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0px;
    font-weight: bold;
    color: white; }
  .sim_name_film .rating {
    float: right;
    padding-left: 0px;
    padding-right: 7px; }

@media (min-width: 595px) and (max-width: 600px) {
  .sim_name_film .rating {
    padding-right: 0px; } }
.sim_avatar_film {
  text-align: center;
  padding-left: 1.5%;
  padding-right: 0.5%; }
  .sim_avatar_film .poster {
    max-height: 300px;
    max-width: 200px;
    max-height: 30rem;
    max-width: 20rem;
    width: 100%;
    background: #D1D1D1;
    /*float: left;*/
    margin: auto;
    margin-top: 14px;
    /*margin-left: 35px;*/
    /*right: 15px;*/
    border: 4px solid #374141;
    border: 0.4rem solid #374141;
    background-size: 100% 100%;
    border-radius: 3px;
    border-radius: 0.25rem;
    /*position: relative;*/
    margin-bottom: 5px;
    margin-bottom: 0.5rem; }
    @media (min-width: 596px) {
      .sim_avatar_film .poster {
        margin-top: -50px;
        margin-top: -5rem; } }
    @media (min-width: 992px) {
      .sim_avatar_film .poster {
        margin-top: -70px;
        margin-top: -7rem; } }
  .sim_avatar_film .btn {
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    margin-bottom: 1rem;
    font-size: 1.3rem; }
  .sim_avatar_film > a {
    position: relative;
    text-decoration: none; }
    .sim_avatar_film > a:hover .play-poster {
      background: #1a88f3; }
    .sim_avatar_film > a:hover .poster {
      border-color: #1a88f3; }
  .sim_avatar_film .play-poster {
    border-radius: 3px;
    border-radius: 0.25rem;
    max-width: 20rem;
    margin: auto;
    position: relative;
    color: rgba(245, 245, 245, 0.54);
    left: 0;
    width: 100%;
    bottom: 0;
    pointer-events: none;
    padding: 0.4em 0 0.6em;
    background: #374141;
    font-size: 14px;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 1.4rem;
    margin-top: -1rem;
    margin-bottom: 1rem; }
    .sim_avatar_film .play-poster .glyphicon {
      vertical-align: middle;
      display: inline-block;
      line-height: 2.6rem;
      padding-right: 3px;
      padding-right: 0.3rem;
      /* border-right: solid 1px #fff; */
      margin-right: 3px;
      margin-right: 0.3rem;
      font-size: 18px;
      font-size: 2rem; }
    .sim_avatar_film .play-poster b {
      line-height: 2.6rem;
      vertical-align: middle;
      font-weight: 300;
      position: relative;
      top: 1px; }

.moviedata {
  font-size: 13px;
  font-size: 1.3rem;
  color: white;
  background: #191919;
  border-bottom: solid 1px #626262; }

.d-field {
  background: #263030;
  padding: 0 0.5em 0 0.5em;
  border-radius: 0.2em;
  margin-bottom: 0.28em;
  overflow: hidden;
  /* border: solid 1px #ebebeb; */
  color: #f1f2f2;
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  position: relative; }
  .d-field > strong {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.1em 0.5em 0 0.5em;
    display: inline-block;
    vertical-align: bottom;
    background: #3d596a;
    margin-left: -0.5em;
    border-radius: 0.15em;
    line-height: 1.8;
    min-width: 6.3em;
    text-align: right; }
  .d-field > span, .d-field > .span {
    vertical-align: bottom;
    display: inline;
    margin-left: 0.3em;
    line-height: 1.8;
    color: #e7e7e7; }
  .d-field > span a,
  .d-field > .span a {
    color: #a7c7ff; }
  .d-field > strong.desc,
  .d-field > span.desc,
  .d-field > .span.desc {
    line-height: 1.4; }
  .d-field.full-height > strong {
    height: 100%;
    position: absolute;
    padding-top: 0; }
  .d-field.full-height > span, .d-field.full-height > .span {
    width: 100%;
    display: block;
    padding-left: 6.45em;
    margin-bottom: 0; }
  .d-field.full-height.e-ratings > strong {
    padding-top: 0.4em; }
  .d-field.full-height .d-field #ratings-div {
    margin-bottom: 0.25em;
    margin-top: 0.2em; }
  .d-field > strong.desc {
    display: block;
    margin-right: -0.5em;
    text-align: left;
    padding-top: 0.3em; }
  .d-field > span.desc, .d-field > .span.desc {
    padding: 0.5em 0 0 0 !important;
    display: block; }
  .d-field #ratings-div {
    margin-bottom: 0.5em;
    display: block; }
    .d-field #ratings-div .imdbRatingPlugin span.ofTen {
      color: #999; }
    .d-field #ratings-div strong, .d-field #ratings-div .imdbRatingPlugin {
      color: #fff !important; }

.sheet-main-data {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0.3em;
  background: #191f1f;
  color: #fff;
  border-top: solid 1px #0e0e0e;
  border-bottom: solid 1px #004eff;
  overflow: hidden; }
  .sheet-main-data > div a {
    color: #fff; }
  .sheet-main-data > div > div {
    padding: 0.3em 1em;
    display: inline;
    display: inline-block;
    /*border-right: solid 1px #060606;*/
    vertical-align: middle;
    line-height: 1.6; }
  .sheet-main-data > div i {
    margin-right: 0.2em;
    vertical-align: middle;
    top: 0;
    line-height: 1.6;
    color: #717171; }
  .sheet-main-data > div > div span {
    display: inline-block;
    vertical-align: middle; }

.sheet-left {
  margin-top: 0.5em;
  padding-left: 10px;
  padding-right: 10px; }
  .sheet-left #ratings-div {
    max-width: 450px; }
    .sheet-left #ratings-div > div {
      display: inline-block;
      padding: 0.2em;
      min-width: 32%;
      margin: 0;
      text-align: center; }
      .sheet-left #ratings-div > div .rating-icon {
        height: 1.847em; }
      .sheet-left #ratings-div > div .imdb-icon, .sheet-left #ratings-div > div .rating-icon {
        float: none;
        vertical-align: middle;
        width: 2em; }
        .sheet-left #ratings-div > div .imdb-icon:before, .sheet-left #ratings-div > div .rating-icon:before {
          left: 0; }
      .sheet-left #ratings-div > div strong, .sheet-left #ratings-div > div span {
        line-height: 1.847em;
        display: inline-block;
        vertical-align: middle; }
      .sheet-left #ratings-div > div .rating {
        display: none; }
      .sheet-left #ratings-div > div .rating:last-child {
        display: block; }
      .sheet-left #ratings-div > div .ofTen {
        vertical-align: baseline;
        font-size: 1rem; }

.sheet-right {
  margin-top: 0.5em;
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 595px) {
  .sheet-main-data {
    text-align: center; }

  .moviedata .title {
    display: inline-block !important;
    margin-right: 0.2em; }

  .moviedata .info2 {
    display: inline; } }
@media (max-width: 991px) {
  .sheet-main-data > div > div:last-child {
    display: block; } }
@media (min-width: 992px) {
  .sheet-main-data > div {
    white-space: nowrap;
    overflow: hidden; } }
.single-buttons {
  text-align: center;
  margin-bottom: 0.3em; }

.single-buttons .btn {
  margin: 0.5em 0 0; }

/*.moviedata span{
	font-size: 12px;
}
.leftdat{
	padding: 10px 10px 10px 5px;
}
.rightdat {
	padding-right: 0px;
	border-left: 1px solid #CACACA;
	padding-left: 0px;
	margin-left: -1px;
	min-height: 195px;
}*/
.internalsbuttons img {
  height: 30px;
  width: 30px; }

.sino_neg {
  background-image: linear-gradient(top, #f1f0f1, #e4e4e4);
  position: relative;
  height: 28px;
  border-bottom: 1px solid #BDBDBD;
  line-height: 28px;
  text-shadow: 1px 1px 1px white;
  font-weight: bold;
  color: black;
  font-size: 13px; }

#sin_sinops h2 {
  font-size: inherit;
  font-weight: bold;
  padding: 0px;
  margin: 0;
  display: inline; }
#sin_sinops p {
  display: inline; }

#shareButs {
  padding: 1px 1px 1px 5px;
  padding: 0.1rem 0.1rem 0.1rem 0.5rem;
  display: block;
  float: left; }
  #shareButs > b {
    float: left; }

#modejw {
  display: block;
  z-index: 2;
  background: #222;
  color: #ccc;
  height: 45px;
  line-height: 21px;
  font-size: 18px;
  width: auto;
  padding: 12px; }

#otherb iframe {
  vertical-align: middle; }

#topplayer {
  padding-top: 2px;
  color: #ffffff;
  border-top: 1px solid #5c5f5f;
  background: #232b2b; }

a.btn:link {
  color: white; }

#page_effect {
  background: black; }

iframe.trailer {
  width: 100%;
  min-height: 270px;
  min-height: 27rem; }

.videoPlayer {
  background-color: #000;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  height: 360px;
  font-size: 1.6rem;
  height: 36rem; }

#upmsg {
  z-index: 1;
  background: #222;
  color: #ccc;
  height: auto;
  display: none; }
  #upmsg a {
    float: right;
    margin-right: 10px;
    text-decoration: none;
    color: #fff; }

.btn-download {
  position: absolute;
  display: block;
  visibility: visible;
  z-index: 9;
  opacity: 1;
  left: 50%;
  bottom: 1em;
  width: 15em;
  margin-left: -7.5em;
  opacity: 0.8; }

.btn-download span:first-child {
  float: left; }

.publi > div, .publi2 > div, .publi > iframe, .publi2 > iframe {
  margin: 10px;
  margin: 1rem; }

.singlecontent .publi2 {
  background: #222;
  text-align: center;
  border: solid 1px #545454;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 3px;
  border-bottom-right-radius: 0.25rem; }

.singlecontent .publi {
  background: transparent;
  text-align: center; }

.videos-links-sec,
.torrents-links-sec {
  background: #f8f8f8;
  text-align: center; }

.yifybs-home-search {
  background: rgba(236, 236, 236, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  margin: 10px auto;
  border-radius: 10px;
  padding: 1px 5px; }

.search-home-container {
  border-radius: 8px;
  margin: 20px auto;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  min-height: 90vh;
  min-height: calc(100vh - 80px);
  background: rgba(34, 34, 34, 0.87); }

.big-icon {
  padding: 20px 10px 15px;
  padding: 7vh 1rem 2vh; }

.big-icon img {
  width: 160px;
  width: 16rem; }

.share-row {
  padding: 5px 10px 20px;
  padding: 1.5vh 10px 3vh; }

.btn-old-home {
  padding: 20px 10px;
  padding: 4vh 10px 2vh;
  margin: 0; }

.btn-old-home > a {
  font-size: 26px;
  font-size: 2.6rem;
  overflow: hidden;
  white-space: pre-line; }

.cloud-container {
  margin: 5px 10px 0px;
  margin: 1vh 10px 0px;
  overflow: hidden; }

.home-text-container {
  padding: 10px 10px 10px;
  padding: 4vh 10px 0.5em; }

#home_form {
  display: inline-block;
  padding: 5px 10px 20px;
  padding: 1.5vh 10px 2vh; }
  #home_form input, #home_form select, #home_form button, #home_form > span {
    background: #fff;
    background: rgba(255, 255, 255, 0.12);
    color: #D8D8D8;
    font-style: italic;
    border: none;
    border-top: 1px solid #686868;
    border-bottom: 1px solid #686868;
    border-left: solid 1px #686868;
    box-shadow: none !important;
    width: auto;
    float: left;
    height: 42px !important;
    font-size: 24px;
    line-height: 28px;
    padding: 6px 12px;
    height: 4.2rem !important;
    font-size: 2.4rem;
    line-height: 2.8rem;
    padding: 0.6rem 1.2rem; }
  #home_form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat, repeat !important;
    background-position-x: right !important;
    background-position-y: 50% !important;
    background-position: right 0px top 50%, 0 0 !important;
    background-size: .75em auto, 100% !important;
    padding-right: 0.8em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='499.9' height='366.6'%3E%3Cpath d='M165.8 279.6l-136-136a23.9 23.9 0 010-34l22.6-22.5a23.9 23.9 0 0133.9 0l96.4 96.4L279.1 87a23.9 23.9 0 0133.9 0l22.6 22.6a23.9 23.9 0 010 33.9l-136 136a23.8 23.8 0 01-33.8 0z' fill='%23d8d8d8'/%3E%3C/svg%3E"); }
  #home_form option {
    background: #fff;
    color: #000; }
  #home_form > button {
    background-image: url(img/sf_search2.png);
    background-position: center;
    background-repeat: no-repeat;
    border-right: solid 1px #686868;
    background-color: #ffffff2b;
    background-color: rgba(255, 255, 255, 0.24);
    width: 59px;
    width: 5.9rem; }

@media (max-width: 750px) {
  #home_form input {
    width: 80%;
    border-bottom-left-radius: 0; }
  #home_form select {
    width: 40%; }
  #home_form #genre {
    border-bottom-left-radius: 4px; }
  #home_form button {
    width: 20%;
    height: 84px !important;
    margin-top: -42px;
    height: 8.4rem !important;
    margin-top: -4.2rem; } }
/*****************
 * Archive
 * **************/
#banner_publi {
  background: #373737;
  border-bottom: 1px solid #141414;
  border-top: 1px solid #111;
  min-height: 235px;
  text-align: center; }

.title_seccion {
  min-height: 43px;
  background: #1e1e1e;
  border-top: solid 1px #565656; }

.filter_title {
  background: #151515;
  color: #04d1ef; }
  .filter_title .glyphicon {
    position: absolute;
    width: 24px;
    font-size: 16px;
    line-height: 24px;
    top: 4px;
    right: 5px;
    color: #ccc; }

.up_seccion {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, black 100%);
  position: relative; }
  .up_seccion select {
    color: #fff;
    background: #2d2e2f;
    border: none;
    width: 50%;
    display: inline-block;
    float: left;
    font-size: 1.2em;
    border-radius: 0;
    text-align: center;
    height: auto;
    padding: 10px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, black 100%);
    position: relative; }
    .up_seccion select > option {
      background: #2d2e2f; }
    .up_seccion select:nth-child(1) {
      border-right: solid 1px #848484; }
  .up_seccion .cloud {
    max-width: 100%;
    text-align: center; }
  .up_seccion > .filter_title > .down {
    display: none; }
  .up_seccion.hid > .filter_title > .up {
    display: none; }
  .up_seccion.hid > .filter_title > .down {
    display: block; }
  .up_seccion .cn_seccion {
    display: block; }
  .up_seccion.hid > .cn_seccion {
    display: none; }

.filter_title {
  text-align: center;
  border-top: solid 1px #565656;
  padding: 2px 5px;
  font-size: 1.2em;
  text-transform: uppercase; }

.genre_cloud, .letters_cloud {
  padding: 7px 5px 10px;
  text-align: center; }

.genre_cloud > a, .letters_cloud a, .order_cloud > a {
  white-space: normal;
  margin: 3px;
  display: inline-block;
  color: #fff;
  font-size: 1em;
  font-weight: 200;
  padding: 0.4em 0.8em;
  background: #484848;
  border-radius: 3px;
  border-radius: 0.25rem;
  border: solid 1px #656565;
  text-decoration: none; }

a.simpletaged {
  white-space: normal;
  margin: 3px;
  display: inline-block;
  color: #fff;
  font-size: 1em;
  font-weight: 200;
  padding: 7px 15px;
  background: #484848;
  border-radius: 3px;
  border-radius: 0.25rem;
  border: solid 1px #656565;
  text-decoration: none;
  box-shadow: 1px 1px 1px #000;
  margin-top: -3px;
  padding: 3px 10px; }

.genre_cloud > a > i {
  margin-left: 5px;
  margin-right: -5px;
  font-size: 0.8em;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.75); }

.letters_cloud a {
  padding: 5px 1px;
  width: 53px;
  text-align: center;
  text-transform: uppercase;
  margin: 2px; }

.order_cloud > a {
  margin: 0;
  border-radius: 0;
  text-align: center;
  overflow: hidden;
  float: left;
  max-height: 60px;
  padding: 7px 2.1px;
  max-height: 6rem;
  padding: 0.7rem 0.21rem; }
  .order_cloud > a:nth-child(1) {
    width: 10.246%; }
  .order_cloud > a:nth-child(2) {
    width: 16.519%; }
  .order_cloud > a:nth-child(3) {
    width: 16.066%; }
  .order_cloud > a:nth-child(4) {
    width: 16.519%; }
  .order_cloud > a:nth-child(5) {
    width: 13.694%; }
  .order_cloud > a:nth-child(6) {
    width: 7.766%; }
  .order_cloud > a:nth-child(7) {
    width: 7.869%; }
  .order_cloud > a:nth-child(8) {
    width: 11.288%; }
  @media (min-width: 1200px) {
    .order_cloud > a {
      width: 12.5% !important; } }

.order_cloud.with-community > a:nth-child(1) {
  width: 9.2%; }
.order_cloud.with-community > a:nth-child(2) {
  width: 13.8%; }
.order_cloud.with-community > a:nth-child(3) {
  width: 13.3%; }
.order_cloud.with-community > a:nth-child(4) {
  width: 13.6%; }
.order_cloud.with-community > a:nth-child(5) {
  width: 11.8%; }
.order_cloud.with-community > a:nth-child(6) {
  width: 7.4%; }
.order_cloud.with-community > a:nth-child(7) {
  width: 7.3%; }
.order_cloud.with-community > a:nth-child(8) {
  width: 13.7%; }
.order_cloud.with-community > a:nth-child(9) {
  width: 9.9%; }
@media (min-width: 1200px) {
  .order_cloud.with-community > a {
    width: 11.111% !important; } }

@media (max-width: 460px) {
  .order_cloud > a {
    height: 60px;
    width: 25% !important; } }
@media (max-width: 710px) {
  .order_cloud.with-community > a:nth-child(1) {
    width: 18% !important; }
  .order_cloud.with-community > a:nth-child(2) {
    width: 28% !important; }
  .order_cloud.with-community > a:nth-child(3), .order_cloud.with-community > a:nth-child(4) {
    width: 27% !important; }
  .order_cloud.with-community > a:nth-child(5) {
    width: 24% !important; }
  .order_cloud.with-community > a:nth-child(6), .order_cloud.with-community > a:nth-child(7) {
    width: 15% !important; }
  .order_cloud.with-community > a:nth-child(8) {
    width: 26% !important; }
  .order_cloud.with-community > a:nth-child(9) {
    width: 20% !important; } }
@media (max-width: 370px) {
  .order_cloud > a,
  .order_cloud.with-community > a {
    min-width: 100% !important;
    height: auto; } }
.letters_cloud > a:hover, .letters_cloud > a:focus {
  background: #333333;
  border-color: #0c0c0c; }

.genre_cloud > a:hover, .genre_cloud > a:focus {
  background: #333333;
  border-color: #0c0c0c; }

.letters_cloud a.selected, .genre_cloud > a.selected, .order_cloud > a.selected, a.simpletaged {
  color: #00f479;
  border: solid 1px #00f479; }

.title_seccion .form-control {
  margin-right: 6px;
  float: left;
  width: auto; }
.title_seccion #years.form-control {
  padding-right: 0px;
  margin-right: 0px; }

.glyphicon-list {
  left: 10px; }

#title_archive {
  line-height: 24px; }

.list_title {
  font-style: italic;
  font-weight: bold;
  color: #777;
  margin: 5px; }

#seccion_main {
  background: #2e2e2e;
  position: relative;
  border-right: 1px solid #3D3D3D; }

.col-md-12 > #seccion_main {
  border-right: none;
  border-radius: 3px;
  border-radius: 0.25rem; }

.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  margin-top: -2px; }
  .tabs li {
    float: left; }

#contentrea_cube > div {
  padding-left: 5px;
  padding-right: 5px; }

.active {
  font-weight: bold; }

#tabs {
  clear: both; }

.inlineitem {
  margin-right: 10px;
  float: left; }

.flechas {
  height: 30px;
  width: 24px;
  float: left; }

.view-mode-toggle {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #ddd; }

.active .view-mode-toggle {
  color: #127ed3; }

.title_seccion {
  margin-top: 0;
  margin-bottom: 0; }
  .title_seccion .form-control {
    background-image: linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    height: 24px;
    padding: 2px 5px; }
  .title_seccion > div,
  .title_seccion > h1 {
    padding-left: 1px;
    padding-right: 0px;
    height: 42px;
    padding-top: 9px;
    height: 4.2rem;
    line-height: 2.4rem;
    font-size: 1.8rem;
    padding: 1rem; }

#tab1 img.poster {
  width: 100%;
  max-width: 120px;
  max-width: 12rem;
  max-height: 180px;
  max-height: 18rem;
  background: center center #333 no-repeat;
  box-shadow: 0px 0px 5px #000;
  display: inline; }

.list_item .desc {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold; }

@media (max-width: 595px) {
  .inlineitem {
    margin-right: 5px;
    float: left; }

  .title_seccion > div {
    padding-left: 0px;
    padding-right: 0px; }

  .postlist .field :nth-child(even), #tabs .link a:link {
    margin-left: 0px !important; } }
#tab1 .posts3 {
  background: #272727;
  padding: 5px;
  margin-top: 14px;
  border: 1px solid #3c3c3c;
  border-radius: 3px;
  border-radius: 0.25rem;
  padding-top: 10px;
  padding-bottom: 10px; }
#tab1 .postlist h1:after {
  background: linear-gradient(to right, rgba(39, 39, 39, 0), #272727 50%) repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  height: 1.2em;
  position: absolute;
  right: 0;
  text-align: right;
  width: 40px; }

.link span {
  margin: 0px !important;
  margin-right: 2px !important; }

.posts3 .entry-header h3 a {
  color: #bdd8f1;
  text-decoration: none; }

h2.title {
  text-shadow: 0 1px 0 #000; }

.field b {
  width: 50px;
  width: 5rem; }

#tab1 img.poster:hover, #tab1 img.poster:focus {
  box-shadow: 0 0 0px 2px #008eff;
  z-index: 2; }
#tab1 .postlist h1 {
  margin-bottom: 8px; }

.postercol {
  padding-right: 2px;
  padding-left: 10px;
  text-align: right; }

#seccion_der {
  background: #272727;
  overflow: hidden;
  border-bottom-right-radius: 8px; }

/*
.archive-container.yifybs-content, .page-container.yifybs-content {
  background: rgb(39, 39, 39);
}
*/
/*.page-container #seccion_main{
	border-bottom-right-radius: 8px;
}*/
article {
  font-weight: normal; }

#contentrea_cube {
  text-align: center;
  padding: 2rem 0.5rem; }

@media (max-width: 992px) {
  #seccion_der {
    border-bottom-left-radius: 8px; }
    #seccion_der > div {
      position: static; } }
.contenedor_page {
  background: #3D3D3D;
  border-top: 1px solid #555;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

/*
#seccion_der div, #seccion_der iframe{
	max-width:100%;
}
*/
@media (min-width: 992px) {
  #seccion_der {
    background: #272727;
    position: absolute;
    right: 0px;
    height: 100%;
    overflow: hidden; } }
.pagination {
  border: 1px solid #222222;
  border-radius: 3px;
  border-radius: 0.25rem; }
  .pagination > li > a, .pagination > li > span {
    background: #272727;
    box-shadow: 0 1px 0px rgba(133, 133, 133, 0.4) inset;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.38);
    border: none;
    color: #43A9EC;
    /*margin-left: 0px;
    padding: 6px 8px;*/ }
    .pagination > li > a:hover, .pagination > li > span:hover {
      background: #272727;
      box-shadow: 0 1px 0px rgba(133, 133, 133, 0.4) inset;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.38);
      border: none;
      color: #43A9EC;
      /*margin-left: 0px;
      padding: 6px 8px;*/ }
  .pagination > .disabled > span {
    background: #272727;
    box-shadow: 0 1px 0px rgba(133, 133, 133, 0.4) inset;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.38);
    border: none;
    color: #43A9EC;
    /*margin-left: 0px;
    padding: 6px 8px;*/
    color: #9CA7AF; }
    .pagination > .disabled > span:hover {
      background: #272727;
      box-shadow: 0 1px 0px rgba(133, 133, 133, 0.4) inset;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.38);
      border: none;
      color: #43A9EC;
      /*margin-left: 0px;
      padding: 6px 8px;*/
      color: #9CA7AF; }
  .pagination > li > a:hover {
    border-color: rgba(105, 114, 218, 0.87);
    background: #376196; }
  .pagination > li > span {
    border-color: rgba(105, 114, 218, 0.87);
    background: #376196; }
    .pagination > li > span:hover {
      border-color: rgba(105, 114, 218, 0.87);
      background: #376196; }
  .pagination > li > a:focus {
    border-color: rgba(105, 114, 218, 0.87);
    background: #376196; }
  .pagination > .active > span {
    border-color: rgba(105, 114, 218, 0.87);
    background: #376196;
    color: #D6D6D6; }
    .pagination > .active > span:hover {
      border-color: rgba(105, 114, 218, 0.87);
      background: #376196;
      color: #D6D6D6; }

#tabs a:link {
  color: #43A9EC; }

/*****************
 Player style
*********************/
#page_effect .todo {
  text-align: center; }

/****************************
 * Model y forms
 ****************************/
.form-control-label {
  line-height: 34px;
  line-height: 3.4rem;
  text-align: right; }

#wpmem_reg label, #wpmem_login label {
  width: 45%;
  text-align: right;
  padding-right: 8px;
  padding-right: 0.8rem; }

#wpmem_reg input, #wpmem_login input {
  width: 45%;
  padding-right: 8px;
  padding-left: 5px;
  padding-right: 0.8rem;
  padding-left: 0.5rem; }

#wpmem_reg input[type="checkbox"] {
  width: auto; }
#wpmem_reg .button_div {
  text-align: right;
  padding-top: 15px;
  margin-bottom: 8px;
  padding-top: 1.5rem;
  margin-bottom: 0.8rem; }

#wpmem_login .button_div {
  text-align: right;
  padding-top: 15px;
  margin-bottom: 8px;
  padding-top: 1.5rem;
  margin-bottom: 0.8rem; }

#editSourcePopup {
  color: #000; }

/*****************************
 * Rotten tomatoes
 * **************************/
.rating-icon {
  display: inline-block;
  vertical-align: text-bottom;
  width: 1.847em;
  height: 1.847em;
  float: left;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

#icon-tomate-tirado {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='145' height='140'%3E%3Cpath fill='%230fc755' d='M47 35c-13-8-12-25 2-32 27-6 30 14 23 31-6 24 18 24 20 10 4-18 19-27 32-16 12 12 7 36-18 34-16-2-20 19 1 21 32 2 42 22 31 36-16 15-38-5-46-20-7-9-17 0-13 7 13 19 3 31-11 30-13 0-21-9-13-29 4-12-9-15-17-5-12 19-29 14-34 4-3-8-3-26 24-24 17 4 12-12 0-13-10-1-31-8-23-25 7-11 25-12 33 6 3 5 9 11 18 5 4-5 1-13-9-20z'/%3E%3C/svg%3E"); }

#icon-tomate-rojo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='141.25' viewBox='0 0 138.8 141.3' width='138.75'%3E%3Cg fill='%23f93208'%3E%3Cpath d='m20.2 40.8c-28.1 27.6-13.7 61-5.7 71.9 35.3 42 92.8 25.3 111.9-5.9 4.8-8.2 22.6-53.5-24-78z'/%3E%3C/g%3E%3Cpath d='m39.4 8.6 9-5.3 6.8 15.5c3.8-6.3 13.8-16.3 24.9-4.7-4.7 1.3-7.5 3.9-7.7 8.5 15.1-4.2 31.3 3.2 33.5 9.1-11-4.3-27.7 10.4-41.8 2.3 0 15-12.6 16.6-19.9 17.1 2.1-5 5.6-10 1.5-15-7.6 8.2-13.9 10.7-33.2 4.7 4.9-1.7 14.8-11.4 24.4-11.4-6.8-2.5-12.3-2.1-17.8-1.5 2.9-4 12.1-15.2 28.6-8.5z' fill='%2302902e'/%3E%3C/svg%3E"); }

#icon-medium-certified {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='264' width='264'%3E%3Cpath d='M37.3 201C-27.3 125.9 15.4 1.6 130 .3c109.5-1.9 166 117.8 98 200.4z' fill='%23fa6d0e'/%3E%3Cpath d='M39.4 194.4a117.4 117.4 0 01-13.8-128C44 31 78.3 9.1 121 5.8c5.3-.4 17-.4 21.9 0a119.3 119.3 0 0168 27 114 114 0 0133.2 129.3 132.3 132.3 0 01-17.6 31.1l-2.8 3.6h-73.6l-91 .2-17.5.2-2.3-2.7z' fill='%23ffd600'/%3E%3Cpath d='M55 195.5C25.2 163.3 20 86 90.2 66.7l87.5-1.7c65 14.3 70.8 92.5 35.1 130z' fill='%23fa3008'/%3E%3Cpath d='M7 230.4c6.3-7.3 16.5-14 31.5-20l24.8 36.7a44.6 44.6 0 00-32.8 16.6 68.2 68.2 0 01-2.1-29.4c-10.5-4.7-14.8-3.1-21.4-3.9zm251-.3a80.6 80.6 0 00-31.5-20l-24.8 36.7c15.7.3 26.5 9.3 32.7 16.6a68.1 68.1 0 002.2-29.4c10.5-4.7 14.8-3.2 21.4-4z' fill='%2304c754'/%3E%3Cpath d='M30.2 214.2c3.5-1.9 4.8-2.5 8.4-3.7l9.2 33.4zm204.5-.5a45.8 45.8 0 00-8.4-3.6l-9.2 33.3z' fill='%2300ac40'/%3E%3Cpath fill='%23009c34' d='M47.6 243.7l15.5 3-.6-7.9zm155.3-3.6l-1.2 6.8 16-3z'/%3E%3Cpath d='M30.7 197.6L47.5 244a510.3 510.3 0 01170.1-.2l16.7-46.3c-71.7-11.2-135.3-12.6-203.6 0zM92.5 57.2a25.5 25.5 0 0132.9-3.2l-7-14.3 7.9-.8 4.1 14.5c5.7-6.8 18.1-12.5 26.8-.6-7.2.6-8.7 4.1-9.2 7.3 21.3-2.1 27.6 4 31.4 8.2-12.7-3.7-27.6 11.7-42 2.4-2.3 14-13.1 14.6-22.5 14.3 3-4.6 6.8-8.9 3.8-15.3-11.5 8.8-20.6 5.1-33.7-1.3a80 80 0 0125.9-6.7 44.7 44.7 0 00-18.4-4.5z' fill='%2301912c'/%3E%3C/svg%3E"); }

#icon-medium-popcorn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106.3' height='140'%3E%3Cpath fill='%23fa3106' d='M2.7 39.5c-.4-22 101-25 101-.4l-10.8 78.5c-7.6 26.8-72 27-79 .2z'/%3E%3Cpath d='M8.8 52l9 66.5c3.5 4.6 8.5 7.4 9.7 8l-7-68.5a69.6 69.6 0 01-11.7-6zm19.8 7.8l5.5 68.9a37 37 0 0015.7 3.5L48.6 62a116 116 0 01-20-2.1zm69-7.7l-9 66.7a33.1 33.1 0 01-9.6 8l6.9-68.6c3.5-1.4 9.9-4.6 11.7-6zM77.8 60l-5.4 68.9a37 37 0 01-15.8 3.5L58 62.1c3.4 0 13.8-.7 20-2.1z' fill='%23fff'/%3E%3Cg fill='%23ffd600'%3E%3Ccircle cx='13.2' cy='31.3' r='6.8'/%3E%3Ccircle cx='22' cy='27.7' r='6.6'/%3E%3Ccircle cx='30.4' cy='19.8' r='5.9'/%3E%3Ccircle cx='35' cy='15.2' r='6'/%3E%3Ccircle cx='45.1' cy='17.1' r='4.9'/%3E%3Ccircle cx='51.1' cy='9.6' r='6.2'/%3E%3Ccircle cx='61.2' cy='9.4' r='6.6'/%3E%3Ccircle cx='68' cy='13.6' r='4.9'/%3E%3Ccircle cx='76.1' cy='17.7' r='5.9'/%3E%3Ccircle cx='78.9' cy='22.7' r='4.4'/%3E%3Ccircle cx='83.5' cy='26.3' r='5.2'/%3E%3Ccircle cx='88.2' cy='34.4' r='5.8'/%3E%3Cpath d='M87.4 35.4c5.7 2.8 1.3-2.2 10.7 2.1-9.6 15.4-74.8 17-90.3.6l-.2-4 31-17.1 22.9-6.6 15.5 10z'/%3E%3C/g%3E%3C/svg%3E"); }

#icon-palomitas-tiradas {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='108.8' width='143.8'%3E%3Cpath d='M96.6 3c28.2 1 27.5 97.8.9 97.2L23 90.2C-2.5 83-3 20.9 22.5 14z' fill='%2307a23b'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M85.4 8.9l-63.2 9c-4.2 3.3-7 8.2-7.5 9.3l65-7C81 16.8 84 10.7 85.4 9zM78 28l-65.3 5.6a36.2 36.2 0 00-3.3 15.1l66.7-1.5c0-3.3.6-13.3 2-19.2zM85.6 94.5L22.3 86c-4.3-3.4-7-8.2-7.6-9.3l65 6.4c1.4 3.3 4.5 9.5 5.9 11.3zM78 75.4l-65.3-5a36.2 36.2 0 01-3.5-15.1l66.8 1c0 3.2.6 13.2 2 19.1z'/%3E%3C/g%3E%3Cpath d='M100.4 10.8c-13.1.7-20 48.3-11.8 71.2l21.4-4.5c8.4-24 1.2-67-9.6-66.7z' fill='%2303621e'/%3E%3Cg fill='%23fdd600'%3E%3Cpath d='M99 79a6.1 6.1 0 01-6 6 6.1 6.1 0 01-6.2-6 6.1 6.1 0 016.2-6.2 6.1 6.1 0 016 6.1M113 75.4a5.6 5.6 0 01-5.6 5.6 5.6 5.6 0 01-5.6-5.6 5.6 5.6 0 015.6-5.6 5.6 5.6 0 015.6 5.6'/%3E%3Cpath d='M120.4 74.7a5 5 0 01-5 5 5 5 0 01-4.9-5 5 5 0 015-4.9 5 5 0 014.9 5'/%3E%3Cpath d='M124.1 79a3.7 3.7 0 01-3.7 3.7 3.7 3.7 0 01-3.8-3.8 3.7 3.7 0 013.8-3.7 3.7 3.7 0 013.7 3.7'/%3E%3Cpath d='M131 83.1a5 5 0 01-5 5 5 5 0 01-5-5 5 5 0 015-5 5 5 0 015 5'/%3E%3Cpath d='M135.9 91.7a5.6 5.6 0 01-5.6 5.6 5.6 5.6 0 01-5.6-5.6 5.6 5.6 0 015.6-5.6 5.6 5.6 0 015.6 5.6'/%3E%3Cpath d='M140.4 97.3a4 4 0 01-4 4 4 4 0 01-3.9-4 4 4 0 014-3.9 4 4 0 013.9 4'/%3E%3Cpath d='M140.4 99.6a4.2 4.2 0 01-4.1 4.2 4.2 4.2 0 01-4.2-4.2 4.2 4.2 0 014.2-4.2 4.2 4.2 0 014.1 4.2'/%3E%3Cpath d='M134.4 100.5a4.8 4.8 0 01-4.8 4.9 4.8 4.8 0 01-4.8-4.8 4.8 4.8 0 014.8-4.9 4.8 4.8 0 014.8 4.8'/%3E%3Cpath d='M126.8 100.2a4 4 0 01-4 4 4 4 0 01-4-4 4 4 0 014-4 4 4 0 014 4'/%3E%3Cpath d='M125.4 97.6a5.1 5.1 0 01-5 5.1 5.1 5.1 0 01-5.2-5 5.1 5.1 0 015.1-5.2 5.1 5.1 0 015.1 5.1'/%3E%3Cpath d='M117.1 98a5.1 5.1 0 01-5 5.2 5.1 5.1 0 01-5.2-5.1A5.1 5.1 0 01112 93a5.1 5.1 0 015.1 5'/%3E%3Cpath d='M110.5 97.5a3.6 3.6 0 01-3.6 3.6 3.6 3.6 0 01-3.6-3.6 3.6 3.6 0 013.6-3.6 3.6 3.6 0 013.6 3.6'/%3E%3Cpath d='M105.7 97a4 4 0 01-4 4 4 4 0 01-4-4 4 4 0 014-4.1 4 4 0 014 4'/%3E%3Cpath d='M94.7 80.3c2.2-1.8 5.4-3 9.6-3.6l11.6.6L131 90.9l-2 9.6L102 98l-4.7 1.4L86 81.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M86 71.6c3.2 12 7 22.6 12.6 28.3l-10-1.6S83 73 83.7 72.8c.7-.1 2.2-1.2 2.2-1.2z' fill='%2309a339'/%3E%3C/g%3E%3C/svg%3E"); }

#ratings-div {
  color: black;
  font-size: 12px;
  line-height: 2;
  font-size: 1.2rem;
  line-height: 2;
  /*	margin-left:190px;
  	position: absolute !important;*/ }

/*#ratings-div div.tomate{
	text-align: center;
}
#ratings-div div.pochoclo{
	text-align: center;
}*/
.imdb-icon {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  margin-right: 0.2em;
  width: 1.847em;
  height: 1.847em;
  float: left;
  margin-top: 0px;
  position: relative; }

i.imdb-icon:before {
  content: "\e006";
  font-size: 1.847em;
  color: #eecd7c;
  top: 1px;
  vertical-align: middle;
  line-height: 1;
  width: 100%;
  text-align: center;
  position: absolute;
  text-shadow: 0 0 1px #735711; }

span.imdbRatingPlugin {
  margin: 0px;
  line-height: 1.7em;
  vertical-align: middle; }

#ratings-div a:link {
  text-decoration: none;
  font-size: 12px;
  font-size: 1.2rem;
  color: black; }
#ratings-div strong {
  line-height: 1.847em;
  color: #000; }
#ratings-div .info {
  margin-left: 1.8em; }

.event_imdb_rating {
  margin-left: 1.8em; }

.toastp,
.toast {
  position: absolute;
  z-index: 10000;
  border-radius: 3px;
  border-radius: 0.25rem;
  position: fixed;
  box-shadow: 1px 1px 6px #111;
  padding: 15px;
  right: 20px;
  bottom: 5px;
  padding: 1.5rem;
  right: 2rem;
  bottom: 0.5rem;
  font-size: 16px;
  font-size: 1.6rem; }

.toast {
  background-color: rgba(30, 32, 39, 0.67);
  color: #fff;
  border: solid 1px rgba(255, 255, 255, 0.51); }

.imdbRatingPlugin {
  color: #000;
  display: inline-block;
  font-weight: bold;
  margin: 5px 0; }
  .imdbRatingPlugin span.ofTen {
    color: #666;
    font-size: 10px; }

@media (max-width: 390px) {
  .registro #recaptcha_area, .registro #recaptcha_table {
    zoom: 0.85;
    float: left; } }
.btn-social {
  position: relative;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.2); }
  .btn-social > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2); }
  .btn-social:hover, .btn-social:focus {
    color: #fff !important; }

.btn-facebook {
  background-color: #3b5998; }
  .btn-facebook:hover, .btn-facebook:focus, .btn-facebook.focus {
    background-color: #2d4373; }
  .btn-facebook > :first-child {
    background-image: url("img/facebook.png"); }

.btn-google {
  background-color: #dd4b39; }
  .btn-google:focus, .btn-google.focus, .btn-google:hover, .btn-google:active, .btn-google.active {
    background-color: #c23321; }
  .btn-google > :first-child {
    background-image: url("img/googlelogin.png"); }

.btn-twitter {
  background-color: #55acee; }
  .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:hover, .btn-twitter:active, .btn-twitter.active {
    background-color: #2795e9; }
  .btn-twitter > :first-child {
    background-image: url("img/twiter.png"); }

/****************************
 * Single mods
 * *************************/
.trigth div {
  float: right;
  margin: 5px; }

.publi > div {
  margin: 10px auto; }

.breadcrumbs-container {
  /*height: 36px !important;
  height: 3.6rem !important;*/
  background: #192121;
  /* border-top: solid 1px #5e5e5e; */
  min-height: 36px !important;
  min-height: 3.6rem !important;
  border-bottom: solid 1px #5c5f5f; }
  .breadcrumbs-container .breadcrumbs {
    overflow: hidden;
    list-style: none;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    margin-bottom: 0;
    text-overflow: ellipsis;
    margin-bottom: -1px;
    /*box-shadow: inset 0 -0.6px 0 #888;*/ }
    .breadcrumbs-container .breadcrumbs .breadcrumb-y {
      text-decoration: none;
      outline: none;
      display: inline-block;
      float: none;
      color: white;
      position: relative;
      color: #f2f2f2;
      font-size: 14px;
      line-height: 36px;
      padding: 0 10px 0 30px;
      font-size: 1.4rem;
      line-height: 3.6rem;
      padding: 0 1rem 0 3rem;
      border-top: solid 1px rgba(80, 84, 84, 0.4);
      border-bottom: solid 1px rgba(80, 84, 84, 0.4);
      float: left;
      margin-top: -1px;
      /*adding the arrows for the breadcrumbss using rotated pseudo elements*/ }
      .breadcrumbs-container .breadcrumbs .breadcrumb-y .glyphicon {
        line-height: inherit;
        top: 0; }
      .breadcrumbs-container .breadcrumbs .breadcrumb-y:first-child {
        padding-left: 20px;
        padding-left: 2rem;
        /*	border-top-left-radius: 4px;
        	border-bottom-left-radius: 4px;*/ }
      .breadcrumbs-container .breadcrumbs .breadcrumb-y:last-child {
        padding-right: 20px;
        padding-right: 2rem;
        /*border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;*/ }
      .breadcrumbs-container .breadcrumbs .breadcrumb-y:first-child:before {
        left: 14px;
        left: 1.4rem; }
      .breadcrumbs-container .breadcrumbs .breadcrumb-y:after {
        content: '';
        position: absolute;
        top: -1px;
        right: -19px;
        right: -1.9rem;
        /*half of square's length*/
        width: 38px;
        height: 38px;
        width: 3.8rem;
        height: 3.8rem;
        /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's:
        length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
        if diagonal required = 1; length = 1/1.414 = 0.707*/
        transform: scale(0.707) rotate(45deg);
        /*we need to prevent the arrows from getting buried under the next link*/
        z-index: 1;
        border-right: solid 1px rgba(80, 84, 84, 0.8);
        border-top: solid 1px rgba(80, 84, 84, 0.8);
        /*box-shadow: 1px -1px 0 0px #5c5f5f;*/
        border-radius: 0 0 0 50px;
        border-radius: 0 0 0 5rem; }
      .breadcrumbs-container .breadcrumbs .breadcrumb-y:last-child:after {
        /*  content: none;*/ }
      .breadcrumbs-container .breadcrumbs .breadcrumb-y a {
        color: #bfbfbf; }
        .breadcrumbs-container .breadcrumbs .breadcrumb-y a.active, .breadcrumbs-container .breadcrumbs .breadcrumb-y a:hover {
          color: #ffffff; }

/*@media (min-width: 992px){
	.breadcrumbs-container .breadcrumbs {
		border-bottom-left-radius: 3px;
		box-shadow: inset 0.6px -0.6px 0 0 #888;
	}
}*/
@media (max-width: 596px) and (min-height: 450px) {
  body {
    padding-top: 47px;
    padding-top: 4.7rem; } }
.ep-navs-container {
  height: 36px !important;
  height: 3.6rem !important;
  background: #192121;
  min-height: 3.6rem !important; }
  .ep-navs-container .ep-navs {
    overflow: hidden;
    list-style: none;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    margin-bottom: 0;
    text-overflow: ellipsis;
    box-shadow: inset 0 -0.6px 0 #888, inset 0 0.6px 0 #888; }
    .ep-navs-container .ep-navs .ep-nav-y {
      text-decoration: none;
      outline: none;
      display: inline-block;
      float: left;
      position: relative;
      color: #f2f2f2;
      font-size: 14px;
      line-height: 36px;
      padding: 0 10px 0 30px;
      font-size: 1.4rem;
      line-height: 3.6rem;
      padding: 0 1rem 0 3rem;
      /*adding the arrows for the ep-navss using rotated pseudo elements*/ }
      .ep-navs-container .ep-navs .ep-nav-y:first-child {
        padding-left: 20px;
        padding-left: 2rem;
        /*	border-top-left-radius: 4px;
        	border-bottom-left-radius: 4px;*/ }
      .ep-navs-container .ep-navs .ep-nav-y:last-child {
        padding-right: 20px;
        padding-right: 2rem;
        /*border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;*/ }
      .ep-navs-container .ep-navs .ep-nav-y:first-child:before {
        left: 14px;
        left: 1.4rem; }
      .ep-navs-container .ep-navs .ep-nav-y:after {
        content: '';
        position: absolute;
        top: 0;
        transform: scale(0.707) rotate(45deg);
        z-index: 1;
        box-shadow: 1px -1px 0 0px #888;
        right: -18px;
        width: 36px;
        height: 36px;
        border-radius: 0 3px 0 50px;
        right: -1.8rem;
        width: 3.6rem;
        height: 3.6rem;
        border-radius: 0 0.3rem 0 5rem; }
      .ep-navs-container .ep-navs .ep-nav-y:last-child:after {
        content: none; }
      .ep-navs-container .ep-navs .ep-nav-y a {
        color: #bfbfbf; }
        .ep-navs-container .ep-navs .ep-nav-y a.active, .ep-navs-container .ep-navs .ep-nav-y a:hover {
          color: #ffffff; }
  .ep-navs-container .ep-nav-y {
    width: 33.3%;
    vertical-align: top; }
    .ep-navs-container .ep-nav-y a, .ep-navs-container .ep-nav-y .actual-ep {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 100%;
      display: block; }

.cbtn2 {
  background-image: none;
  position: relative;
  text-align: center;
  margin: 0rem 0.15rem;
  height: 3.2rem;
  width: 3.2rem;
  display: block;
  float: left;
  border-radius: 0.15rem; }

.cbtn2 svg {
  top: 17%;
  height: 70%;
  position: relative; }

.cbtn2.facebook_btn {
  background-color: #3d5a9a; }

.cbtn2.twitter_btn {
  background-color: #37a6e3; }

.cbtn2.reddit_btn {
  background-color: #33679f; }

.cbtn2.pin_btn {
  background-color: #be2b28; }

.cbtn2.tum_btn {
  background-color: #3d5a78; }

.cbtn2.tum_btn {
  background-color: #3d5a78; }

.cbtn2.whatsapp_btn {
  background-color: #1da110; }

.cbtn2.telegram_btn {
  background-color: #27a7e5; }

#otherb {
  float: right;
  white-space: nowrap; }

#otherb .btn {
  margin-bottom: 3px;
  padding: 4px 8px;
  font-size: 14px;
  margin-bottom: 0.3rem;
  padding: 0.4rem 0.8rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: 3px;
  border-radius: 0.25rem; }

.btn.fav {
  background: #e85959;
  border-color: #b73939;
  font-size: 1.4rem; }
  .btn.fav:focus, .btn.fav:hover {
    background: #f87979;
    border-color: #f76969; }

.btn.bmark {
  background-color: #353535;
  border-color: #000;
  font-size: 1.4rem; }
  .btn.bmark:focus, .btn.bmark:hover {
    background-color: #666666;
    border-color: #070707; }

/*********************
 * cloud link list
 * ******************/
.cloud {
  max-width: 450px;
  min-width: 45%;
  display: inline-block;
  padding: 15px;
  padding: 1.5rem; }
  .cloud a {
    display: inline-block;
    float: none;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    background-color: #AD2521;
    color: #fff !important;
    text-shadow: #000 0 0 2px;
    box-shadow: 0 0 1px #999999;
    transform: rotate(0deg);
    transition: transform 0.1s ease-in;
    position: relative;
    margin: 2px 1px;
    padding: 3px 5px;
    margin: 0.2rem 0.1rem;
    padding: 0.3rem 0.5rem; }
    .cloud a > h2 {
      margin: 0;
      padding: 0;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit; }
    .cloud a:hover, .cloud a:focus {
      z-index: 9;
      color: #fff !important;
      background-color: #318fbb;
      box-shadow: 0 0 10px #000032;
      transform: rotate(3deg) scale(1.2); }
    .cloud a:nth-child(2n) {
      background-color: #16a262;
      transform: rotate(0deg); }
      .cloud a:nth-child(2n):hover, .cloud a:nth-child(2n):focus {
        background-color: #318fbb;
        transform: rotate(-3deg) scale(1.2); }
    .cloud a:nth-child(3n) {
      background-color: #0a80ab; }
      .cloud a:nth-child(3n):hover, .cloud a:nth-child(3n):focus {
        background-color: #0a80ab;
        background-color: #318fbb; }
    .cloud a:nth-child(4n) {
      background-color: #d46b11;
      transform: rotate(0deg); }
      .cloud a:nth-child(4n):hover, .cloud a:nth-child(4n):focus {
        transform: rotate(3deg) scale(1.2);
        background-color: #318fbb; }
    .cloud a:nth-child(5n) {
      background-color: #16a262;
      transform: rotate(0deg); }
      .cloud a:nth-child(5n):hover, .cloud a:nth-child(5n):focus {
        background-color: #318fbb;
        transform: rotate(2deg) scale(1.2); }

.one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  float: left;
  display: inline-block; }

.seal {
  transform: rotate(-10deg);
  border: 7px solid #009ad2;
  padding: 10px 7px;
  border-radius: 3px;
  border-radius: 0.25rem;
  display: inline-block;
  font-weight: 700;
  margin-top: 70px;
  box-shadow: -1px 1px 10px 2px #000, inset -1px 1px 10px 2px #000;
  text-shadow: -2px 3px 4px #000; }

.subtitles-seach-sec {
  margin: 0;
  text-align: center;
  background-color: #ececec;
  /*
    .stitle .glyphicon {
      position: absolute;
      text-align: center;
      width: 31px;
      line-height: 31px;
      top: 4px;
      right: 4px;
  
      width: 3.1rem;
      line-height: 3.1rem;
      top: 0.4rem;
      right: 0.4rem;
    }
  */ }
  .subtitles-seach-sec .stitle {
    border-bottom: solid 2px #50c1f1;
    border-top: solid 1px #163b4a;
    background: #2e6e89;
    display: block;
    color: #ffffff;
    font-weight: 300;
    text-decoration: none;
    text-align: left;
    font-size: 1.6rem;
    position: relative;
    padding: 8px 30px 8px 8px;
    padding: 0.8rem 4rem 0.8rem 0.8rem; }
    .subtitles-seach-sec .stitle:focus {
      background: #478dab; }
    .subtitles-seach-sec .stitle i {
      background: rgba(255, 255, 255, 0.34);
      color: rgba(255, 255, 255, 0.81); }
    .subtitles-seach-sec .stitle > span {
      vertical-align: middle;
      margin-left: 0.8rem; }
  .subtitles-seach-sec .title:hover {
    background: #478dab; }
  .subtitles-seach-sec.hid > .stitle > .up {
    display: none; }
  .subtitles-seach-sec.hid > .stitle > .down {
    display: block; }
  .subtitles-seach-sec > .stitle > .down {
    display: none; }
  .subtitles-seach-sec .ssou {
    display: none;
    height: 80px;
    padding: 10px;
    height: 8rem;
    padding: 1rem; }
    .subtitles-seach-sec .ssou a {
      background: #c3d6de;
      display: block;
      border-radius: 3px;
      border-radius: 0.25rem;
      line-height: 50px;
      font-size: 24px;
      padding: 5px;
      line-height: 5rem;
      font-size: 2.4rem;
      padding: 0.5rem; }
      .subtitles-seach-sec .ssou a:focus, .subtitles-seach-sec .ssou a:hover {
        background: #c6e8f7; }
  .subtitles-seach-sec a img {
    height: 50px;
    height: 5rem;
    border-radius: 3px;
    border-radius: 0.25rem; }

iframe.resizeme {
  height: 340px;
  border: none;
  overflow: hidden;
  margin: -2px -15px -2px;
  margin: -0.2rem -15px -0.2rem;
  min-width: calc(100% + 30px);
  display: block; }

.yifybs-main .custom-html-widget {
  margin: 0 auto; }

.sidebar-container iframe.resizeme {
  width: 100%; }
.sidebar-container .custom-html-widget {
  margin: 0 auto; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
figure:hover .modal-info-btn,
figure:focus-within .modal-info-btn,
a:focus figure .modal-info-btn,
.modal-info-btn:focus,
.modal-info-btn:active {
  display: block;
  outline: none; }

.toucher .modal-info-btn {
  display: block;
  font-size: 1.47em; }

.modal-info-btn {
  display: none;
  animation: fadeIn 0.3s;
  position: absolute;
  color: #ffffff !important;
  color: rgba(250, 250, 250, 0.45) !important;
  background: #222;
  background: rgba(34, 34, 34, 0.4);
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  /*padding: 0.2em 0.25em;
  top: 0.13em;
  left: 0.13em;
  border-radius: 0.1em;
  border: solid 1px rgba(150, 150, 150, 0.3);*/
  border: none;
  padding: 1.5px 3.7px 3.4px 1.9px;
  padding: 0.15em 0.37em 0.34em 0.19em;
  border-bottom-right-radius: 65%;
  top: 0;
  left: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  z-index: 2; }
  .modal-info-btn:hover, .modal-info-btn:active, .modal-info-btn:focus {
    color: #ffffff !important;
    background: #222; }
  .modal-info-btn .glyphicon {
    line-height: 1;
    float: left; }

@media (max-width: 596px) {
  .pestana span,
  .pestana a,
  .pestana a:link {
    font-size: 1rem; }

  .pestana i {
    font-size: 0.8rem;
    bottom: 0px !important;
    top: auto;
    right: 0.25rem; } }
.doc-alert {
  width: 100%;
  margin: 0;
  border-radius: 0;
  min-height: 0px;
  max-height: 0px;
  opacity: 0;
  animation: delayme 300ms;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  box-sizing: border-box;
  padding: 0;
  border-width: 0; }
  .doc-alert > img {
    height: 30px;
    width: 30px;
    display: inline-block;
    position: absolute; }
  .doc-alert > span {
    float: none;
    margin-left: 50px;
    display: inline-block;
    top: 0;
    line-height: 30px; }

@keyframes delayme {
  from {
    opacity: 0;
    min-height: 0px;
    max-height: 0px;
    padding: 0;
    border-width: 0; }
  to {
    opacity: 1;
    min-height: 60px;
    max-height: 300px;
    padding: 15px;
    border-width: 1px; } }
.bottom-style {
  border-bottom-left-radius: 3px;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 3px;
  border-bottom-right-radius: 0.25rem;
  border-bottom: solid 1px #383737; }

#loadingpage {
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: fixed;
  background: #585454ad;
  z-index: 9999;
  padding-top: 50px;
  padding-top: 40vh; }