@charset "UTF-8";
@font-face {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  src: url("../../font/fontello.eot?90052945");
  src: url("../../font/fontello.eot?90052945#iefix") format("embedded-opentype"), url("../../font/fontello.woff2?90052945") format("woff2"), url("../../font/fontello.woff?90052945") format("woff"), url("../../font/fontello.ttf?90052945") format("truetype"), url("../../font/fontello.svg?90052945#fontello") format("svg");
  font-display: swap;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-display: swap;
    font-family: 'fontello';
    src: url('../font/fontello.svg?63420734#fontello') format('svg');
  }
}
*/
.icon-info:before {
  content: "\e865";
}

/* '' */
.icon-lock:before {
  content: "\e800";
}

/* '' */
.icon-heart:before {
  content: "\e801";
}

/* '' */
.icon-search:before {
  content: "\e803";
}

/* '' */
.icon-user-1:before {
  content: "\e804";
}

/* '' */
.icon-home:before {
  content: "\e805";
}

/* '' */
.icon-link-ext-alt:before {
  content: "\e806";
}

/* '' */
.icon-edit:before {
  content: "\e807";
}

/* '' */
.icon-comment-empty:before {
  content: "\e808";
}

/* '' */
.icon-clock:before {
  content: "\e809";
}

/* '' */
.icon-menu:before {
  content: "\e80a";
}

/* '' */
.icon-calendar-empty:before {
  content: "\e80b";
}

/* '' */
.icon-upload-cloud:before {
  content: "\e80c";
}

/* '' */
.icon-download-cloud:before {
  content: "\e80d";
}

/* '' */
.icon-chat:before {
  content: "\e80e";
}

.icon-fire:before {
  content: "\e814";
}

.icon-ok-squared:before {
  content: "\e802";
}

/* '' */
/* '' */
.icon-down-dir:before {
  content: "\e80f";
}

/* '' */
.icon-up-dir:before {
  content: "\e810";
}

/* '' */
.icon-right-open:before {
  content: "\e811";
}

/* '' */
.icon-left-open:before {
  content: "\e812";
}

/* '' */
.icon-circled-instagram:before {
  content: "\e813";
}

/* '' */
.icon-play:before {
  content: "\e815";
}

/* '' */
.icon-flag-empty:before {
  content: "\e816";
}

/* '' */
.icon-circled-youtube:before {
  content: "\e817";
}

/* '' */
.icon-thumbs-up-alt:before {
  content: "\e818";
}

/* '' */
.icon-thumbs-down-alt:before {
  content: "\e819";
}

/* '' */
.icon-rss:before {
  content: "\e81a";
}

/* '' */
.icon-play-circled2:before {
  content: "\e81e";
}

/* '' */
.icon-twitter:before {
  content: "\e81f";
}

/* '' */
.icon-mail:before {
  content: "\e822";
}

/* '' */
.icon-mail-alt:before {
  content: "\e823";
}

/* '' */
.icon-google:before {
  content: "\e824";
}

/* '' */
.icon-th:before {
  content: "\e825";
}

/* '' */
.icon-th-list:before {
  content: "\e826";
}

/* '' */
.icon-cancel-1:before {
  content: "\e827";
}

/* '' */
.icon-pencil:before {
  content: "\e828";
}

/* '' */
.icon-filter:before {
  content: "\e829";
}

/* '' */
.icon-dot-circled:before {
  content: "\e82b";
}

/* '' */
.icon-circle-empty:before {
  content: "\e82c";
}

/* '' */
.icon-trash:before {
  content: "\e82d";
}

/* '' */
.icon-trash-empty:before {
  content: "\e82e";
}

/* '' */
.icon-error-alt:before {
  content: "\e82f";
}

/* '' */
.icon-attention-1:before {
  content: "\e830";
}

/* '' */
.icon-cog:before {
  content: "\e831";
}

/* '' */
.icon-pause:before {
  content: "\e832";
}

/* '' */
.icon-to-end:before {
  content: "\e833";
}

/* '' */
.icon-to-start:before {
  content: "\e834";
}

/* '' */
.icon-to-end-alt:before {
  content: "\e835";
}

/* '' */
.icon-to-start-alt:before {
  content: "\e836";
}

/* '' */
.icon-plus-squared:before {
  content: "\e837";
}

/* '' */
.icon-plus-circled:before {
  content: "\e838";
}

/* '' */
.icon-eye-off:before {
  content: "\e839";
}

/* '' */
.icon-ok:before {
  content: "\e83a";
}

/* '' */
.icon-tokyvideo:before {
  content: "\e83b";
}

/* '' */
.icon-flag-black:before {
  content: "\e83c";
}

/* '' */
.icon-sort-alt-down-1:before {
  content: "\e841";
}

/* '' */
.icon-instagram:before {
  content: "\e84d";
}

/* '' */
.icon-folder-open-1:before {
  content: "\e855";
}

/* '' */
.icon-icon-telegram:before {
  content: "\e856";
}

/* '' */
.icon-lock-open-alt:before {
  content: "\e862";
}

/* '' */
.icon-chart-bar-1:before {
  content: "\e863";
}

/* '' */
.icon-globe:before {
  content: "\e864";
}

/* '' */
.icon-export:before {
  content: "\e866";
}

/* '' */
.icon-theater:before {
  content: "\e868";
}

/* '' */
.icon-tag-1:before {
  content: "\e869";
}

/* '' */
.icon-rocket-1:before {
  content: "\e86b";
}

/* '' */
.icon-history-1:before {
  content: "\e86c";
}

/* '' */
.icon-ccw:before {
  content: "\e873";
}

/* '' */
.icon-arrows-cw:before {
  content: "\e874";
}

/* '' */
.icon-block:before {
  content: "\e87a";
}

/* '' */
.icon-calendar:before {
  content: "\e87b";
}

/* '' */
.icon-video:before {
  content: "\e87c";
}

/* '' */
.icon-videocam:before {
  content: "\e884";
}

/* '' */
.icon-picture:before {
  content: "\e885";
}

/* '' */
.icon-forward:before {
  content: "\e886";
}

/* '' */
.icon-bell:before {
  content: "\e888";
}

/* '' */
.icon-star:before {
  content: "\e88a";
}

/* '' */
.icon-star-empty:before {
  content: "\e88b";
}

/* '' */
.icon-youtube-play:before {
  content: "\e890";
}

/* '' */
.icon-group:before {
  content: "\e897";
}

/* '' */
.icon-plus:before {
  content: "\e8ac";
}

/* '' */
.icon-ok-circled:before {
  content: "\e8ae";
}

/* '' */
.icon-eye-1:before {
  content: "\e8b1";
}

/* '' */
.icon-live-stream:before {
  content: "\e8be";
}

/* '' */
.icon-globe-lines:before {
  content: "\e8c0";
}

/* '' */
.icon-flag:before {
  content: "\e8e5";
}

/* '' */
.icon-series:before {
  content: "\e8eb";
}

/* '' */
.icon-share:before {
  content: "\e8f2";
}

/* '' */
.icon-followers:before {
  content: "\e8f3";
}

/* '' */
.icon-circled-reddit:before {
  content: "\e8f5";
}

/* '' */
.icon-circled-telegram:before {
  content: "\e8f6";
}

/* '' */
.icon-circled-whatsapp:before {
  content: "\e8f7";
}

/* '' */
.icon-circled-messenger:before {
  content: "\e8f8";
}

/* '' */
.icon-circled-twitter:before {
  content: "\e8f9";
}

/* '' */
.icon-circled-mail:before {
  content: "\e8fa";
}

/* '' */
.icon-copy:before {
  content: "\e8fd";
}

/* '' */
.icon-link-1:before {
  content: "\e8fe";
}

/* '' */
.icon-circled-facebook:before {
  content: "\e900";
}

/* '' */
.icon-folder-open-empty:before {
  content: "\f115";
}

/* '' */
.icon-code:before {
  content: "\f121";
}

/* '' */
.icon-minus-squared:before {
  content: "\f146";
}

/* '' */
/* '' */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  border: none;
  box-sizing: border-box;
  font-size: 100%;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  left: -100000px;
  position: absolute;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  box-sizing: border-box;
  padding: 4px;
  width: 100%;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  background-color: #fff;
  border: 0;
  display: block;
  filter: alpha(opacity=0);
  height: auto;
  left: 0;
  margin: 0;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: auto;
  z-index: 99;
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-top: -2px;
  margin-left: -4px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-right: auto;
  margin-left: 5px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: auto;
  margin-left: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: 0;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  background-image: linear-gradient(to bottom, white 50%, #eee 100%);
  background-repeat: repeat-x;
  border: 1px solid #aaa;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
  outline: 0;
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  border: none;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
  height: 26px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-top: -2px;
  margin-left: -4px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-bottom-left-radius: 4px;
  border-radius: 0;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  background-image: linear-gradient(to bottom, white 0%, #eee 50%);
  background-repeat: repeat-x;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  background-image: linear-gradient(to bottom, #eee 50%, white 100%);
  background-repeat: repeat-x;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-right: auto;
  margin-left: 5px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: auto;
  margin-left: 2px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  box-shadow: none;
  outline: 0;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol, ul {
  list-style: none;
}

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

blockquote, q {
  quotes: "" "";
}

/*
   Animation example, for spinners
*/
.animate-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@-webkit-keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
  -ms-touch-action: none;
}

.remodal,
[data-remodal-id] {
  display: none;
}

.remodal-overlay {
  bottom: -5000px;
  display: none;
  left: -5000px;
  position: fixed;
  right: -5000px;
  top: -5000px;
  z-index: 9999;
}

.remodal-wrapper {
  bottom: 0;
  display: none;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 10000;
}

.remodal-wrapper:after {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
}

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.remodal {
  outline: none;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  display: inline-block;
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
          animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
          animation-name: remodal-overlay-closing-keyframes;
}

.remodal-wrapper {
  padding: 10px 10px 0;
}

.remodal {
  background: #fff;
  box-sizing: border-box;
  color: #2b2e38;
  margin-bottom: 10px;
  padding: 35px;
  transform: translate3d(0, 0, 0);
  width: 100%;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
          animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
          animation-name: remodal-closing-keyframes;
}

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

.remodal-close {
  background: transparent;
  border: 0;
  color: #95979c;
  cursor: pointer;
  display: block;
  height: 35px;
  left: 0;
  margin: 0;
  outline: 0;
  overflow: visible;
  padding: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
  transition: color .2s;
  width: 35px;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  content: "\00d7";
  display: block;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  left: 0;
  line-height: 35px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 35px;
}

.remodal-confirm,
.remodal-cancel {
  border: 0;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  margin: 0;
  min-width: 110px;
  outline: 0;
  overflow: visible;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  transition: background .2s;
  vertical-align: middle;
}

.remodal-confirm {
  background: #81c784;
  color: #fff;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  background: #e57373;
  color: #fff;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    opacity: 0;
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    opacity: 0;
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.ath-viewport * {
  box-sizing: border-box;
}

.ath-viewport {
  position: relative;
  z-index: 2147483641;
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

.ath-modal {
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.6);
}

.ath-mandatory {
  background: #000;
}

.ath-container {
  pointer-events: auto !important;
  position: absolute;
  z-index: 2147483641;
  padding: 0.7em 0.6em;
  width: 18em;
  background: #eee;
  background-size: 100% auto;
  border-radius: 5px;
  box-shadow: 0 0.2em 0.4em #d1d1d1;
  font-family: "Manrope", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1em !important;
  line-height: 1.5em;
  text-align: center;
}

.ath-container small {
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
  margin-top: 0.5em;
}

.ath-ios.ath-phone {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

.ath-ios6.ath-tablet {
  left: 5em;
  top: 1.8em;
}

.ath-ios7.ath-tablet {
  left: 0.7em;
  top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet {
  right: 0.4em;
  top: 1.8em;
}

.ath-android {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

/* close icon */
.ath-container:before {
  content: '';
  position: relative;
  display: block;
  float: right;
  margin: -0.7em -0.6em 0 0.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
  background-color: transparent;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 2.7em;
  height: 2.7em;
  text-align: center;
  overflow: hidden;
  color: #a33;
  z-index: 2147483642;
}

.ath-container.ath-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  float: none;
}

.ath-mandatory .ath-container:before {
  display: none;
}

.ath-container.ath-android:before {
  float: left;
  margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
  position: absolute;
  right: auto;
  left: 0;
  margin: 0;
  float: none;
}

/* applied only if the application icon is shown */
.ath-action-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon {
  width: 1.6em;
  height: 1.6em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
  margin-top: -0.3em;
  background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
  width: 1.8em;
  height: 1.8em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
  margin-bottom: 0.4em;
  background-size: 100% auto;
}

.ath-android .ath-action-icon {
  width: 1.4em;
  height: 1.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
  background-size: 100% auto;
}

.ath-container p {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2147483642;
  text-shadow: 0 0.1em 0 #fff;
  font-size: 1.1em;
}

.ath-ios.ath-phone:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  bottom: -0.9em;
  left: 50%;
  margin-left: -1em;
  transform: scaleX(0.9) rotate(45deg);
  box-shadow: 0 0.2em 0.4em -0.2em #d1d1d1;
}

.ath-ios.ath-tablet:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  top: -0.9em;
  left: 50%;
  margin-left: -1em;
  transform: scaleX(0.9) rotate(45deg);
  z-index: 2147483641;
}

.ath-application-icon {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0 auto 0.2em auto;
  height: 6em;
  width: 6em;
  z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
  border-radius: 1em;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
  .ath-container.ath-phone {
    width: 24em;
  }
  .ath-android.ath-phone {
    margin-left: -12em;
  }
  .ath-ios.ath-phone {
    margin-left: -12em;
  }
  .ath-ios6:after {
    left: 39%;
  }
  .ath-ios8.ath-phone {
    left: auto;
    bottom: auto;
    right: 0.4em;
    top: 1.8em;
  }
  .ath-ios8.ath-phone:after {
    bottom: auto;
    top: -0.9em;
    left: 68%;
    z-index: 2147483641;
    box-shadow: none;
  }
}

/*
   Animation example, for spinners
*/
.animate-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2019-5-16 16:45:40
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in-top {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes shrink-bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes shrink-bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes loading-circle {
  from {
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes loading-circle {
  from {
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2019-11-7 14:30:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-in50 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .5;
  }
}

@keyframes fade-in50 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .5;
  }
}

@-webkit-keyframes bellshake {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(5deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  45% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes bellshake {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(5deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  45% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}

@-webkit-keyframes colorchange {
  0% {
    background: transparent;
  }
  50% {
    background: #ffe8eb;
  }
  100% {
    background: transparent;
  }
}

@keyframes colorchange {
  0% {
    background: transparent;
  }
  50% {
    background: #ffe8eb;
  }
  100% {
    background: transparent;
  }
}

@-webkit-keyframes announce-seconds {
  0% {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
  50% {
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
}

@keyframes announce-seconds {
  0% {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
  50% {
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
}

@-webkit-keyframes hide-tooltip {
  0% {
    opacity: 1;
    z-index: 10;
  }
  90% {
    opacity: 1;
    z-index: 10;
  }
  99% {
    opacity: 0;
    z-index: -1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}

@keyframes hide-tooltip {
  0% {
    opacity: 1;
    z-index: 10;
  }
  90% {
    opacity: 1;
    z-index: 10;
  }
  99% {
    opacity: 0;
    z-index: -1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}

@-webkit-keyframes show-menu {
  0% {
    transform: translateX(-250px);
  }
  1% {
    transform: translateX(-250px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes show-menu {
  0% {
    transform: translateX(-250px);
  }
  1% {
    transform: translateX(-250px);
  }
  100% {
    transform: translateX(0px);
  }
}

@-webkit-keyframes show-menuback {
  0% {
    display: block;
    transform: translateX(0px);
  }
  99% {
    display: block;
    transform: translateX(-250px);
  }
  100% {
    display: none;
    transform: translateX(-250px);
  }
}

@keyframes show-menuback {
  0% {
    display: block;
    transform: translateX(0px);
  }
  99% {
    display: block;
    transform: translateX(-250px);
  }
  100% {
    display: none;
    transform: translateX(-250px);
  }
}

@-webkit-keyframes flicker {
  0%,
  9%,
  11%,
  13%,
  26%,
  29%,
  100% {
    text-shadow: 0 0 2px black, 0 0 4px #f00202, 0 0 11px #f00202, 0 0 19px #f00202, 0 0 40px #980100, 0 0 80px #980100, 0 0 90px #980100, 0 0 100px #980100, 0 0 150px #980100;
  }
  10%,
  12%,
  27% {
    text-shadow: none;
  }
}

@keyframes flicker {
  0%,
  9%,
  11%,
  13%,
  26%,
  29%,
  100% {
    text-shadow: 0 0 2px black, 0 0 4px #f00202, 0 0 11px #f00202, 0 0 19px #f00202, 0 0 40px #980100, 0 0 80px #980100, 0 0 90px #980100, 0 0 100px #980100, 0 0 150px #980100;
  }
  10%,
  12%,
  27% {
    text-shadow: none;
  }
}

@-webkit-keyframes flicker--sm {
  0%,
  9%,
  11%,
  13%,
  26%,
  29%,
  100% {
    text-shadow: 0 0 1px #000, 0 0 7px #f00202, 0 0 15px #980100, 0 0 25px #980100;
  }
  10%,
  12%,
  27% {
    text-shadow: none;
  }
}

@keyframes flicker--sm {
  0%,
  9%,
  11%,
  13%,
  26%,
  29%,
  100% {
    text-shadow: 0 0 1px #000, 0 0 7px #f00202, 0 0 15px #980100, 0 0 25px #980100;
  }
  10%,
  12%,
  27% {
    text-shadow: none;
  }
}

/* BG darkening
   ========================================================================== */
/* Color darkening
   ========================================================================== */
/* Add gradient
   ========================================================================== */
.flex {
  display: flex;
  flex-wrap: wrap;
}

.col-70 {
  flex: 0 0 70%;
}

.col-30 {
  flex: 0 0 30%;
  max-width: 30%;
}

.flex-grow-1 {
  flex-grow: 1;
}

.col-full-width {
  flex: 0 0 100%;
  max-width: 100%;
}

.wrapper {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 .5rem;
}

@media (min-width: 768px) {
  .wrapper {
    padding: 0 1rem;
  }
}

.videopage .wrapper {
  max-width: none;
  padding: 0;
}

/* TEXT ALIGN
   ========================================================================== */
.text-center, .btn__show-more--mobile {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/*
   ========================================================================== */
body * .is-hidden {
  display: none !important;
}

body * .hidden {
  display: none;
}

@media (max-width: 374px) {
  body * .hidden-xxs {
    display: none;
  }
}

body * .hidden-xs {
  display: inline-block;
}

@media (max-width: 543px) {
  body * .hidden-xs {
    display: none;
  }
  body * .hidden-xs.btn--show-more {
    display: none;
  }
}

body * .hidden-xs.btn--show-more {
  display: block;
}

body * .hidden-sm {
  display: none;
}

@media (min-width: 768px) {
  body * .hidden-sm {
    display: inline-block;
  }
  body * .hidden-sm.btn--show-more {
    display: block;
  }
}

body * .hidden-md {
  display: none;
}

@media (max-width: 991px) {
  body * .hidden-md {
    display: inline-block;
  }
  body * .hidden-md.btn--show-more {
    display: block;
  }
}

body * .hidden-lg {
  display: none;
}

@media (max-width: 1187px) {
  body * .hidden-lg {
    display: inline-block;
  }
  body * .hidden-lg.btn--show-more {
    display: block;
  }
}

body * .visible-xs {
  display: inline-block;
}

@media (min-width: 544px) {
  body * .visible-xs {
    display: none;
  }
  body * .visible-xs.btn--show-more {
    display: none;
  }
}

body * .visible-xs.btn--show-more {
  display: block;
}

body * .visible-sm {
  display: inline-block;
}

@media (min-width: 768px) {
  body * .visible-sm {
    display: none;
  }
  body * .visible-sm.btn--show-more {
    display: none;
  }
}

body * .visible-sm.btn--show-more {
  display: block;
}

body * .visible-md {
  display: inline-block;
}

@media (min-width: 992px) {
  body * .visible-md {
    display: none;
  }
  body * .visible-md.btn--show-more {
    display: none;
  }
}

body * .visible-md.btn--show-more {
  display: block;
}

body * .visible-lg {
  display: none;
}

@media (min-width: 1188px) {
  body * .visible-lg {
    display: inline-block;
  }
  body * .visible-lg.btn--show-more {
    display: block;
  }
}

body .invisible {
  visibility: hidden;
}

body .visible {
  visibility: visible;
}

body .separator {
  min-height: 3rem;
  width: 100%;
}

@media (min-width: 544px) {
  .hide-xl {
    display: none;
  }
}

@media (max-width: 991px) {
  .hide-md {
    display: none;
  }
}

@media (max-width: 767px) {
  .hide-xs {
    display: none;
  }
}

/* ONE LINE TEXT TRUNCATE
   ========================================================================== */
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* TEXT SHADOW
   ========================================================================== */
.text-shadow {
  text-shadow: 0 0.1rem 0.14rem rgba(0, 0, 0, 0.5);
}

/* POSITION
   ========================================================================== */
.pos-relative, .icon-primary,
.icon-secondary,
.slogan__icon,
.icon--thumb-data,
.icon--data-duration,
.icon--producer-data,
.icon-btn-videos-xxs, .icon--main-nav,
.top__nav__icon,
.icon--count,
.icon-btn-videos {
  position: relative;
}

.pos-absolute {
  position: absolute;
}

.is-visible {
  display: block;
}

/* POSITION
   ========================================================================== */
.margin-zero-important {
  margin: 0 !important;
}

.container {
  margin: 0 auto;
  max-width: 1440px;
}

.content {
  margin: 0 auto;
  max-width: 1355px;
  padding: 0 12px 0;
  position: relative;
  width: 100%;
}

@media (max-width: 767px) {
  .content.content--full-width {
    padding: 0;
  }
}

.videopage .wrapper {
  max-width: 1600px;
}

@media (min-width: 960px) {
  .no-touchevents .videopage {
    width: 100vw;
  }
}

/* unused*/
/* $pill-gaming: #6e44ff !default;
$pill-sports: #1d9d2c !default;
$pill-trailers: #007979 !default;
$pill-comedy: #ef532f !default;
$pill-travels: #0096ff !default;
$pill-animals: #574142 !default;
$pill-news: #98002a !default;
$pill-television: #da0505 !default;
$pill-documentary: #3f2929 !default;
$pill-motor: #0007e7 !default;
$pill-baby: #fc60a8 !default;
$pill-recipes: #69353f !default;
$pill-languages: #1d70a2 !default;
$pill-decoration: #70163c !default;
$pill-beauty: #d44a6d !default;
$pill-photography: #108062 !default;
$pill-dancing: #802392 !default;
$pill-beers: #d46805 !default;
$pill-art: #ef3054 !default;
$pill-garden: #1b512d !default;
$pill-experiments: #372554 !default;
$pill-fashion: #ab2360 !default;
$pill-tech: #122d96 !default;
$pill-kids: #55a9c2 !default;
$pill-music: #b91372 !default;
$pill-christmas: #870404 !default; */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(../../font/Manrope-VariableFont_wght.subset.woff2) format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(../../font/Manrope-VariableFont_wght.subset.woff2) format("woff2");
}

h1 {
  color: #484848;
}

.pagination {
  text-align: center;
}

/* DELETE TRANSITIONS UNTIL LOAD
   ========================================================================== */
html:not(.has-transitions) *,
html:not(.has-transitions) *::before,
html:not(.has-transitions) *::after {
  transition: none !important;
}

strong {
  font-variation-settings: "wght" 600;
}

/* Old estilos.css */
body {
  background-color: #fff;
  color: #484848;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

.clear {
  clear: both;
}

.clear-small {
  display: none;
}

.content-video {
  max-width: 1133px;
}

/* CLASES GENERICAS */
.text-left {
  text-align: left;
}

.text-center, .btn__show-more--mobile {
  text-align: center;
}

.text-right {
  text-align: right;
}

.left,
.right {
  display: inline-block;
}

.left {
  float: left;
}

.right {
  float: right;
}

.relative {
  position: relative;
}

strong,
b {
  font-weight: bold;
}

.separador-gris {
  background-color: #e2e2e2;
  display: block;
  height: 1px;
  margin: 14px 0;
  width: 100%;
}

@media (min-width: 961px) {
  .separador-gris.show-md {
    display: none;
  }
}

.listado-videos .separador-gris {
  background-color: #e2e2e2;
  display: block;
  height: 1px;
  margin: 14px 0 0;
  width: 100%;
}

.icono {
  display: block;
  float: left;
}

.icono-right {
  margin-left: 5px;
}

.icono-right-grande {
  display: inline-block;
  float: none;
  font-size: 18px;
  margin-left: 0;
}

.icono-right-mid {
  display: inline-block;
  float: none;
  font-size: 14px;
  margin-left: 3px;
}

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

.profile-header .data .subscribe .btn-subscribe,
.subscribe-channel-title .btn-subscribe {
  background-color: #ea5367;
  border: 1px solid #ea5367;
  border-radius: 4px 0 0 4px;
  color: #fff;
  float: left;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
  text-decoration: none;
  transition: background-color .2s ease-in-out, border .2s ease-in-out;
}

.profile-header .data .subscribe .btn-subscribe.btn-subscribe-subscribed,
.subscribe-channel-title .btn-subscribe.btn-subscribe-subscribed {
  background-color: #999;
  border-color: #999;
}

.profile-header .data .subscribe .btn-subscribe .icono,
.subscribe-channel-title .btn-subscribe .icono {
  font-size: 18px;
  font-weight: normal;
  margin-right: 4px;
  position: relative;
  top: 1px;
}

.profile-header .data .subscribe .resultado,
.subscribe-channel-title .resultado {
  border: 1px solid #e8e3e3;
  border-left: none;
  border-radius: 0 4px 4px 0;
  display: block;
  float: right;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
}

/* BOTONES */
.btn-generico,
.ms-options-wrap > .ms-options > .ms-selectall.global,
.datepicker.dropdown-menu tfoot tr th.today,
.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #303030;
  display: inline-block;
  font-size: 13px;
  height: 34px;
  line-height: 30px;
  margin: 0 0 0 7px;
  padding: 0 10px;
  text-decoration: none;
  transition: all .5s ease-in-out;
}

.btn-generico,
.data-video .subscribe .btn-subscribe,
.profile-header .data .subscribe .btn-subscribe,
.subscribe-channel-title .btn-subscribe {
  align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: inline-flex;
  -ms-flex-align: center;
  justify-content: center;
}

.btn-generico .texto {
  display: inline-block;
}

.btn-generico .icono {
  color: #ea5367;
  display: inline-flex;
  font-size: 18px;
  margin-right: .5rem;
}

.icono,
.icon,
.icono-right,
.icono-left {
  align-self: center;
  display: inline-flex;
  -ms-flex-item-align: center;
  float: none;
  margin-right: 3px;
}

.btn-generico .icono-20 {
  font-size: 20px;
  line-height: 32px;
}

.btn-generico .icono-18 {
  font-size: 18px;
  position: relative;
  top: 1px;
}

.btn-generico .icono-15 {
  font-size: 15px;
  margin-right: 0;
}

/* TAB MENU */
.tab-menu {
  border-bottom: 1px solid #ddd;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 .875rem;
}

.tab-menu li {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 12px;
}

.tab-menu li.selected {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
  display: inline-block;
  height: 42px;
  line-height: 40px;
  margin-bottom: -1px;
}

.tab-menu li a {
  color: #333;
  display: block;
  text-decoration: none;
}

.tab-menu li.disabled {
  color: #999;
  cursor: not-allowed;
  opacity: .7;
}

@media (max-width: 570px) {
  .tab-menu {
    font-size: 14px;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .tab-menu li {
    background: none;
    border: none;
  }
  .tab-menu li.selected {
    border: none;
    border-bottom: 3px solid #ea5367;
    color: #ea5367;
  }
  .tab-menu li.selected a {
    color: #ea5367;
  }
  .tab-menu li.disabled {
    color: #999;
    cursor: not-allowed;
    opacity: .7;
  }
}

/* LISTADO DE VIDEOS */
.listado-videos {
  margin: 2px auto;
  position: relative;
  text-align: left;
}

@media (min-width: 544px) {
  .listado-videos {
    margin: 7px auto;
  }
}

.video-relacionados.thumb-video p a, .watch-later-videos .thumb-video.thumb-view-later p a {
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
}

.video-relacionados.thumb-video p a .icon, .watch-later-videos .thumb-video.thumb-view-later p a .icon {
  font-size: 14px;
  margin-left: 3px;
  vertical-align: text-top;
}

.no-touchevents .thumb-video:hover .corazon-favorito {
  background-color: #ea5367;
}

.no-touchevents .thumb-video:hover .corazon-favorito:hover {
  background-color: #fff;
  color: #303030;
}

.footer.content,
.listado-videos {
  max-width: 1400px;
}

@media (min-width: 694px) and (max-width: 916px) {
  .channel-background {
    margin: 0 auto;
    width: 100%;
  }
}

@media (min-width: 1429px) {
  .listado-videos:not(.listado-series) {
    /*  width: 1331px; */
    width: 100%;
  }
}

/**/
.listado-videos h1,
.listado-videos h2 {
  color: #333;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 8px;
  text-align: left;
}

@media (min-width: 768px) {
  .listado-videos h1,
  .listado-videos h2 {
    font-size: 17px;
  }
}

.listado-videos h1 a,
.listado-videos h2 a {
  color: #333;
  display: block;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
}

.listado-videos h1 a .thumb-user-small,
.listado-videos h2 a .thumb-user-small {
  border-radius: 100px;
  display: block;
  float: left;
  margin-bottom: 1px;
  margin-right: 6px;
  position: relative;
  top: 1px;
  width: 35px;
}

.listado-videos h3.titulo {
  color: #333;
  display: block;
  float: left;
  font-size: 15px;
  font-weight: bold;
  line-height: 36px;
  margin: 0 0 8px;
  text-align: left;
}

.listado-videos h3.titulo a {
  color: #333;
  text-decoration: none;
}

.listado-videos small {
  color: #999;
  display: inline-block;
  font-size: 13px;
  line-height: 36px;
  margin: 1px 0 0 12px;
}

.listado-videos small a {
  color: #999;
  text-decoration: none;
}

.listado-videos small span {
  display: inline-block;
  margin-right: 4px;
}

/**/
.search-titulo {
  border-radius: 4px;
  display: block;
  float: right;
  position: relative;
}

.search-titulo .search-text {
  border: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #686868;
  display: inline-block;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 34px;
  padding: 0 44px 0 10px;
}

.search-titulo .search-text:focus {
  border: 1px solid #ea5367;
  box-shadow: 0 0 4px 0 #ea5367;
}

.search-titulo .search-button {
  background: none;
  border: none;
  border-left: 1px solid #ccc;
  color: #b6b5b5;
  display: block;
  font-size: 18px;
  margin: 1px;
  padding: 6px 9px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 1px;
}

/**/
.icon-border {
  background-color: #484848;
  display: block;
  float: left;
  height: 37px;
  margin-right: 12px;
  width: 9px;
}

.icon-border-naranja {
  background-color: #ea5367;
}

.pelota {
  font-size: 20px;
  margin-right: 12px;
  position: relative;
  top: 1px;
}

.pelota-verde {
  color: #484848;
}

.pelota-naranja {
  color: #ea5367;
}

/**/
.listado-videos .btn-left {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px 0 0 6px;
  color: #333;
  height: 34px;
  left: -7px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 87px;
  width: 24px;
  z-index: 101;
}

.listado-videos .btn-right {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0 6px 6px 0;
  color: #333;
  height: 34px;
  line-height: 32px;
  position: absolute;
  right: -7px;
  text-align: center;
  top: 87px;
  width: 24px;
  z-index: 101;
}

.listado-videos .btn-right .icono-flecha,
.listado-videos .btn-left .icono-flecha {
  display: inline-block;
  position: relative;
  top: 2px;
}

.listado-videos .btn-right:hover,
.listado-videos .btn-left:hover {
  background-color: #ea5367;
  border: 1px solid #ea5367;
  color: #fff;
}

.listado-videos .btn-off {
  background-color: #fff;
  border: 1px solid #eaeaea;
  color: #ccc;
}

.listado-videos .btn-off:hover {
  background-color: #fff;
  border: 1px solid #eaeaea;
  color: #ccc;
}

/* EDIT MY CHANNEL ------------------------------------------------------------------------------------------------------------------ */
.canales-lista,
.canales-featured {
  margin: 14px auto 0;
  min-width: 300px;
  padding: 0 10px;
  position: relative;
  text-align: left;
  width: 100%;
}

@media (min-width: 1139px) {
  .canales-lista,
  .canales-featured {
    padding: 0;
    width: 1109px;
  }
}

@media (min-width: 1429px) {
  .canales-lista,
  .canales-featured {
    width: 1331px;
  }
}

@media (min-width: 1700px) {
  .canales-lista,
  .canales-featured {
    width: 1331px;
  }
}

.count-subscriptions {
  color: #2a2b2b;
  font-size: 15px;
  line-height: 22px;
  margin: 15px auto;
  text-align: center;
}

.thumb-video__container .count-subscriptions {
  width: 100%;
}

.thumb-video__container #empty-container {
  width: 100%;
}

/**/
.thumb-video .botones-edit-video {
  display: none;
}

.no-touchevents .thumb-video:hover .botones-edit-video {
  align-items: center;
  bottom: 73px;
  -webkit-box-align: center;
  /* NEW, Spec - Firefox, Chrome, Opera */
  -webkit-box-pack: center;
  display: block;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  /* TWEENER - IE 10 */
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -ms-flex-align: center;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.no-touchevents .listado-videos .thumb-video:hover .botones-edit-video {
  bottom: 65px;
}

.thumb-video .botones-edit-video .btn, .thumb-video .botones-edit-video .btn-large, .thumb-video .botones-edit-video .pagination_item--is-disabled {
  align-items: center;
  background: #666;
  border: 1px solid #666;
  border-radius: 4px;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  color: #fff;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  font-size: 18px;
  justify-content: center;
  margin: 0 3px;
  text-align: center;
  width: 42px;
}

.thumb-video .botones-edit-video .btn-naranja {
  background: #ea5367;
  border-color: #ea5367;
}

.thumb-video .botones-edit-video .btn .icono, .thumb-video .botones-edit-video .btn-large .icono, .thumb-video .botones-edit-video .pagination_item--is-disabled .icono {
  display: block;
  float: none;
  font-size: 1em;
  margin: 0 auto;
  position: relative;
  top: 0;
}

/* TOOLTIPS DERECHA ----------------------------------------------------------------------------------------------------------- */
.tooltips {
  display: inline;
  position: relative;
}

a.tooltips span {
  background: #1a1919;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 12px;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  visibility: hidden;
  white-space: nowrap;
  width: auto;
}

a.tooltips span:after {
  border-bottom: 4px solid transparent;
  border-right: 7px solid #1a1919;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  margin-top: -3px;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
}

.no-touchevents a:hover.tooltips span {
  left: 100%;
  margin-left: 15px;
  margin-top: -11.5px;
  top: 50%;
  visibility: visible;
  z-index: 999;
}

/* TOOLTIPS PENDING ----------------------------------------------------------------------------------------------------------- */
.tooltips-pending {
  display: inline;
  position: relative;
}

.tooltips-pending span {
  background: #fff;
  border-radius: 4px;
  color: #141414;
  display: block;
  font-size: 11px;
  height: 23px;
  left: 50%;
  line-height: 23px;
  margin-left: -50px;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  top: 41px;
  visibility: visible;
  visibility: visible;
  white-space: nowrap;
  width: 100px;
  z-index: 999;
}

.tooltips-pending span:after {
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  width: 0;
}

/* CATEGORIES ------------------------------------------------------------------------------------------------------------------ */
.thumb-categories {
  margin-bottom: 1.6em;
  text-align: center;
}

.thumb-categories a.thumb-duracion img {
  height: 150px;
}

.thumb-categories:hover a.thumb-duracion img {
  opacity: .8;
}

.thumb-categories ul li .icono-ok-verde {
  color: #484848;
  font-size: 14px;
  position: relative;
  top: 2px;
}

.thumb-categories h3 {
  font-size: 15px;
  line-height: 17px;
  margin-top: 10px;
}

.thumb-categories .balon-categories {
  background-color: #fff;
  border-radius: 100px;
  color: #ff5a44;
  font-size: 30px;
  left: 50%;
  margin-left: -19px;
  padding: 4px;
  position: absolute;
  top: 132px;
}

/* VIEW LATER*/
.thumb-view-later h3,
.thumb-view-later p,
.thumb-view-later ul {
  padding-right: 45px;
}

.thumb-view-later .btn-borrar-video {
  color: #ccc;
  display: none;
  position: absolute;
  right: 5px;
  top: 0;
}

.no-touchevents .thumb-view-later .btn-borrar-video:hover {
  background-color: #ea5367;
  border: 1px solid #ea5367;
  color: #fff;
}

.thumb-view-later .btn-borrar-fav {
  display: none;
  padding: 0 10px;
  position: absolute;
  right: 5px;
  top: 0;
}

.no-touchevents .thumb-view-later:hover .btn-borrar-video,
.no-touchevents .thumb-view-later:hover .btn-borrar-fav {
  display: block;
}

@media (max-width: 471px) {
  .thumb-view-later h3,
  .thumb-view-later p,
  .thumb-view-later ul {
    padding-right: 45px;
  }
  .thumb-view-later h3 {
    max-height: 30px;
  }
  .thumb-view-later h3 a {
    line-height: 1.16em;
  }
}

.thumb-grande a.thumb-duracion {
  display: block;
  height: 123px !important;
  position: relative;
  text-decoration: none;
  width: 219px !important;
}

.thumb-grande a.thumb-duracion img {
  display: block;
  height: 123px !important;
  margin: 0 0 6px;
  width: 219px !important;
}

.thumb-grande .btn-play-all {
  margin: 10px 6px 0 0;
}

.thumb-grande .play {
  left: 82px;
  top: 37px;
}

.filter-relative {
  position: relative;
}

/* MOBILE VIDEO SETTINGS ----------------------------------------------------------------------------------------------------------- */
.thumb-video .btn-mobile-vid {
  display: none;
  font-size: 1.1em;
  line-height: 2.3em;
  padding: 0 .6em;
  position: absolute;
  top: 8px;
  z-index: 9997;
}

.thumb-video .btn-mobile-vid .icon {
  font-size: 17px;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}

.thumb-video.private .btn-mobile-vid .icon {
  top: 25%;
}

.thumb-video.owner-with-channel .btn-mobile-vid {
  bottom: 87px;
}

@media (min-width: 472px) {
  .thumb-video .btn-mobile-vid {
    bottom: 61px;
    left: 10px;
  }
  .thumb-video.owner-with-channel .btn-mobile-vid {
    bottom: 73px;
  }
}

.filter-large {
  clear: both;
  display: block;
  float: none;
  margin: 0;
  text-align: center;
  width: 100%;
}

.filter-large .text-ordenar {
  position: relative;
  top: -10px;
}

.data-video .social-buttons {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  float: right;
  margin-bottom: 1rem;
  width: 50%;
}

@media (min-width: 768px) {
  .data-video .social-buttons {
    position: absolute;
    right: 0;
  }
  .data-video .social-buttons .votos-thumbs {
    margin-bottom: .5rem;
    order: 1;
  }
  .data-video .social-buttons .vistas {
    margin-bottom: .8rem;
    order: 1;
  }
  .data-video .social-buttons .fav-compartir {
    order: 3;
  }
  .data-video .social-buttons .campo-url {
    background: white;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 15px, rgba(0, 0, 0, 0.2) 0 1px 3px;
    clear: both;
    display: none;
    max-width: 400px;
    order: 4;
    padding: 10px;
    position: absolute;
    top: 125px;
    z-index: 1;
  }
}

@media (max-width: 767px) {
  .data-video .social-buttons {
    display: inline-block;
    width: 100%;
  }
}

.data-video .social-buttons .vistas {
  clear: both;
}

.data-video .subscription-buttons {
  float: left;
  margin-right: 2%;
  width: 48%;
}

@media (max-width: 480px) {
  .data-video .subscription-buttons {
    margin-left: -8px;
    margin-right: 0;
    max-width: none;
    width: 100vw;
  }
  .data-video .subscription-buttons .channel_user {
    max-width: none;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .data-video .subscription-buttons {
    margin-left: -16px;
    margin-right: 0;
    max-width: none;
    width: 100vw;
  }
  .data-video .subscription-buttons .channel_user {
    max-width: none;
  }
}

@media (min-width: 768px) and (max-width: 960px) {
  .data-video .subscription-buttons {
    margin-bottom: 30px;
  }
}

@media (max-width: 360px) {
  .share-active .mobile-social-icons a {
    padding: 3px;
  }
}

/*XXS*/
@media (max-width: 480px) {
  .content-video {
    padding-left: 0;
    padding-right: 0;
  }
  .video {
    background: none;
    margin: 0;
    width: 100%;
  }
  .data-video,
  .comments,
  .left-content {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  /**/
  .data-video .data {
    padding-left: 0;
    padding-top: 8px;
  }
  .data-video .data .separador-gris {
    clear: both;
    margin: 15px auto 15px;
  }
  .data-video .name-channel {
    margin: -4px 0 6px 0;
  }
  .data-video .subscribe {
    margin-left: 0;
  }
  .data-video .vistas {
    clear: both;
    float: right;
    font-size: 20px;
    margin: 3px 0 0;
  }
  .data-video .fav-compartir a {
    margin-right: 7px;
  }
  .data-video .votos-thumbs {
    float: right;
  }
  .data .mobcomments {
    margin-top: -3px;
  }
  .vistas .icono {
    top: 1px;
  }
  .votos-thumbs a {
    font-size: 11px;
    margin: 0;
  }
  /**/
  .related-videos {
    margin: 0 auto;
    max-width: none;
    width: 100%;
  }
  .related-videos h4 {
    font-size: 18px;
    font-weight: bold;
    padding: 2px 0 10px;
  }
  .related-videos h4 span {
    font-size: 19px;
  }
  .clear-small {
    display: block;
  }
  .filter-small,
  .search-small {
    display: block;
  }
  .btn-titulo-small {
    display: inline-block;
    margin: 0 1% 0 0;
    text-align: center;
    width: 49%;
  }
  .btn-titulo-small.search-small {
    margin-right: 0;
  }
  .btn-titulo-small span {
    display: inline-block;
    float: none;
  }
  .btn-titulo-small-100 {
    display: inline-block;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  .show-grid,
  .show-list {
    display: none;
  }
  .box-featured-channel .btn-subscribe {
    top: 5px;
  }
  .channel-background {
    height: 120px;
  }
  .channel-background .thumb {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    height: 66px;
    left: 10px;
    margin-top: -30px;
    width: 66px;
  }
  .channel-background .thumb img {
    height: 60px;
    width: 60px;
  }
  .profile-header .data .views {
    float: left;
    margin-right: 0;
  }
  .thumb-grande {
    text-align: center;
  }
  .thumb-grande h3 {
    margin-top: 8px;
  }
  .thumb-grande h3,
  .thumb-grande p,
  .thumb-grande ul {
    padding-right: 0;
  }
  .thumb-grande a.thumb-duracion {
    float: none;
    margin: 0 auto;
  }
  .thumb-categories {
    text-align: left;
  }
  .thumb-categories .balon-categories {
    left: 96px;
    margin-left: 0;
    top: 24px;
  }
  .thumb-categories h3 {
    font-size: 15px;
    height: auto;
    line-height: 20px;
    margin-top: 7px;
    max-height: none;
    padding-left: 20px;
  }
  .thumb-categories ul {
    margin: 4px 0 0 142px;
  }
}

/*XS*/
@media (min-width: 481px) and (max-width: 767px) {
  .content-video {
    padding-left: 0;
    padding-right: 0;
  }
  .data-video .not_channel_user .user-picture {
    height: 60px;
    top: 0;
    width: 60px;
  }
  .data-video .channel_user .user-picture {
    height: 60px;
    top: 0;
    width: 107px;
  }
  .data-video .not_channel_user .user-picture a img {
    height: 60px;
    width: 60px;
  }
  .data-video .channel_user .user-picture a img {
    height: 60px;
    width: 107px;
  }
  .data-video .data {
    padding-left: 0;
  }
  .video {
    background: none;
    margin: 0;
    width: 100%;
  }
  .data-video,
  .comments,
  .left-content {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%;
  }
  .related-videos {
    margin: 0 auto;
    max-width: none;
    width: 100%;
  }
  .related-videos h4 {
    font-size: 18px;
    font-weight: bold;
    padding: 2px 0 10px;
  }
  .related-videos h4 span {
    font-size: 19px;
  }
  .comments h5 {
    border-bottom: 1px solid #e9e9e9;
    margin: 20px 0 10px;
    padding: 2px 0 10px;
  }
  .filter-small,
  .search-small {
    display: block;
  }
  .profile-header .data .views {
    float: left;
    margin-right: 0;
  }
  .profile-header .data .subscribe .resultado {
    padding: 0 5px;
  }
  .clear-medium {
    display: block;
  }
  .filter-large {
    clear: both;
    display: block;
    float: none;
    width: 100%;
  }
  .filter-large {
    margin-left: 0;
  }
  .btn-titulo-small {
    display: inline-block;
    margin: 0 1% 0 0;
    text-align: center;
    width: 49%;
  }
  .show-grid,
  .show-list {
    display: none;
  }
}

@media (min-width: 471px) and (max-width: 693px) {
  .filter-relative-100 {
    float: none;
  }
  .filter-relative-50 {
    float: right;
    width: 50%;
  }
  .filter-large {
    clear: both;
    display: block;
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .filter-medium {
    clear: both;
    display: block;
    float: none;
    width: 100%;
  }
  .clear-small {
    display: block;
  }
  .btn-titulo-small {
    display: inline-block;
    margin: 0 1% 0 0;
    text-align: center;
    width: 48%;
  }
  .btn-titulo-small .icono-18 {
    display: inline-block;
  }
  .show-grid,
  .show-list {
    display: none;
  }
  .filter-large {
    margin-bottom: 12px;
  }
}

body.fixed-menu .share-active .show-xs.mobile-social-icons,
.simple-countdown {
  background: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 3px;
  border-top-left-radius: 0;
  margin: 0;
  padding: 9px 12px;
  position: relative;
  width: 100%;
}

/*XS*/
@media (max-width: 767px) {
  body.fixed-menu .share-active .show-xs.mobile-social-icons {
    display: inline-block;
  }
  body.fixed-menu .show-xs.mobile-social-icons {
    display: none;
  }
  body.fixed-menu .share-active .mobshare.btn-generico,
  body.fixed-menu .share-active .mobshare.btn-generico:hover {
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-bottom: 1px solid #f1f1f1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05);
    color: black;
    margin-bottom: -1px;
    position: relative;
    transition: all 0s ease-in-out;
    z-index: 2;
  }
  .search {
    display: none;
  }
  .btn-generico {
    padding: 0 8px;
  }
  .btn-generico .texto {
    display: none;
  }
  .header .btn-generico .icono,
  .channel-background .btn-generico .icono {
    margin: 0 !important;
  }
  .channel-background .btn-generico .icono-change-bg {
    margin-right: 5px !important;
  }
  .channel-background .btn-edit-bg {
    display: block;
    margin-top: -17px;
    position: absolute;
    right: 10px;
    top: 50%;
  }
  .search-no-result {
    display: block;
  }
  .header .logo-tokyvideo {
    margin: -7px 2px 0 0;
    transform: scale(0.7);
  }
  .content-video {
    padding-left: 0;
    padding-right: 0;
  }
  .video {
    background: none;
    margin: 0;
    width: 100%;
  }
  .data-video,
  .comments,
  .left-content {
    margin: 0;
    padding-bottom: 15px;
    width: 100%;
  }
  .related-videos {
    margin: 0 auto;
    max-width: none;
    width: 100%;
  }
  .data-video .btn-view-more {
    display: none;
  }
  .btn-view-more-small {
    display: block;
  }
  /*.btn-view-more-related{ display:none;}*/
  .filter-small,
  .search-small {
    display: block;
  }
  .btn-subscribe .icono {
    margin: 0;
  }
  .btn-subscribe .texto {
    display: none;
  }
  .search-no-results .btn-subscribe .texto, .search-no-results--series .btn-subscribe .texto {
    display: block;
  }
  .thumb-view-later .btn-borrar-video,
  .thumb-view-later .btn-borrar-fav {
    display: block;
  }
  .data-video .subscribe .btn-subscribe,
  .data-video .subscribe .resultado {
    border-radius: 4px;
    font-size: .9em;
    height: auto;
    line-height: 25px;
    padding: 0 8px 1px;
    position: relative;
    z-index: 2;
  }
  .data-video .subscribe .btn-subscribe {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .data-video .subscribe .resultado {
    margin-left: -9px;
    padding: 1px 8px 0 17px;
    z-index: 1;
  }
  .data-video .subscribe .btn-subscribe .icono,
  .profile-header .data .subscribe .btn-subscribe .icono {
    margin-right: 0;
  }
  .listado-videos .btn-left,
  .listado-videos .btn-right {
    display: none;
  }
}

@media (min-width: 768px) {
  .hide-logout-profile {
    display: none;
  }
}

/*SM*/
@media (min-width: 768px) and (max-width: 991px) {
  .btn-generico {
    padding: 0 10px;
  }
  .search-desplegable {
    display: none;
  }
  .search-desplegable-02 {
    display: block;
  }
  /*.search { width: 180px; margin-left: 14px; }*/
  .video,
  .data-video,
  .comments,
  .left-content {
    width: 67%;
  }
  .related-videos {
    min-width: auto !important;
    width: 32%;
  }
  .modo-teatro {
    width: 100%;
  }
  .filter-small,
  .search-small {
    display: block;
  }
  .listado-videos .btn-left,
  .listado-videos .btn-right {
    display: none;
  }
  .filter-large {
    margin-left: 5px;
  }
  .hide-sm {
    display: none !important;
  }
  .header {
    -webkit-box-pack: justify;
    display: flex;
    flex-direction: row;
    -ms-flex-pack: justify;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .header .search {
    flex: 1 0 20%;
    margin: 0 auto;
  }
}

/*MD*/
@media (min-width: 992px) and (max-width: 1220px) {
  /*.search{ width:300px; margin-left: 14px; }*/
  .search-desplegable {
    display: none;
  }
  .video,
  .data-video,
  .comments,
  .left-content {
    width: 67%;
  }
  .related-videos {
    min-width: auto !important;
    width: 32%;
  }
  .modo-teatro {
    width: 100%;
  }
  .filter-large {
    display: block;
  }
  .filter-small,
  .search-small {
    display: none;
  }
  .filter-large {
    margin-left: 5px;
  }
  .header {
    -webkit-box-pack: justify;
    display: flex;
    flex-direction: row;
    -ms-flex-pack: justify;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .header .search {
    flex: 0 1 30%;
    -ms-flex-preferred-size: 30%;
    margin: 0 auto;
  }
}

/*LG*/
@media (min-width: 1220px) {
  .header .header-frase {
    display: block;
  }
  /*.search{ width:336px;}*/
  .search-desplegable {
    display: none;
  }
  .video,
  .data-video,
  .comments,
  .left-content {
    width: 70%;
  }
  .related-videos {
    width: 30%;
  }
  .modo-teatro {
    width: 100%;
  }
  .filter-large {
    display: block;
  }
  .filter-small,
  .search-small {
    display: none;
  }
  .filter-large {
    margin-left: 5px;
  }
  .header {
    -webkit-box-pack: justify;
    display: flex;
    flex-direction: row;
    -ms-flex-pack: justify;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .header .search {
    flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    margin: 0 auto;
  }
}

/*XL*/
@media (min-width: 1690px) {
  .filter-large {
    margin-left: 5px;
  }
  .left-content {
    padding: 0;
    width: 72%;
  }
  .header {
    -webkit-box-pack: justify;
    display: flex;
    flex-direction: row;
    -ms-flex-pack: justify;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .header .search {
    flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    margin: 0 auto;
  }
}

.no-touchevents .ms-options-wrap > .ms-options > .ms-selectall.global:active,
.datepicker.dropdown-menu tfoot tr th.today:active,
.datepicker.dropdown-menu tfoot tr th.today:focus,
.no-touchevents .ms-options-wrap > button:focus:active,
.no-touchevents .ms-options-wrap > button:active {
  background-color: #e7384f;
  border-color: #e7384f;
  color: #fff;
}

.no-touchevents .ms-options-wrap > .ms-options > .ms-selectall.global:active .icono,
.datepicker.dropdown-menu tfoot tr th.today:active .icono,
.datepicker.dropdown-menu tfoot tr th.today:focus .icono,
.no-touchevents .ms-options-wrap > button:focus:active .icono,
.no-touchevents .ms-options-wrap > button:active .icono {
  color: #fff;
}

.no-touchevents .btn-facebook:hover .icono,
.no-touchevents .btn-twitter:hover .icono,
.no-touchevents .btn-google:hover .icono {
  color: #fff;
}

.no-touchevents .btn-gris:hover {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #303030;
}

.no-touchevents .btn-gris:hover .icono {
  color: #303030;
}

.no-touchevents .thumb-video:hover .play,
.no-touchevents .detail-challenge .thumb-duracion:hover .play {
  display: flex;
}

.touchevents .thumb-video:hover .play,
.touchevents .detail-challenge .thumb-duracion:hover .play {
  display: none;
}

.no-touchevents .thumb-categories a:hover.thumb-duracion img {
  /*-webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);*/
  transform: translateZ(0);
}

.no-touchevents .thumb-categories a:hover.thumb-duracion.icon-category:before {
  /*-webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);*/
  opacity: .1;
  transform: translateZ(0);
}

.no-touchevents .listado-videos .thumb-video a.thumb-duracion:hover {
  /*-webkit-filter: blur(0px) brightness(0.85) contrast(1.1) grayscale(0) hue-rotate(0deg) invert(0) opacity(100%) saturate(1.2) sepia(0);
    filter: blur(0px) brightness(0.85) contrast(1.1) grayscale(0) hue-rotate(0deg) invert(0) opacity(100%) saturate(1.2) sepia(0);*/
}

.no-touchevents .thumb-video:hover a.thumb-duracion .duracion {
  display: block;
}

.no-touchevents .thumb-video:hover .view-later.corazon-favorito:hover {
  color: #ea5367;
}

.no-touchevents .section-favorites .thumb-video:hover .view-later.corazon-favorito {
  background: #ea5367;
}

.no-touchevents .thumb-video:hover .view-later.view-later-added:hover {
  background: #de2a42;
  color: #fff;
}

.no-touchevents .data-video .subscribe .btn-subscribe.own-channel:hover,
.no-touchevents .profile-header .data .subscribe .btn-subscribe.own-channel:hover,
.no-touchevents .subscribe-channel-title .btn-subscribe.own-channel:hover {
  background: #c0c0c0;
  border: none;
  cursor: not-allowed;
}

.no-touchevents .thumb-video:hover .view-later.view-later-added,
.no-touchevents .section-favorites .thumb-video:hover .view-later.corazon-favorito {
  background: #e4263f;
}

.no-touchevents .thumb-video:hover .view-later.view-later-added {
  background: #e73c53;
}

/* FEATURED VIDEO CHANNEL */
.featured-video {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.featured-video .video-box {
  display: inline-block;
  margin-right: 1%;
  width: 40%;
}

.featured-video .content-box {
  display: inline-block;
  float: right;
  margin-top: 8px;
  width: 59%;
}

@media (max-width: 693px) {
  .featured-video .video-box {
    display: inline-block;
    margin-right: 0;
    width: 100%;
  }
  .featured-video .content-box {
    display: inline-block;
    float: right;
    margin-top: 8px;
    width: 100%;
  }
}

.featured-video .content-box h2 {
  color: #000;
  display: block;
  float: none !important;
  font-size: 1.4em;
  line-height: 1.22em;
  min-height: auto;
}

.featured-video ul.stats {
  display: block;
  margin: 15px 0;
}

.featured-video ul.stats li {
  color: #aaa;
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
}

.featured-video ul.stats li .icon {
  display: inline-block;
  float: none;
  margin-right: 4px;
  position: relative;
  top: 1px;
}

.featured-video ul.stats li .icono-calendario {
  top: 1px;
}

.featured-video ul.stats li .icono-comentarios {
  top: 1px;
}

.featured-video .content-box p {
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0 0;
}

.featured-video .content-box p a {
  color: #484848;
  font-weight: bold;
}

.featured-video .content-box p.content-hidden {
  display: block;
  height: 118px;
  overflow: hidden;
  width: 100%;
}

.listado-profile {
  margin-top: 0;
}

/* Fontello edit */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  display: inline-block;
  font-family: "fontello";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1em;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 1em;
}

/* Form global */
body.transactional {
  background-color: #f6f6f6;
  color: #666;
}

.mt-0 {
  margin-top: 0;
}

body.noscroll {
  overflow-y: hidden;
}

button {
  -webkit-appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 0;
}

form label {
  cursor: pointer;
}

.bottom-space {
  margin-bottom: 25px;
}

.hide {
  display: none;
}

.col {
  float: left;
  margin: 0 2% 0 0;
}

.col input,
.col select {
  width: 100%;
}

.col.col-3,
.col.col-4,
.col.col-6 {
  clear: none;
}

.col.col-3 {
  width: 23.5%;
}

.col.col-4 {
  width: 31.3%;
}

.col.col-6 {
  width: 48%;
}

.remodal .col-6 {
  margin: 0;
  width: 50%;
}

.col.col-8 {
  width: 64%;
}

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

.col a img,
.col p img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.thumbsready a {
  border: 3px solid #fff;
  border-radius: 4px;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}

.thumbsready a:hover {
  border: 3px solid white;
}

.thumbsready a.picked {
  border: 3px solid #ea5367;
}

.col.last-col {
  float: right;
  margin: 0;
}

body.transactional form a,
.big-wrapper a,
.trending a,
.alphabetical a,
.tag-list a,
.channel-links a {
  color: #ea5367;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

body.transactional form a:hover,
.big-wrapper a:hover,
.trending a:hover,
.alphabetical a:hover,
.tag-list a:hover,
.channel-links a:hover {
  color: #ea5367;
}

.trending a {
  font-weight: normal;
}

.trending a:hover {
  text-decoration: underline;
}

body.transactional .left-menu {
  /*
    @media (max-width: 1850px) {
        display: none;
    }
    */
}

.clear {
  display: block;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.form-container,
.big-wrapper {
  background: #fff;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08), 0 0 6px 0 rgba(0, 0, 0, 0.13);
  cursor: default;
  line-height: 1.5em;
  margin: 50px auto;
  max-width: 500px;
  overflow: hidden;
  padding: 35px;
  text-align: center;
  width: 70%;
}

.form-container.contact-form,
.form-container.inline-form {
  box-shadow: none;
  margin: 0 0 20px 0;
  max-width: 1331px;
  overflow: visible;
  padding: 0;
  width: auto;
}

.form-container h3,
.transactional .big-wrapper h3,
.channel-links h4,
.related-videos h6,
.horizontal-related-videos h6,
.ms-options-wrap > .ms-options > ul > li.optgroup .label {
  clear: both;
  color: #888;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: left;
  text-transform: uppercase;
}

.form-container p {
  clear: both;
  color: #888;
  text-align: left;
}

.form-container.form-register .aside-link {
  margin-top: 20px;
}

form.form-register ul.features {
  overflow: hidden;
}

form.form-register ul.features li {
  display: flex;
  float: left;
  width: 50%;
}

form.form-register ul.features span {
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  color: #2d2c2c;
  display: -webkit-box;
  float: left;
  font-size: 12px;
  font-weight: 600;
  -webkit-line-clamp: 2;
  margin-bottom: 12px;
  max-height: 38px;
  /*! autoprefixer: on */
  overflow: hidden;
  text-align: left;
  width: 50%;
}

@media (max-width: 320px) {
  form.form-register ul.features span {
    font-size: 10px;
  }
}

form.form-register ul.features span .icono {
  color: #ea5367;
  margin-right: 3px;
}

@media (max-width: 320px) {
  form.form-register ul.features span .icono {
    margin-right: 2px;
  }
}

form.form-register ul.features span .icono:before {
  font-size: 1rem;
  height: 17px;
  width: 17px;
}

form.form-register .features__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

form.form-register .carousel-signup {
  display: block;
  margin-bottom: 10px;
  margin-top: 15px;
  position: relative;
  width: 100%;
}

form.form-register .carousel-signup .slick-dots {
  margin-top: 5px;
}

form.form-register .carousel-signup span {
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  color: #2d2c2c;
  display: -webkit-box;
  float: left;
  font-size: 12px;
  font-weight: 600;
  -webkit-line-clamp: 2;
  margin-bottom: 12px;
  max-height: 38px;
  /*! autoprefixer: on */
  overflow: hidden;
  text-align: left;
  width: 50%;
}

form.form-register .carousel-signup span .icono {
  color: #ea5367;
  font-size: 1.5em;
  margin-right: 3px;
  padding-left: 1px;
  vertical-align: middle;
}

h1 {
  color: #000;
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 15px;
}

.form-container .separador-gris {
  line-height: 1em;
  margin: 25px 0;
  position: relative;
}

.form-container h1 {
  margin-bottom: 20px;
}

.form-container p {
  margin: -10px 0 15px 0;
}

.form-container.form-sent p {
  margin-top: 0;
}

.form-container .pickathumb p {
  margin: 10px 0 0 0;
}

.form-container .pickathumb p.text-data {
  margin: -22px 0 22px 0;
}

.fade.in {
  opacity: 1;
}

.alert-success {
  background-color: #ecffd8;
  border-color: #c4e69f;
  color: #54980b;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}

.alert-error {
  background-color: #ffe6df;
  border-color: #ebc2b5;
  color: #e43b09;
}

.alert.fade {
  -webkit-animation: slideDown 2.5s ease-in-out 0s 1 forwards;
          animation: slideDown 2.5s ease-in-out 0s 1 forwards;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  left: 0;
  max-height: 70px;
  opacity: .98;
  padding: 17px 15px 15px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(-70px);
  width: 100%;
  z-index: 9999;
}

@media (max-width: 361px) {
  .alert.fade {
    padding: 7px 15px 7px;
  }
}

.alert.alert-success.fade {
  background: #54980b;
}

.alert.alert-warning.fade {
  background: #e49109;
}

.alert.alert-error.fade {
  background: #e43b09;
}

@-webkit-keyframes slideDown {
  0%,
  100% {
    -webkit-transform: translateY(-70px);
  }
  10%,
  90% {
    box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(0px);
  }
}

@keyframes slideDown {
  0%,
  100% {
    transform: translateY(-70px);
  }
  10%,
  90% {
    box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.2);
    transform: translateY(0px);
  }
}

.alert-dismissible {
  padding-right: 35px;
}

.alert {
  border: 1px solid transparent;
  border-radius: .25rem;
  margin: 0;
  padding: 12px 15px 15px;
  text-align: center;
}

.fade {
  opacity: 0;
  transition: opacity .15s linear;
}

.alert-dismissible .close {
  color: inherit;
  position: relative;
  right: 0;
  top: -4px;
}

.close:focus,
.close:hover {
  color: #000;
  cursor: pointer;
  opacity: .5;
  text-decoration: none;
}

button.close,
a.custom-thumb button {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.thumbsready a.custom-thumb {
  position: relative;
  transition: all .5s ease-in-out;
}

.thumbsready a.custom-thumb button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.thumbsready a.custom-thumb button {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  color: #fff;
  font-size: 1.2em;
  padding: .1em .2em;
  position: absolute;
  right: .5em;
  top: .5em;
}

.close {
  color: #000;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  opacity: .2;
}

.alert-success.fade .close,
.alert-warning.fade .close,
.alert-error.fade .close {
  color: #fff;
  opacity: 1;
}

.inline-form .close {
  float: none;
  font-size: 2.5em;
  position: absolute;
  right: 18px;
  top: 11px;
}

.inline-form .controls-group {
  clear: both;
}

span.img_size_rec {
  background: #1a1919;
  border-radius: 4px;
  bottom: 34px;
  color: #fff;
  font-size: .9em;
  padding: 9px 15px;
  position: absolute;
  right: 10px;
  text-align: right;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

@media (max-width: 639px) {
  span.img_size_rec {
    bottom: 14px;
  }
}

/* Social */
ul.social-login li {
  float: left;
  margin: 0 1% 0 0;
  width: 49%;
}

/*ul.social-login li:nth-child(2) {
  margin: 0 2%;
  width: 30%;
}*/
ul.social-login li:last-child {
  float: right;
  margin: 0 0 0 1%;
}

.form-container ul.social-login i.icono {
  display: inline-block;
  float: none;
  margin: 0 7px -3px 0;
}

.form-container i.icono {
  display: inline-block;
  float: none;
  margin-right: 7px;
}

ul.social-login li a,
ul.social-login li a:hover {
  border: none;
  display: block;
  font-weight: 500;
  height: auto;
  margin: 0;
  padding: 13px 0;
  width: 100%;
}

body.transactional form.form-register ul.social-login li a,
body.transactional form.form-login ul.social-login li a,
ul.social-login li a:hover,
ul.social-login li a .icono,
.btn-facebook .icono,
.btn-twitter .icono,
.btn-google .icono {
  color: #fff;
  display: inline-block;
  line-height: normal;
}

.form-container .separador-gris span {
  background: white;
  display: inline-block;
  left: 50%;
  margin-left: -20px;
  padding: 3px 15px;
  position: absolute;
  top: -9px;
}

.form-group {
  clear: both;
  padding-bottom: 15px;
  position: relative;
  text-align: left;
}

.form-group.last-group {
  padding-bottom: 35px;
}

.pass-link {
  position: absolute;
  right: 20px;
  top: 18px;
}

@media (max-width: 991px) {
  .pass-link {
    background: #f9eaec;
    border-radius: 4px;
    float: right;
    left: 0;
    margin-bottom: 20px;
    padding: 8px 16px;
    position: relative;
    top: 5px;
  }
}

.form-container .aside-link {
  background: #f2f2f2;
  clear: both;
  margin: 0 -35px -35px -35px;
  padding: 25px;
}

.form-container .register-subtitle {
  color: #2d2c2c;
  letter-spacing: -.26px;
  line-height: 1.71;
}

@media (max-width: 320px) {
  .form-container .register-subtitle {
    font-size: 12px;
  }
}

.form-container .register-typeof {
  background: #f2f2f2;
  clear: both;
  margin: 15px -35px 20px;
  overflow: hidden;
  padding: 10px 35px;
}

.form-container .register-typeof.no-selected-serie picture, .form-container .register-typeof.selected-serie picture {
  display: block;
  float: left;
  left: 0;
  margin-right: 8px;
  margin-top: 4px;
  width: 77px;
}

@media (min-width: 544px) {
  .form-container .register-typeof.no-selected-serie picture, .form-container .register-typeof.selected-serie picture {
    margin-right: 16px;
    width: 72px;
  }
}

.form-container .register-typeof.no-selected-serie picture img, .form-container .register-typeof.selected-serie picture img {
  height: auto;
  width: 100%;
}

.form-container .register-typeof.no-selected-serie .icon-series, .form-container .register-typeof.selected-serie .icon-series {
  color: #ea5367;
  margin-right: 0;
  width: 20px;
}

.form-container .register-typeof.no-selected-serie .icon-series:before, .form-container .register-typeof.selected-serie .icon-series:before {
  font-size: 12px;
  margin-top: -.6rem;
  position: absolute;
}

@media (min-width: 544px) {
  .form-container .register-typeof.no-selected-serie .icon-series:before, .form-container .register-typeof.selected-serie .icon-series:before {
    font-size: 13px;
    margin-top: -.75rem;
  }
}

.form-container .register-typeof.no-selected-serie h2,
.form-container .register-typeof.no-selected-serie .name-serie, .form-container .register-typeof.selected-serie h2,
.form-container .register-typeof.selected-serie .name-serie {
  clear: none;
  color: #2d2c2c;
  float: left;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -.3px;
  line-height: 1.43;
  margin-bottom: .375rem;
  text-align: left;
  width: calc(100% - 85px);
}

@media (min-width: 544px) {
  .form-container .register-typeof.no-selected-serie h2,
  .form-container .register-typeof.no-selected-serie .name-serie, .form-container .register-typeof.selected-serie h2,
  .form-container .register-typeof.selected-serie .name-serie {
    font-size: 16px;
    margin-top: .5rem;
    width: calc(100% - 88px);
  }
}

.form-container .register-typeof.no-selected-serie p, .form-container .register-typeof.selected-serie p {
  color: #2d2c2c;
  float: left;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: -.26px;
  line-height: 1.58;
  margin-top: 0;
  text-align: left;
  width: calc(100% - 85px);
}

@media (min-width: 544px) {
  .form-container .register-typeof.no-selected-serie p, .form-container .register-typeof.selected-serie p {
    font-size: 12px;
    width: calc(100% - 88px);
  }
}

.form-container .register-typeof.selected-serie picture {
  display: block;
  float: left;
  left: 0;
  margin-right: 8px;
  margin-top: 4px;
  width: 93px;
}

@media (min-width: 544px) {
  .form-container .register-typeof.selected-serie picture {
    margin-right: 16px;
    width: 151px;
  }
}

.form-container .register-typeof.selected-serie picture img {
  border-radius: 2px;
  height: auto;
  width: 100%;
}

.form-container .register-typeof.selected-serie .name-serie {
  color: #ea5367;
  font-weight: 600;
  text-transform: none;
  width: calc(100% - 101px);
}

@media (min-width: 544px) {
  .form-container .register-typeof.selected-serie .name-serie {
    margin-top: .25rem;
    width: calc(100% - 167px);
  }
}

.form-container .register-typeof.selected-serie p {
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  color: #2d2c2c;
  display: -webkit-box;
  font-size: 11px;
  -webkit-line-clamp: 3;
  /*! autoprefixer: on */
  overflow: hidden;
  width: calc(100% - 101px);
}

@media (min-width: 544px) {
  .form-container .register-typeof.selected-serie p {
    font-size: 12px;
    line-height: 1.67;
    width: calc(100% - 167px);
  }
}

.form-container .aside-link .btn-naranja {
  color: #fff;
  cursor: pointer;
  display: block;
  float: none;
  font-size: 14px;
  height: auto;
  line-height: 30px;
  padding: 10px 35px;
  text-align: center;
  width: 100%;
}

.form-container .aside-link .btn-naranja:focus,
.form-container .aside-link .btn-naranja:active {
  background-color: #ea5367;
}

.form-container .aside-link.show-xs {
  clear: both;
  margin-top: 25px;
}

/* Login + general styles */
.form-container div.email-group .floatlabel-wrapper:before,
.form-container div.pass-group .floatlabel-wrapper:before,
.form-container div.twitter-group .floatlabel-wrapper:before,
.form-container div.facebook-group .floatlabel-wrapper:before,
.form-container div.url-group .floatlabel-wrapper:before,
.form-container div.instagram-group .floatlabel-wrapper:before,
.form-container div.youtube-group .floatlabel-wrapper:before,
.form-container div.coinurl-group .floatlabel-wrapper:before,
.form-container div.coincoupon-group .floatlabel-wrapper:before {
  color: #b5b8bb;
  content: "\e800";
  display: block;
  font-family: "fontello";
  font-size: 20px;
  height: 18px;
  left: 17px;
  pointer-events: none;
  position: absolute;
  top: 20px;
  width: 18px;
  z-index: 99;
}

.form-container div.email-group .floatlabel-wrapper:before {
  content: "\e823" !important;
  font-size: 17px;
  top: 20px;
}

.form-container label.label-floatlabel {
  background-color: transparent !important;
  font-weight: normal !important;
  left: 20px !important;
  line-height: 1em;
  padding-left: 0 !important;
  top: 8px !important;
  z-index: 1;
}

.form-container .pass-group label.label-floatlabel,
.form-container .email-group label.label-floatlabel {
  left: 50px !important;
  z-index: 1;
}

.form-container .input-md.valid,
.bootstrap-tagsinput.valid {
  border: 1px solid #eb5367;
  box-shadow: 0 0 4px 0 #79bd35;
  text-overflow: clip;
}

.form-container .input-md:focus,
.form-container .input-md:active,
.bootstrap-tagsinput.focus,
.search-titulo .search-text:focus,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:active,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #999;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.04), 0 0 4px 0 rgba(0, 0, 0, 0.2);
  text-overflow: clip;
}

.form-container .error-input input,
.form-container .error-input textarea,
.form-container .error-input select,
.form-container .error-input input:hover,
.form-container .error-input textarea:hover,
.form-container .error-input select:hover {
  border: 1px solid red;
}

.form-container .error-input .select-group:after {
  color: rgba(255, 0, 0, 0.7);
}

.form-container .error-input input.input-md:focus,
.form-container .error-input textarea.input-md:focus,
.form-container .error-input select.seled-md:focus {
  border: 1px solid red;
  box-shadow: none;
  box-shadow: inset 0 2px 1px 0 rgba(208, 2, 2, 0.14), 0 0 4px 0 rgba(208, 2, 2, 0.4);
}

.form-container .error-input .input-md::-webkit-input-placeholder {
  color: rgba(208, 2, 2, 0.6);
}

.form-container .error-input .input-md::-moz-input-placeholder {
  color: rgba(208, 2, 2, 0.6);
}

.form-container .error-input .input-md:-moz-input-placeholder {
  color: rgba(208, 2, 2, 0.6);
}

.form-container .error-input .input-md::-ms-input-placeholder {
  color: rgba(208, 2, 2, 0.6);
}

.form-container .error-input .select-md {
  color: rgba(208, 2, 2, 0.6);
}

.form-container .form-group.error-input small {
  color: red;
  display: inline-block;
  margin-top: 2px;
  text-align: left;
  width: 100%;
}

.form-container .birthday-form-group {
  margin: 0 0 15px 0;
}

.form-container .equipo-fav-form-group {
  margin: 12px 0 15px 0;
}

.form-container .birthday-form-group.error-input small {
  clear: both;
  color: red;
  display: block;
  padding-top: 3px;
  text-align: left;
}

.form-container .birthday-form-group .form-group {
  padding-bottom: 3px;
}

.form-container .birthday-form-group h3 {
  margin: 10px 0 7px 0;
}

.form-container .birthday-form-group {
  overflow: hidden;
  padding-bottom: 15px;
}

.form-container .birthday-form-group.error-input {
  padding-bottom: 0;
}

.form-container .form-group.error-form small {
  color: red;
  display: block;
  font-size: 1.1em;
  margin: -10px 0 20px 0;
  text-align: center;
}

.form-container button.btn-generico.loading,
.form-container button.btn-generico.loading:hover {
  background-image: url("../../images/spin.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  text-indent: -9999px;
  transition: .25s all ease-out;
}

.green-label {
  color: #999 !important;
}

/* Inputs */
.form-container .input-md,
.form-container .select-md,
.marquee-header .select-md,
.form-container .textarea-md,
.form-container .bootstrap-tagsinput,
.search-titulo .search-text,
.select2-container--default .select2-selection--multiple {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.04);
  cursor: text;
  display: block;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  max-height: 300px;
  min-height: 30px;
  padding: 17px 12px 17px 20px;
  resize: vertical;
  text-overflow: ellipsis;
  transition: all .5s ease-in-out;
  width: 100%;
}

.search-titulo .search-text {
  padding: 0 44px 0 10px !important;
}

.form-container .input-md:hover,
.form-container .select-md:hover,
.marquee-header .select-md:hover,
.form-container .textarea-md:hover,
.form-container .bootstrap-tagsinput:hover,
.search-text:hover,
.select2-container--default .select2-selection--multiple:hover {
  border: 1px solid #b6b6b6;
}

/* Selects */
.form-container .select-md,
.marquee-header .select-md {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border-bottom: 1px solid #bbb;
  color: #666;
  cursor: pointer;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  height: 53px;
  overflow: visible;
  padding: 0 20px !important;
  position: relative;
}

.form-container .select-group:after,
.marquee-header .select-group:after {
  color: #d5d5d5;
  content: "\e811";
  display: block;
  font-family: "fontello";
  font-size: 14px;
  height: 14px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 22px;
  transform: rotate(90deg);
  width: 14px;
}

.form-group.select-group.day-group {
  clear: none;
  float: left;
  margin-right: 3%;
  width: 27%;
}

.form-group.select-group.month-group {
  clear: none;
  float: left;
  margin-right: 3%;
  width: 39%;
}

.form-group.select-group.year-group {
  clear: none;
  float: left;
  width: 28%;
}

.form-group.select-group.division-group {
  clear: none;
  float: left;
  margin-right: 3%;
  width: 30%;
}

.form-group.select-group.equipo-group {
  clear: none;
  float: left;
  margin-right: 0;
  width: 67%;
}

.admin-home-form .form-group.select-group.equipo-group,
.admin-home-form .form-group.select-group.division-group,
.admin-home-form .form-group {
  margin-right: 1.5%;
  width: 32.3%;
}

.admin-home-form .form-group {
  clear: none;
  float: left;
  margin-right: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .admin-home-form .form-group.select-group.equipo-group,
  .admin-home-form .form-group.select-group.division-group,
  .admin-home-form .form-group {
    float: none;
    margin: 0 0 .5em 0;
    width: 100%;
  }
}

.admin-home-form .form-group .btn-naranja {
  display: block;
  font-size: 1.14em;
  height: auto;
  margin: 0;
  padding: .8em;
  width: 100%;
}

.form-container .active-floatlabel {
  padding: 25px 12px 17px 20px;
}

.form-container .pass-group .input-md,
.form-container .email-group .input-md {
  padding: 16px 12px 17px 55px;
}

.form-container .pass-group .active-floatlabel,
.form-container .email-group .active-floatlabel {
  padding: 25px 12px 17px 55px;
}

.form-container button.btn-primary, .form-container button.btn-infinite,
.copy a.btn-generico.btn-primary,
.copy a.btn-generico.btn-infinite,
.copy a.btn-generico.btn-facebook,
.copy a.btn-generico.btn-google,
.form-container .clearfix .col .btn-generico {
  cursor: pointer;
  display: block;
  height: auto;
  margin: 0 0 25px 0;
  width: 100%;
}

/*
.form-edit-profile button.btn-generico {
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: auto;
    margin: 0 0 25px 0;
    padding: 0 20px;
    width: 100%;
}
*/
.form-container .clearfix .col .btn-generico .icono:before {
  color: #000;
}

.form-container .clearfix .col .btn-generico {
  border: 1px solid #ccc;
  margin-bottom: 0;
}

.form-container small.alert-warning {
  background: none;
  display: block;
  padding-top: 7px;
}

.form-container button:hover.btn-naranja,
.languages ul.dropdown li.active a:hover,
.copy a.btn-generico.btn-naranja:hover {
  background: #c33d4f;
  border-color: #c33d4f;
  color: #fff;
  transition: all .5s ease;
}

.form-container button.btn-select-image,
.form-container button.btn-cancel-image {
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  margin: 0 0 25px 0;
  padding: 10px 0;
  width: 100%;
}

.form-container button:hover.btn-select-image,
.form-container button:hover.btn-cancel-image {
  color: #ea5367;
}

.form-container button.btn-cancel-image {
  background-color: #eaeaea;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05);
  color: #212121;
}

.form-container a.btn-select-image .icon-upload,
.form-container a.btn-cancel-image .icon-upload {
  font-size: 20px;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.form-edit-profile button.btn-naranja,
.form-edit-profile button.btn-generico {
  box-shadow: none;
  clear: right;
  float: right;
  width: auto;
}

.form-container div.form-group button.btn-disabled,
button[button-save="true"]:disabled,
.pagination li.disabled a,
.form-container strong:disabled,
.form-upload strong.btn-disabled {
  background: #8a8686;
  border: 1px solid #8a8686;
}

.form-edit-profile input[type="text"]:disabled,
a.btn-generico.btn-disabled,
.pagination li.disabled a {
  background: #f1f1f1;
  cursor: not-allowed;
}

.form-container div.form-group button.btn-disabled {
  cursor: progress;
}

.no-touchevents .btn-generico.btn-disabled,
.touchevents .btn-generico.btn-disabled,
.no-touchevents button[button-save="true"]:disabled:hover,
.no-touchevents strong:disabled:hover,
.form-upload strong.btn-disabled:hover,
.no-touchevents .remodal .btn-naranja.btn-disabled:hover {
  background: #8a8686;
  border: 1px solid #8a8686;
  cursor: not-allowed;
  opacity: .8;
}

.no-touchevents .remodal .btn-naranja.btn-disabled:hover {
  background: #aaa;
}

.form-edit-profile,
.form-second-step,
.big-wrapper,
form.form-edit-video {
  max-width: 1100px;
  width: 100%;
}

form.form-edit-video h4,
.search-no-results h6, .search-no-results--series h6 {
  font-size: .9em;
  margin-bottom: .8em;
  text-align: left;
  text-transform: uppercase;
}

form.form-edit-video h4 i.icono {
  font-size: .9em;
  margin-right: 4px;
}

.form-container a,
.form-container a:hover,
.form-container button,
.form-container button:hover,
.languages ul.dropdown li.active a {
  transition: all .3s ease-in-out;
}

#edit-profile #container-upload {
  min-height: 169px;
  text-align: center;
}

@media (min-width: 768px) {
  #edit-profile #container-upload {
    text-align: left;
  }
}

#edit-profile #container-upload .progress {
  display: none;
  margin-bottom: 34px;
  margin-top: 13px;
}

/* Upload video */
form.form-upload i.icon-upload-cloud {
  float: none;
  font-size: 150px;
  line-height: 1em;
  margin: 0 auto;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
}

form.form-upload i.icon-upload-cloud:before {
  color: #cecece;
  float: none;
  margin: 0 auto;
}

.box__input {
  border: 3px dashed #cecece;
  border-radius: 20px;
  margin-bottom: 25px;
  padding: 25px;
}

.dragover .box__input {
  background: #e0f2cc;
  border: 3px solid #a4d86b;
  position: relative;
}

.dragover .box__input * {
  text-indent: -9999px;
}

.release {
  display: none;
}

.dragover strong,
.dragover strong:hover {
  background: none;
  border: none;
}

.dragover .release {
  color: #6db81c;
  display: block;
  font-size: 1.4em;
  left: 50%;
  line-height: 1.2em;
  margin-left: -30%;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 45%;
  width: 60%;
}

.box__dragndrop {
  display: block;
  margin: 20px 0 0 0;
}

.box__input em {
  color: #aaa;
  display: block;
  margin-top: 10px;
}

.box__input .btn-generico {
  cursor: pointer;
  display: inline-block;
  line-height: 31px;
  margin: 0 10px 10px 0;
  margin-left: 0;
}

.form-container.dragdrop p {
  margin: 30px 0 0 0;
}

.edit-avatar {
  border-radius: 50%;
  display: inline-block;
  float: left;
  height: auto;
  margin: 0 25px 35px 0;
  width: 100px;
}

.box__input.error-input small {
  margin-top: 7px;
  width: auto;
}

.form-container .form-group small,
.form-container .form-group small.input-info {
  color: #999;
  display: inline-block;
  padding: 5px 0 0 0;
}

.form-container .form-group small.msg-error {
  color: red;
  padding: 5px 0 0 0;
}

.error-input .green-label {
  color: red !important;
}

#upload-video #fieldset-uploading {
  display: none;
}

#upload-video #upload-success,
#upload-video #upload-fail {
  display: none;
}

/* Checkboxes */
.icon-ok-circled {
  color: #ea5367;
  display: inline-block;
  float: none;
  font-size: 1.5em;
  margin: 0 7px -5px 0;
}

input[type="checkbox"] {
  display: none;
}

/* to hide the checkbox itself */
input[type="checkbox"] + label:before,
.ms-options label:before {
  display: inline-block;
  float: left;
  font-family: "Fontello";
  font-size: 20px;
}

input[type="checkbox"] + label:before,
.ms-options label:before {
  border: 2px solid #c5c5c5;
  border-radius: 3px;
  content: "";
  height: 13px;
  margin: 1px 10px 28px 0;
  width: 13px;
}

/* unchecked icon */
input[type="checkbox"] + label:before:hover,
.ms-options label:before:hover {
  border: 2px solid #ccc;
}

/* unchecked icon */
input[type="checkbox"] + label:before,
.ms-options label:before {
  letter-spacing: 10px;
}

/* space between checkbox and label */
input[type="checkbox"]:checked + label:before,
.ms-options .selected label:before {
  border: none;
  color: #ea5367;
  content: "\e802";
  margin: 1px 14px 28px 0;
}

/* checked icon */
/* Progress bar */
.progress {
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  height: 17px;
  margin-bottom: 8px;
  overflow: hidden;
}

.progress-bar {
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
  float: left;
  font-size: 12px;
  height: 100%;
  line-height: 20px;
  text-align: center;
  transition: width .6s ease-in-out;
  width: 0;
}

.progress-bar-success {
  background-color: #ea5367;
}

.progress-label {
  color: #999;
  display: block;
  font-size: .9em;
  margin-bottom: 20px;
  text-align: left;
}

.progress-80 {
  display: inline-block;
  float: left;
  width: 90%;
}

.btn-cancel-upload {
  float: right;
  font-size: 24px;
  position: relative;
  top: -4px;
}

/* Thumbs */
.thumb-video.last-thumb a span {
  color: #fff;
  display: block;
  font-size: 1.14em;
  font-weight: bold;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 45%;
  width: 100%;
  z-index: 2;
}

.thumb-video.last-thumb {
  min-height: 123px;
}

.thumb-video.last-thumb a {
  background: #ea5367;
  color: #fff;
  display: block;
  height: 123px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all .5s ease-in-out;
  width: 100%;
  z-index: 2;
}

.thumb-video.last-thumb a:hover {
  background: #6daf28;
}

.thumb-video.last-thumb a:hover span {
  text-decoration: underline;
}

.thumb-video.last-thumb a span i.icon-right-open {
  display: inline-block;
  font-size: 1.4em;
  margin: 0 0 0 5px;
  vertical-align: middle;
}

.thumb-video.last-thumb a img {
  filter: blur(5px);
  margin: -10px;
  opacity: .2;
  position: relative;
  width: 110%;
  z-index: 1;
}

.pickathumb {
  border-radius: 4px;
  margin: 10px 0 0 0;
  max-width: 700px;
  text-align: center;
}

.pickathumb.pickathumb--serie {
  margin-top: 0;
}

.pickathumb.pickathumb--serie #thumb-restrictions {
  height: auto;
}

.pickathumb.pickathumb--serie p.text-data {
  margin: 0;
  text-align: center;
}

.pickathumb.pickathumb--serie .btn-generico {
  margin: 0 0 9px 0;
  white-space: pre-wrap;
}

.pickathumb.pickathumb--serie .btn-generico .icon-upload {
  display: inline-block;
  margin-right: 5px;
}

.loadingthumbs {
  background: #dcdcdc;
  border-radius: 4px;
  cursor: wait;
  height: 90px;
}

.loadingthumbs span {
  color: #999;
  display: inline-block;
  font-size: 1.1em;
  height: 30px;
  margin: 0 auto;
  padding-left: 2rem;
  position: absolute;
  position: relative;
  text-align: center;
  top: 50%;
}

.loading-animation:before {
  -webkit-animation: spinner .6s linear infinite;
          animation: spinner .6s linear infinite;
  border: 2px solid #ccc;
  border-radius: 50%;
  border-top-color: #aaa;
  box-sizing: border-box;
  content: "";
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

i.icono {
  font-size: 1.5em;
  vertical-align: middle;
}

/* Loading ball */
.loadingball {
  -webkit-animation-duration: 4000ms;
  animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

/* Submit video */
#submitvideo.btn-generico,
.form-second-step button.btn-generico {
  margin-bottom: 0;
}

.bg-success,
.bg-danger {
  border-radius: 4px;
  margin-bottom: 25px;
  padding: 10px 15px;
  text-align: left;
}

.bg-success {
  background: #5a9b12;
  color: #fff;
}

.bg-success a {
  color: #fff;
}

.bg-success .icono {
  color: #fff;
  position: relative;
  top: -4px;
}

.bg-danger {
  background: #ffd275;
  color: #000;
}

body.transactional form .bg-success a {
  color: #fff;
}

body.transactional form .bg-danger a {
  color: #000;
}

form.form-sent .btn-generico .icono,
form.form-sent .btn-generico:hover .icono {
  color: #fff;
}

form.form-sent #uploadanother.btn-generico {
  margin-bottom: 15px;
  margin-top: 15px;
}

form.form-sent .col {
  text-align: left;
}

@media (max-width: 767px) {
  form.form-sent .col {
    text-align: center;
  }
}

form.form-sent fieldset {
  min-width: 0;
}

/* Text page styles */
.big-wrapper {
  text-align: left;
}

.big-wrapper p {
  clear: both;
  margin-bottom: 25px;
}

.big-wrapper ol {
  list-style: decimal;
}

.big-wrapper ol,
.big-wrapper ul {
  margin-bottom: 25px;
  margin-left: 25px;
}

.big-wrapper ol li,
.big-wrapper ul li {
  margin-bottom: 7px;
}

.big-wrapper .section-header {
  background: #ea5367;
  color: #fff;
  margin: -35px -35px 35px -35px;
  padding: 45px 35px;
}

.big-wrapper .section-header h1 {
  color: #fff;
  font-size: 3em;
  font-weight: lighter;
  margin-bottom: 15px;
}

.big-wrapper .section-header h2 {
  color: #fff;
  font-size: 1.3em;
  font-weight: lighter;
}

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

td,
th {
  padding: 0;
}

table {
  background-color: transparent;
}

caption {
  color: #777;
  padding-bottom: 8px;
  padding-top: 8px;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #ddd;
  line-height: 1.42857143;
  padding: 8px;
  vertical-align: top;
}

.table > thead > tr > th {
  border-bottom: 2px solid #ddd;
  vertical-align: bottom;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  display: table-column;
  float: none;
  position: static;
}

table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
  position: static;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

body {
  position: relative;
}

.editmode .profile-header a.thumb.tooltips:before,
a.edit-avatar-link:before {
  background: rgba(255, 86, 57, 0.2);
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .3s ease-in-out;
}

.editmode .profile-header a:hover.thumb.tooltips:before,
a:hover.edit-avatar-link:before {
  background: rgba(255, 86, 57, 0.6);
}

a.edit-avatar-link:before {
  background: transparent;
}

.channel-background .thumb img {
  box-shadow: inset 0 0 0 3px white, 0 0 0 3px white;
}

.editmode .profile-header a.thumb.tooltips:after,
a:hover.edit-avatar-link:after {
  bottom: 0;
  color: #fff;
  content: "\e828";
  display: block;
  font-family: "fontello";
  font-size: 3em;
  left: 0;
  line-height: 3em;
  margin-top: -1.5em;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
}

a.edit-avatar-link:after,
a.edit-avatar-link:before,
a.edit-avatar-link {
  transition: all .3s ease-in-out;
}

a.edit-avatar-link,
a.edit-avatar-default {
  border-radius: 100%;
  float: left;
  margin: 0 15px 15px 0;
  overflow: hidden;
  position: relative;
  width: 100px;
}

a:hover.edit-avatar-link:after {
  content: "\e82d";
  display: block;
}

.header ul.right ul li.filter-title,
.languages ul.dropdown li.filter-title,
ul.dropdown-filter li.filter-title {
  border-top: 1px solid #e2e2e2;
  color: #666;
  display: block;
  font-size: .9em;
  font-weight: normal;
  font-weight: bold;
  margin-top: 5px;
  padding: 20px 75px 12px 15px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.header ul.right ul li.filter-title:first-child,
.languages ul.dropdown li.filter-title:first-child,
ul.dropdown-filter li.filter-title:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 12px;
}

.header ul.right ul a,
.header ul.right ul button,
.languages ul.dropdown li a,
ul.dropdown-filter li a {
  color: #000;
  display: block;
  font-size: 1em;
  font-weight: normal;
  min-width: 150px;
  padding: 14px 15px 13px 15px;
  position: relative;
  text-decoration: none;
  transition: .2s all ease-in-out;
}

ul.dropdown-filter li ul a {
  padding-left: 2.5em;
}

.languages ul.dropdown li.active a,
.header .right ul.dropdown li.active a {
  background: #ea5367;
  color: #fff;
}

.header ul.right.hide-xs ul.dropdown li a {
  padding: 11px 75px 13px 15px;
}

.languages ul.dropdown li a i,
.header ul.dropdown li a i {
  border-radius: 3px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  display: inline-block;
  float: left;
  height: 19px;
  margin: -3px 10px 0 0;
  overflow: hidden;
  vertical-align: middle;
  width: 27px;
}

.header ul.right ul a:hover,
.header ul.right ul button:hover,
.languages ul.dropdown li a:hover,
ul.dropdown-filter li a:hover {
  background: #e9e9e9;
}

.header ul.right ul,
.footer .languages ul.dropdown,
ul.dropdown-filter,
.ms-options-wrap > .ms-options {
  background: #fff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  display: none;
  font-weight: 700;
  padding: 0;
  position: absolute;
  right: 1.5em;
  text-align: left;
  top: 3em;
  white-space: nowrap;
  z-index: 9997;
}

.header ul.right li:hover ul,
.footer .btn-generico:hover .languages ul.dropdown,
ul.right li:hover ul {
  display: block;
  opacity: 1;
  transform: rotateX(0deg);
  transition: all .5s ease;
  visibility: visible;
  z-index: 9999;
}

.header ul.right li .icon-down-dir:before {
  display: inline-block;
  float: none;
  font-size: 1.15em;
  width: 18px;
}

.header ul.right ul a:hover,
.header ul.right ul button:hover,
.languages ul.dropdown a:hover,
ul.dropdown-filter a:hover,
.ms-options-wrap > .ms-options li label:hover {
  color: #000;
}

.header ul.right ul .logout,
.header ul.right ul .logout:hover {
  color: #e73c53;
  cursor: pointer;
}

.header ul.right ul button.logout {
  text-align: left;
}

.header ul.right ul button.logout,
.left-menu ul.menu li .logout {
  display: block;
  width: 100%;
}

ul.dropdown-filter,
.ms-options-wrap > .ms-options {
  display: block;
  opacity: 0;
  overflow: hidden;
  right: 0;
  text-overflow: ellipsis;
  top: 34px;
  transform: rotateX(-90deg);
  transform-origin: top;
  transition: all .2s ease;
  transition: transform .2s ease-in-out, rotate .2 ease-in-out;
  visibility: hidden;
  white-space: nowrap;
  z-index: -1;
}

ul.dropdown-filter li.disabled-item a,
.remodal .disabled-item {
  background: #f6f6f6;
  color: #888;
}

ul.dropdown-filter li.selected a,
.remodal .copy a.selected {
  background: #eee;
  color: #ea5367;
}

.remodal .copy a.selected {
  border-top: none;
}

/* Modal */
.remodal p img {
  display: inline-block;
  height: auto;
  margin-top: 10px;
  max-width: 100%;
}

.remodal {
  border-radius: 6px;
  padding: 0;
}

.remodal .remodal-header,
.remodal .footer {
  border-radius: 5px 5px 0 0;
}

.remodal .remodal-header {
  background-color: #ea5367;
  height: 52px;
  padding: 9px 8px 0;
}

.remodal.error-remodal .remodal-header {
  background: #ea5367;
}

.remodal.error-remodal .confirmdelete {
  color: red;
}

.remodal .footer {
  border: none;
}

.remodal h2 {
  color: #fff;
  float: none;
  font-size: 1.2em;
  font-weight: bold;
  height: auto;
  line-height: 1.7em;
  margin: 0;
  max-width: 350px;
  padding: .24em 0;
  text-align: left;
  text-transform: uppercase;
}

.remodal .remodal-header h2 {
  max-width: 80%;
}

.remodal {
  text-align: left;
}

.login-remodal {
  text-align: center;
}

.remodal a.btn-generico.btn, .remodal a.btn-generico.btn-large, .remodal a.btn-generico.pagination_item--is-disabled {
  margin: 0 15px 15px 15px;
}

.remodal .remodal-header,
.remodal .footer {
  color: #fff;
  height: auto;
  padding: 10px 15px;
}

.copy p > span {
  border-top: 1px solid #eee;
  color: #666;
  display: block;
  font-size: .9em;
  font-weight: bold;
  padding: 19px 15px;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
}

.copy a {
  color: #000;
  display: block;
  padding: 19px 15px;
  text-decoration: none;
  text-shadow: none;
}

.copy a:hover {
  background: #f6f6f6;
}

.copy a.btn-generico:hover {
  color: #fff;
}

.copy p,
.copy pre {
  color: #666;
  line-height: 1.6;
  padding: 10px 25px;
}

.copy p a {
  border: none;
  color: #ea5367;
  display: inline;
  padding: 0;
  text-shadow: none;
}

.copy p a:hover {
  background: none;
  text-decoration: underline;
}

.copy h3,
.copy h4,
.copy h5 {
  line-height: 1.4;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
}

.copy h3 {
  font-size: 1.5em;
  padding-top: 35px;
}

.copy h4 {
  font-size: 1.3em;
}

.copy h5 {
  font-size: 1.14em;
}

.remodal .copy a.btn, .remodal .copy a.btn-large, .remodal .copy a.pagination_item--is-disabled,
.remodal .copy a.btn-large,
.remodal .copy a.btn-generico.btn-facebook,
.remodal .copy a.btn-generico.btn-google {
  color: #fff;
  text-align: center;
  transition: all .3s ease-in-out;
  width: auto;
}

.remodal .copy .btn-large {
  color: #fff;
  padding: 19px 38px;
}

#videosettings .copy i.icono {
  margin-bottom: 3px;
}

.remodal .copy .col .btn-generico {
  color: #000;
}

.remodal .copy .col i.icon-trash {
  font-size: 18px;
  position: relative;
  top: -2px;
}

.remodal .copy .btn-generico.btn-naranja,
.remodal .copy .col .btn-generico.btn-naranja:hover {
  color: #fff;
}

@media (min-width: 641px) {
  .remodal-mini {
    max-width: 350px;
  }
}

.remodal .copy ol {
  list-style: decimal;
}

.remodal .copy ol,
.remodal .copy ul {
  padding: 10px 25px 0 75px;
}

.remodal .table-responsive {
  margin: 25px 25px 0 25px;
  width: 92%;
}

.remodal .copy li {
  line-height: 1.6;
  padding-bottom: 15px;
}

.copy .col-6 a.btn, .copy .col-6 a.btn-large, .copy .col-6 a.pagination_item--is-disabled {
  margin: 5px 10px 20px 20px;
}

@media (max-width: 767px) {
  .copy .col-6 a.btn, .copy .col-6 a.btn-large, .copy .col-6 a.pagination_item--is-disabled {
    margin: 10px 20px;
  }
}

.copy .col-6:last-child a.btn, .copy .col-6:last-child a.btn-large, .copy .col-6:last-child a.pagination_item--is-disabled {
  margin: 5px 20px 20px 10px;
}

@media (max-width: 767px) {
  .copy .col-6:last-child a.btn, .copy .col-6:last-child a.btn-large, .copy .col-6:last-child a.pagination_item--is-disabled {
    margin: 10px 20px 20px;
  }
}

.copy a .icono {
  display: inline-block;
  float: none;
  margin-right: 7px;
}

.copy a:last-child:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.copy a.btn-generico i.icono {
  margin: -4px 7px -1px 0;
}

.remodal-overlay {
  background: rgba(0, 0, 0, 0.85);
}

.remodal .copy b {
  display: block;
  line-height: 1.8em;
  padding-top: 15px;
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -ms-filter: blur(3px);
  filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
}

button.remodal-close {
  left: initial;
  right: 10px;
}

.remodal-close:before {
  color: #fff;
  font-family: "Helvetica Neue", "Helvetica CY", Helvetica, sans-serif !important;
  font-size: 2.5rem;
  font-weight: 100;
  right: 0;
  top: 7px;
}

.remodal-wrapper.remodal-is-closed {
  display: none;
  overflow-x: hidden;
  pointer-events: none;
  visibility: hidden;
}

.remodal-close {
  opacity: .8;
  top: -2px;
  transition: all .5s ease-in-out;
}

.remodal-close:hover {
  opacity: 1;
}

.trending {
  display: none;
}

.trending .slick-slide:first-child {
  display: block;
}

.trending.slick-initialized {
  display: block;
}

/*XS*/
@media (max-width: 767px) {
  /*.fixed-menu .wrapper {
  padding-top: 0;
    }*/
  .footer .languages {
    clear: both;
    float: none;
    margin-top: 25px;
  }
  .footer .languages ul.dropdown {
    left: 2em;
    margin: 0 auto .7em;
  }
  .col.last-col {
    margin-bottom: 25px;
    margin-top: 40px;
  }
  .form-container.form-sent .col.last-col,
  .inline-form .col.last-col {
    margin-top: 5px;
  }
  body.error404 {
    background: none;
  }
  .fixed-menu .search-desplegable {
    margin-top: 52px;
  }
  .remodal .col {
    float: none;
    margin: 0;
    width: 100%;
  }
  .form-container {
    margin: 25px auto;
    padding: 35px 20px;
    width: 100%;
  }
  .form-container ul.social-login i.icono {
    float: none;
    margin: -5px 0 -4px 0;
  }
  form.form-register ul.features li {
    display: flex;
    float: left;
    width: 50%;
  }
  /*.form-group.select-group.day-group, .form-group.select-group.month-group, .form-group.select-group.year-group {
    float: none;
    width: 100%;
    margin-right: 0;
    clear: both;
    }*/
  span.box__dragndrop.clear-small {
    display: none;
  }
  .box__input {
    border: none;
    padding: 15px 0;
  }
  .col.col-3,
  .col.col-4,
  .col.col-6,
  .col.col-8,
  .col.col-12,
  form.form-edit-video #submitvideo.btn-generico,
  form.form-edit-video .controls-group a {
    float: none;
    margin: 0;
    width: 100%;
  }
  .endcard .endcard-embed .embed-end-related .col {
    float: left;
    width: 48.5%;
  }
  .endcard .endcard-embed .col:nth-child(2) {
    float: right;
  }
  .embed-end-related .clearfix:last-of-type,
  .embed-end-related .last-col {
    display: none;
  }
  form.form-edit-video #submitvideo.btn-generico,
  form.form-edit-video .controls-group a {
    float: none;
    margin: 15px 0 0 0;
    width: 100%;
  }
  .slick-next,
  .slick-prev {
    cursor: pointer;
    top: 41%;
  }
  form.form-edit-video fieldset {
    min-width: 0;
  }
  form.form-edit-video h1 {
    display: inline-block;
    float: none;
    padding: 0 0 10px 0;
    width: auto;
  }
  form.form-edit-video .upload-status {
    float: none;
    margin-bottom: 25px;
    text-align: left;
    width: auto;
  }
  .videopage.video-16-9 .related-videos {
    margin-top: 0;
  }
  #upload-video #select-default-thumb li.last-col {
    margin-top: 0;
  }
  .btn-view-more-15 a.btn-generico:hover {
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
  }
}

.box-featured-channel h3,
.video-relacionados h3, .watch-later-videos .thumb-video.thumb-view-later h3 {
  clear: none;
}

@media (min-width: 769px) and (max-width: 991px) {
  .content-video .comments .view-more-comments-responses {
    margin-left: 12%;
    width: 88%;
  }
}

@media (max-width: 768px) {
  .content-video .comments .view-more-comments-responses {
    margin-left: 17%;
    width: 83%;
  }
  .pickathumb {
    width: 100%;
  }
  .form-upload .pickathumb {
    display: inline-block;
    max-width: none;
  }
  .form-container.form-edit-video .pickathumb .thumbsready a {
    display: block;
  }
}

@media (max-width: 500px) {
  .pickathumb {
    width: 100%;
  }
  .form-upload .pickathumb {
    max-width: none;
    width: 79vw;
  }
}

@media (max-width: 471px) {
  .thumb-video.last-thumb a span,
  .thumb-video.last-thumb a:hover span {
    color: #000;
    top: 28%;
  }
  .thumb-video.last-thumb a,
  .thumb-video.last-thumb a:hover {
    background: #f6f6f6;
    color: #000;
    height: 45px;
  }
  .thumb-video.last-thumb a img {
    opacity: 0;
  }
  .thumb-video.last-thumb {
    border-bottom: none;
    min-height: 45px;
    padding-bottom: 0;
  }
  .listado-videos .btn-view-more-15 a {
    background: #f1f1f1;
    border: none;
    border-radius: 3px;
    color: #000;
    display: block;
    font-weight: bold;
    height: auto;
    padding: 7px 0;
    position: relative;
    text-align: center;
  }
  .listado-videos .btn-view-more-15 a i {
    display: inline-block;
    margin-bottom: -2px;
    vertical-align: middle;
  }
}

@media (max-width: 767px) {
  .thumb-video .view-later,
  .thumb-video .btn-mobile-vid,
  .thumb-video a.thumb-duracion:hover .duracion {
    display: block;
  }
  .no-touchevents .thumb-video .view-later.tooltips-botones span {
    display: none;
  }
}

/* Thumb hover */
.thumb-video a.thumb-duracion {
  transition: all .3s ease-in-out;
}

/* View later */
.thumb-video .view-later,
.video-relacionados.thumb-video .view-later, .watch-later-videos .thumb-video.thumb-view-later .view-later {
  background: rgba(0, 0, 0, 0.7);
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  height: 26px;
  left: initial;
  line-height: 23px;
  padding: 0 9px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: auto;
  z-index: 101;
}

@media (min-width: 472px) {
  .thumb-video .view-later {
    left: initial;
    right: 0;
  }
}

.thumb-video.slick-slide .view-later,
.thumb-video.slick-slide:hover .view-later {
  right: 3px;
}

.pagination ul li {
  display: inline-block;
  margin-bottom: 20px;
}

/* selector de idiomas */
.footer .locale-page-info {
  display: none;
}

/* Contador resultados en search */
.listado-videos h1,
.listado-videos h2 {
  display: inline-block;
  float: none;
  height: auto;
  margin: 0;
}

@media (max-width: 767px) {
  .listado-videos h1,
  .listado-videos h2 {
    display: inline;
  }
}

/* Pagination */
.pagination ul {
  display: block;
}

.pagination ul li {
  margin-right: 5px;
}

.pagination li.disabled a,
.pagination li.disabled a:hover {
  border: 1px solid #ddd;
  box-shadow: none;
  color: #999;
}

.pagination li.dots {
  background: #f1f1f1;
  border: 1px solid #ddd;
  border-radius: .25rem;
  box-shadow: none;
  color: #999;
  cursor: not-allowed;
  height: 34px;
  line-height: 2.9;
  padding: 0 10px;
}

.pagination li a.generico-selected {
  line-height: 32px;
}

/* Terms and privacy */
.transactional .big-wrapper h3 {
  font-size: 1.2em;
}

.transactional .big-wrapper h4 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1em;
}

/* inicio buscador header */
#search-header-mobile {
  display: none;
  margin-top: 0;
  position: fixed;
  top: 52px;
  width: 100%;
  z-index: 9996;
}

.search-desplegable {
  display: none;
}

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

/* fin inicio buscador header */
.fixed-menu.mobile-search-on .wrapper {
  padding-top: 109px;
}

.fixed-menu.mobile-search-on #search-header-mobile {
  display: block;
}

.search-desplegable {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
}

@media (min-width: 767px) {
  .fixed-menu .search-desplegable {
    display: none;
  }
  .fixed-menu.mobile-search-on .wrapper {
    padding-top: 52px;
  }
}

@media (max-width: 767px) {
  .fixed-menu.mobile-search-on .wrapper {
    padding-top: 52px;
  }
}

/* Idioma elegido en botón Languages */
.btn-lenguage-footer svg {
  display: inline-block;
  float: left;
  height: auto;
  margin: 8px 8px 0 3px;
  vertical-align: middle;
  width: 21px;
}

/* Settings de idioma */
.language-stng .form-group label svg {
  display: inline-block;
  margin: 8px 7px -5px 7px;
}

.language-stng .form-group .radio-md {
  -webkit-appearance: inherit;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 5px;
  transition: border .25s linear;
  width: 20px;
  z-index: 5;
}

.language-stng .form-group:hover .radio-md {
  border: 2px solid rgba(0, 0, 0, 0.4);
}

.language-stng .form-group input[type="radio"] {
  position: absolute;
}

.language-stng .form-group label {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  padding: 9px 0 0 30px;
  position: relative;
  -webkit-transition: all .25s linear;
  z-index: 9;
}

.language-stng .form-group .radio-md:before {
  border-radius: 100%;
  content: "";
  display: block;
  height: 10px;
  left: 3px;
  margin: auto;
  position: absolute;
  top: 3px;
  transition: background .25s linear;
  width: 10px;
}

.language-stng input[type="radio"]:checked,
.language-stng input:hover[type="radio"]:checked {
  border: 2px solid #ea5367;
}

.language-stng input[type="radio"]:checked:before {
  background: #ea5367;
}

.delete-acc p {
  padding-top: 15px;
  text-align: left;
}

.delete-acc p em {
  color: red;
}

.delete-acc .btn, .delete-acc .btn-large, .delete-acc .pagination_item--is-disabled {
  float: right;
}

/* Mensaje de éxito grande en forms */
.bg-success svg {
  float: left;
  height: auto;
  margin: 0 1.5rem 2rem .5rem;
  width: 25%;
}

@media (max-width: 768px) {
  .bg-success svg {
    float: none;
    margin: 0 auto 2em auto;
  }
}

.checkmark__circle {
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.checkmark {
  -webkit-animation: scale .3s ease-in-out .9s both;
          animation: scale .3s ease-in-out .9s both;
  border-radius: 50%;
  box-shadow: inset 0 0 0 #ea5367;
  display: block;
  height: 56px;
  margin: 10% auto;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2;
  width: 56px;
}

.checkmark__check {
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  transform-origin: 50% 50%;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@-webkit-keyframes fill {
  100% {
    box-shadow: inset 0 0 0 30px #ea5367;
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 30px #ea5367;
  }
}

.bg-success.complete-contact {
  margin-top: 20px;
  padding-top: 25px;
}

.delete-acc .bg-success.complete-contact {
  margin-top: 0;
}

.bg-success.complete-contact a:hover {
  color: #000;
}

.bg-success.complete-contact h3,
.bg-success.complete-contact p {
  clear: none;
  color: #fff;
}

/* New categories */
.thumb-categories a.thumb-duracion:before {
  color: #fff;
  font-size: 7em;
  width: 1em;
  z-index: 9995;
}

@media (max-width: 480px) {
  .thumb-categories h3 {
    padding-left: 0;
  }
}

.thumb-categories h3 {
  line-height: 19px;
}

.thumb-categories a.thumb-duracion,
.thumb-categories a:hover.thumb-duracion img,
.thumb-categories:hover a.thumb-duracion img {
  opacity: 1;
  overflow: hidden;
}

.thumb-categories a.thumb-duracion img {
  -webkit-backface-visibility: hidden;
  height: auto;
  min-height: 157px;
  transform: translateZ(0) scale(1.2, 1.2);
  transform: translateZ(0);
  transition: all .5s ease-in-out;
  width: 100%;
}

@media (min-width: 472px) and (max-width: 767px) {
  .search-small {
    margin-bottom: 1.5em;
  }
}

@media (max-width: 471px) {
  .thumb-categories a.thumb-duracion:before {
    font-size: 5em;
  }
  .listado-videos .thumb-categories.thumb-video img {
    height: auto !important;
    width: 105% !important;
  }
  .thumb-categories a.thumb-duracion {
    font-size: .8em;
  }
  .thumb-categories a.thumb-duracion.icon-category:before {
    font-size: 6.7em;
  }
}

@media (max-width: 767px) {
  ul.right.filter-relative li:hover ul.dropdown-filter {
    display: none;
  }
  .search-no-results, .search-no-results--series {
    min-height: none;
  }
}

/* Icono Instagram, interlineado footer */
i.icono.icon-instagram:before {
  content: "\E84d";
}

.footer p {
  padding: 3px 0;
}

/* Mejoras y fixes iconos */
.header .logo .isologo,
.footer .isologo {
  margin-right: 0;
}

.comments-loading,
.videos-loading {
  text-align: center;
}

.comments-loading i.icono,
.videos-loading i.icono {
  color: #aaa;
  display: inline-block;
  float: none;
  font-size: 2em;
  margin: 20px auto;
  text-align: center;
  width: 2em;
}

.comments-loading i.icono {
  margin: 16px auto;
}

.videos-loading i.icono {
  color: #333;
  font-size: 2.7em;
  margin: 15px 0 0 0;
}

.pending-icon i.icon-soccer-ball.loadingball,
i.icon-loading.loading-animation {
  display: block;
  float: none;
  font-size: 20px;
  line-height: 0;
  margin: .33em auto 0;
}

i.icon-loading.loading-animation {
  height: 1.875rem;
  left: 0;
  margin-top: 0;
  position: absolute;
  top: -.27rem;
  width: 1.875rem;
}

.alert i.icono {
  float: none;
  margin: 0 7px 3px 0;
  vertical-align: middle;
}

.alert i.icon-ok-circled {
  color: #fff;
}

.section-favorites .thumb-video .view-later.corazon-favorito {
  background: rgba(0, 0, 0, 0.7);
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 26px;
  line-height: 23px;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 97px;
  transition: .2s ease;
  transition-property: background, color;
  width: 34px;
  z-index: 101;
}

.thumb-video .view-later.view-later-added {
  background: #ea5367;
}

.no-touchevents .thumb-video .view-later.view-later-added:hover {
  background: #000;
  color: #ea5367;
}

.section-favorites .thumb-video .view-later.corazon-favorito {
  background: #ea5367;
}

.no-touchevents .section-favorites .thumb-video .view-later.corazon-favorito:hover {
  background: #000;
  color: #ea5367;
  transition: .2s ease;
  transition-property: background, color;
}

.remodal .copy i.icono.icon-ok {
  margin: -6px 5px 0 0;
}

.thumb-video .admin-video-ban,
.thumb-video .admin-video-unban {
  display: none;
}

@media (min-width: 1024px) {
  .no-touchevents .thumb-video .admin-video-ban {
    background: #ea5367;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    line-height: 23px;
    padding: 0 9px;
    position: absolute;
    text-align: center;
    width: 34px;
    z-index: 101;
  }
  .no-touchevents .thumb-video .admin-video-ban {
    background: #ea5367;
    color: #fff;
    left: 0;
    right: initial;
    top: 0;
  }
  .no-touchevents .thumb-video .admin-video-unban {
    background: #ea5367;
  }
  .no-touchevents .thumb-video .admin-video-unban .icon-block:before {
    content: "\e83a";
  }
  .no-touchevents .thumb-video.banned-video h3 a {
    color: red;
  }
}

.thumb-video.banned-video img {
  filter: sepia(1) hue-rotate(300deg) saturate(1.7);
}

.remodal .copy a.admin-video-ban {
  color: red;
}

.remodal .copy a.admin-video-ban.admin-video-unban {
  color: #ea5367;
}

.remodal .copy a.admin-video-ban.admin-video-unban i.icono.icon-ok {
  margin-top: 0;
}

.box-thumb-channel .btn-subscribe .icono,
.section-favorites .thumb-video .view-later.corazon-favorito {
  border-radius: 0;
  right: 1px;
  top: 1px;
}

@media (max-width: 543px) {
  .box-thumb-channel .btn-subscribe .icono,
  .section-favorites .thumb-video .view-later.corazon-favorito {
    top: 11px;
  }
}

.data-video .subscribe .btn-subscribe.own-channel,
.profile-header .data .subscribe .btn-subscribe.own-channel,
.subscribe-channel-title .btn-subscribe.own-channel {
  background: #ea5367;
  border: none;
  cursor: not-allowed;
  height: 34px;
}

@media (max-width: 767px) {
  .btn-subscribe .texto {
    display: inline-block;
    padding: 0 7px;
  }
}

ul.social-login li a,
ul.social-login li a:hover {
  padding-bottom: 15px;
  padding-top: 15px;
}

.form-container ul.social-login i.icono {
  margin: -3px 7px 0 0;
}

.thumb-video a.thumb-duracion .play .icon {
  margin-top: -2px;
}

.btn-generico .icono-18,
.thumb-video .botones-edit-video .btn .icono,
.thumb-video .botones-edit-video .btn-large .icono,
.thumb-video .botones-edit-video .pagination_item--is-disabled .icono,
.profile-header .data h1 .icono,
.profile-header .data h2 .icono,
.btn-generico .icono,
.thumb-video ul li span.icon,
.thumb-video p .icon {
  top: 0;
}

.thumb-video .pending-icon {
  line-height: 40px;
}

/* Logo tokyvideo en hover videos */
/*.thumb-video .thumb-duracion, .thumb-video:hover .thumb-duracion {
transition: all 0.5s ease-in-out;
}

.thumb-video:hover .thumb-duracion:before {
content: "";
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: absolute;
display: block;
}

.thumb-video:hover .thumb-duracion:after {
position: absolute;
content: "\e816";
color: $white;
top: 50%;
left: 50%;
display: block;
font-family: "fontello";
font-size: 3em;
margin: -0.5em 0 0 -0.5em;
-webkit-font-smoothing: antialiased;
}

.thumb-video .thumb-duracion {
overflow: hidden;
}
*/
.search-titulo span.icon-cancel-1,
.search-overlay .relative span.icon-cancel-1 {
  background: #ccc;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: .94em;
  padding: 3px;
  position: absolute;
  right: 45px;
  top: 8px;
  transition: all .5s ease-in-out;
  width: 1.5em;
}

.search-overlay .relative span.icon-cancel-1 {
  right: 10px;
}

.search-titulo span.icon-cancel-1:before,
.search-overlay .relative span.icon-cancel-1:before {
  display: block;
  float: none;
  width: auto;
}

.search-titulo .search-text {
  font-size: 13px;
}

.search-titulo .search-button {
  bottom: 0;
  top: 0;
}

.search-button .icon-search,
form .icon-search,
.btn-search .icon-search {
  transition: all .5s ease-in-out;
}

.btn-search.right.btn-generico .icon-search {
  transition: none;
}

.btn-search.right.btn-generico:hover .icon-search,
.btn-search.right.btn-generico .icon-search:hover {
  color: #ea5367;
}

.header .btn-generico.btn-search:hover {
  background-color: #fff;
  border: 1px solid #ccc;
}

.search-titulo span.icon-cancel-1:hover,
.search-overlay .relative span.icon-cancel-1:hover {
  background: #aaa;
}

@media (max-width: 991px) and (min-width: 768px) {
  .search-titulo.big-search {
    display: block;
  }
  .search-small.big-search {
    display: none;
  }
}

/* Contador videos en profile */
.profile-header .data .videos {
  color: #1d1d1d;
  font-size: 20px;
  margin: 0 15px 0 0;
}

.profile-header .data .videos .icono,
.profile-header .data .views .icono {
  color: #aaa;
  font-size: 18px;
  margin-right: 4px;
  position: relative;
  top: 0;
}

/* Eliminar border-bottom en último elemento de lista */
body .box-list-channel.last-item,
body .video-relacionados.last-item,
body .watch-later-videos .last-item.thumb-video.thumb-view-later, .watch-later-videos
body .last-item.thumb-video.thumb-view-later {
  border-bottom: 0;
}

/* Videos vistos */
.thumb-watched img {
  filter: brightness(120%) grayscale(100%);
  opacity: .7;
}

.thumb-watched.thumb-video h3 a {
  color: #777;
  margin-bottom: 5px;
}

.thumb-watched p,
.thumb-watched p a,
.thumb-watched p .icon,
.related-videos.related-1col .video-relacionados.thumb-watched p .icon-th,
.related-videos.related-1col .watch-later-videos .thumb-watched.thumb-video.thumb-view-later p .icon-th, .watch-later-videos
.related-videos.related-1col .thumb-watched.thumb-video.thumb-view-later p .icon-th {
  color: #aaa;
}

/* Tooltips view later + fav */
.no-touchevents .view-later.tooltips-botones span {
  background: rgba(0, 0, 0, 0.7);
  color: #eee;
  display: block;
  max-width: none;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
}

.no-touchevents .view-later.tooltips-botones span:after {
  border: 4px solid rgba(0, 0, 0, 0.7);
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid transparent;
  bottom: 50%;
  left: initial;
  margin-bottom: -3px;
  right: -8px;
}

.no-touchevents .view-later.tooltips-botones:hover span {
  left: -65px;
  position: absolute;
  /* right: -30px; */
  top: 1px;
  z-index: 9992;
}

.no-touchevents .thumb-video .view-later.corazon-favorito.tooltips-botones:hover span {
  left: -80px;
}

.no-touchevents .thumb-video .view-later.view-later-added.tooltips-botones:hover span {
  left: -90px;
}

/* Next video */
.video-sample {
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.video-sample:before {
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  filter: blur(25px);
  height: 110%;
  left: -5%;
  position: absolute;
  top: -5%;
  width: 110%;
}

.endcard,
.next-video,
.embed-watermark {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
  width: 100%;
}

.endcard img.blurbg,
.endcard .next-video-details,
.endcard .countdown,
.endcard .endcard-embed,
.embed-watermark .endcard-embed {
  display: block;
  position: absolute;
}

.endcard img.blurbg {
  display: block;
  filter: blur(50px) brightness(65%);
  height: auto;
  margin: -10px 0 0 -10px;
  min-height: 105%;
  min-width: 105%;
  width: auto;
  z-index: 1;
}

.endcard.endcard-embed-container img.blurbg {
  filter: blur(5px) brightness(20%);
}

.endcard .next-video-details,
.endcard .countdown {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  z-index: 2;
}

.endcard .next-video-details a,
.endcard .countdown a {
  color: #fff;
}

.endcard .countdown,
.endcard .share-container {
  font-size: 1.5em;
  left: 50%;
  margin-left: -25%;
  width: 50%;
}

.endcard .share-container {
  left: 50%;
  margin-left: -100%;
  position: relative;
}

.endcard .countdown {
  height: 50%;
  top: 45%;
  transform: translateY(-25%);
}

@media (max-width: 800px) {
  .endcard .countdown {
    margin-left: -35%;
    width: 75%;
  }
}

.endcard .next-video-details {
  bottom: 3rem;
  height: 3rem;
  left: 2.5em;
  text-align: left;
  width: calc(100% - 2.5em);
}

.endcard h3 a {
  display: block;
  font-size: 16px;
  margin-bottom: .5em;
  white-space: nowrap;
}

.endcard a {
  font-weight: bold;
  text-decoration: none;
}

.endcard .icon-ok-circled {
  color: #06bd9c;
  font-size: 1.2em;
  position: relative;
  top: -4px;
}

.endcard .duracion {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  bottom: 1px;
  display: inline-block;
  font-size: 12px;
  margin-left: 6px;
  padding: 4px 7px 2px 7px;
  position: relative;
}

.endcard .duracion .icon::before {
  line-height: 1.3;
}

.endcard .duracion .icon {
  width: 11px;
}

.endcard .counter {
  color: #fff;
  display: block;
  font-size: 3em;
  padding: .2em 0 .4em;
}

.countdown .btn-generico.btn-negro,
.share-container .btn-generico.btn-negro,
.share-container .btn-generico.btn-verde {
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 13px;
  height: auto;
  transition: background .5s ease-in-out;
}

.countdown .btn-generico.btn-negro {
  font-size: 14px;
}

.countdown .btn-generico.btn-negro,
.share-container .btn-generico.btn-negro,
.bottom-button .btn-generico.btn-negro {
  background: #ea5367;
  color: #fff;
}

.endcard.auto-off .countdown .btn-generico.btn-negro {
  margin-bottom: 5px;
}

.no-touchevents .countdown .btn-generico.btn-negro:hover, .no-touchevents
.share-container .btn-generico.btn-negro:hover, .no-touchevents
.bottom-button .btn-generico.btn-negro:hover {
  background-color: #c33d4f;
  border: 1px solid #c33d4f;
}

.auto-off .bounce,
.auto-off .nextin em,
.auto-off .nextin .counter {
  visibility: hidden;
}

.countdown .btn-negro.btn-verde {
  background: #ea5367;
  color: #fff;
  font-weight: bold;
}

.pill {
  background: #ea5367;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: .9em;
  font-weight: bold;
  margin: -2px 6px 0 0;
  padding: 4px 5px 5px 6px;
  text-transform: uppercase;
}

.countdown .btn-negro.btn-generico i.icon {
  margin-right: 7px;
}

.countdown .btn-negro.btn-verde:hover {
  background: #ea5367;
}

.countdown .btn-negro.btn-verde:active,
.countdown .btn-negro.btn-verde:focus {
  border: none;
}

.endcard .endcard-embed,
.embed-watermark .endcard-embed {
  box-shadow: inset 0 45px 35px -17px rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  padding: 1em;
  pointer-events: none;
  right: 0;
  top: 0;
  z-index: 2;
}

.embed-watermark .endcard-embed {
  pointer-events: all;
}

.endcard .endcard-embed .embed-end-related {
  align-items: center;
  bottom: 6em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 2em;
  position: absolute;
  right: 2em;
  top: 5.5em;
}

.embed-end-related .play {
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: 1.2em;
  height: 50px;
  left: 50%;
  line-height: 0;
  margin-left: -35px;
  margin-top: -22px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all .2s ease-in-out;
  transition: all .5s ease-in-out;
  width: 50px;
}

@media (min-width: 970px) {
  .embed-end-related .play {
    height: 70px;
    margin-top: -35px;
    width: 70px;
  }
}

.embed-end-related a:hover .play {
  background: #ea5367;
}

.embed-end-related .play .icon {
  font-size: 30px;
  left: 50%;
  margin-left: -10px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
}

.endcard .endcard-embed .clearfix {
  clear: both;
  width: calc(100% - 2em);
}

.endcard .endcard-embed .bottom-button {
  align-items: center;
  bottom: 2em;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}

.endcard .endcard-embed .bottom-button .btn-generico.btn-negro {
  flex: 0 0 40%;
  margin: 0 10px 0 20px;
  max-width: calc(40% - 30px);
}

.endcard .endcard-embed .bottom-button .btn-generico.btn-verde {
  flex: 0 0 60%;
  margin: 0 20px 0 10px;
  max-width: calc(60% - 30px);
}

.bottom-button .btn-generico.btn-negro {
  align-items: center;
  border: none;
  display: flex;
  float: left;
  font-size: 1.04em;
  height: auto;
  justify-content: center;
  margin-left: 0;
  margin-right: 1.5em;
  margin-top: -.1em;
  min-height: 44px;
  padding: 4px 0 6px 0;
  text-decoration: none;
  width: calc(40% - 1.5em);
}

.endcard .endcard-embed .col {
  margin-bottom: 2%;
  position: relative;
}

.endcard .endcard-embed .col a h4,
.endcard .endcard-embed .col a time {
  color: #fff;
  opacity: 0;
  position: absolute;
  text-decoration: none;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  transition: all .5s ease-in-out;
}

.endcard .endcard-embed .col a:hover h4,
.endcard .endcard-embed .col a:hover time {
  opacity: 1;
}

.endcard .endcard-embed .col a h4 {
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1.1em;
  left: 0;
  -webkit-line-clamp: 2;
  line-height: normal;
  margin: 0 10px;
  /*! autoprefixer: on */
  overflow: hidden;
  top: 6px;
}

.endcard .endcard-embed .col a:hover h4:hover {
  text-decoration: underline;
}

.endcard .endcard-embed .col a time {
  bottom: .3em;
  right: .3em;
}

.endcard .endcard-embed .icon-forward,
.embed-watermark .endcard-embed .icon-forward {
  color: #fff;
  float: right;
  font-size: 2.2em;
  margin: -7px 0 0 0;
}

.endcard .endcard-embed h3.video-title,
.embed-watermark .endcard-embed h3.video-title {
  float: left;
  white-space: nowrap;
  width: 85%;
}

.endcard .endcard-embed h3.video-title a,
.embed-watermark .endcard-embed h3.video-title a {
  display: block;
  line-height: 1em;
  overflow: hidden;
  padding: 0 0 .2em 0;
  text-decoration: none;
  text-overflow: ellipsis;
}

.endcard .endcard-embed .vjs-watermark-content {
  bottom: 2.5em;
  opacity: .8;
  position: absolute;
  right: 0;
  top: initial;
  transform: scale(0.85);
  transition: all .5s ease-in-out;
}

.endcard .endcard-embed .vjs-watermark-content:hover {
  opacity: 1;
}

.endcard .endcard-embed .col a img {
  border-radius: 3px;
  display: block;
  max-height: 224px;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  transition: all .5s ease-in-out;
  width: 100%;
}

@media (min-width: 551px) {
  .endcard .endcard-embed .col a img {
    max-width: 400px;
  }
}

.endcard .endcard-embed .col a:hover img {
  filter: brightness(50%);
}

.endcard .endcard-embed .col-4 a {
  -webkit-backface-visibility: hidden;
  background: #000;
  border: 3px solid #ea5367;
  border-radius: 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  display: block;
  overflow: hidden;
}

.endcard .endcard-embed .col-4 {
  width: 32%;
}

.endcard .col-6 a.btn, .endcard .col-6 a.btn-large, .endcard .col-6 a.pagination_item--is-disabled {
  display: block;
  height: 42px;
  line-height: 39px;
  margin: .8em 0 0 0;
}

.endcard .col-6 a.btn .icono, .endcard .col-6 a.btn-large .icono, .endcard .col-6 a.pagination_item--is-disabled .icono {
  float: none;
}

.endcard .col-6 a.btn:hover, .endcard .col-6 a.btn-large:hover, .endcard .col-6 a.pagination_item--is-disabled:hover {
  text-decoration: none;
}

.endcard .last-col a.btn .icono, .endcard .last-col a.btn-large .icono, .endcard .last-col a.pagination_item--is-disabled .icono {
  color: #000;
}

.endcard-embed h3 a {
  color: #fff;
  font-size: 1.6em;
  font-weight: 100;
  line-height: 0;
  padding: .3em 0 1.2em 0;
}

.endcard-embed .bottom-button .btn-generico.btn-verde,
.endcard-embed .bottom-button .btn-generico.btn-fucsia {
  display: block;
  float: left;
  font-size: 1.04em;
  height: auto;
  margin: 0;
  padding: 4px 0 6px 0;
  text-decoration: none;
  width: 59%;
}

.share-overlay {
  align-items: center;
  background: rgba(0, 0, 0, 0.85);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 25px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1024;
}

.share-container {
  position: absolute;
  text-align: center;
}

.share-container h3 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  opacity: 1;
  padding-bottom: 2.5em;
  text-align: center;
  text-transform: uppercase;
}

.share-container ul {
  font-size: .6em;
}

.share-container ul li a {
  padding: 3px 0;
}

@media (min-width: 768px) {
  .share-container ul {
    font-size: 1em;
    margin-right: -30px;
  }
}

@media (max-width: 767px) {
  .endcard .share-container {
    width: 94%;
  }
  .share-container ul li.show-xs {
    display: inline-block;
  }
  .endcard .share-container ul li a .icon-telegram {
    display: inline-block;
    font-size: .7em;
    margin: -1.7em .3em 0 -.2em;
  }
  .endcard .share-container ul li a .icon-whatsapp {
    font-size: .9em;
  }
  .endcard .share-container .toggle-vidinfo {
    font-size: .8em;
  }
  .endcard .endcard-embed h3.video-title a {
    font-size: 3vw;
  }
}

@media (max-width: 550px) {
  .endcard .endcard-embed h3.video-title a {
    font-size: 3.5vw;
  }
  .share-container h3 {
    padding-bottom: 1.5em;
  }
  .share-container .toggle-vidinfo {
    margin: .7em 0;
  }
  .share-container .btn-generico.btn-negro {
    font-size: .74em;
    padding: .5em 1.5em;
  }
  .hidden-sm {
    display: none;
  }
  .bottom-button .icon-ccw {
    display: inline-block;
    font-size: 1.3em;
  }
}

@media (max-width: 450px) {
  .endcard .endcard-embed h3.video-title a {
    font-size: 4vw;
  }
  .hidden-xs {
    display: none;
  }
}

.share-container ul li {
  display: inline-block;
  font-size: 40px;
  margin-left: 12px;
  width: 45px;
}

.share-container ul li:first-child {
  margin-left: 0;
}

.share-container ul li a {
  color: #fff;
  cursor: pointer;
  transition: all .5s ease-in-out;
}

.share-container ul li a:hover {
  opacity: .7;
}

.share-container .toggle-vidinfo {
  background: transparent;
  border: none;
  border-bottom: 1px solid #bbb;
  color: #fff;
  cursor: text;
  font-size: 1.3em;
  margin: 1.3em 0;
  overflow: hidden;
  padding: .3em .5em;
  text-overflow: ellipsis;
  transition: all .5s ease-in-out;
  white-space: nowrap;
  width: 100%;
}

.share-container .toggle-vidinfo:hover {
  border-bottom: 1px solid #fff;
}

.share-container textarea.toggle-vidinfo {
  resize: none;
  white-space: inherit;
}

.share-container .icon-google:before {
  width: auto;
}

.share-container .btn-generico.btn-negro {
  margin-left: 0;
}

/* Responsive embed player */
@media (max-width: 767px) {
  .video-js .vjs-big-play-button,
  .video-js.vjs-workinghover .vjs-big-play-button {
    font-size: 3em;
  }
}

@media (max-width: 540px) {
  .endcard-embed .vjs-watermark-content {
    display: none;
  }
}

/* End responsive embed player */
.bounce i.tokyvideoball {
  background: transparent url(../../images/tokyvideoball.svg) 0 0 no-repeat;
  background-size: contain;
  height: 48px;
  width: 48px;
}

@-webkit-keyframes bounce {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(1.2em) scale(1, 0.85);
  }
}

@keyframes bounce {
  from {
    transform: translateY(0) rotate(0deg);
  }
  to {
    transform: translateY(1.2em) scale(1, 0.85);
  }
}

@-webkit-keyframes shadow {
  from {
    height: 7px;
  }
  to {
    height: 15px;
    transform: scale(0.5);
  }
}

@keyframes shadow {
  from {
    height: 7px;
  }
  to {
    height: 15px;
    transform: scale(0.5);
  }
}

.bounce i {
  height: 2em;
  margin: 0 auto;
  position: relative;
  width: 2em;
}

.bounce i {
  -webkit-animation: .5s bounce infinite alternate-reverse;
  animation: .5s bounce infinite alternate-reverse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  color: #fff;
  font-size: 1.3em;
  left: -.94em;
  margin-left: 50%;
  position: absolute;
  top: -3.15em;
  z-index: 9994;
}

.bounce {
  display: block;
  font-size: 1.3em;
  margin: 0 auto 1em;
  position: relative;
}

.bounce:after {
  -webkit-animation: .5s shadow infinite alternate-reverse;
  animation: .5s shadow infinite alternate-reverse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 15px;
  left: 50%;
  margin: 0 auto 0 -25px;
  position: absolute;
  right: 160px;
  transition: .3s opacity ease;
  width: 50px;
  z-index: 9993;
}

@media (max-width: 767px) {
  .endcard .next-video-details {
    display: none;
  }
}

@media (max-width: 540px) {
  .bounce {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1070px) {
  .bounce {
    display: none;
  }
  .endcard .countdown {
    top: 33%;
  }
}

@media (max-width: 471px) {
  .endcard .countdown {
    font-size: 1.2em;
    top: 35%;
  }
  .endcard .countdown .counter {
    font-size: 2em;
    padding: .3em 0 .2em;
  }
}

.next-video-details {
  font-size: 13px;
}

.nextin {
  font-size: .8vw;
}

.modo-teatro .nextin {
  font-size: .9vw;
}

@media (max-width: 2000px) {
  .nextin,
  .modo-teatro .nextin {
    font-size: 1vw;
  }
}

@media (max-width: 1400px) {
  .nextin,
  .modo-teatro .nextin {
    font-size: 1.3vw;
  }
}

@media (max-width: 900px) {
  .nextin,
  .modo-teatro .nextin {
    font-size: 1.6vw;
  }
  .bounce {
    margin-bottom: .3em;
  }
  .endcard .counter {
    padding-bottom: .3em;
  }
}

@media (max-width: 767px) {
  .nextin,
  .modo-teatro .nextin {
    font-size: 2.3vw;
  }
}

@media (max-width: 600px) {
  .nextin,
  .modo-teatro .nextin {
    font-size: 2.5vw;
  }
}

@media (max-width: 471px) {
  .nextin,
  .modo-teatro .nextin {
    font-size: 4vw;
  }
}

/* Form inside modal */
.form-container.copy {
  margin: 0;
  max-width: none;
  padding-bottom: 0;
  width: 100%;
}

.remodal .form-container.copy .btn-generico.btn-naranja:hover {
  color: #fff;
}

/*.remodal .remodal-close {
display: block;
height: auto;
width: 100%;
margin: 0 0 2em 0;
padding: .64em;
font-size: 1.04em;
}*/
/* Mapa de tags */
.alphabetical {
  margin-bottom: 1.5em;
}

.alphabetical li {
  float: left;
  width: 3.7%;
}

.alphabetical li a {
  border-bottom: 1px solid #e2e2e2;
  display: block;
  padding: 1em 0;
  text-align: center;
  width: 100%;
}

.alphabetical li a:hover {
  background: #f6f6f6;
}

.alphabetical li a.selected {
  background: #ea5367;
  border-bottom: 1px solid #ea5367;
  color: #fff;
}

.tag-list {
  margin-bottom: 2em;
}

.tag-list li {
  float: left;
  overflow: hidden;
  width: 33%;
}

.tag-list li a {
  display: block;
  padding: 1em 3em 1em 1.5em;
}

.tag-list .icono {
  color: #ea5367;
  margin: .6em .3em 0 0;
}

.tag-list a span {
  border: 1px solid #ccc;
  border-radius: 1em;
  color: #aaa;
  float: right;
  font-size: .9em;
  font-weight: normal;
  margin-top: -5px;
  padding: .4em .6em;
  text-align: right;
}

.tag-list li a:hover span {
  border: 1px solid #aaa;
  color: #888;
}

.tag-list li a strong {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  padding-bottom: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tag-list li a:hover strong {
  text-decoration: underline;
}

@media (max-width: 916px) {
  .tag-list li {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .alphabetical li {
    width: calc(100% / 10);
  }
}

@media (max-width: 694px) {
  .tag-list li {
    width: 100%;
  }
  .tag-list li a {
    padding-right: 0;
  }
}

@media (max-width: 471px) {
  .alphabetical li {
    width: calc(100% / 8);
  }
}

/* Left menu updates */
.left-menu ul.menu li.current {
  background: #fff;
  border-right: 1px solid #ebebeb;
  font-weight: bold;
  margin-right: -1px;
}

.left-menu ul.menu li.current a,
.left-menu ul.menu li.current a .icon-menu-left {
  color: #484848;
}

.left-menu ul.menu li.menu-sep,
.left-menu ul li.menu-sep {
  color: #1b1a1a;
  display: inline-block;
  font-size: .8em;
  font-weight: bold;
  height: auto;
  padding: 1.2rem 0 .7rem 15px;
  text-align: left;
  text-transform: uppercase;
}

.left-menu ul.menu li.topcat {
  border: none;
  height: auto;
}

.left-menu ul.menu li.topcat a {
  font-size: .9em;
  height: auto;
  line-height: 1.4em;
  padding: .5em 0 .6em 15px;
}

.left-menu ul.menu li.topcat a:hover {
  background: transparent;
  border: none;
  text-decoration: underline;
}

/* Logged in left menu */
.left-menu .user-picture {
  overflow: hidden;
  padding-top: 1.3em;
}

.user-picture .avatar img {
  display: block;
  height: auto;
  max-width: 100%;
}

.user-picture .avatar {
  float: left;
  margin-right: 5%;
  padding: .5em 0 0 1em;
  width: 29%;
}

.user-picture ul {
  color: #999;
  float: left;
  padding-top: .5em;
  text-align: left;
  width: 64%;
}

.user-picture ul li {
  font-size: .9em;
  padding-bottom: .6em;
}

.user-picture ul a {
  color: #484848;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: .5em;
  padding-right: .3em;
  text-decoration: none;
  text-overflow: ellipsis;
}

.user-picture ul a.channel-name {
  max-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-picture li span {
  font-size: .8em;
  font-weight: bold;
  padding: .2em .5em 0 .5em;
  text-transform: uppercase;
}

.user-picture ul a:hover {
  text-decoration: underline;
}

.user-picture ul .icon-ok-circled {
  color: #389422;
}

.user-picture ul .icono {
  float: none;
  font-size: 1.3em;
  margin-bottom: 2px;
}

/* Username */
em.username {
  display: inline-block;
  font-size: .9em;
  padding: 1px 3px;
}

em.username,
em.username a {
  color: #777;
  font-weight: normal;
}

.username-group .floatlabel-wrapper {
  display: block;
  float: left;
  width: 62%;
}

.username-group .floatlabel-wrapper input {
  width: 100%;
}

span.input-prepend {
  background: #f6f6f6;
  border-radius: 3px;
  color: #999;
  display: inline-block;
  float: left;
  height: 55px;
  padding: 10px 15px;
  padding-top: 19px;
  vertical-align: middle;
  width: 38%;
}

@media (max-width: 507px) {
  span.input-prepend {
    display: none;
  }
  .username-group .floatlabel-wrapper {
    float: none;
    width: 100%;
  }
}

/* Títulos a 2 líneas */
@media (max-width: 480px) {
  .thumb-video.thumb-categories {
    text-align: center;
  }
}

.thumb-video h3 a {
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  color: #484848;
  display: block;
  display: -webkit-box;
  font-size: 1.01em;
  font-weight: bold;
  height: auto;
  -webkit-line-clamp: 2;
  line-height: 1.35;
  /*! autoprefixer: on */
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  width: 100%;
}

.thumb-video.thumb-categories h3 a {
  display: block;
  font-size: 1em;
}

.thumb-video h3 a:hover {
  text-decoration: underline;
}

/* Box form focus */
.box-form .txt-search {
  background-color: rgba(255, 242, 242, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  transition: all .5s ease-in-out;
}

.box-form .txt-search:focus {
  background-color: rgba(255, 242, 242, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: none;
}

.box-form .btn-search a {
  color: white;
}

.section-header .btn-back-h2 {
  display: block;
  float: left;
}

.listado-videos .section-head a {
  color: #000;
  white-space: nowrap;
}

.listado-videos .section-head a .icon-ok-circled,
.listado-videos .channel-section-head .icon-ok-circled {
  color: #389422;
  float: right;
  margin-left: 7px;
}

.listado-videos .channel-section-head .icon-ok-circled {
  left: 17px;
  position: absolute;
  top: -9px;
}

.listado-videos h2.channel-section-head a .thumb-user-small {
  margin-right: 15px;
}

.listado-videos .channel-section-head .icon-ok-circled:before {
  position: relative;
  z-index: 2;
}

.listado-videos .channel-section-head .icon-ok-circled:after {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 18px;
  left: -1px;
  position: absolute;
  top: 8px;
  width: 18px;
  z-index: 1;
}

.listado-videos .section-head a:hover {
  text-decoration: underline;
}

.listado-videos .channel-section-head {
  margin-right: -180px;
  overflow-x: hidden;
  padding-right: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.listado-videos h2.channel-section-head a {
  display: block;
  float: left;
  margin-right: -30px;
  padding-right: 30px;
  width: 100%;
}

.listado-videos small {
  color: #888;
  float: left;
  font-size: 13px;
  line-height: 33px;
}

.btn-generico.right i.icono.icono-right {
  color: #000;
  font-size: .7em;
  margin: 1px 0 0 7px;
}

.btn-generico.right:hover i.icono.icono-right {
  color: #000;
}

.filter-relative .icono-right {
  font-size: 1.2em;
}

.filter-relative .icono-right.icono-right-mid {
  font-size: 1em;
  margin-left: 5px;
}

.filter-large {
  clear: none;
  float: right;
  margin-bottom: 6px;
  width: auto;
}

@media (min-width: 768px) {
  .filter-large {
    margin-bottom: .2rem;
  }
}

/* Botones filter / order responsive */
@media (max-width: 767px) {
  .btn-titulo-small .btn-generico {
    cursor: pointer;
    margin-left: 0;
    width: 100%;
  }
  .btn-titulo-small.right {
    clear: left;
    margin-top: 10px;
  }
  ul.right li:hover ul {
    display: none;
  }
  .header .btn-generico.btn-naranja {
    margin-left: 0;
  }
}

@media (max-width: 693px) {
  .btn-titulo-small.right {
    clear: left;
    margin-left: 1%;
  }
  .filter-large,
  .filter-large .btn-generico {
    cursor: pointer;
    margin-left: 0;
    width: 100%;
  }
}

/* Unificamos a hovers */
.listado-videos small a:hover,
.footer ul.footer-menu li a:hover {
  text-decoration: underline;
}

/* Selection */
::-moz-selection {
  background: #ea5367;
  color: #fff;
}
::selection {
  background: #ea5367;
  color: #fff;
}

/* Fixes y mejoras tokyvideos */
.trending a {
  display: block;
  font-weight: normal;
  height: 20px;
  overflow-x: hidden;
  overflow-y: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
}

/* Evitar salto en busqueda tags */
.listado-tags {
  margin-bottom: 2em;
  min-height: 50vh;
}

div#tags-loading i.icono {
  margin-top: 1.5em;
  vertical-align: top;
}

ul.tag-list.from-search {
  border-top: 1px solid #e2e2e2;
  clear: both;
  margin-top: .3em;
  padding-top: .5em;
}

/* Superuser */
.superuser .header .logo {
  padding-right: 41px;
  position: relative;
}

@media (max-width: 767px) {
  .superuser .header .logo .isologo {
    width: 8rem;
  }
  .superuser .header .logo a {
    bottom: 0;
  }
}

.superuser .header .logo .isologo {
  margin-top: -6px;
}

@media (max-width: 991px) {
  .superuser .header .logo .isologo {
    margin-top: -2px;
    width: 9rem;
  }
}

.superuser .header .logo:before {
  background: #ea5367;
  border-radius: 3px;
  content: "Admin";
  display: inline-block;
  font-size: 8px;
  line-height: normal;
  padding: 3px 4px;
  position: absolute;
  right: -3px;
  text-transform: uppercase;
  top: 6px;
}

/* Textarea label */
.form-container label.label-textarea {
  display: block;
  padding: 6px 0 8px;
  top: 1px !important;
  width: 93%;
}

/* Mobile comments */
.mobcomments .icono {
  color: #aaa;
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: 0;
}

.mobcomments {
  color: #1d1d1d;
  float: right;
  font-size: 20px;
  margin: 0 0 0 10px;
}

.mobcomments a {
  color: #000;
  text-decoration: none;
}

/* Extra small viewport, header */
@media (max-width: 319px) {
  .header .logo a {
    overflow: hidden;
    white-space: nowrap;
    width: 30px;
  }
  .header .logo a span.isologo {
    float: left;
    margin-right: 25px;
  }
}

@media (max-width: 345px) {
  .superuser .header .logo a {
    overflow: hidden;
    white-space: nowrap;
    width: 28px;
  }
}

/* Responsive utilities */
.fixed-menu .hide-xs {
  display: block;
}

.fixed-menu .search-no-results .hide-xs, .fixed-menu .search-no-results--series .hide-xs {
  display: inline-block;
}

.fixed-menu .show-xs,
.fixed-menu .search-no-results .show-xs,
.fixed-menu .search-no-results--series .show-xs {
  display: none;
}

@media (max-width: 767px) {
  body.fixed-menu .hide-xs,
  body.fixed-menu .search-no-results .hide-xs,
  body.fixed-menu .search-no-results--series .hide-xs {
    display: none;
  }
  body.fixed-menu .show-xs {
    display: block;
  }
  body.fixed-menu .search-no-results .show-xs, body.fixed-menu .search-no-results--series .show-xs {
    display: inline-block;
  }
  body.menu-active,
  body.mobile-search-on {
    overflow: hidden;
  }
}

/* Search overlay (mobile) */
.search-overlay {
  background: #f6f6f6;
  bottom: 0;
  display: none;
  height: 47px;
  left: 0;
  overflow: hidden;
  padding: .5em;
  position: absolute;
  width: 100%;
}

@media (max-width: 693px) {
  .search-overlay {
    bottom: 7px;
  }
}

@media (max-width: 471px) {
  .search-overlay {
    bottom: 0;
  }
}

@media (max-width: 302px) {
  .search-overlay {
    bottom: 0;
    height: 42px;
  }
}

.search-overlay .relative,
.search-overlay button {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  float: left;
  font-size: 1.04em;
  height: 100%;
  margin-left: 1%;
}

.search-overlay .relative {
  border: none;
  margin-left: 0;
  width: 76%;
}

.search-overlay input,
.search-overlay input:hover {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: none;
  display: block;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: .95em;
  height: 100%;
  padding-left: 15px;
  padding-right: 35px;
  text-indent: 0;
  width: 100%;
}

.search-overlay button {
  font-size: 1.3em;
  padding: 0;
  text-align: center;
  transition: all .5s ease-in-out;
  width: 11%;
}

@media (max-width: 376px) {
  .search-overlay .relative {
    width: 72%;
  }
  .search-overlay button {
    width: 13%;
  }
}

@media (min-width: 767px) {
  .search-overlay button:hover {
    background: #ea5367;
    border: 1px solid #ff3e23;
    color: #fff;
  }
  .search-overlay button span {
    display: block;
    margin-top: -3px;
  }
}

.section-header.overlay-on {
  overflow: hidden;
}

.overlay-on .search-overlay {
  display: block;
}

.search-overlay form {
  height: 100%;
}

.search-overlay button span:before {
  display: inline;
  float: none;
}

/* Report video */
button.reportvid, button.license {
  background: none;
  color: #8e8e8e;
  overflow: visible;
  white-space: nowrap;
}

.reportvid i.icono {
  float: none;
}

.videos-horizontal-buttons {
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  display: inline-flex;
}

@media (max-width: 767px) {
  .videos-horizontal-buttons {
    order: 3;
  }
}

button.license {
  float: none;
  font-size: .8em;
  margin: 0;
  padding-top: 0;
}

button.license .icono {
  transform: rotate(180deg);
}

button.license span {
  left: 50%;
  top: 25px;
}

button.license span::after {
  left: 50.3%;
  transform: translateX(-50%);
}

form.form-container.report-vid {
  box-shadow: none;
  margin: 25px auto 0 auto;
  padding: 0 20px;
  width: 100%;
}

/* Pruebas vídeos a 1, 2 y 3 columnas */
/* Media query hasta iPhone 6 Plus */
@media (max-width: 471px) {
  .col1 .listado-videos .thumb-duracion img,
  .col2 .listado-videos .thumb-duracion img,
  .col3 .listado-videos .thumb-duracion img {
    height: 100% !important;
    width: 100% !important;
  }
  .col1 .listado-videos .thumb-duracion,
  .col2 .listado-videos .thumb-duracion,
  .col3 .listado-videos .thumb-duracion {
    float: none;
    height: auto;
    width: 100%;
  }
  /*,
    .col2 .listado-videos .videorow .thumb-video:nth-child(2n),
    .col2 .listado-videos .thumb-categories.thumb-video:nth-child(2n),
    .col2 .listado-videos #videos-container .thumb-video:nth-child(2n)*/
  .col2 .listado-videos:not(.listado-categorias) .thumb-video {
    border-bottom: none;
    clear: none;
    float: left;
    margin-left: -4px;
    width: 100%;
  }
  /*.col3 .listado-videos .videorow .thumb-video:nth-child(3n)*/
  .col3 .listado-videos:not(.listado-categorias) .thumb-video {
    border-bottom: none;
    clear: none;
    float: left;
    margin-left: 1%;
    width: 32.33%;
  }
  /*.col2 .listado-videos .thumb-video:nth-of-type(2n+1),
    .col3 .listado-videos .thumb-video:nth-of-type(3n+1),
    .col2 .listado-videos .videorow .thumb-video:nth-child(2n+1),
    .col3 .listado-videos .videorow .thumb-video:nth-child(3n+1),
    .col2 .listado-videos .thumb-categories.thumb-video:nth-child(2n+1),
    .col3 .listado-videos .thumb-categories.thumb-video:nth-child(3n+1),
    .col2 .listado-videos #videos-container .thumb-video:nth-child(2n+1),
    .col3 .listado-videos #videos-container .thumb-video:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
    }*/
  .col1 .listado-videos .thumb-video.last-thumb,
  .col2 .listado-videos .thumb-video.last-thumb,
  .col3 .listado-videos .thumb-video.last-thumb {
    clear: both;
    display: block;
    margin-bottom: 15px;
    width: 100%;
  }
  .col2 .listado-videos .videorow .thumb-video.last-thumb,
  .col3 .listado-videos .videorow .thumb-video.last-thumb {
    clear: both;
    display: block;
    width: 100%;
  }
  .col1 .listado-videos .thumb-video h3 {
    height: auto;
  }
  .col1 .listado-videos .separador-gris,
  .col2 .listado-videos .separador-gris,
  .col3 .listado-videos .separador-gris {
    display: none;
  }
}

/* Modal confirm delete video */
#delete .copy .col .btn-generico {
  margin: 5px 20px 20px 20px;
}

/* Form upload slide */
.form-upload .pickathumb {
  max-width: 430px;
}

.form-upload .pickathumb .slick-slide img {
  height: auto;
  width: 100%;
}

.form-upload .pickathumb .slick-slide {
  height: auto;
}

.slick-slide {
  height: auto;
}

#upload-video ul#select-default-thumb {
  display: none;
  min-height: 90px;
}

/* Mobile channel list */
@media (max-width: 471px) and (min-width: 301px) {
  .box-thumb-channel {
    border-bottom: none;
    display: inline-block;
    width: 49%;
  }
  .listado-videos.canales-thumbs {
    padding-left: 0;
    padding-right: 0;
  }
  .box-thumb-channel h3 a {
    display: block;
    padding-right: 5px;
  }
}

@media (max-width: 300px) {
  .box-thumb-channel {
    display: block;
  }
  .listado-videos.canales-thumbs {
    padding-left: 0;
    padding-right: 0;
  }
}

/* fixes menu overlay */
#menu-bg-overlay {
  background-color: #000;
  display: none;
  height: 100%;
  left: 0;
  opacity: .5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.fixed-menu .left-menu {
  z-index: 10001;
}

.fixed-menu .header {
  box-shadow: none;
  z-index: 10002;
}

.alert.fade {
  z-index: 10003;
}

#morecontent {
  display: none;
}

/* Home intro banner */
.home-intro i.icono {
  color: #ea5367;
  float: none;
  margin: -2px 10px -1px 0;
  vertical-align: text-bottom;
}

.home-intro .icono.icon-results {
  color: #ea5367;
}

.home-intro {
  background: #f6f6f6;
  color: #666;
  display: block;
  line-height: 1.8em;
  margin-bottom: .8em;
  overflow: hidden;
  padding: .7em 1em;
  text-align: center;
}

.home-intro h1,
.home-intro h2 {
  color: #666;
  display: inline;
  font-size: 1em;
  line-height: 1.8em;
  margin: 0;
}

.full-click-intro {
  padding: 0;
}

.full-click-intro h1 a {
  display: block;
  padding: .7em 1em;
  text-align: center;
  width: 100%;
}

.home-intro strong {
  color: #000;
}

.home-intro a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.home-intro a:hover {
  text-decoration: underline;
}

/* Reorder video details */
.data-video p,
.data-video ul {
  clear: left;
}

.data-video .showmore_main_layout {
  margin-top: .5rem;
}

.data-video .view-more-less br {
  display: none;
}

.data-video .sign-video {
  display: block;
  margin-top: 1rem;
}

.data-video .view-more-less .video-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
  word-break: break-word;
}

.data-video .view-more-less p {
  clear: both;
}

.data-video .view-more-less {
  vertical-align: middle;
}

.data-video .view-more-less .icon-user-1 {
  font-size: 1em;
  height: 12px;
  margin: 0;
  vertical-align: middle;
}

.data-video .view-more-less .uploaded-by,
.data-video .view-more-less .uploaded {
  color: #484848;
  font-size: 12px;
  vertical-align: middle;
}

.data-video .view-more-less .uploaded {
  color: #828080;
}

.data-video .view-more-less .subido {
  margin: 0 .75rem 0 0;
}

.data-video .view-more-less .reportvid {
  background: none;
  color: #8e8e8e;
  display: inline;
  float: none;
  font-size: .9em;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
}

.data-video .view-more-less .info-uploader {
  text-decoration: underline;
}

.data-video .view-more-less .icon-flag-black {
  float: none;
  font-size: 1em;
  height: 12px;
  margin: 0;
  vertical-align: middle;
}

.data-video .view-more-less ul.catlist {
  margin-top: 0;
}

.icon-calendar-empty:before {
  font-size: 1em;
  position: relative;
  top: -1px;
}

@media (min-width: 768px) {
  .icon-calendar-empty:before {
    font-size: 1.1em;
  }
}

.data-video .subido {
  color: #828080;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  /*padding-bottom: 3px;
    padding-top: 18px;*/
  text-align: right;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: auto;
}

.data-video .subido .icon {
  margin-top: 2px;
}

.data-video ul.catlist {
  float: left;
  margin-right: -150px;
  margin-top: 15px;
  padding-right: 150px;
}

.reportvid i.icono {
  float: right;
  margin: -2px 5px 0 7px;
}

.data-video .view-more-less p {
  margin: 7px 0 7px;
}

@media (max-width: 480px) {
  .data-video .view-more-less p {
    margin: 7px 0 7px;
  }
  .data-video .view-more-less p:first-child {
    margin: 0;
    padding: 0;
  }
}

.video-relacionados a.thumb-duracion .duracion, .watch-later-videos .thumb-video.thumb-view-later a.thumb-duracion .duracion {
  font-size: 10px;
}

/* Idioma header */
.cta-users .btn-signup {
  margin: 0 0 16px 0;
}

.left-menu ul.dropdown li.menu-sep {
  margin: 20px 0 10px .7rem;
}

.header ul.right.hide-xs li {
  padding: 0 15px 0 0;
}

.header ul.right.hide-xs li .icon-down-dir:before {
  width: 1em;
}

.header ul.right.hide-xs li ul li {
  padding: 0;
}

.header ul.right.hide-xs li a.userpic {
  font-size: 1.1em;
  margin: 9px 0 0 0;
}

.header ul.right ul.dropdown {
  right: .5em;
}

@media (min-width: 768px) and (max-width: 850px) {
  body ul.right.hide-xs {
    display: none;
  }
}

/* 2 columnas info video */
.thumb-video ul {
  white-space: nowrap;
}

.thumb-video ul li {
  font-size: 11px;
}

/* Mejoras profile */
.profile-header .data .btn-sociales {
  float: left;
  margin-right: 5px;
}

.profile-header .clear {
  display: inline-block;
}

.profile-header .data {
  overflow: hidden;
  padding-bottom: 0;
}

.profile-header .data .btn-sociales .link {
  color: #555;
  font-size: 22px;
}

.profile-header .data .btn-sociales:hover .link {
  color: #111;
}

@media (max-width: 1138px) {
  .profile-header .data .views.right {
    clear: left;
  }
}

@media (max-width: 693px) {
  .profile-header .data h1,
  .profile-header .data h2 {
    display: block;
    width: 100%;
  }
  .profile-header .data h1 .icono.right,
  .profile-header .data h2 .icono.right {
    color: #06bd9c;
    display: inline-block;
    float: none;
  }
}

/* CSS Toggle switch */
.switch {
  display: inline-block;
  font-size: .8em;
  height: 20px;
  position: relative;
  width: 45px;
}

.slider-label {
  cursor: pointer;
  display: inline-block;
  padding: 3px 0 0 55px;
}

.switch-container {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 18px;
  display: inline-block;
  padding: .5em 82px .5em .5em;
}

.countdown .switch-container {
  margin-left: 15px;
}

@media (max-width: 1100px) {
  .switch-container {
    margin-top: -3px;
  }
}

@media (max-width: 460px) {
  .switch-container {
    display: none;
  }
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

/* The slider */
.slider {
  background-color: #777;
  bottom: 0;
  box-shadow: inset 0 3px 7px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

input:checked + .slider {
  box-shadow: none;
  box-shadow: inset 0 3px 7px 0 rgba(255, 255, 255, 0.1);
}

.slider:before {
  background-color: white;
  bottom: -3px;
  color: #9e9e9e;
  content: "off";
  font-size: 8px;
  font-weight: bold;
  height: 26px;
  left: -3px;
  line-height: 28px;
  position: absolute;
  text-transform: uppercase;
  transition: .4s;
  width: 26px;
}

input:checked + .slider:before {
  content: "on";
}

input:checked + .slider {
  background-color: #ea5367;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ea5367;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Eliminar thumbs que no rellenan la fila */
/* 5 col */
@media (min-width: 1139px) {
  .home .listado-videos.block-view-more .thumb-video:not(.visible-col-5) {
    display: none;
  }
}

@media (min-width: 917px) and (max-width: 1138px) {
  .home .listado-videos.block-view-more .thumb-video:not(.visible-col-4) {
    display: none;
  }
}

@media (min-width: 694px) and (max-width: 916px) {
  .home .listado-videos.block-view-more .thumb-video:not(.visible-col-3) {
    display: none;
  }
}

@media (max-width: 693px) {
  .home .listado-videos.block-view-more .thumb-video:not(.visible-col-2) {
    display: none;
  }
}

.thumb-video p {
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 471px) {
  .home .listado-videos.block-channel-videos-slider .thumb-video:not(.visible-col-2) {
    display: none;
  }
}

/* Register second step */
.form-second-step img {
  display: block;
  height: auto;
  margin-bottom: 10px;
  max-width: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  #signup_help_image_username_mobile,
  #signup_help_image_channel_mobile,
  #signup_help_image_nickname_mobile {
    display: none !important;
  }
}

@media (max-width: 693px) {
  .form-second-step button.btn-naranja.btn-generico {
    font-size: 16px;
  }
  .form-second-step input.pulse-input {
    -webkit-animation: glow 1000ms ease-in-out infinite alternate;
    animation: glow 1000ms ease-in-out infinite alternate;
  }
  .form-container.form-second-step .pulse-input::-webkit-input-placeholder {
    color: #ea5367;
  }
  .form-container.form-second-step .pulse-input::-moz-input-placeholder {
    color: #ea5367;
  }
  .form-container.form-second-step .pulse-input:-moz-input-placeholder {
    color: #ea5367;
  }
  .form-container.form-second-step .pulse-input::-ms-input-placeholder {
    color: #ea5367;
  }
  .form-second-step {
    padding-top: 45px;
  }
}

@-webkit-keyframes glow {
  0% {
    border-color: #ea5367;
    box-shadow: 0 0 3px rgba(234, 83, 103, 0.63);
  }
  100% {
    border-color: #ea5367;
    box-shadow: 0 0 10px rgba(101, 185, 9, 0.6);
  }
}

@keyframes glow {
  0% {
    border-color: #ea5367;
    box-shadow: 0 0 5px rgba(234, 83, 103, 0.63);
  }
  100% {
    border-color: #ea5367;
    box-shadow: 0 0 20px rgba(234, 83, 103, 0.63);
  }
}

.form-second-step img.show-xs {
  margin: 30px 0 20px;
}

#form-signup input#username-input {
  text-transform: lowercase;
}

#form-signup fieldset {
  min-width: initial;
}

/* Form register */
body.transactional form.form-register a,
body.transactional form.dragdrop a {
  display: inline;
}

body.transactional form.form-register button.btn-naranja {
  margin-bottom: 5px;
}

body.transactional form.form-register .form-group.text-center, body.transactional form.form-register .form-group.btn__show-more--mobile {
  padding: 20px 0;
}

body.transactional form.contact-form a {
  display: inline;
}

/* Check upload */
.form-group.terms-check {
  padding: 5px;
}

.required-prompt {
  -webkit-animation: yellow-pulse 800ms ease-in-out 2 alternate;
  animation: yellow-pulse 800ms ease-in-out 2 alternate;
}

@-webkit-keyframes yellow-pulse {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #ffee60;
  }
  100% {
    background-color: #fff;
  }
}

@keyframes yellow-pulse {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #ffee60;
  }
  100% {
    background-color: #fff;
  }
}

.tt-cursor,
.tt-suggestion:hover,
.tt-suggestion:focus {
  background-color: #f6f6f6;
  color: #ff573d;
}

/* modifications made by programmers, integrate with design CSS and eliminate before go to production */
/* boton suscribir/desuscribir channel */
.data-video .subscribe .btn-subscribe[data-type="unsubscribe"] {
  display: none;
}

.data-video .subscribe.btn-subscribe-subscribed .btn-subscribe[data-type="unsubscribe"] {
  display: inline;
}

.data-video .subscribe.btn-subscribe-subscribed .btn-subscribe[data-type="subscribe"] {
  display: none;
}

#video-favorite-action .icon-heart.marcado {
  color: #f00 !important;
}

#save-from-avatar {
  display: none;
}

/* channel home page */
#inline-edit-channel {
  display: none;
}

#inline-edit-channel.is-visible {
  display: block;
}

#channel-bg-progress {
  display: none;
  height: 6px;
  left: 58%;
  margin-bottom: 0;
  position: absolute;
  top: 14px;
  width: 40%;
}

#channel-avatar-progress {
  display: none;
  height: 6px;
  left: 38px;
  margin-bottom: 0;
  position: absolute;
  top: 14px;
  width: 80px;
}

@media (max-width: 480px) {
  #channel-avatar-progress {
    left: 20px;
    width: 50px;
  }
}

.guest #edit-channel-avatar {
  cursor: default;
}

.channel-background .img_size_rec {
  display: none;
}

#showmore {
  white-space: nowrap;
}

.btn-sociales.hide {
  display: none !important;
}

/* resultados buscador */
@media (min-width: 768px) {
  #show-more-videos-search-results,
  #show-more-channels-search-results {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #pagination-search-results {
    display: none;
  }
  #show-more-videos-search-results,
  #show-more-channels-search-results {
    display: block;
  }
}

/* fin resultados buscador */
/* inicio buscador header */
#search-header-mobile {
  display: none;
  margin-top: 0;
  position: fixed;
  top: 52px;
  width: 100%;
  z-index: 9998;
}

/* fin inicio buscador header */
/* listado de videos (populares, ultimos videos...) */
@media (min-width: 768px) {
  #show-more-videos-various-lists {
    display: none !important;
  }
}

/* inicio categoria */
#categories-search-no-results {
  display: none;
  margin-bottom: 35px;
  margin-top: 30px;
}

/* inicio tags */
#tags-search-no-results {
  display: none;
}

.tag-list > li.from-search {
  display: list-item !important;
}

#no-tags-letter {
  margin-bottom: 40px;
}

#search-tags-cancel,
#search-tags-cancel-mobile {
  display: none;
}

#tags-count-results {
  display: none;
}

/* fin tags */
.alert.fade {
  -webkit-animation: slideDown 2.5s ease-in-out 0s 1 forwards;
  animation: slideDown 2.5s ease-in-out 0s 1 forwards;
  transform: translateY(-70px);
}

/* editar video */
h3.only-admin {
  color: #e70000;
  margin-top: 25px;
}

/* fin editar vídeo */
/* autoplay on quality selector */
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  width: 190px;
}

.vjs-menu li:first-child {
  text-transform: none;
}

.vjs-menu li:first-child:focus,
.vjs-menu li:first-child:hover {
  background-color: none !important;
}

/* fin autoplay on quality selector */
.remodal-content .form-container {
  box-shadow: none;
  margin: 15px 15px 0 15px;
  max-width: none;
  overflow: visible;
  padding: 0;
  width: auto;
}

.remodal-content .form-container .form-group .clipboard {
  background: transparent;
  border: none;
  cursor: pointer;
  cursor: copy;
  font-size: 1em;
  font-weight: bold;
  padding: 0;
}

.remodal-content .form-container .form-group .clipboard:hover {
  color: #ea5367;
}

.channel-links {
  clear: both;
  margin-top: 30px;
}

.channel-links h4 {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 25px;
  padding-bottom: 10px;
}

.coinurl-group,
.coincoupon-group {
  clear: none;
  display: block;
  float: left;
}

.coinurl-group {
  margin-right: 2%;
  width: 48%;
}

.coincoupon-group {
  width: 50%;
}

@media (max-width: 916px) {
  .coinurl-group,
  .coincoupon-group {
    clear: both;
    float: none;
    width: 100%;
  }
}

.channel-links a:hover {
  color: #000;
  text-decoration: underline;
}

.channel-links a {
  padding-right: 10px;
}

.channel-links a .icon.icon-coins {
  color: #e8cd3e;
  position: relative;
}

.channel-links a .icon.icon-coins:before {
  position: relative;
  z-index: 3;
}

.share-container li a .icon-circled-facebook,
.share-container li a .icon-circled-twitter,
.share-container li a .icon-circled-reddit,
.share-container li a .icon-circled-whatsapp,
.share-container li a .icon-circled-telegram,
.share-container li a .icon-link-1,
.share-container li a .icon-code {
  color: #b5b8bb;
}

.share-container ul li.active {
  border-bottom: 2px solid #ea5367;
  color: #ea5367;
  display: inline-block;
  padding-bottom: 10px;
}

.share-container ul li.active a,
.share-container ul li.active a span,
.share-container ul li.active a:hover,
.share-container ul li.active a:hover span {
  color: #fff;
  opacity: 1;
}

.share-container li.reddit {
  margin-top: -3px;
  padding-top: 0;
}

.share-container li a .icon-link,
.share-container li a .icon-code {
  color: #b5b8bb;
}

.share-container li a .icon-google {
  color: #db4437;
}

.channel-links a .icon.icon-youtube-play {
  color: #e81400;
}

.channel-links a .icon-instagram:after {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.channel-links a .icon.icon-twitter {
  color: #37a9fa;
}

.channel-links a .icon.icon-circled-facebook {
  color: #045691;
}

@media (min-width: 1101px) {
  .channel-links .col-4 {
    width: 23%;
  }
}

@media (max-width: 1100px) {
  .channel-links .col-4 {
    width: 48%;
  }
}

@media (max-width: 727px) {
  .channel-links .col-4 {
    clear: none;
    width: 48%;
  }
}

@media (max-width: 530px) {
  .channel-links .col-4 {
    clear: both;
    width: 100%;
  }
}

.channel-links a .icon {
  float: left;
  font-size: 1.3em;
  margin: -2px 6px 20px 0;
}

/* Challenges */
.select-group {
  position: relative;
}

.form-container .select-group.select-group-sm:after {
  top: 16px;
}

.checkbox-select {
  margin: 7px 0 0 25px;
}

.form-container .select-md.select-sm {
  font-size: 1em;
  height: 40px;
}

.home-intro i.icon-trophy {
  color: #e29200;
}

.home-intro i.icon-trophy:last-child {
  margin-left: 5px;
}

h4.subheading {
  clear: both;
  display: block;
  font-size: 1.34em;
  font-weight: bold;
  margin-top: 2.5em;
  padding-bottom: 1em;
}

.touchevents .tooltips-botones span {
  display: none;
}

.touchevents .tooltips-botones span.clicked-tooltip {
  display: initial;
}

.remodal .copy .video-js.vjs-fluid {
  margin: 0 0 15px 0;
}

@media (max-width: 916px) {
  .profile-header .data .subscribe-profile-new .btn-subscribe,
  .profile-header .data .subscribe-profile-new .resultado {
    height: auto;
    height: 34px;
    line-height: 33px;
    padding: 0 10px;
  }
  .profile-header .data .subscribe-profile-new .btn-subscribe .texto {
    line-height: 25px;
  }
  .profile-header .data .btn-sociales,
  .profile-header .data .views.right,
  .profile-header .data .videos.right {
    display: none;
  }
  .profile-header .data .show-hide-info {
    clear: both;
  }
  .profile-header .data .show-hide-info .btn-sociales {
    display: inline-block;
    margin-top: 0;
  }
  .profile-header .data .show-hide-info .views.right,
  .profile-header .data .show-hide-info .videos.right {
    display: inline-block;
    margin-top: 4px;
  }
}

@media (min-width: 917px) {
  .profile-header .data .show-hide-info {
    display: none !important;
  }
}

@media (max-width: 916px) {
  .profile-header .data .show-hide-info .btn-sociales {
    margin-bottom: 10px;
  }
}

/* Resultados */
@media (min-width: 992px) {
  .left-content {
    max-width: none;
    width: 66%;
  }
}

@media (min-width: 1139px) {
  .left-content {
    width: 68.5%;
  }
}

@media (min-width: 1429px) {
  .left-content {
    width: 73.8%;
  }
}

.home-intro .btn-live,
.datepicker-group {
  margin: 0 10px 6px 0;
}

.home-intro .btn-live {
  color: #ff3e23;
  font-size: .84em;
  font-weight: bold;
  line-height: 32px;
  margin: 0 10px 6px 0;
  padding-left: 25px;
  position: relative;
  text-transform: uppercase;
}

.home-intro .btn-live.live-now {
  height: auto;
  line-height: 1;
  margin: 0 10px 0 0;
  padding: .8em .9em .8em 2.1em;
}

.home-intro .btn-live.live-now,
.home-intro .btn-live.live-now:hover {
  background: #ff3e23;
  border: 1px solid #ff3e23;
  color: #fff;
}

.home-intro .btn-live.live-now:before {
  -webkit-animation: pulse-opacity 1s ease-in-out infinite;
          animation: pulse-opacity 1s ease-in-out infinite;
  opacity: 0;
}

@-webkit-keyframes pulse-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes pulse-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.results-controls .btn-live:before,
.home-intro .btn-live:before,
.results-table-content li.current-match .current-pill,
span.live-now-text:before {
  background: #ff3e23;
  border: 1px solid #ea2e13;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 12px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 5px;
}

.related-videos h6,
.horizontal-related-videos h6 {
  margin-bottom: 0;
}

.left-content {
  padding: 0;
}

.breadcrumb {
  color: #aaa;
  overflow: hidden;
  padding: 2px 0;
}

.breadcrumb li {
  float: left;
  margin-right: 7px;
  position: relative;
}

.breadcrumb .icon-results {
  color: #878787;
  margin-right: 10px;
}

.breadcrumb li a,
.square-list a {
  color: #000;
  text-decoration: none;
}

.breadcrumb li a:hover,
.square-list a:hover {
  text-decoration: underline;
}

.breadcrumb li:nth-child(n + 3) {
  padding-left: 20px;
}

.breadcrumb li:nth-child(n + 3):before {
  color: #aaa;
  content: "\e811";
  font-family: "fontello";
  left: 1px;
  position: absolute;
  top: 1px;
}

/* Share widget */
.share-live-widget .btn-generico,
.share-live-widget .btn-generico:hover {
  color: #fff;
  height: auto;
  line-height: 2.5;
  margin: 0;
  padding: 3px 15px;
}

.share-live-widget .btn-generico .icono {
  float: none;
  margin-bottom: 5px;
}

.share-live-widget .form-container {
  box-shadow: none;
  margin: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: relative;
  width: auto;
}

.online-users .icon {
  float: left;
  font-size: 1.3em;
  margin: 1px 6px 0 0;
}

.online-users {
  color: #ea5367;
  display: inline-block;
  float: right;
  font-size: .9em;
  font-weight: normal;
  margin: 0 0 0 10px;
  text-transform: none;
}

.online-users .tooltips-botones {
  background: none;
  font-size: 1.14em;
  margin-left: 15px;
  outline: none;
  padding: 0;
}

.online-users .tooltips-botones .icon {
  margin: -2px 0 0 0;
  opacity: .3;
  transition: all .5s ease-in-out;
}

.online-users .tooltips-botones:hover .icon {
  opacity: 1;
}

.no-touchevents .online-users .view-later.tooltips-botones:hover span {
  right: 27px;
  top: -2px;
}

.clipboard {
  cursor: copy;
  display: block;
}

.text-right {
  text-align: right;
}

/* FAQ */
.faq-link {
  color: #000;
  display: inline-block;
  margin-top: 7px;
  text-decoration: none;
}

.faq-link:hover {
  text-decoration: underline;
}

.faq-link .icon {
  color: #b1b1b1;
  float: left;
  font-size: 1.5em;
  margin: -4px 4px 0 0;
}

.transactional .big-wrapper h3 {
  font-size: 1.2em;
  padding-top: 20px;
}

/* Empty states challenges */
.empty-state {
  align-items: center;
  background: rgba(0, 0, 0, 0.02);
  border: 3px dashed rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  display: flex;
  flex: 1;
  height: 100%;
  justify-content: center;
  text-align: center;
  transition: all .5s ease-in-out;
}

.empty-state:hover {
  background: rgba(0, 0, 0, 0.04);
  border: 3px dashed rgba(0, 0, 0, 0.09);
}

.empty-state,
.empty-state p {
  color: #777;
  font-size: 1em;
}

.empty-state h6 {
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 1em;
}

.empty-state p {
  padding-bottom: 1em;
}

.empty-state .btn, .empty-state .btn-large, .empty-state .pagination_item--is-disabled {
  background: rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  color: #000;
  display: inline-block;
  margin-top: 1em;
  padding: 1em 2em;
  text-decoration: none;
  transition: all .5s ease-in-out;
}

.empty-state .btn .icon, .empty-state .btn-large .icon, .empty-state .pagination_item--is-disabled .icon {
  display: inline-block;
  float: left;
  font-size: 1.3em;
  margin: -1px 8px 0 0;
}

.thumb-video .empty-state p {
  white-space: normal;
}

.empty-state .btn:hover, .empty-state .btn-large:hover, .empty-state .pagination_item--is-disabled:hover {
  background: rgba(0, 0, 0, 0.1);
}

.empty-state-content {
  padding: 0 5%;
}

.podium .empty-state {
  min-height: 32em;
}

.empty-state {
  min-height: 15em;
}

/* FAQ */
.faq-link {
  color: #000;
  display: inline-block;
  margin-top: 7px;
  text-decoration: none;
}

.faq-link:hover {
  text-decoration: underline;
}

.faq-link .icon {
  color: #b1b1b1;
  float: left;
  font-size: 1.5em;
  margin: -4px 4px 0 0;
}

.transactional .big-wrapper h3 {
  font-size: 1.2em;
  padding-top: 20px;
}

.transactional .big-wrapper h2.text-section {
  background: #f1f1f2;
  font-size: 1.6em;
  margin: 2em -35px 0;
  padding: .7em 1.7em;
}

.transactional .big-wrapper h2.text-section:first-of-type {
  margin-top: -15px;
}

@media (max-width: 693px) {
  .transactional .big-wrapper {
    margin-top: 15px;
  }
  .transactional .big-wrapper .section-header {
    padding: 30px 35px;
  }
  .big-wrapper .section-header h1 {
    font-size: 2.2em;
  }
  .big-wrapper .section-header h2 {
    font-size: 1.24em;
  }
}

/* dev.css */
.form-upload .box__input {
  height: 339px;
}

form .box__input * {
  transition: none;
}

form .box__input * .btn, form .box__input * .btn-large, form .box__input * .pagination_item--is-disabled {
  transition: background-color 0.25s ease-in-out, color 0.2s, border 0.2s;
}

.form-upload .icon-upload-cloud {
  display: block;
  pointer-events: none;
}

form.dragover .release {
  display: block !important;
}

.form-upload .icon-upload-cloud {
  display: block;
  pointer-events: none;
}

#select-thumb-button .icon-upload-cloud {
  display: inline;
}

.dragover .box__input * {
  display: none;
  pointer-events: none;
}

@media (max-width: 767px) {
  .form-upload .box__input {
    height: 280px;
  }
}

#loading-thumbs {
  margin-bottom: 15px;
  position: relative;
}

.loadingthumbs span {
  top: 40%;
}

#thumb-restrictions {
  height: 60px;
}

#custom-thumb-progress {
  display: none;
  height: 40px;
  padding-top: 5px;
}

#upload-custom-thumb-form {
  display: none;
  margin-top: 25px;
}

.fermoji,
.emoji {
  font-size: 1.25em;
  font-style: normal;
  height: 1em;
  margin: -.25em .3em 0 .1em;
  vertical-align: -.1em;
  width: 1em;
}

.dragover .release {
  display: block !important;
}

.resume_layout {
  visibility: hidden;
}

.morecontent_layout,
.showmore_layout {
  display: none;
}

.morecontent_layout a,
.showmore_layout a {
  color: #ea5367;
  font-weight: 700;
  text-decoration: none;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

span.date-range,
span.num-videos,
span.on-header {
  display: inline;
  font-size: 100%;
  margin-right: 0;
}

.first-position .video-iframe-container {
  float: left;
}

.first-position-container {
  width: auto;
}

.video-iframe-container iframe.thumb-duracion {
  visibility: hidden;
}

.data-video .subscribe .btn-verde {
  background-color: #ea5367;
  border: 1px solid #ea5367;
  color: #fff;
}

.data-video .subscribe .btn-verde .icono {
  color: #fff;
}

/* Eliminar el hover si el botón subir vídeo está inactivo en el modal explicativo del reto, mejor pasar a CSS principal */
.no-touchevents .remodal .btn-naranja.btn-disabled:hover {
  background: #bbb;
  background: #aaa;
  border: none;
  box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
  opacity: .8;
}

/* Vídeos subidos vacíos a un reto futuro , mejor pasar a una CSS principal */
.search-no-results h6, .search-no-results--series h6,
.filter-title {
  color: #666;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: .8em;
  margin-top: 2em;
  text-align: left;
  text-transform: uppercase;
}

.remodal span.filter-title {
  display: block;
  font-size: 1em;
  padding: 0 0 0 13px;
}

.view-later.tooltips-botones span {
  display: none;
}

.search-no-results ul li, .search-no-results--series ul li {
  clear: both;
  color: #999;
  margin-bottom: 1.5em;
}

/* Videos relacionados horizontal */
@media (min-width: 472px) and (max-width: 907px) {
  .horizontal-related-videos .thumb-video {
    margin: 0 .5% 14px 0;
    width: 24.5%;
  }
  .search-no-results ul li i, .search-no-results--series ul li i {
    background: #ea5367;
    border-radius: 50%;
    color: #fff;
    display: block;
    float: left;
    font-size: 1.1em;
    font-style: normal;
    font-weight: bold;
    height: 2em;
    line-height: 2em;
    margin: -3px 8px 0 0;
    text-align: center;
    width: 2em;
  }
}

@media (min-width: 1139px) {
  .home .listado-videos.block-view-more .thumb-video:not(.visible-col-5) {
    display: inline-block;
  }
}

@media (min-width: 1139px) and (max-width: 1428px) {
  .home .listado-videos.block-view-more .thumb-video:not(.visible-col-5) {
    display: none;
  }
}

#upload-foreign-channel-btn {
  position: absolute;
  right: 0;
  top: 100px;
}

@media (max-width: 1138px) {
  #upload-foreign-channel-btn {
    top: 140px;
  }
}

@media (max-width: 767px) {
  #upload-foreign-channel-btn {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 0;
    position: relative;
    right: auto;
    top: auto;
  }
}

#upload-foreign-channel-btn i {
  display: inline-table;
  font-size: 1.2em;
  margin-right: 7px;
  vertical-align: middle;
}

.results-scroll {
  max-height: 457px;
  padding: 0 0 10px;
}

.results-scroll .btn-generico {
  margin: 0 10px;
}

.table-positions-widget {
  border: none;
  box-shadow: none;
}

.table-positions-widget h6 {
  padding: 2px 0 6px;
}

table.team-list tbody tr td {
  padding: 10px 16px;
}

.team-list {
  font-size: 1em;
}

.thumb-video.first-position p,
.thumb-video.second-position p,
.thumb-video.third-position p {
  white-space: normal;
}

/* Retransmisiones y verificados */
.thumb-video p a {
  display: inline-block;
  line-height: normal;
  max-width: 81%;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: 3px;
}

.video-container .live-pill,
.live-embed-page .live-pill {
  background: #ff2700;
  color: #fff;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  letter-spacing: .1em;
  max-width: none;
  padding: 2px 9px 0 23px;
  width: auto;
}

.thumb-video .view-later.live-pill span:after {
  -webkit-animation: live-pulse 1.5s infinite;
          animation: live-pulse 1.5s infinite;
  background: red;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 6px;
  margin-top: -4px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 8px;
}

@-webkit-keyframes live-pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes live-pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.thumb-video .view-later.live-pill {
  background: #000;
  color: #fff;
  display: block;
  font-size: 11px;
  height: 27px;
  line-height: 28px;
  padding-left: 18px;
  padding-right: 8px;
  text-decoration: none;
  width: auto;
}

@media (min-width: 992px) {
  .thumb-video .view-later.live-pill {
    font-size: 12px;
    max-width: 5.2rem;
    padding-right: 6px;
  }
}

.thumb-video .view-later.live-pill span {
  width: auto;
}

.video-container .live-pill,
.live-embed-page .live-pill {
  font-size: 1.1em;
  left: 0;
  padding: .5em 1em;
  position: absolute;
  top: 0;
  z-index: 9999;
}

/* Live embed */
.live-embed-page .live-pill {
  opacity: 0;
  transition: opacity .5s ease-in-out;
}

.live-embed-page .vjs-user-inactive .live-pill {
  opacity: 1;
}

.live-pill.live-pill-title {
  border-radius: 2px;
  display: inline-block;
  float: left;
  font-size: .5em;
  font-weight: bold;
  line-height: 1.7;
  margin-right: 1em;
  margin-top: 0;
  opacity: 1;
  padding: .2em .2em;
  position: relative;
}

/* Mobile channels */
@media (max-width: 693px) {
  .results .listado-videos .box-thumb-channel:nth-child(1),
  .results .listado-videos .box-thumb-channel:nth-child(2) {
    display: inline-block;
  }
  .results .listado-videos .box-thumb-channel {
    display: none;
  }
}

@media (max-width: 767px) {
  .video-js .vjs-big-play-button:before {
    background: #ea5367;
  }
  .video-js .vjs-play-pause {
    background-color: #ea5367;
  }
  .video-js .vjs-big-play-button,
  .video-js.vjs-workinghover .vjs-big-play-button {
    font-size: 4.7em;
  }
}

/* Pantallas anchas */
@media (min-height: 1050px) and (min-width: 1700px) {
  .video-16-9 .content {
    max-width: 1700px;
    width: 100%;
  }
  .related-videos {
    clear: right;
  }
  .video-16-9 .video,
  .video-16-9 .data-video,
  .video-16-9 .comments,
  .left-content {
    max-width: 1700px;
    width: 75%;
  }
  .left-content {
    width: 74%;
  }
  .video-js .vjs-big-play-button:before {
    height: 2em;
    line-height: 1.1em;
    margin-left: -.9em;
    margin-top: -.9em;
    padding: .5em 0 0 .2em;
    width: 2em;
  }
  .video-js .vjs-big-play-button,
  .video-js.vjs-workinghover .vjs-big-play-button {
    font-size: 7em;
  }
  .video-16-9 .video-container {
    right: 207px;
    width: 1242px;
  }
  .video img#video-poster {
    /*max-height: 693px;
        max-width: 1242px;*/
  }
  .video-16-9 .video {
    height: 693px;
    margin-top: 10px;
    max-height: 693px;
  }
  .video-16-9 .related-videos {
    margin-bottom: 15px;
    margin-top: -701px;
    max-width: 413px;
    width: 25%;
  }
  .video-16-9 .related-videos-modo-teatro {
    margin-top: 0;
  }
  .video-16-9 .video.modo-teatro {
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
  .video-16-9 .video.modo-teatro .video-js,
  .video-16-9 .video.modo-teatro .video-container {
    max-width: 1272px;
    width: 1272px;
  }
  .video-16-9 .video.modo-teatro {
    height: 715px;
    max-height: 715px;
  }
  .video-16-9 .reportvid {
    clear: right;
  }
  .video-16-9 .video.modo-teatro .video-container {
    height: 715px;
    max-width: 1272px;
    width: 1272px;
  }
  .video.modo-teatro img#video-poster {
    /*max-height: 715px;
        max-width: 1272px;*/
  }
  .video-16-9 .video.modo-teatro .video-js.vjs-fullscreen,
  .video-16-9 .video .video-js.vjs-fullscreen {
    max-width: none;
  }
}

@media (min-height: 1180px) and (min-width: 2100px) {
  .video-16-9 .video.modo-teatro {
    height: 841px;
    max-height: 841px;
  }
  .video-16-9 .video.modo-teatro .video-container {
    height: 841px;
    max-width: 1496px;
    width: 1496px;
  }
  .video-16-9 .video.modo-teatro .video-js,
  .video-16-9 .video.modo-teatro .video-container {
    max-width: 1496px;
    width: 1496px;
  }
  .video.modo-teatro img#video-poster {
    /*max-height: 841px;
        max-width: 1496px;*/
  }
  .video-16-9 .video.modo-teatro .video-js.vjs-fullscreen,
  .video-16-9 .video .video-js.vjs-fullscreen {
    max-width: none;
  }
}

@media (max-height: 760px) and (min-width: 1100px) {
  .video-16-9 .video.modo-teatro {
    height: 480px;
    max-height: 480px;
  }
  .video.modo-teatro img#video-poster {
    /*max-height: 480px;
        max-width: 854px;*/
  }
  .video-16-9 .video.modo-teatro .video-container {
    height: 480px;
    max-width: 854px;
    width: 854px;
  }
  .video-16-9 .video.modo-teatro .video-js.vjs-fullscreen,
  .video-16-9 .video .video-js.vjs-fullscreen {
    max-width: none;
  }
  .video-16-9 .video.modo-teatro .video-js,
  .video-16-9 .video.modo-teatro .video-container {
    max-width: 854px;
    width: 854px;
  }
}

@media (max-width: 767px) {
  .wrapper .btn-naranja.btn-generico .texto {
    display: inline-block;
  }
  .btn-50 {
    width: 49.25%;
  }
}

/* EJEMPLO 01 */
.listado-videos .title-categorias-home {
  display: block;
  margin-bottom: 10px;
  margin-top: 0;
  text-align: center !important;
  text-decoration: underline;
  width: 100%;
}

@media (min-width: 768px) {
  .listado-videos .title-categorias-home {
    margin-bottom: 10px;
  }
}

@media (min-width: 471px) and (max-width: 767px) {
  .listado-videos .title-categorias-home {
    margin-bottom: 6px;
  }
}

.title-categorias-home .icon {
  font-size: 1rem;
  margin-right: .4rem;
  vertical-align: middle;
}

@media screen and (max-width: 700px) {
  .listado-videos .section-head.title-categorias-home {
    font-size: 1.04em;
    line-height: 1.3em;
    white-space: normal;
  }
  .listado-videos .section-head.title-categorias-home a {
    white-space: normal;
  }
}

.thumb-video.thumb-ex-01 {
  overflow: hidden;
}

.thumb-video.thumb-ex-01:after {
  background: transparent;
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  bottom: 0;
  clear: both;
  content: "";
  display: table;
  height: 65px;
  position: absolute;
  width: 100%;
}

.thumb-ex-01 img {
  display: block;
  height: auto;
  margin-bottom: 0;
  opacity: 1;
  transform: translateZ(0);
  transition: opacity .5s ease-in-out;
  width: 100%;
}

.thumb-ex-01:hover img,
.bigthumb-video:hover img {
  margin-bottom: 0;
  transform: translateZ(0);
  transition: opacity .5s ease-in-out;
}

.thumb-video.thumb-ex-01 h3 {
  bottom: 15px;
  color: #fff;
  display: block;
  float: none;
  font-size: 1.3em;
  height: initial;
  line-height: 1.4em;
  margin-right: 0;
  overflow: visible;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  text-overflow: initial;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  white-space: initial;
  width: 100%;
  z-index: 1001;
}

.thumb-video.thumb-ex-01 h3 a {
  color: white;
  display: block;
  padding-right: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}

@media (max-width: 916px) {
  .thumb-video.thumb-ex-01 h3 {
    font-size: 1.1em;
    font-weight: normal;
  }
}

.thumb-video.thumb-ex-01 .videocount {
  display: none;
}

/* MEGA THUMB 100% */
.thumb-video.thumb-100 {
  align-items: center;
  border-radius: 3px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 0 !important;
  width: 100% !important;
}

@media (min-width: 917px) {
  .thumb-video.thumb-100 {
    align-items: flex-end;
    justify-content: center;
  }
}

.thumb-100__image {
  border-radius: 3px;
  display: block;
  overflow: hidden;
  width: auto;
}

.thumb-100__title {
  bottom: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1001;
}

@media (min-width: 917px) {
  .thumb-100__title {
    bottom: auto;
    right: 20px;
    width: 380px;
  }
}

.thumb-video.thumb-100 h3 {
  color: #fff;
  float: none;
  font-size: 1.5em;
  height: initial;
  line-height: normal;
  margin-bottom: .3em;
  overflow: visible;
  padding: 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  white-space: normal;
}

@media (min-width: 917px) {
  .thumb-video.thumb-100 h3 {
    font-size: 2.5em;
    line-height: 1.1;
  }
}

.thumb-video.thumb-100 .thumb-100__btn-enter {
  width: 170px;
}

@media (min-width: 917px) {
  .thumb-video.thumb-100 .thumb-100__btn-enter {
    font-size: 1.25em;
    height: 38px;
    line-height: 36px;
    margin-top: 10px;
    width: 240px;
  }
}

.thumb-video.thumb-100:after {
  background: #7abe33;
  background: linear-gradient(to bottom, rgba(122, 190, 51, 0) 0%, #6abb17 100%);
  border-radius: 3px;
  bottom: 0;
  clear: both;
  content: "";
  display: block;
  height: 180px;
  position: absolute;
  right: 0;
  width: 100%;
}

@media (min-width: 917px) {
  .thumb-video.thumb-100:after {
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(to right, rgba(122, 190, 51, 0) 0%, #8cff14 100%);
    height: 100%;
    position: absolute;
    right: 0;
    width: 600px;
  }
}

.endcard .endcard-embed h3.video-title-100 {
  position: relative;
  white-space: normal;
  width: auto;
  z-index: 1221;
}

.endcard .endcard-embed h3.video-title-100 a {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 1.5em;
  line-height: 20px;
  white-space: normal;
}

@media (max-width: 580px) {
  .endcard .endcard-embed h3.video-title-100 a {
    font-size: 1.2em;
    line-height: 16px;
  }
}

.endcard .endcard-embed h3.video-title-100 .icono.icon-eye-off {
  margin-right: 10px;
}

.endcard .endcard-embed .bottom-button.bottom-button--100 {
  bottom: 2em;
  left: 2em;
  position: absolute;
  right: 0;
}

.endcard-embed .bottom-button .btn-generico.btn-100 {
  float: none;
  margin: 0 2em 0 0;
}

.embed-watermark {
  height: 60px;
  z-index: 1001;
}

.embed-watermak .vjs-watermark {
  pointer-events: auto;
}

.vjs-ended + .embed-watermark-override .vjs-watermark {
  display: none;
}

/* Animation */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animated {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animation-delay-first {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.animation-delay-second {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animatedFadeInUp {
  opacity: 0;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  opacity: 0;
}

/* FOOTER COLUMNS */
p.desc-footer {
  border-top: 1px solid #e2e2e2;
  margin: 14px 0;
  padding: 14px 0 0;
}

p.desc-footer a {
  color: #ea5367;
  text-decoration: none;
}

.footer-columns {
  border-top: 1px solid #e2e2e2;
  display: flex;
  justify-content: space-between;
  margin: 14px 0;
}

.footer-columns ul {
  margin: 0 10px;
  width: calc(25% - 20px);
}

.footer-columns ul li {
  color: #333;
  margin-top: 14px;
}

.footer-columns ul li:last-child {
  margin-bottom: 0;
}

.footer-columns__link {
  color: #333;
  text-decoration: none;
}

.footer-columns__link:hover {
  text-decoration: underline;
}

.footer-columns__link--title {
  color: #ea5367;
  display: inline-block;
  font-weight: bold;
  margin-top: 5px;
  text-transform: uppercase;
}

@media (max-width: 916px) {
  .footer-columns {
    flex-direction: column;
    text-align: left;
  }
  .footer-columns ul {
    margin: 0 10px;
    width: calc(100% - 20px);
  }
  .footer-columns ul li {
    display: inline-block;
    margin-right: 20px;
  }
  .footer-columns ul li:after {
    clear: both;
    color: #d6d6d6;
    content: "-";
    display: inline;
    margin-left: 20px;
  }
  .footer-columns ul li:last-child:after,
  .footer-columns ul li:first-child:after {
    display: none;
  }
  .footer-columns ul li.footer-columns__title {
    display: block;
  }
  .footer-columns ul li.footer-columns__title:nth-child(3) {
    margin-top: 70px;
  }
  .footer-columns__link--title,
  .footer-columns ul li.footer-columns__title {
    margin-top: 0;
  }
  .footer-columns ul li.footer-columns__title {
    margin-top: 20px;
  }
}

/* TAG LIST CATEGORY */
.tag-list-category {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 15px;
  max-height: 92px;
  overflow: hidden;
}

@media (max-width: 470px) {
  .tag-list-category {
    margin: 10px 0 5px;
  }
}

@media (min-width: 471px) and (max-with: 767px) {
  .tag-list-category {
    margin: 0 0 5px;
  }
}

@media (min-width: 768px) {
  .tag-list-category {
    margin: 10px 0 5px;
  }
}

@media (min-width: 1140px) {
  .tag-list-category {
    margin: 0 0 10px;
  }
}

.tag-list-category__title {
  color: #ed5844;
  font-weight: bold;
  line-height: normal;
}

.tag-list-category li {
  float: none;
  margin: 5px 13px 5px 0;
  overflow: auto;
  width: auto;
}

.tag-list-category li a {
  align-items: center;
  display: flex;
  padding: 0;
}

.tag-list-category li a strong {
  display: initial;
  margin-right: 9px;
  max-width: none;
  overflow: initial;
  padding-bottom: 0;
  text-overflow: inherit;
  white-space: nowrap;
}

.tag-list-category a span {
  line-height: normal;
  margin-top: 0;
  padding: .1em .6em .2em;
}

/* 404 STARS ANIMATIONS

.star-01 {
    -webkit-animation: starBlink linear 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    animation: starBlinkTwo linear 3s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}

.star-02 {
    -webkit-animation: starBlink ease-out 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    animation: starBlink ease-out 5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}

.star-03 {
    -webkit-animation: starBlink ease-in 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    animation: starBlinkTwo ease-in 7s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}

.star-04 {
    -webkit-animation: starBlink ease-in-out 9s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    animation: starBlink ease-in-out 9s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}

@keyframes starBlink {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    58% {
        opacity: .98;
    }
    84% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes starBlink {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    58% {
        opacity: .98;
    }
    84% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes starBlinkTwo {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@-webkit-keyframes starBlinkTwo {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.color-animation-01 {
    -webkit-animation: fireAnimation 1s ease-in-out 1s infinite alternate;
    animation: fireAnimation 1s ease-in-out 1s infinite alternate;
}

@-webkit-keyframes fireAnimation {
    0% {
        fill: orange;
    }
    100% {
        fill: yellow;
    }
}

@keyframes fireAnimation {
    0% {
        fill: orange;
    }
    100% {
        fill: yellow;
    }
}

.color-animation-02 {
    -webkit-animation: fireAnimationTwo 2.5s ease-out 2s infinite alternate;
    animation: fireAnimationTwo 2.5s ease-out 2s infinite alternate;
}

@-webkit-keyframes fireAnimationTwo {
    0% {
        fill: transparent;
    }
    100% {
        fill: yellow;
    }
}

@keyframes fireAnimationTwo {
    0% {
        fill: transparent;
    }
    100% {
        fill: red;
    }
}

.size-animation {
    -webkit-animation: fireAnimationThree 2s ease-in-out 1s infinite;
    animation: fireAnimationThree 2s ease-in-out 1s infinite;
    opacity: 0;
    transform-origin: 50% 50%;
}

@-webkit-keyframes fireAnimationThree {
    0% {
        opacity: 1;
        transform: scale(.78);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes fireAnimationThree {
    0% {
        opacity: 1;
        transform: scale(.78);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.spaceship {
    -webkit-animation: fireAnimationFour 7s linear infinite;
    animation: fireAnimationFour 7s linear infinite;
    transform-origin: 50% 50%;
}

.spaceship .component {
    transform: rotate(5deg);
}

@-webkit-keyframes fireAnimationFour {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fireAnimationFour {
    100% {
        transform: rotate(360deg);
    }
}

.satellite {
    -webkit-animation: fireAnimationFive 40s linear infinite;
    animation: fireAnimationFive 40s linear infinite;
    transform-origin: 50% 50%;
}

.satellite .component {
    transform: rotate(-1deg);
}

@-webkit-keyframes fireAnimationFive {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fireAnimationFive {
    100% {
        transform: rotate(360deg);
    }
}

.ring-animation {
    -webkit-animation: fireAnimationSix 3s ease-in-out 1s infinite;
    animation: fireAnimationSix 3s ease-in-out 1s infinite;
    transform-origin: 50% 50%;
}

@-webkit-keyframes fireAnimationSix {
    0% {
        opacity: 1;
        transform: scale(.78);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        transform: scale(.78);
    }
}

@keyframes fireAnimationSix {
    0% {
        opacity: 1;
        transform: scale(.78);
    }
    50% {
        opacity: 0;
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        transform: scale(.78);
    }
}*/
/* Live heart animation */
@-webkit-keyframes heart {
  0% {
    transform: scale(1);
  }
  17.5% {
    transform: scale(0.5);
  }
}

@keyframes heart {
  0% {
    transform: scale(1);
  }
  17.5% {
    transform: scale(0.5);
  }
}

.st1 {
  fill: #ea5367;
}

.st2 {
  fill: #e9e93a;
}

.st3 {
  fill: #61a8a6;
}

.st4 {
  fill: #85be40;
}

.st5 {
  fill: #ff941c;
}

.st6 {
  fill: #ffcf99;
}

.st7 {
  fill: #ea5367;
}

.st8 {
  fill: #6c6c6c;
}

.st9 {
  font-family: "Montserrat-Regular";
}

.st10 {
  font-size: 23.9043px;
}

.heart-icon {
  -webkit-animation: heart 1.8s cubic-bezier(0.17, 0.89, 0.32, 1.49);
  animation: heart 1.8s cubic-bezier(0.17, 0.89, 0.32, 1.49);
  cursor: pointer;
  fill: #f00;
  transform: scale(0.8);
  transform-origin: 50% 50%;
  will-change: transform;
}

@-webkit-keyframes fadeInDown {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bubble {
  0%,
  100% {
    opacity: 0;
    stroke: rgba(233, 172, 193, 0);
    stroke-width: 0;
    transform: scale(0);
  }
  15% {
    fill: #000;
  }
  50% {
    opacity: 1;
    stroke: #000;
    transform: scale(1);
  }
  100% {
    fill: rgba(233, 172, 193, 0);
  }
}

@keyframes bubble {
  0%,
  100% {
    opacity: 0;
    stroke: rgba(233, 172, 193, 0);
    stroke-width: 0;
    transform: scale(0);
  }
  15% {
    fill: #000;
  }
  50% {
    opacity: 1;
    stroke: #000;
    transform: scale(1);
  }
  100% {
    fill: rgba(233, 172, 193, 0);
  }
}

#Circle {
  -webkit-animation: bubble 2.4s cubic-bezier(0.21, 0.61, 0.35, 1);
  animation: bubble 2.4s cubic-bezier(0.21, 0.61, 0.35, 1);
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  fill: #59ae00;
  transform: scale(0);
  transform-origin: 50% 50%;
  will-change: transform;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate(0, 50px) scale(0.3);
  }
  50% {
    opacity: 1;
    transform: translate(0, 0) scale(0.3);
  }
  100% {
    opacity: 0;
    transform: translate(0, -50px) scale(0.3);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate(0, 50px) scale(0.3);
  }
  50% {
    opacity: 1;
    transform: translate(0, 0) scale(0.3);
  }
  100% {
    opacity: 0;
    transform: translate(0, -50px) scale(0.3);
  }
}

.has-fav .animated-reaction .heart-icon,
.has-like .animated-reaction .like-icon,
.has-dislike .animated-reaction .dislike-icon {
  display: block;
}

.like-icon,
.dislike-icon,
.heart-icon {
  display: none;
}

.has-fav .animated-reaction,
.has-like .animated-reaction,
.has-dislike .animated-reaction {
  -webkit-animation: fadeInUp 2s ease-in-out;
          animation: fadeInUp 2s ease-in-out;
  display: block;
}

.animated-reaction {
  display: none;
  height: 100%;
  left: 30%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 35%;
  transform: scale(0.3);
  width: 100%;
  z-index: 9999;
}

.animated-like-reaction {
  left: 37.5%;
}

.animated-dislike-reaction {
  left: 45%;
}

@media screen and (min-width: 471px) {
  .thumb-video.video-live {
    width: 49.5%;
  }
  .thumb-video.video-live a.thumb-duracion img {
    height: auto;
    width: 100%;
  }
}

@media screen and (min-width: 610px) {
  .thumb-video.video-live {
    width: 32.9%;
  }
  .thumb-video.video-live a.thumb-duracion img {
    height: auto;
    width: 100%;
  }
}

@media screen and (min-width: 840px) {
  .thumb-video.video-live {
    width: 24.5%;
  }
  .thumb-video.video-live a.thumb-duracion img {
    height: auto;
    width: 100%;
  }
}

@media screen and (min-width: 917px) {
  .thumb-video.video-live {
    width: 32.9%;
  }
  .thumb-video.video-live a.thumb-duracion img {
    height: auto;
    width: 100%;
  }
}

/* TITLE AJUSTMENT */
.flex-title {
  align-items: last baseline;
  display: flex;
  flex-direction: column;
  width: calc(100% - 52px);
}

.flex-title .section-head,
.flex-title .count-results {
  margin: 0;
  padding: 0;
}

.flex-title .count-results {
  margin-left: .5rem;
}

@media screen and (min-width: 694px) {
  .flex-title {
    flex-direction: row;
    width: auto;
  }
  .flex-title .section-head {
    padding: 0;
  }
  .listado-videos .section-header__back {
    padding: 0;
  }
}

/* VIDEO BOOST */
body .btn-boost--thumb,
body .btn-boost--bosteado {
  display: none;
}

body.superuser .btn-boost--thumb,
body .btn-boost--bosteado {
  display: block;
}

.btn-boost--thumb {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 0;
  bottom: 0;
  color: #7abe33;
  left: 0;
  padding: 4px 6px;
  position: absolute;
}

.btn-boost--thumb:hover {
  background-color: white;
}

.btn-boost--bosteado {
  color: #ff3e23;
}

.superuser .modal-boost {
  padding: 10px;
}

.icon-rocket-1.icon-desboostear:before {
  transform: rotate(90deg);
}

.superuser .modal-boost .country-competition-form .ms-options-wrap {
  display: inline-block;
  float: none;
}

.superuser .modal-boost .country-competition-form .ms-options-wrap > button,
.superuser .modal-boost .datepicker-group .datepicker,
.superuser .modal-boost .timepicker .input-timepicker {
  width: 280px;
}

.superuser .modal-boost .form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.superuser .modal-boost .form-inline .form-group label {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  max-width: 100%;
  text-align: left;
  width: 80px;
}

.superuser .modal-boost .boost__message {
  background-color: #fafafa;
  color: #ea5367;
  display: block;
  margin: 0 0 10px;
  padding: 10px;
}

.superuser .modal-boost .boost__message--unboost {
  color: red;
}

.fan {
  display: block;
  text-align: center;
}

.fan .text {
  color: #ccc;
  display: block;
  font-size: 9px;
  text-transform: uppercase;
}

.fan--deleted-video {
  display: flex;
  flex-direction: column;
  float: right;
  margin-top: 20px;
  text-align: center;
  width: auto;
  width: auto;
}

@media screen and (max-width: 916px) {
  .fan--deleted-video {
    display: none;
  }
}

/* ADS MOBILE */
.fan--mobile,
.fan--mobile--large {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin: 15px auto 0;
  min-height: 70px;
  padding-bottom: 6px;
  position: relative;
  width: 100%;
}

.fan--mobile > div,
.fan--mobile--large > div {
  margin-bottom: 6px !important;
  min-height: 0 !important;
}

.fan--mobile .text,
.fan--mobile--large .text {
  margin-top: 3px;
  position: absolute;
  top: -20px;
}

.fan--mobile .adsbygoogle::after,
.fan--mobile--large.adsbygoogle::after {
  border-bottom: 1px solid #e2e2e2;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.fan--mobile .adsbygoogle {
  margin-bottom: 5px !important;
}

@media screen and (min-width: 961px) {
  .fan--mobile {
    display: none !important;
  }
}

@media screen and (min-width: 916px) {
  .fan--mobile--large {
    display: none;
  }
}

/* ADS TABLET & DESKTOP */
.fan--related-videos {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 5px 0;
  min-height: 263px;
  overflow: hidden;
  padding-top: 20px;
  position: relative;
  width: 100%;
}

.fan--related-videos > div:nth-child(1) {
  margin-bottom: 15px;
}

.fan--related-videos .text {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  .fan--related-videos {
    display: none;
  }
}

.video-js .vjs-overlay-bottom.fan--show {
  bottom: 3.74em;
  display: flex;
  justify-content: center;
  left: 0;
  margin-left: 0;
  max-width: none;
  right: 0;
  transition: all .5s ease-in-out;
}

.vjs-playing.vjs-user-inactive .vjs-overlay-bottom.fan--show {
  bottom: 0;
}

.video-js .fan__close {
  font-size: 1.8em;
  padding-left: .45em;
  padding-right: .45em;
  right: -.74em;
  top: -.74em;
  z-index: 9999;
}

.fan__container {
  position: relative;
}

/* Fix sidebar live stream */
@media (min-width: 768px) {
  .live-stream .modo-teatro + .content .data-video {
    border-bottom: 0;
    min-height: 488px;
  }
}

.listado-videos-mg8 {
  margin: 8px auto;
}

.listado-videos-nomg {
  margin: 0 auto;
}

.videopage .sidebar {
  background-color: white;
}

@media (max-width: 767px) {
  .tab__block {
    flex-basis: 100%;
    width: 100%;
  }
  .tab__block-list {
    padding-left: 10px;
  }
  .tab__item.tab__item--section {
    flex-basis: 33.2%;
    width: 33.2%;
  }
  .tab__item.tab__item--section .btn, .tab__item.tab__item--section .btn-large, .tab__item.tab__item--section .pagination_item--is-disabled {
    font-size: 13px;
    font-weight: bold;
  }
  .tab__item.tab__item--section.tab--selected .btn, .tab__item.tab__item--section.tab--selected .btn-large, .tab__item.tab__item--section.tab--selected .pagination_item--is-disabled {
    border-bottom: 2px solid #ea5367;
  }
  .tab__item.tab__item--section-full {
    flex-basis: 100%;
    width: 100%;
  }
  .tab__item.tab__item--section-half {
    flex-basis: 49.9%;
    width: 49.9%;
  }
  .tab__item.tab__item--section-third {
    flex-basis: 33.2%;
    width: 33%;
  }
  .tab__item.tab__item--section-quarter {
    flex-basis: 24.9%;
    width: 24.9%;
  }
}

.trending-tags {
  border-bottom: 1px solid #eee;
  margin-top: 4px;
}

@media (min-width: 768px) {
  .trending-tags {
    margin-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1137px) {
  .trending-tags .tabs {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .trending-tags .tab__flag {
    margin-bottom: 0;
  }
}

.trending-tags .tab__block--exposed {
  overflow-x: hidden;
  touch-action: none;
}

@media (min-width: 768px) {
  .trending-tags .tab__block--exposed {
    display: inline;
  }
}

.trending-tags .tab__block--exposed .tab__block-list {
  padding-left: 0;
}

.trending-tags .tab__block--exposed .tab__block-sublist {
  border-bottom: 1px solid #cacaca;
  margin-bottom: 1.6px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
  padding-left: 10px;
  touch-action: pan-x;
}

@media (min-width: 768px) {
  .trending-tags .tab__block--exposed .tab__block-sublist {
    border-bottom: 0;
    display: inline;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}

.trending-tags .tab__block--exposed .tab__block-sublist:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.trending-tags .tab__item--section .tab__link {
  font-weight: bold;
}

.trending-tags .tab__link .icon {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  margin-top: -1.2px;
}

@media (max-width: 767px) {
  .trending-tags .tab__link .icon {
    margin-top: -4px;
  }
}

.trending-tags .tab__link .icon.icon-live {
  background: #484848;
  border-radius: 50%;
  height: .8rem;
  margin-top: -1.2px;
  width: .8rem;
}

@media (min-width: 768px) {
  .trending-tags .tab__link .icon.icon-live {
    background: #fff;
    height: .6rem;
    margin-top: 0;
    width: .6rem;
  }
}

.trending-tags .tab__link .icon.icon-game {
  font-size: .8rem;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .trending-tags .tab__link .icon.icon-game {
    margin-top: 1.6px;
    width: 1.5rem;
  }
}

@media (min-width: 768px) {
  .trending-tags .tab__item.inline-trending-block,
  .trending-tags .tab__block.inline-trending-block {
    clear: none;
    display: inline;
    float: left;
  }
}

.trending-tags .icon {
  fill: currentColor;
}

.no-touchevents .trending-tags .btn-primary--light:hover {
  border-color: #222;
  color: #222;
}

.trending-tags .tabs > li:nth-child(2) {
  flex-grow: 1;
  order: 3;
}

.trending-tags .tabs > li:nth-child(5) {
  order: 2;
}

.trending-tags .tabs > li:nth-child(4) {
  order: 4;
}

.trending-tags .tabs > li:nth-child(6) {
  order: 5;
}

.trending-tags .btn-primary, .trending-tags .btn-infinite {
  color: #fff;
}

@media (min-width: 768px) {
  .no-touchevents .trending-tags .btn-primary:hover, .no-touchevents .trending-tags .btn-infinite:hover {
    background-color: #e6334b;
    border: 1px solid #e6334b;
  }
}

.trending-tags .btn-secondary, .trending-tags .pagination_item--prev .btn:not(.pagination_item--is-disabled), .pagination_item--prev .trending-tags .btn:not(.pagination_item--is-disabled), .trending-tags .pagination_item--prev .btn-large:not(.pagination_item--is-disabled), .pagination_item--prev .trending-tags .btn-large:not(.pagination_item--is-disabled), .trending-tags .pagination_item--prev .pagination_item--is-disabled:not(.pagination_item--is-disabled), .pagination_item--prev .trending-tags .pagination_item--is-disabled:not(.pagination_item--is-disabled), .trending-tags
.pagination_item--next .btn:not(.pagination_item--is-disabled),
.pagination_item--next .trending-tags .btn:not(.pagination_item--is-disabled), .trending-tags
.pagination_item--next .btn-large:not(.pagination_item--is-disabled),
.pagination_item--next .trending-tags .btn-large:not(.pagination_item--is-disabled), .trending-tags
.pagination_item--next .pagination_item--is-disabled:not(.pagination_item--is-disabled),
.pagination_item--next .trending-tags .pagination_item--is-disabled:not(.pagination_item--is-disabled) {
  background-color: #212121;
  border-color: #212121;
  color: #fff;
}

@media (min-width: 768px) {
  .no-touchevents .trending-tags .btn-secondary:hover, .no-touchevents .trending-tags .pagination_item--prev .btn:hover:not(.pagination_item--is-disabled), .pagination_item--prev .no-touchevents .trending-tags .btn:hover:not(.pagination_item--is-disabled), .no-touchevents .trending-tags .pagination_item--prev .btn-large:hover:not(.pagination_item--is-disabled), .pagination_item--prev .no-touchevents .trending-tags .btn-large:hover:not(.pagination_item--is-disabled), .no-touchevents .trending-tags .pagination_item--prev .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled), .pagination_item--prev .no-touchevents .trending-tags .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled), .no-touchevents .trending-tags
  .pagination_item--next .btn:hover:not(.pagination_item--is-disabled),
  .pagination_item--next .no-touchevents .trending-tags .btn:hover:not(.pagination_item--is-disabled), .no-touchevents .trending-tags
  .pagination_item--next .btn-large:hover:not(.pagination_item--is-disabled),
  .pagination_item--next .no-touchevents .trending-tags .btn-large:hover:not(.pagination_item--is-disabled), .no-touchevents .trending-tags
  .pagination_item--next .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled),
  .pagination_item--next .no-touchevents .trending-tags .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled) {
    background-color: #0f0f0f;
    border: 1px solid #0f0f0f;
  }
}

.trending-tags .btn-live {
  background-color: #484848;
  border: 1px solid #484848;
  color: #fff;
}

@media (min-width: 768px) {
  .no-touchevents .trending-tags .btn-live:hover {
    background-color: #363636;
    border: 1px solid #363636;
  }
}

.trending-tags .btn-fifa {
  background-color: #484848;
  border: 1px solid #484848;
  color: #fff;
}

.trending-tags .btn-fifa .icon.icon-game {
  color: #484848 !important;
  margin-left: 4px;
  margin-right: 0;
  margin-top: 0;
}

@media (min-width: 768px) {
  .trending-tags .btn-fifa .icon.icon-game {
    color: inherit !important;
    margin-left: 10px;
  }
}

.trending-tags .btn-fifa .icon.icon-live {
  -webkit-animation: pulse-opacity 1.5s infinite;
          animation: pulse-opacity 1.5s infinite;
}

@media (min-width: 768px) {
  .trending-tags .btn-fifa .icon.icon-live {
    width: .55rem;
  }
}

@media (min-width: 768px) {
  .no-touchevents .trending-tags .btn-fifa:hover {
    background-color: #363636;
  }
}

.bottom-button .icon-ccw {
  position: relative;
  top: 2px;
}

#tok-text-menu {
  margin-left: .7em !important;
}

@media (min-width: 544px) {
  body.error404 .col2 .listado-videos:not(.listado-categorias) .thumb-video {
    margin-left: -4px !important;
  }
}

/* Player ads */
.player-avrt {
  background: rgba(0, 0, 0, 0.5);
}

.player-avrt,
.player-avrt__close,
.fan__close {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.player-avrt__image {
  height: auto;
  max-width: 95%;
}

.player-avrt__link,
.player-avrt,
.video-sample {
  height: 100%;
  position: absolute;
  width: 100%;
}

.player-avrt__link {
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.player-avrt .btn-verde {
  align-items: center;
  display: flex;
  font-size: 16px;
  height: auto;
  line-height: 1.2;
  margin-top: 12px;
  padding: 7px 25px;
}

@media (max-width: 350px) {
  .player-avrt .icono-20 {
    display: none;
  }
}

.player-avrt .icono-20 {
  margin-right: 12px;
}

.player-avrt__link ins {
  min-height: 50px;
  min-width: 50px;
}

.player-avrt__close,
.video-js .fan__close {
  background: #ea5367;
  border-radius: 50%;
  color: #fff;
  font-size: 2.2em;
  line-height: .54;
  padding: .44em .5em .6em;
  position: absolute;
  right: .6em;
  top: .6em;
  transition: all .5s ease-in-out;
}

.player-avrt__close:hover,
.video-js .fan__close:hover {
  background: #ea5367;
}

.footer__ads--dk {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  margin: -3rem auto 2.5rem;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  right: 0;
  width: 100%;
}

.footer__ads--dk .footer__ads--content {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  max-width: 960px;
  position: relative;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .footer__ads--dk .footer__ads--content {
    max-width: 1000px;
  }
}

.footer__ads--dk .footer__ads--content small {
  color: #ccc;
  display: block;
  font-size: 9px;
  margin-bottom: 4px;
  text-align: center;
  text-transform: uppercase;
}

.footer__ads--dk .footer__ads--content div {
  min-height: 0 !important;
}

@media screen and (max-width: 960px) {
  .footer__ads--dk {
    display: none;
  }
}

.footer__ads--mb {
  display: flex;
  height: auto;
  left: 0;
  margin: -2.75rem auto 3rem;
  max-width: 100%;
  min-height: 70px;
  position: relative;
  right: 0;
  width: 100%;
}

.footer__ads--mb .footer__ads--content {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
}

.footer__ads--mb .footer__ads--content small {
  color: #ccc;
  display: block;
  font-size: 9px;
  left: 0;
  margin-bottom: 4px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: -5px;
}

.footer__ads--mb .footer__ads--content div {
  min-height: 0 !important;
}

@media screen and (min-width: 961px) {
  .footer__ads--mb {
    display: none;
  }
}

.ads-topbar {
  background: #000;
  position: relative;
  z-index: 1;
  /*&:before {
        //background-image: url(/images/snowflakes.png);
        //background-position: left;
        //background-repeat: round;
        //background-repeat-x: repeat;
        background-color: #000;
        content: " ";
        height: 100%;
        //border-top: 2px solid $favorite;
        //box-shadow: inset 0 5px 7px -4px $favorite;
        margin: 0;
        opacity: .8;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: -1;
    }*/
}

.ads-topbar__link {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1600px;
  padding: .95rem;
  text-decoration: none;
  width: 100%;
}

@media screen and (max-width: 543px) {
  .ads-topbar__link {
    padding: .25rem .75rem .625rem;
  }
}

.ads-topbar__logo {
  padding-right: 1rem;
  padding-left: 1rem;
  text-align: left;
  flex-grow: 1;
}

@media screen and (max-width: 1239px) {
  .ads-topbar__logo {
    padding-right: .25rem;
    padding-left: 0;
    text-align: right;
    order: 1;
  }
}

.ads-topbar__logo svg {
  background-color: #000;
}

@media screen and (max-width: 1239px) {
  .ads-topbar__logo svg {
    height: auto;
    width: 92px;
  }
}

@media screen and (max-width: 767px) {
  .ads-topbar__logo svg {
    height: auto;
    width: 82px;
  }
}

.ads-topbar__text {
  color: #fff;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  flex-grow: 1;
}

.ads-topbar__text {
  font-size: 12px;
}

@media screen and (min-width: 320px) {
  .ads-topbar__text {
    font-size: calc(12px + 3 * ((100vw - 320px) / 671));
  }
}

@media screen and (min-width: 991px) {
  .ads-topbar__text {
    font-size: 15px;
  }
}

@media screen and (max-width: 1239px) {
  .ads-topbar__text {
    margin-top: .2rem;
    width: 100%;
    order: 3;
  }
}

@media screen and (max-width: 728px) {
  .ads-topbar__text {
    margin-top: .1rem;
  }
}

.ads-topbar__slogan {
  color: #f00;
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  margin-bottom: .05rem;
  padding-right: 1rem;
  padding-left: 1rem;
  text-align: right;
  text-transform: uppercase;
  flex-grow: 1;
}

@media screen and (min-width: 1240px) {
  .ads-topbar__slogan {
    font-size: 16px;
  }
}

@media screen and (max-width: 1239px) {
  .ads-topbar__slogan {
    margin-bottom: .125rem;
    padding-right: 0;
    padding-left: .625rem;
    text-align: left;
    order: 2;
  }
}

@media screen and (max-width: 319px) {
  .ads-topbar__slogan {
    font-size: 13px;
  }
}

.ads-topbar__slogan svg {
  background-color: #000;
  color: #fff;
  display: inline-block;
  margin-right: 2px;
  position: relative;
  top: 2px;
  /*@media screen and (max-width: 1239px) {
                margin-right: 2px;
            }*/
}

.ads-topbar__bg-black {
  background-color: #000;
}

.btn, .btn-large, .pagination_item--is-disabled {
  transition: all 0.25s ease-in-out;
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 13px;
  height: 34px;
  line-height: 1.3;
  padding: 7px 14px;
  text-decoration: none;
  white-space: nowrap;
  font-variation-settings: "wght" 500;
}

.btn .icon, .btn-large .icon, .pagination_item--is-disabled .icon {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.no-touchevents .btn:hover, .no-touchevents .btn-large:hover, .no-touchevents .pagination_item--is-disabled:hover {
  background-color: #e4263f;
  border: 1px solid #e4263f;
  color: #fff;
  text-decoration: none;
}

.btn .icon-btn-description, .btn-large .icon-btn-description, .pagination_item--is-disabled .icon-btn-description {
  transition: transform 0.25s ease-in-out;
}

.btn.is-active, .is-active.btn-large, .is-active.pagination_item--is-disabled {
  background-color: #e8e8e8;
  border: 1px solid #484848;
  box-shadow: inset 0 2px 3px 0 rgba(82, 82, 82, 0.2);
  color: #373d45;
}

.no-touchevents .btn.is-active:hover, .no-touchevents .is-active.btn-large:hover, .no-touchevents .is-active.pagination_item--is-disabled:hover {
  background-color: #e8e8e8;
  border: 1px solid #373d45;
  box-shadow: inset 0 2px 3px 0 rgba(82, 82, 82, 0.2);
  color: #373d45;
}

.btn.is-active .icon-btn-description, .is-active.btn-large .icon-btn-description, .is-active.pagination_item--is-disabled .icon-btn-description {
  transform: rotate(180deg);
}

.btn.is-disabled, .is-disabled.btn-large, .is-disabled.pagination_item--is-disabled,
.no-touchevents .btn.is-disabled:hover,
.no-touchevents .is-disabled.btn-large:hover,
.no-touchevents .is-disabled.pagination_item--is-disabled:hover, .btn.btn-disabled, .btn-disabled.btn-large, .btn-disabled.pagination_item--is-disabled,
.no-touchevents .btn.btn-disabled:hover,
.no-touchevents .btn-disabled.btn-large:hover,
.no-touchevents .btn-disabled.pagination_item--is-disabled:hover {
  background-color: #dcdcdc;
  border: 1px solid #dcdcdc;
  color: #484848;
}

.btn.is-disabled .icon-btn-description, .is-disabled.btn-large .icon-btn-description, .is-disabled.pagination_item--is-disabled .icon-btn-description, .btn.btn-disabled .icon-btn-description, .btn-disabled.btn-large .icon-btn-description, .btn-disabled.pagination_item--is-disabled .icon-btn-description {
  transform: rotate(180deg);
}

.no-touchevents .btn.is-disabled:hover, .no-touchevents .is-disabled.btn-large:hover, .no-touchevents .is-disabled.pagination_item--is-disabled:hover {
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .btn .texto, .btn-large .texto, .pagination_item--is-disabled .texto {
    display: none;
  }
}

.btn-large {
  font-size: 15px;
  height: 54px;
  justify-content: center;
  line-height: 1;
  max-height: 54px;
  padding: 19px 38px;
  width: 100%;
}

.btn-generico {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
  border-radius: 4px;
  margin: 0;
}

.btn-generico .icono-20 {
  color: #484848;
}

@media (max-width: 370px) {
  .btn-generico {
    font-size: 12px;
  }
}

.btn-generico.btn-primary--light {
  background-color: #ff8695;
  border: 1px solid #ff8695;
  color: #fff;
}

.btn-generico.btn-primary--light .icono {
  color: #fff;
}

.no-touchevents .btn-generico.btn-primary--light:hover {
  background-color: #ffa0ab;
  border-color: #ffa0ab;
  color: #fff;
}

.no-touchevents .btn-generico.btn-primary--light:hover .icono {
  color: #fff;
}

.no-touchevents .btn-generico:hover,
.no-touchevents .btn-generico:focus {
  background: #f6f6f6;
  border-color: #dcdcdc;
  color: #484848;
}

.btn-generico .icono {
  transition: all 0.25s ease-in-out;
  color: #484848;
}

.no-touchevents .btn-generico.generico-selected:hover .icono-20, .btn-generico.generico-selected .icono-20 {
  color: #fff;
}

.btn-naranja,
.generico-selected {
  transition: all 0.25s ease-in-out;
  background-color: #ea5367;
  border: 1px solid #ea5367;
  color: #fff;
}

.btn-naranja .icono,
.generico-selected .icono {
  color: #fff;
}

.no-touchevents .btn-naranja:hover, .no-touchevents
.generico-selected:hover {
  transition: all 0.25s ease-in-out;
  background: #e62f47;
  border: 1px solid #e62f47;
  color: #fff;
}

.no-touchevents .btn-naranja:active, .btn-naranja:active,
.no-touchevents .btn-naranja:focus, .btn-naranja:focus, .no-touchevents
.generico-selected:active,
.generico-selected:active,
.no-touchevents
.generico-selected:focus,
.generico-selected:focus {
  background: #e4263f;
  border-color: #e62f47;
  color: #fff;
}

.btn-primary, .btn-infinite {
  transition: background-color 0.2s, height 0.3s ease-in-out;
  background-color: #ea5367;
  border: 1px solid #ea5367;
  color: #fff;
}

.btn-primary .icono, .btn-infinite .icono {
  color: #fff;
}

.no-touchevents .btn-primary:hover, .no-touchevents .btn-infinite:hover {
  background: #c33d4f;
  border: 1px solid #c33d4f;
}

.btn-primary:active, .btn-infinite:active, .btn-primary:focus, .btn-infinite:focus {
  background: #c33d4f;
  border: 1px solid #c33d4f;
  color: #fff;
}

.btn-dark-grey {
  transition: background-color 0.2s, height 0.3s ease-in-out;
  background: #484848;
  transition: .2s background ease-in-out;
  border: 1px solid #484848;
  color: #fff;
}

.btn-dark-grey:hover {
  background-color: #3b3b3b;
  cursor: pointer;
}

.btn-dark-grey .icono {
  color: #fff;
}

.btn-dark-grey:active, .btn-dark-grey:focus {
  background: #2f2f2f;
  border: 1px solid #2f2f2f;
}

.btn-secondary, .pagination_item--prev .btn:not(.pagination_item--is-disabled), .pagination_item--prev .btn-large:not(.pagination_item--is-disabled), .pagination_item--prev .pagination_item--is-disabled:not(.pagination_item--is-disabled),
.pagination_item--next .btn:not(.pagination_item--is-disabled),
.pagination_item--next .btn-large:not(.pagination_item--is-disabled),
.pagination_item--next .pagination_item--is-disabled:not(.pagination_item--is-disabled) {
  background-color: #fff;
  border: 1px solid #fff;
  color: #484848;
}

.no-touchevents .btn-secondary:hover, .no-touchevents .pagination_item--prev .btn:hover:not(.pagination_item--is-disabled), .pagination_item--prev .no-touchevents .btn:hover:not(.pagination_item--is-disabled), .no-touchevents .pagination_item--prev .btn-large:hover:not(.pagination_item--is-disabled), .pagination_item--prev .no-touchevents .btn-large:hover:not(.pagination_item--is-disabled), .no-touchevents .pagination_item--prev .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled), .pagination_item--prev .no-touchevents .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled), .no-touchevents
.pagination_item--next .btn:hover:not(.pagination_item--is-disabled),
.pagination_item--next .no-touchevents .btn:hover:not(.pagination_item--is-disabled), .no-touchevents
.pagination_item--next .btn-large:hover:not(.pagination_item--is-disabled),
.pagination_item--next .no-touchevents .btn-large:hover:not(.pagination_item--is-disabled), .no-touchevents
.pagination_item--next .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled),
.pagination_item--next .no-touchevents .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled) {
  background-color: #fff;
  color: #ea5367;
}

.no-touchevents .btn-secondary:hover .icono, .no-touchevents .pagination_item--prev .btn:hover:not(.pagination_item--is-disabled) .icono, .pagination_item--prev .no-touchevents .btn:hover:not(.pagination_item--is-disabled) .icono, .no-touchevents .pagination_item--prev .btn-large:hover:not(.pagination_item--is-disabled) .icono, .pagination_item--prev .no-touchevents .btn-large:hover:not(.pagination_item--is-disabled) .icono, .no-touchevents .pagination_item--prev .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled) .icono, .pagination_item--prev .no-touchevents .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled) .icono, .no-touchevents
.pagination_item--next .btn:hover:not(.pagination_item--is-disabled) .icono,
.pagination_item--next .no-touchevents .btn:hover:not(.pagination_item--is-disabled) .icono, .no-touchevents
.pagination_item--next .btn-large:hover:not(.pagination_item--is-disabled) .icono,
.pagination_item--next .no-touchevents .btn-large:hover:not(.pagination_item--is-disabled) .icono, .no-touchevents
.pagination_item--next .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled) .icono,
.pagination_item--next .no-touchevents .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled) .icono {
  color: #e73c53;
}

.btn-secondary:active, .pagination_item--prev .btn:active:not(.pagination_item--is-disabled), .pagination_item--prev .btn-large:active:not(.pagination_item--is-disabled), .pagination_item--prev .pagination_item--is-disabled:active:not(.pagination_item--is-disabled),
.pagination_item--next .btn:active:not(.pagination_item--is-disabled),
.pagination_item--next .btn-large:active:not(.pagination_item--is-disabled),
.pagination_item--next .pagination_item--is-disabled:active:not(.pagination_item--is-disabled), .btn-secondaryfocus {
  color: #ea5367;
}

.btn-grey {
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
  color: #212121;
  transition: all ease .5s;
}

.btn-grey .icono {
  color: #212121;
}

.no-touchevents .btn-grey:hover {
  background: #f1f1f1;
  border: 1px solid #fbfbfb;
  color: #212121;
}

.btn-grey:active, .btn-greyfocus {
  background: #dddddd;
  border: 1px solid #dddddd;
}

.btn-big {
  font-size: 15px;
  line-height: 2.25rem;
  padding: 0 48px;
}

.btn-primary--light {
  background-color: #ff8695;
  border: 1px solid #ff8695;
  color: #fff;
}

.btn-primary--light .icon {
  color: #fff;
}

.no-touchevents .btn-primary--light:hover {
  background-color: #ffa0ab;
  border-color: #ffa0ab;
  color: #fff;
}

.no-touchevents .btn-primary--light:hover .icon {
  color: #fff;
}

.btn-primary--light:active, .btn-primary--lightfocus {
  background-color: #ff6d7f;
  border-color: #ff6d7f;
}

.btn-secondary--light {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  color: #212121;
}

.no-touchevents .btn-secondary--light:hover {
  background-color: #fff;
  border-color: #484848;
  color: #484848;
}

.btn-secondary--light:active, .btn-secondary--lightfocus {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.btn-like {
  color: #389422;
}

.no-touchevents .btn-like:hover {
  border: 1px solid #389422;
  color: #389422;
}

.btn-like.is-like-active,
.no-touchevents .btn-like.is-like-active:hover {
  background-color: #389422;
  border-color: #358c20;
  color: #fff;
}

.btn-dislike {
  color: #f22727;
}

.no-touchevents .btn-dislike:hover {
  border: 1px solid #f22727;
  color: #f22727;
}

.btn-dislike.is-dislike-active,
.no-touchevents .btn-dislike.is-dislike-active:hover {
  background-color: #f22727;
  border-color: #f11d1d;
  color: #fff;
}

.btn-favorite {
  color: #f00;
}

.no-touchevents .btn-favorite:hover {
  border: 1px solid #f00;
  color: #f00;
}

.btn-favorite.is-active, .btn-favorite.is-active:hover {
  background-color: #f00;
  border-color: #f50000;
  color: #fff;
}

.pagination .btn-generico:hover {
  background-color: #fff;
  border-color: #ff8695;
  color: #ff8695;
}

.no-touchevents .disabled .btn:hover, .no-touchevents .disabled .btn-large:hover, .no-touchevents .disabled .pagination_item--is-disabled:hover {
  background: #dcdcdc;
  color: #484848;
}

.btn-pagination,
.pagination_item--is-disabled {
  margin-bottom: 4px;
  padding: 0 16px;
}

.pagination_item--is-disabled {
  border: 1px solid #dcdcdc;
}

.pagination_item--is-disabled,
.no-touchevents .pagination_item--is-disabled:hover {
  background: #dcdcdc;
  color: #484848;
}

.no-touchevents .pagination_item--is-disabled:hover {
  border: 1px solid #b5b8bb;
}

.btn-pagination--selected {
  background-color: #ea5367 !important;
  border: 1px solid #e73c53 !important;
  color: #fff !important;
}

.no-touchevents .btn-pagination--selected:hover {
  background-color: #e4263f;
  color: #fff;
}

.pagination_item--prev .btn:not(.pagination_item--is-disabled), .pagination_item--prev .btn-large:not(.pagination_item--is-disabled), .pagination_item--prev .pagination_item--is-disabled:not(.pagination_item--is-disabled),
.pagination_item--next .btn:not(.pagination_item--is-disabled),
.pagination_item--next .btn-large:not(.pagination_item--is-disabled),
.pagination_item--next .pagination_item--is-disabled:not(.pagination_item--is-disabled) {
  border: 1px solid #484848;
  color: #fff;
}

.no-touchevents .pagination_item--prev .btn:not(.pagination_item--is-disabled):hover, .no-touchevents .pagination_item--prev .btn-large:not(.pagination_item--is-disabled):hover, .no-touchevents .pagination_item--prev .pagination_item--is-disabled:not(.pagination_item--is-disabled):hover, .no-touchevents
.pagination_item--next .btn:not(.pagination_item--is-disabled):hover, .no-touchevents
.pagination_item--next .btn-large:not(.pagination_item--is-disabled):hover, .no-touchevents
.pagination_item--next .pagination_item--is-disabled:not(.pagination_item--is-disabled):hover {
  background: #ea5367;
  border: 1px solid #ea5367;
}

.btn-return {
  background: rgba(0, 0, 0, 0.05);
  border-radius: .1875rem;
  margin-right: 8px;
  padding: .3rem .1rem;
}

.no-touchevents .btn-return:hover .icon-return {
  transition: all 0.25s ease-in-out;
}

.no-touchevents .btn-return:hover .icon-return:before {
  color: #ea5367;
}

.btn--show-more {
  display: block;
  margin: 10px auto 10px;
  width: 100%;
}

@media (min-width: 544px) {
  .btn--show-more {
    width: initial;
  }
}

@media (min-width: 544px) {
  .btn__show-more--mobile {
    display: none;
  }
}

.data-video .btn-view-more {
  bottom: -16px;
  float: none;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  text-align: center;
  width: 120px;
}

.view-more-comments, .btn-view-more-small {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  clear: both;
  color: #484848;
  display: inline-block;
  font-size: 13px;
  margin: 18px auto 10px;
  padding: 8px 18px;
  text-align: center;
  text-decoration: none;
}

.btn-view-more-small {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
}

.btn__read-more {
  background: rgba(0, 0, 0, 0.05);
  border-radius: .1875rem;
  color: #ea5367;
  font-size: .94em;
  font-weight: bold;
  margin-left: 6px;
  padding: .1rem .3rem;
  text-decoration: none;
  transition: all .25s ease-in-out;
  white-space: nowrap;
}

.no-touchevents .btn__read-more:hover {
  color: #ff8695;
  text-decoration: none;
}

.btn-view-more-related {
  background-color: #fff;
  clear: both;
  color: #484848;
  display: block;
  float: none;
  font-size: 13px;
  line-height: 1.2;
  margin: 10px auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.wrapper__view-more {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.btn--right-toggle {
  flex: 0 0 auto;
}

.btn-menu a {
  text-decoration: none;
}

@media (max-width: 768px) {
  .botones-right .btn, .botones-right .btn-large, .botones-right .pagination_item--is-disabled {
    padding: 0 .625rem;
  }
}

.btn-view-more-15 {
  margin-top: 20px;
}

.no-touchevents .btn-view-more-15 .btn-generico:hover {
  color: #ea5367;
}

.btn-subscribe.btn-verde {
  background: #999;
  border-color: #999;
  color: #fff;
}

.btn-subscribe.btn-verde .icono {
  color: #fff;
}

.no-touchevents .btn-subscribe.btn-verde:hover,
.no-touchevents .btn-subscribe.btn-verde:focus {
  background: #8c8c8c;
  border-color: #8c8c8c;
  color: #fff;
}

.no-touchevents .btn-subscribe.btn-verde:hover .icono,
.no-touchevents .btn-subscribe.btn-verde:focus .icono {
  color: #fff;
}

.btn-load {
  background-color: #fff;
}

.btn-load:focus {
  background-color: #fff;
  border-color: #b5b8bb;
}

.btn-load .btn-load__loading {
  -webkit-animation: loading-circle 1s infinite;
          animation: loading-circle 1s infinite;
  background-color: #ea5367;
  border-radius: 100%;
  display: none;
  display: none;
  height: 1rem;
  margin: -4px 18px 0;
  opacity: 0;
  opacity: 0;
  position: relative;
  top: 2px;
  transition: all .2s ease-in-out;
  vertical-align: middle;
  width: 1rem;
}

.btn-load .btn-load__text {
  display: inline-block;
  opacity: 1;
  padding-left: 0;
  position: relative;
}

.btn-load--loading .btn-load__text {
  display: none;
  opacity: 0;
}

.btn-load--loading .btn-load__loading {
  display: inline-block;
  opacity: 1;
}

.btn-load--loading,
.no-touchevents .btn-load--loading:hover {
  background: #dcdcdc;
}

/* Video ban
=============================================================================*/
.admin-video-ban .icon-block {
  position: relative;
  top: -2px;
}

/* Btn language
=============================================================================*/
.btn-lenguage-footer:active, .btn-lenguage-footer:focus {
  background-color: white;
  border-color: #dcdcdc;
  color: #000;
}

.btn-lenguage-footer:active .icono, .btn-lenguage-footer:focus .icono {
  color: #000;
}

.no-touchevents .btn-lenguage-footer:hover {
  background: #f6f6f6;
  border-color: #dcdcdc;
  color: #000;
}

.no-touchevents .btn-lenguage-footer:hover .icono {
  color: #000;
}

/* Btn RRSS
=============================================================================*/
.btn-facebook,
.btn-google,
.btn-twitter {
  border-radius: 4px;
  color: #fff;
  height: 52px;
}

.btn-facebook {
  background: #055691;
  transition: .2s background ease-in-out;
}

.btn-facebook:hover {
  background-color: #044778;
  cursor: pointer;
}

.btn-google {
  background: #4285f4;
  transition: .2s background ease-in-out;
}

.btn-google:hover {
  background-color: #2a75f3;
  cursor: pointer;
}

.btn-twitter {
  background: #36a9fa;
  transition: .2s background ease-in-out;
}

.btn-twitter:hover {
  background-color: #1d9ef9;
  cursor: pointer;
}

/* Align btn cancelvide
=============================================================================*/
.cancel-nextvid .icon {
  position: relative;
  top: 2px;
}

/* Btn series subscribe
   ========================================================================== */
.btn-subscribe-serie {
  transition: color 0.25s ease-in-out, border-color 0.2s;
  border: 2px solid #ea5367;
  border-radius: 36px;
  color: #ea5367;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  max-width: 45%;
  padding: 6px 12px;
  padding-left: 30px;
  position: relative;
  text-transform: uppercase;
}

.no-touchevents .btn-subscribe-serie:hover {
  border-color: #c33d4f;
  color: #c33d4f;
}

.no-touchevents .btn-subscribe-serie:hover .icono:after, .no-touchevents .btn-subscribe-serie:hover .icono:before {
  background-color: #c33d4f;
}

.btn-subscribe-serie .text-subscribe-serie--following {
  display: none;
}

.btn-subscribe-serie .icono {
  transition: transform 0.25s ease-in-out, color 0.2s;
  height: 10px;
  left: 15px;
  margin: 0;
  position: absolute;
  /* right: 32px; */
  top: 7px;
  transform: rotate(45deg);
  transform-origin: center center;
  width: 12px;
}

.btn-subscribe-serie .icono:before, .btn-subscribe-serie .icono:after {
  transition: background 0.25s ease-in-out;
  background-color: #ea5367;
  content: " ";
  height: 11px;
  left: 5px;
  position: absolute;
  transform-origin: center center;
  width: 2px;
}

.btn-subscribe-serie .icono:before {
  transform: rotate(45deg);
}

.btn-subscribe-serie .icono:after {
  transform: rotate(-45deg);
}

.btn-subscribe-serie.is-active {
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-subscribe-serie.is-active .text-subscribe-serie--following {
  display: inline-block;
}

.btn-subscribe-serie.is-active .text-subscribe-serie {
  display: none;
}

.btn-subscribe-serie.is-active .icono {
  color: #6e6e6e;
  transform: none;
}

.btn-subscribe-serie.is-active .icono:after, .btn-subscribe-serie.is-active .icono:before {
  background-color: #6e6e6e;
}

/* Btn disable state
   ========================================================================== */
.btn-subscribe-serie.is-disabled,
.section-header--series-detail .btn-subscribe-serie.is-disabled {
  background: #484848;
  border-color: #484848;
  color: #b5b2b2;
  cursor: not-allowed;
}

.btn-subscribe-serie.is-disabled .icono:before, .btn-subscribe-serie.is-disabled .icono:after,
.section-header--series-detail .btn-subscribe-serie.is-disabled .icono:before,
.section-header--series-detail .btn-subscribe-serie.is-disabled .icono:after {
  background-color: #b5b2b2;
}

/* Btn groups
   ========================================================================== */
.endcard .endcard-embed .bottom-button {
  margin: 0 20px;
  width: calc(100% - 40px);
}

.endcard .endcard-embed .bottom-button .btn, .endcard .endcard-embed .bottom-button .btn-large, .endcard .endcard-embed .bottom-button .pagination_item--is-disabled,
.endcard .endcard-embed .bottom-button .btn-large {
  font-weight: normal;
  margin-right: 16px;
  transition: background .2s ease-in-out;
}

.endcard .endcard-embed .bottom-button .btn .hidden-xs, .endcard .endcard-embed .bottom-button .btn-large .hidden-xs, .endcard .endcard-embed .bottom-button .pagination_item--is-disabled .hidden-xs,
.endcard .endcard-embed .bottom-button .btn-large .hidden-xs {
  margin-right: 3px;
}

.endcard .endcard-embed .bottom-button .btn .icon, .endcard .endcard-embed .bottom-button .btn-large .icon, .endcard .endcard-embed .bottom-button .pagination_item--is-disabled .icon,
.endcard .endcard-embed .bottom-button .btn-large .icon {
  top: 0;
}

.endcard .endcard-embed .bottom-button .btn .icon.icon-ccw, .endcard .endcard-embed .bottom-button .btn-large .icon.icon-ccw, .endcard .endcard-embed .bottom-button .pagination_item--is-disabled .icon.icon-ccw,
.endcard .endcard-embed .bottom-button .btn-large .icon.icon-ccw {
  top: 1px;
}

.endcard .endcard-embed .bottom-button .btn:last-child, .endcard .endcard-embed .bottom-button .btn-large:last-child, .endcard .endcard-embed .bottom-button .pagination_item--is-disabled:last-child,
.endcard .endcard-embed .bottom-button .btn-large:last-child {
  margin-right: 0;
}

.endcard .endcard-embed .bottom-button .btn-primary:hover, .endcard .endcard-embed .bottom-button .btn-infinite:hover {
  background: #e73c53;
  transition: background .2s ease-in-out;
}

.endcard .endcard-embed .bottom-button .btn-generico:hover {
  background: #f2f2f2;
  transition: background .2s ease-in-out;
}

.banner__base, .banner__home {
  align-items: center;
  background: #f6f6f6;
  background: linear-gradient(to right, rgba(237, 230, 231, 0.45) 0%, rgba(237, 230, 231, 0.55) 100%), url("../../images/channel-background-big-01.jpg");
  background-size: cover;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 26px;
  position: relative;
  transition: all .2s ease-in-out;
}

@media (min-width: 544px) {
  .banner__base, .banner__home {
    margin-top: 15px;
    margin-bottom: 0;
  }
}

@media (min-width: 1188px) {
  .banner__base, .banner__home {
    min-height: 225px;
    padding: 46px;
  }
}

.banner__base.fadeOutUp, .fadeOutUp.banner__home {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
  height: 0;
  margin: 0;
  min-height: 0;
  opacity: 0;
  padding: 0;
  transition: all .2s ease-in-out;
  visibility: hidden;
}

.banner__title {
  color: #373737;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 15px;
  text-align: center;
  z-index: 10;
}

.banner__title {
  font-size: 23px;
}

@media screen and (min-width: 320px) {
  .banner__title {
    font-size: calc(23px + 7 * ((100vw - 320px) / 920));
  }
}

@media screen and (min-width: 1240px) {
  .banner__title {
    font-size: 30px;
  }
}

@media (min-width: 544px) {
  .banner__title {
    max-width: 68%;
  }
}

@media (min-width: 992px) {
  .banner__title {
    max-width: 58%;
  }
}

@media (min-width: 1188px) {
  .banner__title {
    max-width: 55%;
  }
}

.banner__small {
  color: #ea5367;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 5px;
  text-align: center;
}

.banner__content {
  color: #2d2c2c;
  font-size: 14px;
  line-height: 1.57;
  text-align: center;
  z-index: 10;
}

@media (min-width: 544px) {
  .banner__content {
    max-width: 68%;
  }
}

@media (min-width: 992px) {
  .banner__content {
    max-width: 58%;
  }
}

@media (min-width: 1188px) {
  .banner__content {
    max-width: 55%;
  }
}

@media (min-width: 544px) {
  .banner__home {
    align-items: flex-start;
    background: linear-gradient(to right, #f3dfe2d1, rgba(255, 255, 255, 0)), url("../../images/channel-background-big-01.jpg");
    background-position-x: 0,0;
    background-repeat: no-repeat;
    background-size: cover, cover;
    margin-top: 15px;
    margin-bottom: 0;
  }
  .banner__home:after {
    background: url("../../images/serie-banner-bg.png");
    background-position-x: 122%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 90%;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -15rem;
    width: 30rem;
    z-index: 0;
  }
}

@media (min-width: 544px) and (min-width: 992px) {
  .banner__home:after {
    right: 0;
  }
}

@media (min-width: 544px) and (max-width: 991px) {
  .banner__home .banner__close {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
  }
}

.banner__home .btn-large {
  margin-top: 5px;
  min-width: 190px;
  width: auto;
  z-index: 10;
}

@media (min-width: 992px) {
  .banner__home .btn-large {
    margin-top: 10px;
  }
}

@media (min-width: 544px) {
  .banner__home .banner__title {
    text-align: left;
  }
}

.banner__close {
  height: 32px;
  opacity: 1;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 32px;
  z-index: 10;
}

@media (min-width: 768px) {
  .banner__close {
    right: 10px;
    top: 10px;
  }
}

.no-touchevents .banner__close:hover {
  cursor: pointer;
}

.no-touchevents .banner__close:hover:before, .no-touchevents .banner__close:hover::after {
  background-color: #333;
}

.banner__close:before, .banner__close::after {
  background-color: #ababab;
  content: " ";
  height: 24px;
  left: 15px;
  position: absolute;
  top: 3px;
  transition: background-color .2s ease-in-out;
  width: 2px;
}

@media (min-width: 992px) {
  .banner__close:before, .banner__close::after {
    height: 33px;
    top: 0;
  }
}

.banner__close:before {
  transform: rotate(45deg);
}

.banner__close:after {
  transform: rotate(-45deg);
}

/* Sticky banner */
.sticky-banner {
  background: #fff;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.08);
  height: calc(100px + (3px * 2));
  left: 0;
  text-align: center;
  padding: 3px 0;
  position: fixed;
  transform: translateY(calc(100px + 28px + (3px * 2)));
  transition: transform .5s ease-in-out;
  right: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sticky-banner.is-active {
  transform: translateY(0);
}

.sticky-banner.is-disabled {
  transform: translateY(calc(100px + 28px + (3px * 2)));
}

.sticky-banner .sticky-banner__aan {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}

.sticky-banner .close-button {
  background: #fff;
  border-top-left-radius: calc(28px / 5);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.08), -1px -1px 0px rgba(0, 0, 0, 0.06);
  color: #000;
  cursor: pointer;
  height: 28px;
  padding: 0;
  position: absolute;
  right: 0px;
  text-align: center;
  top: -28px;
  width: 28px;
}

.sticky-banner .close-button, .sticky-banner .close-button:active, .sticky-banner .close-button:focus {
  border: none;
  outline: none;
}

.sticky-banner .close-button:before, .sticky-banner .close-button:after {
  background-color: #444;
  border-radius: 1px;
  content: ' ';
  height: calc(28px / 1.7);
  left: 50%;
  position: absolute;
  top: 50%;
  width: 2px;
}

.sticky-banner .close-button:before {
  transform: translateY(-50%) rotate(45deg);
}

.sticky-banner .close-button:after {
  transform: translateY(-50%) rotate(-45deg);
}

/* Empty State
   ========================================================================== */
.search-no-results, .search-no-results--series {
  align-items: left;
  background: transparent url(../../images/empty.png) 20px 50% no-repeat;
  background-size: 180px auto;
  border: 2px dashed #fcbfb7;
  border-radius: 15px;
  color: #aaa;
  /*width: calc(100% - 330px);*/
  display: inline-flex;
  flex-direction: column;
  height: 250px;
  justify-content: center;
  line-height: 21px;
  margin-top: 20px;
  margin-bottom: 35px;
  min-height: 160px;
  padding: 15px;
  padding-left: 12rem;
  width: auto;
}

.search-no-results .btn, .search-no-results--series .btn, .search-no-results .btn-large, .search-no-results--series .btn-large, .search-no-results .pagination_item--is-disabled, .search-no-results--series .pagination_item--is-disabled {
  margin-top: 15px;
}

@media screen and (max-width: 916px) {
  .search-no-results, .search-no-results--series {
    height: auto;
    margin-bottom: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .search-no-results, .search-no-results--series {
    min-height: 0;
  }
}

.search-no-results.deleted-video, .deleted-video.search-no-results--series {
  background: transparent url(../../images/deleted.png) 25px 50% no-repeat;
  background-position: -1rem 50%;
  background-size: 14rem;
}

@media (min-width: 768px) {
  .search-no-results.deleted-video, .deleted-video.search-no-results--series {
    background-size: 17rem;
    padding-left: 14.5rem;
  }
}

@media (max-width: 400px) {
  .search-no-results.deleted-video, .deleted-video.search-no-results--series {
    background-position: 50% 1rem;
    background-size: 13rem;
    padding-top: 8rem;
    padding-left: 1rem;
  }
}

.search-no-results.closed-comments, .closed-comments.search-no-results--series {
  background: transparent url(../../images/commentsclosed.png) 25px 50% no-repeat;
  background-size: 140px auto;
  min-height: 220px;
  padding-left: 190px;
}

.search-no-results h6, .search-no-results--series h6 {
  color: #666;
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 2em;
}

.search-no-results ul li, .search-no-results--series ul li {
  clear: both;
  color: #999;
  margin-bottom: 1.5em;
}

.search-no-results ul li i, .search-no-results--series ul li i {
  background: #ea5367;
  border-radius: 50%;
  color: #fff;
  display: block;
  float: left;
  font-size: 1.1em;
  font-style: normal;
  font-weight: bold;
  height: 2em;
  line-height: 2em;
  margin: -3px 8px 0 0;
  text-align: center;
  width: 2em;
}

.match-start__status {
  border-bottom: 1px solid #ccc;
  margin: 1em 0;
  padding: 0 0 1em;
}

.simple-countdown {
  background: none;
  border: none;
  border-radius: initial;
  color: #888;
  display: inline;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

.search-no-results h3, .search-no-results--series h3,
.search-no-results .no-results-title, .search-no-results--series .no-results-title {
  color: #ea5367;
  display: block;
  font-size: 1.1rem;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 6px;
  text-transform: none;
}

@media (min-width: 768px) {
  .search-no-results h3, .search-no-results--series h3,
  .search-no-results .no-results-title, .search-no-results--series .no-results-title {
    font-size: 1.6em;
    margin-bottom: 10px;
  }
}

.search-no-results .btn-generico, .search-no-results--series .btn-generico {
  margin-top: 10px;
  margin-left: 0;
}

/* Series Empty State
   ========================================================================== */
.search-no-results--series {
  background: none;
  height: auto;
  margin: 10px auto;
  min-height: 0;
  padding: 12px 24px;
  text-align: center;
  width: auto;
}

@media (min-width: 768px) {
  .search-no-results--series {
    background: transparent url(../../images/empty.png) 35px bottom no-repeat;
    background-size: 125px;
    margin: 20px auto;
    padding: 25px 50px;
    padding-left: 150px;
  }
}

.search-no-results--series h3 {
  font-size: 14px;
  margin: 0;
}

@media (min-width: 768px) {
  .search-no-results--series h3 {
    font-size: 16px;
    margin: 10px 0;
  }
}

.search-no-results--block {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .search-no-results--block {
    flex-wrap: nowrap;
    margin: 1rem 0;
  }
}

.search-no-results--block .search-no-results, .search-no-results--block .search-no-results--series {
  max-width: 100%;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .search-no-results--block .search-no-results, .search-no-results--block .search-no-results--series {
    margin: 0;
    margin-right: 1rem;
    min-height: 268px;
  }
}

@media (max-width: 991px) {
  .search-no-results--block .fan {
    display: none;
  }
  .search-no-results--block .fan.fan--mobile {
    display: block;
  }
  .search-no-results--block .fan.fan--mobile .text {
    margin: 0;
    margin-top: -14px;
    text-align: center;
    width: 100%;
  }
  .search-no-results--block .fan.fan--mobile > div {
    min-height: 0 !important;
  }
}

@media (min-width: 992px) {
  .search-no-results--block .fan {
    max-width: 300px;
  }
  .search-no-results--block .fan .text {
    margin-top: -17px;
    margin-left: 0;
  }
  .search-no-results--block .fan.fan--mobile {
    display: none;
  }
}

.embed-watermark-override {
  color: white;
  left: 10px;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 1002;
}

.embed-watermark-override .video-title {
  color: white;
  font-weight: bold;
  max-width: calc(100% - 200px);
  white-space: normal;
}

.embed-watermark-override .video-title {
  font-size: 12px;
}

@media screen and (min-width: 320px) {
  .embed-watermark-override .video-title {
    font-size: calc(12px + 11 * ((100vw - 320px) / 920));
  }
}

@media screen and (min-width: 1240px) {
  .embed-watermark-override .video-title {
    font-size: 23px;
  }
}

.embed-watermark-override .video-title a {
  align-items: center;
  color: white;
  display: flex;
  flex-direction: row;
  text-decoration: none !important;
  text-shadow: .05em .025em .1em black;
}

.embed-watermark-override .video-title a:hover {
  text-decoration: underline !important;
}

.embed-watermark-override #sharethis_embed {
  color: white;
  float: right;
  font-size: 1.5em;
  position: absolute;
  right: 20px;
  text-decoration: none;
  top: -7px;
}

@media (max-width: 500px) {
  .embed-watermark-override #vjs-watermark {
    width: 33% !important;
  }
  .embed-watermark-override #vjs-watermark img {
    width: 100% !important;
  }
}

.vjs-ended.vjs-fullscreen {
  display: none !important;
}

.vjs-ended.vjs-fullscreen + #embed-end-container {
  background-color: black;
}

.vjs-playing + .embed-watermark-override {
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
  visibility: hidden;
}

.vjs-playing:hover + .embed-watermark-override,
.embed-watermark-override:hover {
  opacity: 1;
  transition: opacity 1s linear;
  visibility: visible;
}

#embed-end-container {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
}

#embed-end-container .background-holder {
  background-position: 0 0;
  background-size: 100% 100%;
  -ms-filter: blur(5px);
  filter: blur(5px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
}

.bottom-button {
  margin-bottom: 1em;
}

#share-overlay-holder {
  display: none;
}

#embed-end {
  display: none;
}

#tokyvideo_player {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}

.embed-page #tokyvideo_player {
  height: 100% !important;
}

body.embed-page {
  height: 100%;
}

/* Embed player */
.video-js .vjs-control.icon-tokyvideo {
  width: 9em;
}

@media (max-width: 767px) {
  .video-js .vjs-control.icon-tokyvideo {
    width: 4em;
  }
  .video-js .vjs-control.icon-tokyvideo:before {
    content: "\e817";
  }
}

.vjs-has-started.vjs-paused .endcard .endcard-embed {
  display: block !important;
}

.vjs-has-started .endcard,
.vjs-has-started.vjs-paused .endcard,
.vjs-has-started .embed-watermark,
.vjs-has-started.vjs-paused .embed-watermark {
  transition: all .5s ease-in-out;
}

.endcard .endcard-embed * {
  pointer-events: all;
}

.endcard-embed a:hover {
  cursor: pointer;
}

@supports (-webkit-overflow-scrolling: touch) {
  #tokyvideo_player {
    height: auto !important;
  }
}

@media (max-height: 250px) {
  #embed-end .bottom-button {
    bottom: 0 !important;
  }
}

/* 404 error
   ========================================================================== */
html {
  cursor: default;
  min-height: 100vh;
}

body {
  cursor: default;
  min-height: 100vh;
}

body.error404 .box-404 {
  background: #f6f6f6;
  padding: 0;
}

body.error404 .big-wrapper {
  background: none;
  border-radius: initial;
  box-shadow: none;
  margin: 0 auto;
  text-align: center;
  text-shadow: none;
  width: 100%;
}

body.error404 .big-wrapper h1 {
  color: #484848;
  font-size: 15px;
  font-weight: bold;
  padding: 18px 0 6px 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  body.error404 .big-wrapper h1 {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  body.error404 .big-wrapper h1 {
    font-size: 26px;
    padding: 20px 0 6px 0;
  }
}

body.error404 .big-wrapper h2 {
  color: #484848;
  text-align: center;
  width: 100%;
}

body.error404 .big-wrapper p {
  color: #484848;
  font-size: 13px;
  line-height: 1.4;
}

body.error404 .big-wrapper p a {
  color: #484848;
  text-decoration: underline;
}

body.error404 .big-wrapper img {
  height: auto;
  max-width: 32rem;
  width: 100%;
}

body.error404 .footer-menu li a {
  text-shadow: none;
}

.error404 .big-wrapper .search {
  display: block;
  margin: 0;
}

.error404 .big-wrapper .search input {
  background: #fff;
  border: 1px solid #dcdcdc;
}

.error404 .big-wrapper .search input:active, .error404 .big-wrapper .search input:focus {
  border: 1px solid #999;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.04), 0 0 4px 0 rgba(0, 0, 0, 0.2);
  text-overflow: clip;
}

.error404 .big-wrapper .search .txt-search {
  color: #484848;
}

.error404 .big-wrapper .search .txt-search.focused {
  border: 2px solid #cd2847;
  border-radius: 4px;
}

.error404 .big-wrapper .search .btn-search,
.error404 .big-wrapper .search a {
  color: #484848;
}

.no-touchevents .error404 .big-wrapper .search .btn-search:hover, .no-touchevents
.error404 .big-wrapper .search a:hover {
  color: #ea5367;
}

@media (max-width: 767px) {
  body.error404 .big-wrapper {
    padding: 15px;
  }
  body.error404 .big-wrapper svg {
    margin: 0 -15vw 2em;
    width: auto;
  }
  body.error404 .big-wrapper h1 {
    font-size: 1.6em;
  }
}

.box-thumb-channel {
  display: inline-block;
  margin: 24px 0;
  padding-bottom: 24px;
  position: relative;
  text-align: center;
  vertical-align: top;
}

@media (max-width: 767px) {
  .box-thumb-channel {
    width: calc(50% - 4px);
  }
}

@media (min-width: 768px) {
  .box-thumb-channel {
    width: calc(33.33% - 4px);
  }
}

@media (min-width: 900px) {
  .box-thumb-channel {
    width: calc(25% - 4px);
  }
}

@media (min-width: 1200px) {
  .box-thumb-channel {
    width: calc(20% - 4px);
  }
}

.box-thumb-channel .thumb {
  transition: all 0.25s ease-in-out;
  border: 5px solid #dcdcdc;
  border-radius: 100px;
  display: inline-block;
  height: 110px;
  padding: 2px;
  width: 110px;
}

.box-thumb-channel .thumb img {
  border-radius: 100px;
  display: block;
  height: 96px;
  margin: 0 auto;
  width: 96px;
}

.box-thumb-channel h3 {
  transition: all 0.25s ease-in-out;
  color: #484848;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin-top: 8px;
  margin-bottom: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: center;
  text-transform: none;
}

.box-thumb-channel h3 .icono {
  background-color: #fff;
  border-radius: 100px;
  color: #ea5367;
  display: inline-block;
  float: none;
  font-size: 30px;
  left: 62%;
  position: absolute;
  top: 4px;
}

.box-thumb-channel h3 .icono.icon-ok-circled {
  color: #06bd9c;
}

.box-thumb-channel h3 a {
  transition: all 0.25s ease-in-out;
  color: #484848;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.no-touchevents .box-thumb-channel h3 a:hover {
  color: #ea5367;
}

.box-thumb-channel p {
  color: #999;
  font-size: 12px;
  margin-top: 8px;
}

.box-thumb-channel p strong {
  color: #ea5367;
}

.box-thumb-channel .btn-subscribe {
  margin-top: 10px;
  text-align: center;
  width: 80%;
}

.box-thumb-channel .btn-subscribe .icono {
  display: inline-block;
  float: none;
  line-height: 9px;
}

@media (min-width: 768px) {
  .box-thumb-channel .btn-subscribe .icono {
    position: relative;
    top: -4px;
  }
}

.box-thumb-channel .btn-subscribe .icon-ok-circled {
  line-height: 30px;
}

.box-thumb-channel .lazy {
  background-color: rgba(55, 61, 69, 0.1);
}

/* Channels list
   ========================================================================== */
.box-list-channel {
  display: flex;
  padding: .5rem;
  position: relative;
  text-align: left;
  width: 100%;
}

.box-list-channel:nth-child(odd) {
  background-color: rgba(195, 193, 193, 0.15);
}

.box-list-channel:nth-child(even) {
  background-color: white;
}

.box-list-channel .thumb {
  border: 4px solid #e1e4e6;
  border-radius: 100px;
  display: inline-block;
  display: block;
  float: left;
  height: 60px;
  margin-right: 5px;
  padding: 2px;
  width: 60px;
}

.box-list-channel .thumb img {
  border-radius: 100px;
  display: block;
  height: 48px;
  margin: 0 auto;
  width: 48px;
}

.no-touchevent .box-list-channel .thumb:hover {
  border: 4px solid #ea5367;
}

.box-list-channel h3 {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1d1d1d;
  font-size: 15px;
  font-weight: bold;
  padding: 9px 0 0;
  width: auto;
}

.box-list-channel h3 .icono {
  color: #06bd9c;
  display: inline-block;
  float: none;
  font-size: 15px;
}

.box-list-channel h3 a {
  transition: all 0.25s ease-in-out;
  color: #1d1d1d;
  line-height: 1.6;
  text-decoration: none;
}

.no-touchevent .box-list-channel h3 a:hover {
  color: #ea5367;
}

.box-list-channel p {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  font-size: 12px;
  margin-top: 2px;
}

.box-list-channel p strong {
  color: #ea5367;
}

.box-list-channel .data {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
}

.box-list-channel .btn-subscribe {
  margin-top: 13px;
  margin-left: auto;
  min-width: 120px;
}

@media (min-width: 768px) {
  .box-list-channel .btn-subscribe .icono {
    position: relative;
    top: -2px;
  }
}

.box-featured-channel {
  display: inline-block;
  margin-bottom: 24px;
  max-width: 364px;
  padding-bottom: 2px;
  position: relative;
  text-align: left;
  width: 100%;
}

.box-featured-channel .thumb {
  background-color: #fff;
  border: 4px solid #484848;
  border-radius: 100px;
  display: inline-block;
  display: block;
  float: left;
  height: 60px;
  margin: -8px 0 0 6px;
  padding: 2px;
  position: relative;
  width: 60px;
}

.box-featured-channel .thumb img {
  border-radius: 100px;
  display: block;
  height: 48px;
  margin: 0 auto;
  width: 48px;
}

.no-touchevent .box-featured-channel .thumb:hover {
  border: 4px solid #ea5367;
}

.box-featured-channel .channel-bg {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 100%;
}

.box-featured-channel h3 {
  background-color: #484848;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  line-height: 28px;
  margin-bottom: 0;
  padding: 0 0 0 71px;
  text-transform: none;
}

.box-featured-channel h3 a {
  color: #fff;
  text-decoration: none;
}

.box-featured-channel p {
  font-size: 11px;
  padding: 3px 0 3px 71px;
}

.box-featured-channel .btn-subscribe {
  margin: 0;
  padding: 0 10px;
  position: absolute;
  right: 4px;
  top: 125px;
}

.box-featured-channel .btn-subscribe .icono {
  color: #fff;
  margin: 0;
}

.box-featured-channel h3 a .icono {
  display: inline-block;
  float: none;
  line-height: 10px;
}

#subs-container {
  margin-top: .5rem;
}

.thumb-video__container {
  display: flex;
  flex-flow: row wrap;
  position: relative;
}

@media (min-width: 544px) {
  .thumb-video__container {
    margin-right: -7px;
    margin-left: -7px;
  }
}

.home .listado-trending-videos .thumb-video__container {
  margin-right: -3px;
  margin-left: -3px;
}

@media (min-width: 544px) and (max-width: 767px) {
  .home .listado-trending-videos .thumb-video:not(.thumb-categories) {
    width: calc((100% / 2) - 4px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home .listado-trending-videos .thumb-video:not(.thumb-categories) {
    width: calc((100% / 3) - 4px);
  }
}

@media (min-width: 992px) {
  .home .listado-trending-videos .thumb-video:not(.thumb-categories) {
    width: calc((100% / 4) - 4px);
  }
}

.private-video .thumb-video:not(.thumb-categories) {
  width: 100%;
}

.private-video .thumb-video:not(.thumb-categories) .icon-play {
  left: 10px;
  position: relative;
  top: -2px;
}

.info-uploader {
  color: #aeaeae;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 15px;
  line-height: 1;
  margin-right: 3px;
  max-width: calc(100% - 80px);
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: all ease .2s;
  vertical-align: bottom;
  white-space: nowrap;
  width: auto;
}

.info-uploader span {
  font-weight: normal;
  margin-right: 5px;
}

.info-uploader .icon-series {
  font-size: 10px;
  vertical-align: top;
}

.info-uploader .icon-user-1 {
  font-size: 11px;
  height: 14px;
  width: auto;
}

.no-touchevents .info-uploader:hover {
  color: #959595;
}

.views-number {
  color: #aeaeae;
  display: inline-flex;
  margin-top: -1px;
  margin-left: 5px;
  vertical-align: middle;
}

.thumb-video {
  display: inline-block;
  margin: 7px 0;
  position: relative;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

@media (max-width: 543px) {
  .thumb-video:first-child {
    margin-top: 0;
  }
}

@media (min-width: 544px) and (max-width: 767px) {
  .thumb-video:not(.thumb-categories) {
    width: calc((100% / 2) - 14px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .thumb-video:not(.thumb-categories) {
    width: calc((100% / 3) - 14px);
  }
}

@media (min-width: 992px) {
  .thumb-video:not(.thumb-categories) {
    width: calc((100% / 4) - 14px);
  }
}

@media (min-width: 544px) {
  .thumb-video:not(.thumb-categories) {
    margin: 7px;
  }
}

@media (max-width: 543px) {
  .section-subheader--series-detail .thumb-video {
    margin-top: 0;
    margin-bottom: 14px;
  }
}

.home .listado-trending-videos .thumb-video {
  margin: 7px 2px;
}

.thumb-video h3 {
  font-size: 15px;
  margin-bottom: 3px;
  width: 100%;
}

.thumb-video h3 a {
  line-height: 1.35;
  margin-right: 3px;
  transition: all 0.25s ease-in-out;
}

.no-touchevents .thumb-video h3 a:hover {
  color: #ea5367;
  text-decoration: none;
}

.thumb-video .icon-ok-squared {
  color: #06bd9c;
  display: inline-block;
  float: none;
  font-size: 12px;
  height: 9px;
  margin: 0;
  margin-bottom: 4px;
  width: 9px;
}

.thumb-video a.thumb-duracion {
  display: block;
  margin-bottom: 6px;
  position: relative;
  text-decoration: none;
  position: relative;
}

.thumb-video a.thumb-duracion:before {
  background-color: rgba(55, 61, 69, 0.1);
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}

.thumb-video a.thumb-duracion > img,
.thumb-video a.thumb-duracion > picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 543px) {
  .thumb-video a.thumb-duracion {
    left: -8px;
    position: relative;
    width: 100vw !important;
  }
  .home .listado-trending-videos .thumb-video a.thumb-duracion {
    left: -7px;
  }
}

.thumb-video a.thumb-duracion img {
  box-shadow: 0 4px 9px rgba(217, 217, 217, 0.3), 0 2px 1px rgba(135, 135, 135, 0.18);
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

@media (max-width: 543px) {
  .thumb-video a.thumb-duracion img {
    box-shadow: none;
  }
}

.thumb-video a.thumb-duracion .duracion {
  background: rgba(0, 0, 0, 0.85);
  border-radius: 2px;
  bottom: 5px;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  position: absolute;
  right: 5px;
}

@media (max-width: 543px) {
  .thumb-video a.thumb-duracion .duracion {
    bottom: 8px;
    right: 8px;
  }
}

.thumb-video a.thumb-duracion .live {
  background: #f70800;
  border-radius: .25rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  color: #fff;
  display: none;
  font-size: 10px;
  font-weight: bold;
  height: 21px;
  line-height: 1;
  padding: 5px 10px 3px 25px;
  position: absolute;
  right: 10px;
  text-transform: uppercase;
  top: 10px;
}

@media (max-width: 767px) {
  .thumb-video a.thumb-duracion .live {
    font-size: 9px;
    height: 15px;
    padding: 3px 5px 3px 15px;
    right: 5px;
    top: 5px;
  }
}

.thumb-video a.thumb-duracion .live .icon-dot-circled {
  background: #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 9px;
  height: 9px;
  left: .6rem;
  position: absolute;
  top: 6px;
  width: 9px;
}

@media (max-width: 767px) {
  .thumb-video a.thumb-duracion .live .icon-dot-circled {
    font-size: 5px;
    height: 7px;
    left: .3rem;
    top: 4px;
    width: 7px;
  }
}

.thumb-video a.thumb-duracion .live.is-active {
  display: block;
}

.thumb-video .play {
  background: #ea5367;
  border: 4px solid #ea5367;
  border-radius: 50px;
  color: #fff;
  display: none;
  height: 52px;
  left: 50%;
  line-height: 47px;
  margin-top: -26px;
  margin-left: -26px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 52px;
}

.no-touchevents .thumb-video:hover a.thumb-duracion img {
  filter: brightness(50%);
  transition: all 0.25s ease-in-out;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .thumb-video {
    /* Brighteness filter does not work in IE so this is needed for IE10+ */
  }
  .thumb-video .thumb-duracion:hover:after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90;
  }
}

.thumb-video.video-relacionados, .watch-later-videos .thumb-video.thumb-view-later {
  display: inline-flex;
}

.thumb-video.video-relacionados .video-relacionados__zoom, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__zoom {
  display: inline-block;
}

.thumb-video.video-relacionados .video-relacionados__info, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(100% - 177px);
}

.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta {
  display: flex;
  flex-direction: column;
  position: relative;
}

.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p {
  display: flex;
  flex-direction: row;
  margin: 0 0 6px;
  max-width: 100%;
  text-overflow: none;
  width: auto;
}

.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p .icon-user-1, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p .icon-user-1,
.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p .icon-series, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p .icon-series,
.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p a, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
  color: #aeaeae;
  transition: color 0.2s ease-in-out;
  /*.no-touchevents &:hover {
                            color: lighten($grey, 30%);
                        }*/
}

.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p a, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
  margin-right: 3px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
}

@media (min-width: 400px) {
  .thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p a, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
    max-width: 150px;
  }
}

@media (min-width: 480px) {
  .thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p a, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
    max-width: 250px;
  }
}

@media (min-width: 768px) {
  .thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p a, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
    max-width: 170px;
  }
}

@media (min-width: 962px) and (max-width: 1200px) {
  .thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p a, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
    max-width: 85px;
  }
}

@media (min-width: 1201px) {
  .thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p a, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
    max-width: 100px;
  }
}

@media (min-width: 1440px) {
  .thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p a, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
    max-width: 170px;
  }
}

@media (min-width: 1800px) {
  .thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p a, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
    max-width: 250px;
  }
}

.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p .icon-ok-squared, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p .icon-ok-squared,
.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta p .icon-ok-circled, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p .icon-ok-circled {
  height: 12px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 1px;
  position: relative;
  top: 0;
}

.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta .info-meta__serie, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta .info-meta__serie,
.thumb-video.video-relacionados .video-relacionados__info .video-relacionados__info-meta .info-meta__user, .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta .info-meta__user {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.watch-later-videos {
  margin: 0 !important;
  width: 100%;
}

.watch-later-videos .thumb-video.thumb-view-later {
  display: flex;
  flex-wrap: wrap;
}

.watch-later-videos .thumb-video.thumb-view-later > .video-relacionados__zoom {
  flex: 0 0 30%;
  margin-right: 1rem;
  max-width: 300px;
}

.watch-later-videos .thumb-video.thumb-view-later > .video-relacionados__zoom .thumb-duracion {
  height: auto;
  width: 100%;
}

.watch-later-videos .thumb-video.thumb-view-later > .video-relacionados__info {
  flex: 1 0 60%;
}

.no-touchevents .watch-later-videos .thumb-video.thumb-view-later:hover .view-later,
.no-touchevents .watch-later-videos .thumb-video.thumb-view-later:hover .btn-borrar-fav {
  left: unset;
  padding: 0 9px;
  right: 0;
  top: 0;
}

.watch-later-videos .thumb-video.thumb-view-later .video-relacionados__zoom {
  display: inline-block;
}

.watch-later-videos .thumb-video.thumb-view-later .video-relacionados__zoom a.thumb-duracion {
  /*                 img {
                    height: 140px !important;
                    width: 255px !important;
                } */
}

.watch-later-videos .thumb-video.thumb-view-later .video-relacionados__zoom a.thumb-duracion .view-later,
.watch-later-videos .thumb-video.thumb-view-later .video-relacionados__zoom a.thumb-duracion .btn-borrar-fav {
  background-color: #ea5367;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  height: 26px;
  left: initial;
  line-height: 23px;
  padding: 0 9px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: auto;
  z-index: 101;
}

.watch-later-videos .thumb-video.thumb-view-later .video-relacionados__zoom a.thumb-duracion .play .icon {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
}

@media (max-width: 543px) {
  .watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info h3 {
    margin-bottom: 3px;
    max-height: none;
    padding-right: 0;
  }
}

.watch-later-videos .thumb-video.thumb-view-later .video-relacionados__info .video-relacionados__info-meta p a {
  max-width: none;
}

.watch-later-videos.related-1col .thumb-view-later .play {
  display: none !important;
}

.watch-later-videos.related-1col .thumb-video p {
  padding-right: 5px;
}

.video-relacionados .icon-series, .watch-later-videos .thumb-video.thumb-view-later .icon-series {
  font-size: 10px;
  margin-right: 8px;
  position: relative;
  top: 4px;
  vertical-align: baseline;
}

.video-relacionados .icon-user-1, .watch-later-videos .thumb-video.thumb-view-later .icon-user-1 {
  height: 14px;
  margin-left: 1px;
  margin-right: 5px;
  position: relative;
  top: 0;
  width: auto;
}

.video-relacionados .views-number, .watch-later-videos .thumb-video.thumb-view-later .views-number {
  margin-top: 3px;
  margin-left: 0;
  vertical-align: top;
}

.thumb-video__avatar,
.thumb-video__meta {
  display: flex;
  flex-flow: row wrap;
}

@media (max-width: 543px) {
  .thumb-video__avatar,
  .thumb-video__meta {
    float: left;
  }
}

@media (max-width: 543px) {
  .thumb-video__avatar {
    margin-top: 3px;
    margin-right: 7px;
    width: 35px;
  }
  .thumb-video__avatar img {
    border-radius: 50%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  }
}

.thumb-video__avatar.thumb-video__avatar--serie img {
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 543px) {
  .thumb-video__meta {
    width: calc( 100% - 35px - 7px);
  }
}

.detail-challenge .thumb-duracion .play {
  background: rgba(0, 0, 0, 0.85);
  border: 4px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: none;
  height: 52px;
  left: 50%;
  line-height: 47px;
  margin-top: -26px;
  margin-left: -26px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 52px;
}

.thumb-video a.thumb-duracion .play .icon,
.detail-challenge .thumb-duracion .play .icon {
  display: inline-block;
  float: none;
  font-size: 20px;
  margin: 0 0 0 4px;
}

.no-touchevents .thumb-video:hover .play,
.no-touchevents .detail-challenge .thumb-duracion:hover .play {
  display: flex;
}

.thumb-video .pending-icon {
  background: rgba(0, 0, 0, 0.85);
  border-radius: 5px;
  color: #fff;
  display: block;
  height: 34px;
  left: 50%;
  line-height: 47px;
  margin-top: -17px;
  margin-left: -21px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 42px;
}

.thumb-video .pending-icon .icon {
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  line-height: 20px;
}

.thumb-video .pending-icon .icon-no-animation {
  color: #fff;
  display: inline-block;
  font-size: 24px;
  line-height: 20px;
}

.thumb-video .pending-icon .loading-animation {
  left: .35rem;
  top: .1rem;
}

.thumb-video-pending a.thumb-duracion img {
  opacity: .4;
}

.thumb-video .view-later {
  background: rgba(0, 0, 0, 0.85);
  border: none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 27px;
  left: initial;
  line-height: 23px;
  padding: 0 6px;
  position: absolute;
  right: -4px;
  text-align: center;
  top: 4px;
  z-index: 101;
}

@media (min-width: 544px) {
  .thumb-video .view-later {
    right: 4px;
  }
}

@media (min-width: 992px) {
  .thumb-video .view-later {
    display: none;
    font-size: 14px;
    height: 24px;
    max-width: 3rem;
    padding: 0 5px;
  }
  .thumb-video .view-later .icon-clock {
    left: .03rem;
    position: relative;
  }
}

@media (max-width: 543px) {
  .thumb-video .view-later {
    right: 0;
    top: 8px;
  }
}

@media (min-width: 544px) {
  .home .thumb-video .view-later {
    right: 4px;
  }
}

@media (min-width: 992px) {
  .no-touchevents .thumb-video:hover .view-later {
    display: block;
  }
}

.thumb-video .view-later span {
  margin: 0;
  max-width: 7rem;
  padding: 0;
  width: 16px;
}

.thumb-video-pending h3 {
  color: #484848;
}

.thumb-video-pending h3 a {
  color: #484848;
}

.thumb-video p {
  color: #999;
  display: inline;
  font-size: 11px;
  line-height: .9;
  vertical-align: bottom;
}

.thumb-video ul {
  display: inline;
}

.thumb-video p a,
.user-link a,
.header-challenge span.right a,
.links-challenge li a:not(.btn-generico) {
  color: #999;
  font-weight: bold;
  text-decoration: none;
  transition: all .3 ease-in-out;
}

.no-touchevents .thumb-video p a:hover, .no-touchevents
.user-link a:hover, .no-touchevents
.header-challenge span.right a:hover, .no-touchevents
.links-challenge li a:not(.btn-generico):hover {
  color: #ff8695;
}

.thumb-video p .icon,
.thumb-video .icon-ok-circled {
  color: #06bd9c;
  display: inline-flex;
  float: none;
  font-size: 12px;
  height: 5px;
  line-height: 1;
  margin-left: 1px;
  position: relative;
  top: 3px;
  vertical-align: baseline;
}

.thumb-video p.pending {
  color: #1d1d1d;
  display: -webkit-box;
  font-size: 12px;
  height: 72px;
  -webkit-line-clamp: 4;
  line-height: normal;
  margin-top: 3px;
  margin-right: 5px;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

@media (max-width: 543px) {
  .thumb-video p.pending {
    height: 52px;
    -webkit-line-clamp: 3;
  }
}

.thumb-video p.pending .icono {
  color: #ea5367;
  display: inline-block;
  font-size: 12px;
  margin-right: 4px;
}

.thumb-video ul {
  display: block;
  margin: 6px 0 0 !important;
}

.thumb-video ul li {
  align-items: center;
  color: #b5b8bb;
  display: inline-flex;
  -ms-flex-align: center;
  font-size: 12px;
  margin-right: 5px;
}

.thumb-video ul li .icon {
  -webkit-box-align: center;
  align-content: center;
  align-items: center;
  display: inline-flex;
  margin-right: .3rem;
  max-height: .5rem;
  overflow: visible;
  width: auto;
}

.thumb-video .later-options {
  background: rgba(255, 255, 255, 0.8);
  display: block;
  height: 123px;
  left: 0;
  padding: 4px 0 0;
  position: absolute;
  top: 0;
  width: 219px;
  z-index: 199;
}

.thumb-video .later-options ul {
  color: #000 !important;
  display: block;
  font-size: 11px;
  text-align: center;
}

.thumb-video .later-options ul li {
  color: #000;
  display: block;
}

.thumb-video .later-options ul li a {
  background-color: #fff;
  border-radius: 3px;
  color: #000;
  display: inline-block;
  margin: 3px 0 0;
  min-width: 86px;
  padding: 4px 8px;
  text-decoration: none;
}

.no-touchevents .thumb-video .later-options ul li a:hover {
  background-color: #000;
  color: #fff;
}

#player .video-container {
  position: relative;
}

#player .video-container:before {
  background-color: rgba(55, 61, 69, 0.1);
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}

#player .video-container > img,
#player .video-container > picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#player .video-container img:not(.vjs-thumbnail) {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

.info-uploader + .icon-ok-circled {
  top: -8px;
}

/* Special styling for home col 1
   ========================================================================== */
.home.col2 .thumb-serie {
  flex: 0 0 calc(50% - 4px);
  margin: 2px;
  margin-bottom: 5px;
  max-width: calc(50% - 4px);
}

@media (min-width: 768px) {
  .home.col2 .thumb-serie {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home.col2 .thumb-serie {
    flex: 0 0 calc(33.333% - 4px);
    max-width: calc(33.333% - 4px);
  }
}

@media (min-width: 992px) {
  .home.col2 .thumb-serie {
    flex: 0 0 calc(25% - 4px);
    max-width: calc(25% - 4px);
  }
}

.home.col1 .thumb-serie {
  flex: 0 0 100%;
  margin-bottom: 5px;
}

@media (min-width: 544px) {
  .home.col1 .thumb-serie {
    margin-bottom: 10px;
  }
}

@media (min-width: 544px) and (max-width: 767px) {
  .home.col1 .thumb-serie {
    flex: 0 0 calc(50% - 4px);
    margin: 2px;
    max-width: calc(50% - 4px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home.col1 .thumb-serie {
    flex: 0 0 calc(33.333% - 4px);
    margin: 2px;
    max-width: calc(33.333% - 4px);
  }
}

@media (min-width: 992px) {
  .home.col1 .thumb-serie {
    flex: 0 0 calc(25% - 4px);
    margin: 2px;
    max-width: calc(25% - 4px);
  }
}

/* Special styling for home
   ========================================================================== */
.listado-trending-series .listado-videos.listado-series {
  overflow: visible;
}

@media (min-width: 544px) {
  .listado-trending-series .listado-videos.listado-series {
    margin: 0 -2px;
  }
}

.listado-trending-series .thumb-serie img {
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.18);
}

.listado-trending-series .thumb-serie .thumb-serie__text {
  margin-right: 3px;
  margin-left: 3px;
}

/* List series thumbs
   ========================================================================== */
.listado-videos.listado-series {
  display: flex;
  flex-flow: row wrap;
  margin-top: 10px;
}

@media (min-width: 544px) {
  .listado-videos.listado-series {
    margin: 0 -6px;
  }
}

/* Single serie thumb
   ========================================================================== */
.thumb-serie {
  display: inline-block;
  flex: 0 0 100%;
  margin: 0 0 15px 0;
  max-height: 400px;
  position: relative;
  text-align: left;
  vertical-align: top;
  /* Hover on serie thumb
   ========================================================================== */
}

@media (min-width: 544px) and (max-width: 767px) {
  .thumb-serie {
    flex: 0 0 calc(50% - 12px);
    margin: 6px;
    max-width: calc(50% - 12px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .thumb-serie {
    flex: 0 0 calc(33.333% - 12px);
    margin: 6px;
    max-width: calc(33.333% - 12px);
  }
}

@media (min-width: 992px) {
  .thumb-serie {
    flex: 0 0 calc(25% - 12px);
    margin: 6px;
    max-width: calc(25% - 12px);
  }
}

.thumb-serie a.thumb-duracion {
  position: relative;
  border-radius: 4px;
  display: block;
}

.thumb-serie a.thumb-duracion:after {
  background: transparent;
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  bottom: 0;
  clear: both;
  content: "";
  display: table;
  height: 110px;
  position: absolute;
  width: 100%;
}

.thumb-serie a.thumb-duracion:before {
  background-color: rgba(55, 61, 69, 0.1);
  content: "";
  display: block;
  padding-top: 60.60606%;
  width: 100%;
}

.thumb-serie a.thumb-duracion > img,
.thumb-serie a.thumb-duracion > picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.thumb-serie a.thumb-duracion:after {
  transition: height 0.25s ease-in-out;
  border-radius: 4px;
  height: 0;
}

.thumb-serie__img {
  border-radius: 4px;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3), 0 2px 1px rgba(0, 0, 0, 0.18);
  height: 100%;
  left: 0;
  margin: 0;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.thumb-serie__text {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  min-height: 33px;
}

@media (min-width: 768px) {
  .thumb-serie__text {
    min-height: 38px;
  }
}

.thumb-serie__name {
  color: #484848;
  display: inline-block;
  display: -webkit-box;
  font-size: 13px;
  font-weight: bold;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
  line-height: normal;
  line-height: 1.2;
  overflow: hidden;
  text-decoration: none;
  width: calc(100% - 111px);
  z-index: 99;
}

@media (min-width: 544px) {
  .thumb-serie__name {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  .thumb-serie__name {
    font-size: 16px;
  }
}

.thumb-serie__description {
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  bottom: 15px;
  color: #fff;
  display: -webkit-box;
  height: 0;
  left: 15px;
  -webkit-line-clamp: 2;
  line-height: normal;
  opacity: 0;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
  overflow: hidden;
  padding-top: 0;
  position: absolute;
  visibility: hidden;
  white-space: normal;
  width: calc(100% - 20px);
  z-index: -1;
}

.no-touchevents .thumb-serie:hover {
  /*@include for-size(md-up) {
            height: 175px;
        }*/
}

@media (min-width: 544px) {
  .no-touchevents .thumb-serie:hover a.thumb-duracion:after {
    background: transparent;
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    bottom: 0;
    clear: both;
    content: "";
    display: table;
    height: 110px;
    position: absolute;
    width: 100%;
  }
  .no-touchevents .thumb-serie:hover a.thumb-duracion:after {
    transition: height 0.25s ease-in-out;
    border-radius: 4px;
    height: 140px;
  }
  .no-touchevents .thumb-serie:hover .thumb-serie__description {
    -webkit-animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
            animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    height: auto;
    -webkit-line-clamp: 4;
    line-height: normal;
    opacity: 1;
    visibility: visible;
    white-space: normal;
    width: calc(100% - 30px);
    z-index: 99;
  }
}

.thumb-serie .btn-subscribe-serie.is-active {
  background-color: #fff;
  color: #484848;
}

.no-touchevents .thumb-serie .btn-subscribe-serie.is-active:hover {
  color: #c33d4f;
}

/* Btn verified
   ========================================================================== */
.thumb-serie--verified {
  background: #06bd9c;
  border-radius: 50%;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 17px;
  padding: 10px;
}

.thumb-serie--verified.icon {
  color: white;
  height: 25px;
  margin-right: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 25px;
}

.thumb-serie--verified.icon:before {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Trending header
   ========================================================================== */
.listado-trending-videos {
  display: block;
  margin-top: 16px;
}

.listado-trending-videos .section-head {
  display: flex;
}

@media (max-width: 543px) {
  .listado-trending-videos .section-head {
    text-transform: uppercase;
  }
}

.listado-trending-videos__isologo {
  height: 23px;
  margin-right: 5px;
  position: relative;
  top: 5px;
  width: 23px;
}

@media (min-width: 768px) {
  .listado-trending-videos__isologo {
    top: 4px;
  }
}

/* Trending videos
   ========================================================================== */
.thumb-video.thumb-video--trending h3 {
  height: 30px;
  margin-bottom: .2rem;
  max-height: 30px;
  text-align: left;
}

@media (min-width: 544px) {
  .thumb-video.thumb-video--trending h3 {
    height: 40px;
    margin-bottom: 10px;
    max-height: 40px;
  }
}

.thumb-video.thumb-video--trending h3 a {
  font-size: 12px;
}

@media (min-width: 544px) {
  .thumb-video.thumb-video--trending h3 a {
    font-size: 15px;
  }
}

@media (min-width: 768px) {
  .thumb-video.thumb-video--trending h3 a {
    font-size: 17px;
  }
}

.no-touchevents .thumb-video.thumb-video--trending:hover .view-later {
  left: 0;
}

.no-touchevents .thumb-video.thumb-video--trending:hover .view-later.tooltips-botones:hover span {
  left: 42px;
  right: initial;
  width: 7rem;
}

.no-touchevents .thumb-video.thumb-video--trending:hover .view-later.tooltips-botones:hover span:after {
  left: -5px;
  transform: rotate(180deg);
}

@media (min-width: 740px) and (max-width: 989px) {
  .thumb-video.thumb-video--trending:nth-child(4) {
    display: none;
  }
}

/*UNUSED*/
/* .pill-category {
    @include setBgHover($primary);

    border-radius: $border-radius-md;
    color: $white;
    display: none;
    font-size: 10px;
    font-weight: bold;
    height: 21px;
    line-height: 1;
    margin-bottom: 4px;
    padding: 5px 10px 3px 25px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;

    @include for-size(sm-up) {
        display: inline-block;
    }


    .icono {
        color: $white;
        font-size: 11px;
        left: .5rem;
        position: absolute;
        top: 4px;
        width: 10px;

        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

            top: 3px;
        }
    }

    &--gaming {
        @include setBgHover($pill-gaming);

        padding-left: 30px;

        @include for-size(xs-up) {
            padding-left: 32px;
        }

        .icono {
            font-size: 18px;
            top: 2px;
            width: 20px;
            @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

                top: 0;
            }
        }
    }

    &--sports {
        @include setBgHover($pill-sports);

        .icono {
            top: 5px;
            @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

                top: 4px;
            }
        }
    }

    &--comedy {
        @include setBgHover($pill-comedy);

        .icono {
            top: 5px;
        }
    }

    &--travels {
        @include setBgHover($pill-travels);

        padding-left: 24px;

        .icono {
            top: 5px;
        }
    }

    &--news {
        @include setBgHover($pill-news);

        .icono {
            top: 5px;
        }
    }

    &--documentary {
        @include setBgHover($pill-documentary);

        .icono {
            font-size: 10px;
        }
    }

    &--television {
        @include setBgHover($pill-television);

        .icono {
            top: 4px;
        }
    }

    &--motorsport {
        @include setBgHover($pill-motor);

        .icono {
            top: 5px;
        }
    }

    &--animals {
        @include setBgHover($pill-animals);

        .icono {
            top: 5px;
        }
    }

    &--trailers {
        @include setBgHover($pill-trailers);

        padding-left: 26px;

        .icono {
            font-size: 9px;
            top: 6px;

            &:before {
                width: 16px;
            }
        }
    }

    &--baby {
        @include setBgHover($pill-baby);
    }

    &--recipes {
        @include setBgHover($pill-recipes);
    }

    &--languages {
        @include setBgHover($pill-languages);

        .icono {
            top: 5px;
        }
    }

    &--decoration {
        @include setBgHover($pill-decoration);

        padding-left: 30px;

        .icono {
            font-size: 18px;
            top: 2px;
            width: 20px;
        }
    }

    &--beauty {
        @include setBgHover($pill-beauty);

        padding-left: 24px;

        .icono {
            top: 5px;
        }
    }

    &--photography {
        @include setBgHover($pill-photography);

        .icono {
            top: 5px;
        }
    }

    &--dancing {
        @include setBgHover($pill-dancing);

        padding-left: 23px;

        .icono {
            top: 5px;
        }
    }

    &--beers {
        @include setBgHover($pill-beers);

        padding-left: 23px;
    }

    &--art {
        @include setBgHover($pill-art);

        padding-left: 23px;
    }

    &--garden {
        @include setBgHover($pill-garden);

        padding-left: 23px;

        .icono {
            top: 5px;
        }
    }

    &--experiments {
        @include setBgHover($pill-experiments);

        .icono {
            top: 5px;
        }
    }

    &--tech {
        @include setBgHover($pill-tech);
        .icono {
            top: 5px;
        }
    }

    &--fashion {
        @include setBgHover($pill-fashion);
        .icono {
            top: 5px;
        }
    }
}
 */
@media (max-width: 543px) {
  .home.col1 .thumb-video.bigthumb-video {
    margin-bottom: 10px;
    max-height: none;
    width: 100%;
  }
}

.thumb-video.thumb-categories h3 span {
  color: rgba(255, 255, 255, 0.8);
  display: block;
  font-size: .6em;
  line-height: normal;
  text-transform: uppercase;
}

.thumb-video.thumb-ex-01 {
  overflow: hidden;
}

.thumb-video.thumb-ex-01:after {
  background: transparent;
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  bottom: 0;
  clear: both;
  content: "";
  display: table;
  height: 75px;
  position: absolute;
  width: 100%;
}

.thumb-ex-01 img {
  display: block;
  height: auto;
  margin-bottom: 0;
  opacity: 1;
  transform: translateZ(0);
  transition: opacity .5s ease-in-out;
  width: 100%;
}

.no-touchevents .thumb-ex-01:hover img {
  filter: brightness(50%);
  margin-bottom: 0;
  transform: translateZ(0);
  transition: all .5s ease-in-out;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .thumb-ex-01 {
    /* Brighteness filter does not work in IE so this is needed for IE10+ */
  }
  .no-touchevents .thumb-ex-01:hover:after {
    height: 100%;
  }
}

.no-touchevents .bigthumb-video:hover img {
  filter: brightness(50%);
  margin-bottom: 0;
  transform: translateZ(0);
  transition: all .5s ease-in-out;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bigthumb-video {
    /* Brighteness filter does not work in IE so this is needed for IE10+ */
  }
  .no-touchevents .bigthumb-video:hover:after {
    height: 100%;
  }
}

.thumb-video.thumb-ex-01 h3 {
  bottom: .2rem;
  color: #fff;
  display: block;
  float: none;
  font-size: 17px;
  height: initial;
  line-height: 1.4em;
  margin-right: 0;
  overflow: visible;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  text-overflow: initial;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  white-space: initial;
  width: 100%;
  z-index: 1001;
}

.thumb-video.thumb-ex-01 h3 a {
  color: #fff;
  display: block;
  padding-right: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}

.thumb-video.thumb-ex-01 .videocount {
  display: none;
}

@media (max-width: 916px) {
  .thumb-video.thumb-ex-01 h3 {
    font-size: 15px;
    font-weight: normal;
  }
}

/* fix home categories spacing when click on infinite pagination. Forcing last row to be left aligned. */
.home .listado-videos::after {
  content: "";
  flex: auto;
}

/*.home .listado-videos {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}*/
.thumb-video.bigthumb-video {
  margin: calc(3px / 2);
  /*width: 217px;*/
  max-height: 200px;
  overflow: hidden;
  width: calc((100% / 2) - 3px);
}

@media (min-width: 400px) {
  .thumb-video.bigthumb-video {
    max-height: 337px;
    width: calc((100% / 2) - 3px);
  }
}

@media (min-width: 740px) {
  .thumb-video.bigthumb-video {
    width: calc((100% / 3) - 3px);
  }
}

@media (min-width: 990px) {
  .thumb-video.bigthumb-video {
    width: calc((100% / 4) - 3px);
  }
}

.category-selection .thumb-video.bigthumb-video {
  margin: 5px;
  max-height: 200px;
  overflow: hidden;
  width: calc((100% / 2) - 10px);
}

@media (min-width: 400px) {
  .category-selection .thumb-video.bigthumb-video {
    max-height: 337px;
    width: calc((100% / 2) - 10px);
  }
}

@media (min-width: 740px) {
  .category-selection .thumb-video.bigthumb-video {
    margin: 3px;
    width: calc((100% / 3) - 6px);
  }
}

@media (min-width: 990px) {
  .category-selection .thumb-video.bigthumb-video {
    width: calc((100% / 4) - 6px);
  }
}

.featured-category {
  background-position: center;
}

/* List categories thumbs
   ========================================================================== */
.thumb-video.thumb-categories {
  width: 100%;
}

.thumb-video.thumb-categories a {
  display: block;
}

.thumb-video.thumb-categories a.thumb-duracion {
  left: 0;
  width: 100% !important;
}

.thumb-video.thumb-categories .video__count {
  align-items: center;
  background: #e1e4e6;
  bottom: 0;
  color: #5a5c59;
  display: flex;
  font-size: 11px;
  justify-content: center;
  left: 0;
  line-height: normal;
  padding: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.thumb-video.thumb-categories .video__count .icon {
  font-size: 15px;
  margin-right: 4px;
}

.thumb-video.thumb-categories .thumb-duracion {
  position: relative;
  padding-bottom: 36px;
}

.thumb-video.thumb-categories .thumb-duracion:before {
  background-color: rgba(55, 61, 69, 0.1);
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}

.thumb-video.thumb-categories .thumb-duracion > img,
.thumb-video.thumb-categories .thumb-duracion > picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.thumb-video.thumb-categories .thumb-duracion:after {
  background: transparent;
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  bottom: 36px;
  clear: both;
  content: "";
  display: table;
  height: 110px;
  position: absolute;
  width: 100%;
}

.thumb-video.thumb-categories .thumb-duracion img {
  height: 100%;
  margin: 0;
  max-height: 100%;
  min-height: 157px;
  -o-object-fit: cover;
     object-fit: cover;
}

.thumb-video.thumb-categories .category__name {
  bottom: 2.8rem;
  color: #fff;
  display: block;
  flex-direction: column;
  float: none;
  font-size: 1.3em;
  height: 50px;
  line-height: 1.4em;
  line-height: 35px;
  margin-top: 0;
  margin-right: 0;
  padding: .6rem .6rem 0;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  width: 98%;
  z-index: 1001;
}

.thumb-video.thumb-categories .category__name .subcategory__name {
  color: rgba(255, 255, 255, 0.8);
  display: block;
  font-size: 11px;
  left: 50%;
  line-height: normal;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  text-transform: uppercase;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

@media (min-width: 768px) {
  .thumb-video.thumb-categories .category__name .subcategory__name {
    font-size: 12px;
  }
}

.no-touchevents .thumb-video.thumb-categories:hover .thumb-duracion img {
  filter: brightness(50%);
  transform: translateZ(0);
}

@media (min-width: 472px) {
  .thumb-video.thumb-categories {
    width: calc((100% / 2) - 2px);
  }
}

@media (min-width: 740px) {
  .thumb-video.thumb-categories {
    width: calc((100% / 3) - 3px);
  }
}

@media (min-width: 990px) {
  .thumb-video.thumb-categories {
    width: calc((100% / 4) - 3px);
  }
}

/* Home thumbs 1:1 aspect ratio;
   ========================================================================== */
.home #listado-categorias {
  margin-bottom: 20px;
}

.home #listado-categorias .thumb-video.bigthumb-video {
  position: relative;
}

.home #listado-categorias .thumb-video.bigthumb-video:before {
  background-color: rgba(55, 61, 69, 0.1);
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}

.home #listado-categorias .thumb-video.bigthumb-video > img,
.home #listado-categorias .thumb-video.bigthumb-video > picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.home #listado-categorias .thumb-video.bigthumb-video img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

/* Second step signup
   ==========================================================================
.category-selection {
    .thumb-video {
        @include aspect-ratio(1, 1);

        cursor: pointer;

        @include for-size(sm-up) {
            border: 4px solid transparent;
            border-radius: 8px;
        }
        img {
            height: 100%;
            object-fit: cover;
            width: 100%;

            @include for-size(sm-up) {
                border-radius: 4px;
            }
        }

        h3 {
            font-size: 17px;
            font-weight: normal;
            text-transform: none;

            @include for-size (md-down) {
                font-size: 15px;
            }
            @include for-size (xs-down) {
                font-size: 11px;
            }
        }

        .check {
            opacity: 0;
            visibility: hidden;
        }

        &--selected {
            transition: none;
            //We put a border around the thumb
            &:after {
                @include position (absolute, 0, 0, 0, auto);

                background: none;
                border: solid 4px $primary;
                height: 100%;
                transition: none;
                width: calc(100% - 8px);
                z-index: 99;
            }
            //Add a gradient to the text so it can be read easily
            h3 {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
                color: $primary;
                font-weight: bold;
                padding-top: 6rem !important;
                text-shadow: none;
                z-index: 0;
            }
            //show only the checked version
            .check {
                opacity: 0;
                visibility: hidden;
            }
            .checked {
                opacity: 1;
                visibility: visible;
            }
            &:before {
                background: rgba(255,255,255,.8);
            }
            // change opacity to make the image lighter
            img {
                //height: calc(100% - 2px);
                //width: calc(100% - 1px);
                opacity: .5;
                transition: none;
            }
            //on hover we can unselect the seleted thumb
            .no-touchevents &:hover {
                .checked {
                    transition: all ease .2s;
                    &:after {
                        content: none;
                    }
                    // converting the icon into a minus icon
                    &:before {
                        background-color: white;
                        border: 0;
                        content: "";
                        height: 4px;
                        width: 15px;
                    }
                }
                img {
                    filter: none;
                }
            }
        }
    }
}

*/
.thumb-video.thumb-film {
  width: 100%;
}

@media (min-width: 992px) {
  .thumb-video.thumb-film {
    width: calc((100% / 2) - 14px);
  }
}

.thumb-video.thumb-film .thumb-film__container {
  background: linear-gradient(0deg, #1B1C1D, #1B1C1D), linear-gradient(180deg, rgba(27, 28, 29, 0) 23.94%, #1B1C1D 58.48%);
  display: flex;
  flex-direction: row;
  justify-content: end;
  height: 340px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

@media (max-width: 543px) {
  .thumb-video.thumb-film .thumb-film__container {
    left: -8px;
    position: relative;
    width: 100vw !important;
  }
  .home .listado-trending-videos .thumb-video.thumb-film .thumb-film__container {
    left: -7px;
  }
}

@media (min-width: 544px) {
  .thumb-video.thumb-film .thumb-film__container {
    background: linear-gradient(0deg, #1B1C1D, #1B1C1D), linear-gradient(90deg, #1B1C1D 40.75%, rgba(27, 28, 29, 0) 75.52%);
    border-radius: 5px;
    height: 302px;
  }
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: .5rem;
  color: white;
  padding: 16px;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 54%;
  max-width: 100%;
  width: 100%;
  z-index: 100;
}

@media (min-width: 544px) {
  .thumb-video.thumb-film .thumb-film__container .thumb-film__info {
    height: 100%;
    justify-content: center;
    max-width: 54%;
    padding: 32px;
    top: 0;
  }
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__header {
  color: #EA5367;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.6px;
  text-align: left;
  text-transform: uppercase;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__title {
  color: white;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  text-transform: uppercase;
  white-space: pre-wrap;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__data {
  align-items: center;
  color: #CECECE;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 19.6px;
  text-align: left;
}

@media (min-width: 544px) {
  .thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__data {
    font-size: 16px;
    line-height: 22.4px;
  }
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__premiere {
  align-items: center;
  color: #CECECE;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  line-height: 22.4px;
  text-align: left;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__premiere .premiere__text {
  color: #fff;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__premiere .premiere__date {
  color: #EA5367;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__film-free {
  align-items: center;
  color: #CECECE;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  line-height: 16.8px;
  text-align: left;
  width: 100%;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__film-free a {
  display: inline-flex;
  gap: 4px;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__film-free a .icon-flex {
  align-items: center;
  display: flex;
  font-weight: bold;
  gap: 8px;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__series {
  align-items: baseline;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  width: 100%;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__series a {
  color: #CECECE;
  display: inline;
  transition: color .3 ease-in-out;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__series a:hover {
  color: #e0e0e0;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__series a .icon-line {
  display: inline-block;
  margin-right: 8px;
  width: 16px;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__film-categories {
  color: #fff;
  display: inline;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  margin-right: 4px;
  text-align: left;
  width: 100%;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__film-categories a {
  color: white;
  display: inline-block;
  margin-right: 6px;
  transition: color .3 ease-in-out;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__film-categories a:not(:first-child) {
  margin-left: 4px;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__film-categories a:hover {
  color: #ededed;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__film-categories a .icon-line {
  display: inline-block;
  margin-right: 6px;
  width: 12px;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__links {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 8px;
  width: 100%;
}

@media (min-width: 544px) {
  .thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__links {
    gap: 16px;
    width: auto;
  }
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__links a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  height: 36px;
  padding: 7px 20px;
  max-width: 100%;
  width: 100%;
}

@media (min-width: 544px) {
  .thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__links a {
    max-width: 152px;
  }
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__links a.btn-primary--light {
  background-color: #484848;
  border-color: #484848;
  transition: all .3 ease-in-out;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__links a.btn-primary--light:hover {
  background-color: #5a5a5a;
  border-color: #5a5a5a;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__info .info__links a .icon-flex {
  align-items: center;
  display: flex;
  font-weight: bold;
  gap: 8px;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__img {
  position: relative;
  height: 100%;
  width: 100%;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__img:before {
  background-color: rgba(55, 61, 69, 0.1);
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__img > img,
.thumb-video.thumb-film .thumb-film__container .thumb-film__img > picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 544px) {
  .thumb-video.thumb-film .thumb-film__container .thumb-film__img {
    position: relative;
    height: 100%;
    position: relative;
    width: 60%;
  }
  .thumb-video.thumb-film .thumb-film__container .thumb-film__img:before {
    background-color: rgba(55, 61, 69, 0.1);
    content: "";
    display: block;
    padding-top: 75%;
    width: 100%;
  }
  .thumb-video.thumb-film .thumb-film__container .thumb-film__img > img,
  .thumb-video.thumb-film .thumb-film__container .thumb-film__img > picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__img:before {
  background-image: linear-gradient(180deg, transparent 29%, #1B1C1D);
  position: relative;
  z-index: 99;
}

@media (min-width: 544px) {
  .thumb-video.thumb-film .thumb-film__container .thumb-film__img:before {
    background-image: linear-gradient(270deg, transparent 71%, #1B1C1D);
    height: 100%;
  }
}

.thumb-video.thumb-film .thumb-film__container .thumb-film__img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

@media (max-width: 543px) {
  .thumb-video.thumb-film .thumb-film__container .thumb-film__img img {
    box-shadow: none;
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
  }
}

/* Featured Category
   ========================================================================== */
.featured-category {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 175px;
  margin-top: 49px;
  margin-bottom: -49px;
  overflow: hidden;
}

.featured-category .listado-videos {
  align-items: center;
  display: flex;
  height: 100%;
  margin-top: 0;
  padding: 0 8px;
}

@media (min-width: 992px) {
  .featured-category .listado-videos {
    padding: 0 16px;
  }
}

.featured-category__avatar {
  border: 3px solid #fff;
  max-height: 75%;
  width: auto;
}

/* Maintenance
   ========================================================================== */
body.maintenance {
  background: #fff;
  min-height: 620px;
  min-height: 100vh;
  overflow-y: scroll;
}

body.maintenance .header {
  background: none;
}

.maintenance p {
  color: #484848;
  text-align: center;
}

.maintenance .footer {
  font-size: 1.1em;
  margin-top: 36px;
  margin-bottom: 18px;
  max-width: none;
  padding: 0 16px;
}

.maintenance .footer p strong {
  font-size: 1.2em;
  font-weight: normal;
}

.maintenance .footer .footer-menu {
  float: none;
  text-align: center;
}

.maintenance .footer .footer-menu li a {
  color: #484848;
}

.maintenance .header {
  height: auto;
}

.maintenance .header .logo {
  display: block;
  float: none;
  margin: 20px 0 10px;
  text-align: center;
  width: 100%;
}

.maintenance .header .logo img {
  height: 40px;
  margin: 0;
}

@media (max-width: 374px) {
  .maintenance .header .logo a {
    overflow: visible;
    width: auto;
  }
}

.maintenance .header .logo .isologo {
  height: 35px;
  margin-top: -3px;
  max-width: 10.5rem;
  width: auto;
}

.maintenance .header .logo .isologo .logo-accent {
  fill: #ea5367;
}

.maintenance .header .logo .isologo .logo-text {
  fill: #484848;
}

@media (max-width: 375px) {
  .maintenance .header .logo .isologo {
    margin-top: 0;
  }
}

.maintenance .wrapper .content h1 {
  color: #ea5367;
  font-size: 15px;
  font-weight: bold;
  padding: 18px 0 6px 0;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .maintenance .wrapper .content h1 {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .maintenance .wrapper .content h1 {
    font-size: 26px;
    padding: 20px 0 6px 0;
  }
}

.maintenance .wrapper .content p {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .maintenance .wrapper .content p {
    width: 80%;
  }
}

@media (min-width: 992px) {
  .maintenance .wrapper .content p {
    font-size: 15px;
    width: 70%;
  }
}

.maintenance .wrapper .content img {
  display: block;
  margin: 36px auto;
  max-width: 45rem;
  text-align: center;
  width: 100%;
}

.maintenance .wrapper .content .social-media__links {
  display: block;
  text-align: center;
  width: 100%;
}

.maintenance .wrapper .content .social-media__links li {
  color: #ea5367;
  display: inline;
  margin: 6px 36px 6px 0;
}

.maintenance .wrapper .content .social-media__links li a {
  color: #ea5367;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}

.maintenance .wrapper .content .social-media__links li a .icon {
  font-size: 15px;
  margin-right: 4px;
}

.maintenance .wrapper .content .social-media__links li a .icon.icon-twitter {
  font-size: 18px;
  position: relative;
  top: -2px;
}

.maintenance .wrapper .content .social-media__links li:last-of-type {
  margin-right: 0;
}

@media (max-width: 360px) {
  .maintenance .wrapper .content .social-media__links li {
    display: block;
    margin: 18px 0;
    width: 100%;
  }
}

.bigthumb-video picture {
  background-color: #000;
  border-radius: 3px;
  overflow: hidden;
}

.thumb-video.bigthumb-video a.thumb-duracion {
  overflow: hidden;
}

.thumb-video.bigthumb-video a.thumb-duracion img {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 269px;
}

.bigthumb-video img {
  transition: all .5s ease-in-out;
}

.thumb-video.bigthumb-video h3 {
  display: block;
  float: left;
  height: auto;
  margin-right: -4.8em;
  margin-bottom: 0;
  max-height: none;
  overflow: hidden;
  padding: 6px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.thumb-video.bigthumb-video .videocount {
  color: #999;
  display: inline-block;
  float: right;
  font-size: .84em;
  overflow: hidden;
  padding: 1.1em .9em 0 0;
  text-align: right;
  width: 4.8em;
}

.thumb-video.bigthumb-video .videocount .icono {
  color: #ff5741;
  display: inline-block;
  float: left;
  font-size: .84em;
}

.thumb-video.bigthumb-video h3 a {
  display: block;
  padding-right: 4.8em;
  position: relative;
  width: 100%;
  z-index: 2;
}

@media (max-width: 471px) {
  .thumb-video.bigthumb-video a.thumb-duracion img {
    height: auto !important;
    width: 100% !important;
  }
  .thumb-video.bigthumb-video .thumb-duracion {
    height: auto;
    margin: 0;
    width: 100%;
  }
}

/* Second step of signup
   ========================================================================== */
.category-selection.listado-videos {
  display: flex;
  flex-flow: row wrap;
  margin-top: 5px;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .category-selection.listado-videos {
    padding: 0 17px;
    padding-top: 13px;
  }
}

@media (max-width: 543px) {
  .category-selection.listado-videos {
    margin-top: 0;
  }
}

/* buttons
   ========================================================================== */
.icon {
  height: 1rem;
  margin-right: .1rem;
  vertical-align: middle;
  width: 1rem;
  fill: none;
  speak: none;
  stroke: currentColor;
}

.icon-primary {
  color: #ea5367 !important;
}

.icon-featured {
  color: #ff1c47;
}

/* Icon top XXS
   ========================================================================== */
.icon-primary,
.icon-secondary,
.slogan__icon,
.icon--thumb-data,
.icon--data-duration,
.icon--producer-data,
.icon-btn-videos-xxs {
  top: -1px;
}

.icon--data-duration,
.icon--producer-data {
  height: .8rem;
  width: .8rem;
}

/* Icon top XS
   ========================================================================== */
.icon--main-nav,
.top__nav__icon,
.icon--count,
.icon-btn-videos {
  top: -2px;
}

.top__nav__icon {
  margin-right: 6px;
  top: -1px;
}

.icon--main-nav {
  display: none;
  height: 1.5rem;
  margin-left: 6px;
  top: 0;
  width: 1.5rem;
}

@media (min-width: 992px) {
  .icon--main-nav {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .icono.icon-upload-cloud {
    margin-right: 0;
  }
}

/* Header Search icon
   ========================================================================== */
.search-icon {
  transition: color 0.25s ease-in-out;
  color: #b5b8bb;
  cursor: pointer;
  height: 1.25rem;
  width: 1.25rem;
}

.search__box:hover .search-icon {
  color: #212121;
}

.icon--title-user-bio {
  height: 1.25rem;
  margin-right: 2px;
  width: 1.25rem;
}

.icon--user-bio--dark {
  color: #484848;
  margin-left: 8px;
}

.btn-facebook .icon,
.btn-twitter .icon {
  fill: currentColor;
  stroke: none;
}

.header .icon-upload-cloud {
  left: -1px;
  margin-right: 0;
  position: relative;
  top: -1px;
}

@media (min-width: 768px) {
  .header .icon-upload-cloud {
    margin-right: 5px;
  }
}

.header .icon-upload-cloud:before {
  font-size: 18px;
  margin-right: 0;
}

@media (min-width: 768px) {
  .header .icon-upload-cloud:before {
    font-size: 16px;
  }
}

.header .icon-user-1 {
  margin-right: 0;
  position: relative;
  top: -1px;
}

@media (min-width: 768px) {
  .header .icon-user-1 {
    margin-right: 5px;
    top: 0;
  }
}

.header .icon-user-1:before {
  font-size: 17px;
}

@media (min-width: 768px) {
  .header .icon-user-1:before {
    font-size: 15px;
  }
}

/* Icons thumb video
   ========================================================================== */
.icon-comment-empty:before,
.icon-eye-1:before {
  position: relative;
  top: 0;
}

.icon-eye-1:before {
  top: -1px;
}

/* Set green color
   ========================================================================== */
.icon-ok-circled {
  color: #06bd9c;
}

/* Search box
   ========================================================================== */
.search {
  display: inline-block;
  margin: 0 0 0 34px;
  position: relative;
}

.box-form {
  border-radius: 5px;
  margin: 0;
  position: relative;
}

.box-form .txt-search {
  background-color: rgba(255, 242, 242, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  color: #fff;
  display: block;
  float: left;
  font-size: 15px;
  font-weight: normal;
  height: 34px;
  padding: 0 50px 0 10px;
  transition: all .5s ease-in-out;
  width: 100%;
}

.box-form .txt-search:hover, .box-form .txt-search:active {
  background-color: rgba(255, 242, 242, 0.2);
}

.box-form .txt-search:focus, .box-form .txt-search:focus-within {
  background-color: rgba(255, 242, 242, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: none;
}

.box-form .btn-search {
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 18px;
  position: absolute;
  right: 1px;
  top: 0;
}

.box-form .btn-search a {
  color: #fff;
  display: block;
  padding: 6px 10px 9px;
  text-decoration: none;
}

.search-no-result {
  display: block;
  margin: 0 auto;
  width: 300px !important;
}

.search-desplegable {
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  background: #201f1f;
  border-bottom: 1px solid #1b1a1a;
  padding: 10px;
  position: relative;
}

.form-search-desplegable {
  border-radius: 5px;
  margin: 0;
  padding: 0 5px;
  position: relative;
  transition: all .5s;
}

.form-search-desplegable .txt-search {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 34px;
  padding: 0 44px 0 5px;
  width: 100%;
}

.form-search-desplegable .txt-search:focus {
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.form-search-desplegable .btn-search {
  color: #b5b8bb;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 18px;
  position: absolute;
  right: 1px;
  top: 0;
}

.form-search-desplegable .btn-search a {
  color: #fff;
  display: block;
  height: 33px;
  padding: 7px 10px 0;
  text-decoration: none;
  width: 43px;
}

.search-desplegable-02 {
  background-color: #f6f6f6;
  margin-top: 5px;
  padding: 10px;
}

/* Search Categories
   ========================================================================== */
.search-titulo {
  border-radius: 5px;
  float: right;
  position: relative;
}

@media (min-width: 768px) {
  .search-titulo {
    display: block;
  }
}

.search-titulo .search-text {
  border: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: none;
  color: #686868;
  display: inline-block;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 34px;
  padding: 0 44px 0 10px;
}

.search-titulo .search-text:focus, .search-titulo .search-text:active {
  border: 1px solid #999;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.04), 0 0 4px 0 rgba(0, 0, 0, 0.2);
  text-overflow: clip;
}

.search-titulo .search-text .search-button {
  background: none;
  border: none;
  border-left: 1px solid #e1e4e6;
  color: #b5b8bb;
  display: block;
  font-size: 1.1rem;
  height: 1.5rem;
  padding: 6px 9px;
  position: absolute;
  right: 0;
  right: .3rem;
  text-align: center;
  top: 50%;
  transform: translateY(-44%);
  width: 1.5rem;
}

.no-touchevents .search-titulo .search-button:hover .icon-search {
  color: #ea5367;
}

.search-no-results .texto, .search-no-results--series .texto {
  margin-left: 10px;
}

/* Suggested Searches
   ========================================================================== */
.suggestion-searches {
  clear: both;
  color: #444;
  display: block;
  float: none;
  font-size: 12px;
  line-height: 1.2em;
  margin: 10px 0 6px;
}

.suggestion-searches a {
  color: #000;
}

/* Search inside nav bar
   ========================================================================== */
.search.search--navigation {
  display: none;
  margin: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .search.search--navigation {
    background: #1b1a1a;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    left: 0;
    position: absolute;
    top: 95px;
  }
  .search.search--navigation.visible {
    opacity: 1;
    transition: all ease .4s;
    visibility: visible;
    z-index: 9999;
  }
  .search.search--navigation.visible:before {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.search.search--navigation .select2-container .select2-selection {
  padding: 0 !important;
}

.search.search--navigation .select2-container--default {
  background: transparent;
  display: block;
  width: auto;
  min-width: 100%;
}

.search.search--navigation .select2-container--default .select2-results__group {
  color: #484848;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  margin: 6px 0;
  opacity: .8;
  padding: 0;
  padding-left: 0;
  position: relative;
}

@media (min-width: 768px) {
  .search.search--navigation .select2-container--default .select2-results__group {
    margin: 7px 0;
  }
}

.search.search--navigation .select2-container--default .select2-results__group i {
  color: #ea5367;
  font-family: "fontello";
  font-size: 15px;
  margin-right: 6px;
  position: relative;
  top: -1px;
}

.search.search--navigation .select2-container--default .select2-results__group .icon-play-circled2 {
  font-size: 17px;
  margin-right: 4px;
  position: relative;
  top: -1px;
}

.search.search--navigation .select2-container--default .select2-results__group .icon-series {
  font-size: 11px;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.search.search--navigation .select2-container--default .select2-selection--single {
  background: #3a3939;
  border: none;
  border-radius: 0;
  height: 48px;
  /*hide arrow down*/
}

@media (min-width: 768px) {
  .search.search--navigation .select2-container--default .select2-selection--single {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    height: 34px;
    padding-right: 34px !important;
  }
}

.search.search--navigation .select2-container--default .select2-selection--single.focused {
  background-color: #484848 !important;
  border: 2px solid #cd2847;
  border-radius: 4px;
}

.search.search--navigation .select2-container--default .select2-selection--single:focus {
  background: #3a3939;
}

.search.search--navigation .select2-container--default .select2-selection--single .select2-selection__clear {
  margin-left: .5rem;
}

.search.search--navigation .select2-container--default .select2-selection--single .select2-selection__rendered {
  border: 2px solid transparent;
  color: #fff;
  line-height: 48px;
  padding: 0 10px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .search.search--navigation .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
  }
}

.search.search--navigation .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  display: none;
}

@media (min-width: 768px) {
  .search.search--navigation .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    display: block;
  }
}

.search.search--navigation .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.search.search--navigation .select2-container--default .select2-results {
  background: #fff;
  /*set max height results container*/
  padding: 0 10px;
  position: relative;
}

@media (min-width: 768px) {
  .search.search--navigation .select2-container--default .select2-results {
    top: -1px;
  }
}

.search.search--navigation .select2-container--default .select2-results > .select2-results__options {
  max-height: 50vh;
}

@media (min-width: 768px) {
  .search.search--navigation .select2-container--default .select2-results > .select2-results__options {
    max-height: 23rem;
  }
}

.search.search--navigation .select2-container--default .select2-results > .select2-results__options > li:empty {
  display: none;
}

.search.search--navigation .select2-container--default .select2-results__option {
  font-size: 13px;
  line-height: normal;
  padding-bottom: 6px;
  padding-left: 0;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search.search--navigation .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(0, 0, 0, 0.05);
  color: #ea5367;
}

.search.search--navigation .select2-container--default .select2-results__option[aria-selected=true] {
  background: rgba(0, 0, 0, 0.05);
  color: #ea5367;
}

.search.search--navigation .select2-container--default .select2-results__option[role=group]:not(only-child):nth-child(1) {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 4px;
}

.search.search--navigation .select2-container--default .select2-results__options > .select2-results__option:first-of-type > .select2-results__options > li {
  margin-top: 10px;
  padding: 0;
}

.search.search--navigation .select2-container--default .select2-results__options > .select2-results__option:first-of-type > .select2-results__options > li:last-child {
  margin-bottom: 10px;
}

.search.search--navigation .select2-container--default .select2-results__options > .select2-results__option:first-of-type > .select2-results__options > li:empty {
  display: none;
}

.search.search--navigation .btn-search {
  background: transparent;
  display: none;
  display: inline;
  height: 48px;
  margin-left: 0;
  padding: 0;
  width: 48px;
  z-index: 999999;
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 768px) {
  .search.search--navigation .btn-search {
    display: inline;
    height: 34px;
    width: 34px;
  }
}

.search.search--navigation .btn-search:after {
  color: rgba(255, 255, 255, 0.8);
  content: "\e803";
  display: inline-block;
  font-family: "fontello";
  font-size: 22px;
  z-index: 9999;
}

@media (min-width: 768px) {
  .search.search--navigation .btn-search:after {
    color: #fff;
    font-size: 17px;
  }
}

.select2-container--open {
  width: 100%;
  z-index: 99999;
}

.search-categories {
  display: block;
  font-size: 13px;
  height: 50px;
  line-height: normal;
  padding: 0 0 0 3.625rem;
  position: relative;
}

.search-categories .search-categories__category {
  color: #ea5367;
  display: block;
  font-size: 10px;
}

.search-categories .search-categories__text {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.search-categories .search-categories__img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50px;
  left: 0;
  position: absolute;
  top: 0;
}

.search-videos {
  display: block;
  padding: 2px 0;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .search-videos {
    padding: 0;
  }
}

.search-videos .icon-search {
  margin: 0 3px;
}

.search-videos .icon-search:before {
  font-size: 11px;
  position: relative;
  top: -1px;
}

/* Search dropdown
   ========================================================================== */
.search.search--navigation .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: -48px;
}

@media (min-width: 768px) {
  .search.search--navigation .select2-dropdown {
    margin-top: -34px;
  }
}

.search.search--navigation .select2-dropdown .select2-search {
  padding: 0;
}

.search.search--navigation .select2-dropdown .select2-search .select2-search__field {
  background: transparent;
  border: none;
  color: #fff;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 48px;
  padding: 0 10px;
}

@media (min-width: 768px) {
  .search.search--navigation .select2-dropdown .select2-search .select2-search__field {
    background: #3a3939;
    border: 1px solid #b5b8bb;
    border-radius: 4px;
    height: 34px;
    padding-right: 2rem;
  }
}

.search.search--navigation .select2-dropdown .select2-search .select2-search__field.focused {
  background-color: #484848 !important;
  border: 2px solid #cd2847;
  border-radius: 4px;
}

.search.search--navigation .select2-dropdown .select2-search .select2-search__field:focus {
  background: #3a3939;
}

.search.search--navigation .select2-dropdown .select2-search .select2-search__field::-webkit-input-placeholder {
  color: #dcdcdc;
  /* Chrome/Opera/Safari */
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
}

.search.search--navigation .select2-dropdown .select2-search .select2-search__field::-moz-placeholder {
  color: #dcdcdc;
  /* Firefox 19+ */
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
}

.search.search--navigation .select2-dropdown .select2-search .select2-search__field:-ms-input-placeholder {
  color: #dcdcdc;
  /* IE 10+ */
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
}

.search.search--navigation .select2-dropdown .select2-search .select2-search__field:-moz-placeholder {
  color: #dcdcdc;
  /* Firefox 18- */
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
}

.search.search--navigation .select2-dropdown.select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 7px 5px 0 rgba(0, 0, 0, 0.18);
}

/* Search animation
   ========================================================================== */
.magnifier-icon {
  cursor: pointer;
  display: block;
  opacity: 1;
  position: relative;
  transition: opacity 2s;
}

.magnifier-icon.is-open:before {
  -webkit-animation: close 0.25s ease 0.25s 1 forwards;
          animation: close 0.25s ease 0.25s 1 forwards;
}

.magnifier-handle,
.magnifier-handle-x {
  background: #fff;
  border-radius: 1rem;
  content: "";
  display: block;
  height: 2px;
  left: 9px;
  position: absolute;
  top: 8px;
  transform: rotate(45deg);
  transition: all .3s;
  width: 14px;
}

.is-open .magnifier-handle, .is-open
.magnifier-handle-x {
  -webkit-animation: x-stroke-in 0.5s ease 0s 1 forwards;
          animation: x-stroke-in 0.5s ease 0s 1 forwards;
}

.magnifier-handle-x {
  background: transparent;
  border: 2px solid #fff;
  height: 14px;
}

.is-open .magnifier-handle-x {
  background: #fff;
  border: 0;
  height: 2px;
  left: 6px;
  top: 16px;
  transform: rotate(-50deg);
  width: 24px;
}

.magnifier-handle {
  left: 18px;
  top: 21px;
  width: 9px;
}

.is-open .magnifier-handle {
  left: 6px;
  top: 16px;
  width: 25px;
}

/* Avoid INPUT ZOOM on search
   ========================================================================== */
@supports (-webkit-overflow-scrolling: touch) { {
    /* Avoid INPUT ZOOM on form register
   ========================================================================== */
  }
  @media (max-width: 767px) {
    .search.search--navigation .select2-dropdown .select2-search {
      height: 48px;
    }
  }
  @media (max-width: 767px) {
    .search.search--navigation .select2-dropdown .select2-search .select2-search__field {
      border-radius: 0;
      /* enlarge by 16/13 = 133.33% */
      font-size: 16px;
      /* enlarge by 16/13 = 133.33% */
      height: 59px;
      padding: 6.666666667px 10px;
      /* scale down by 13/16 = 87.5% */
      transform: scale(0.8125);
      transform-origin: left top;
      width: 123%;
    }
  }
  .form-container .input-md,
  .form-container .select-md,
  .marquee-header .select-md,
  .form-container .textarea-md,
  .form-container .bootstrap-tagsinput,
  .search-titulo .search-text,
  .select2-container--default .select2-selection--multiple {
    /* enlarge by 16/14 = 114.28% */
    font-size: 16px;
    /* scale down by 14/16 = 87.5% */
    transform: scale(0.875);
    transform-origin: left top;
    width: 114.28%;
  }
}

/* Home spacing section header
   ========================================================================== */
.home .section-header {
  margin-bottom: 10px;
}

.home .listado-trending-videos,
.home .listado-trending-series,
.home .section--home {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .home .listado-trending-videos,
  .home .listado-trending-series,
  .home .section--home {
    margin-bottom: 30.6px;
  }
}

.home .listado-trending-videos .section-header,
.home .listado-trending-series .section-header,
.home .section--home .section-header {
  margin: 10px 0;
}

@media (min-width: 768px) {
  .home .listado-trending-videos .section-header,
  .home .listado-trending-series .section-header,
  .home .section--home .section-header {
    margin: 15px 0;
  }
}

.home .listado-trending-videos .section-header .icono,
.home .listado-trending-series .section-header .icono,
.home .section--home .section-header .icono {
  color: #ea5367;
  font-size: 19px;
  position: relative;
  top: 1px;
}

@media (min-width: 768px) {
  .home .listado-trending-videos .section-header .icono,
  .home .listado-trending-series .section-header .icono,
  .home .section--home .section-header .icono {
    font-size: 21px;
    top: 0;
  }
}

.home .listado-trending-videos .section-header .icono.icon-series,
.home .listado-trending-series .section-header .icono.icon-series,
.home .section--home .section-header .icono.icon-series {
  font-size: 15px;
  margin-right: 7px;
  top: 0;
}

@media (min-width: 768px) {
  .home .listado-trending-videos .section-header .icono.icon-series,
  .home .listado-trending-series .section-header .icono.icon-series,
  .home .section--home .section-header .icono.icon-series {
    font-size: 17px;
  }
}

@media (max-width: 543px) {
  .home .listado-trending-videos {
    margin-top: 0;
  }
  .home .listado-trending-videos .section-header {
    display: none;
  }
  .home .listado-trending-videos .thumb-video__container .thumb-video:first-child {
    margin-top: 0;
  }
}

/* Section header
   ========================================================================== */
.section-head {
  color: #484848;
  font-size: 16px;
  font-weight: bold;
}

@media (min-width: 544px) {
  .section-head {
    font-size: 17px;
  }
}

@media (min-width: 768px) {
  .section-head {
    font-size: 18px;
  }
}

.section-head .icono {
  margin-right: 4px;
}

.section-head .icono.icon-series {
  margin-right: 7px;
  position: relative;
  top: -1px;
}

@media (min-width: 544px) {
  .section-head .icono.icon-series {
    top: 0;
  }
}

.section-head a {
  color: #484848;
  text-decoration: none;
  text-transform: none;
  transition: color .2s ease-in-out;
}

.no-touchevents .section-head a:hover {
  color: #ea5367;
}

/* Section header
   ========================================================================== */
.listado-videos .section-head {
  clear: both;
  color: #484848;
  font-size: 15px;
  min-height: auto;
}

@media (min-width: 544px) {
  .listado-videos .section-head {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .listado-videos .section-head {
    font-size: 17px;
  }
}

.listado-videos .section-head .section-head--link {
  text-decoration: none;
  text-transform: capitalize;
  transition: color .2s ease-in-out;
}

.listado-videos .section-head .icon {
  height: auto;
  margin: 0 2px;
  padding: 0;
  position: relative;
  top: -2px;
  width: auto;
}

.listado-videos .section-head .icon-folder-open-1 {
  margin-right: 5px;
  top: 0;
}

.listado-videos .section-head .icono {
  bottom: -1px;
  font-size: 1rem;
  margin-right: 3px;
  position: relative;
  vertical-align: unset;
}

@media (min-width: 768px) {
  .listado-videos .section-head .icono {
    margin-right: 6px;
  }
}

.listado-videos .section-head .icono.icon-heart {
  top: 0;
}

.relative .listado-videos .section-head {
  padding-top: 5px;
}

.listado-videos .section-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .listado-videos .section-header {
    min-height: 34px;
  }
}

@media (max-width: 767px) {
  .listado-videos .section-header {
    margin: 8px 0;
  }
}

@media (max-width: 694px) {
  .listado-videos .section-header .filter-large {
    margin-top: 15px;
  }
}

.listado-videos .section-header .btn-titulo-small {
  margin: .5rem 4px;
  margin-left: 4px;
}

@media (min-width: 991px) {
  .listado-videos .section-header .btn-titulo-small {
    margin-right: .4rem;
    margin-left: auto;
  }
}

.listado-videos .section-header .count-results {
  color: #999;
  display: inline;
  font-size: 12px;
  margin-top: 3px;
  margin-left: .5rem;
  position: relative;
  top: 1px;
}

@media (min-width: 992px) {
  .listado-videos .section-header .count-results {
    font-size: .75rem;
  }
}

.listado-videos .section-header .count-results + .right {
  margin-left: auto;
}

.listado-videos .section-header .search-small {
  display: none;
}

@media (max-width: 767px) {
  .listado-videos .section-header .search-titulo {
    margin-left: auto;
  }
}

@media (max-width: 543px) {
  .listado-videos .section-header .search-titulo {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }
}

.listado-videos .section-head__view-later .count-results {
  top: 1px;
}

/* Only in category trends
   ========================================================================== */
.listado-videos .section-header .right-filters {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -2px;
  margin-top: 5px;
  width: 100%;
}

@media (min-width: 768px) {
  .listado-videos .section-header .right-filters {
    display: inline-flex;
    margin-top: 0;
    margin-left: auto;
    width: auto;
  }
}

.listado-videos .section-header .right-filters .btn-generico {
  margin-left: 2px;
  width: 100%;
}

.listado-videos .section-header .right-filters .filter-relative,
.listado-videos .section-header .right-filters .search-titulo {
  margin: 0 2px;
}

@media (max-width: 767px) {
  .listado-videos .section-header .right-filters .filter-relative,
  .listado-videos .section-header .right-filters .search-titulo {
    flex: 1 0 25%;
    margin: 2px;
  }
}

.listado-videos .section-header .right-filters .search-titulo {
  min-width: 200px;
}

/* Back to categories
   ========================================================================== */
.listado-videos .section-header__back {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  max-width: 100%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: all ease .2s;
  white-space: nowrap;
  width: 100%;
}

@media (min-width: 768px) {
  .listado-videos .section-header__back {
    padding-top: 0;
    width: auto;
  }
}

@media (min-width: 992px) {
  .listado-videos .section-header__back {
    font-size: 17px;
    margin-right: 10px;
    margin-bottom: 0;
    max-width: calc(100% - 140px);
  }
}

@media (max-width: 767px) {
  .listado-videos .section-header__back + .filter-relative {
    margin: 5px 2px 0 0;
    width: calc(50% - 2px);
  }
  .listado-videos .section-header__back + .filter-relative .btn-generico {
    width: 100%;
  }
  .listado-videos .section-header__back + .filter-relative + .search-titulo {
    margin: 5px 0 0 2px;
    width: calc(50% - 2px);
  }
}

.listado-videos .section-header__back .section-head {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listado-videos .section-header__back i {
  color: #484848;
}

.no-touchevents .listado-videos .section-header__back i:hover {
  color: #ea5367;
  transition: all .5s ease-in-out;
}

.listado-videos .section-header__back a {
  text-decoration: none;
}

.listado-videos h2.section-head a {
  transition: all 0.25s ease-in-out;
  display: inline;
}

.listado-videos h2.section-head a .icono {
  transition: all 0.25s ease-in-out;
}

@media (max-width: 543px) {
  .listado-videos {
    margin-top: 0;
  }
}

.listado-videos .section-head a i.icon-left-open,
.listado-videos .section-header__back i.icon-left-open {
  font-size: 1em;
  margin: .5px 3px 0 2px;
  width: auto;
}

.listado-videos h2.section-head a:hover i.icon-left-open {
  margin: .5px 5px 0 0;
}

.listado-videos h2.section-head a:hover i.icono {
  color: #999;
}

.listado-videos .btn-generico.right.right-align {
  margin-left: auto;
}

.section-favorites .listado-videos .section-header .right:not(.show-grid) {
  margin-left: 0;
}

.section-header .right-align {
  margin-left: auto;
}

.filter-relative li:hover a {
  transition: all 0.25s ease-in-out;
  background: #fff;
}

/* View later modificatio
   ========================================================================== */
.listado-videos .section-head__view-later {
  margin-left: auto;
}

.listado-videos .section-head__view-later ~ #videos-container .thumb-video .icon-ok-circled {
  vertical-align: middle;
}

.listado-videos .section-head__view-later .search-titulo {
  margin: 8px 0;
  margin-right: 4px;
}

.listado-videos .section-head__view-later .filter-relative {
  margin-right: 0 !important;
  margin-left: auto;
}

@media (max-width: 543px) {
  .listado-videos .section-head__view-later .filter-relative {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.listado-videos .section-head__view-later .filter-relative .btn-generico {
  min-width: 0;
  width: auto;
}

.listado-videos .section-head__view-later .filter-relative.btn-titulo-small {
  width: auto;
}

.listado-videos .section-head__view-later .btn-generico {
  margin-right: 4px;
  margin-left: 0;
}

.listado-videos .section-head__view-later .count-results {
  margin-right: 16px;
}

@media (max-width: 543px) {
  .listado-videos .section-head__view-later .count-results {
    display: none;
  }
}

.channel-background .btn-edit-bg a {
  margin-left: 10px;
}

/* Search page styles
   ========================================================================== */
@media (max-width: 767px) {
  .listado-videos .section-header--search {
    justify-content: space-between;
  }
}

.listado-videos .section-header--search .section-header--title-search {
  flex: 0 0 auto;
  width: auto;
}

@media (max-width: 991px) {
  .listado-videos .section-header--search .section-header--title-search {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 25rem);
  }
}

@media (max-width: 767px) {
  .listado-videos .section-header--search .section-header--title-search {
    flex: 0 0 100%;
    margin-bottom: 6px;
    width: 100%;
  }
}

.listado-videos .section-header--search .section-header--title-search .count-results {
  margin-left: 6px;
  top: 0;
}

.listado-videos .section-header--search .right {
  display: block;
  flex: 1 0 auto;
  margin: 0;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .listado-videos .section-header--search .right {
    display: inline;
    flex: 0 0 auto;
    max-width: auto;
    width: auto;
  }
  .listado-videos .section-header--search .right .btn-generico {
    width: auto;
  }
  .listado-videos .section-header--search .right:last-of-type:not(only-child) {
    margin-left: 0;
  }
  .listado-videos .section-header--search .right:first-of-type:not(only-child) {
    margin-left: auto;
  }
  .listado-videos .section-header--search .right:only-child {
    margin-right: 0;
    margin-left: auto;
  }
  .listado-videos .section-header--search .right li {
    margin: 0;
  }
}

.listado-videos .section-header--search .right .btn-generico {
  width: 100%;
}

@media (max-width: 543px) {
  .listado-videos .section-header--search .right .btn-generico {
    margin-bottom: 8px;
  }
}

.listado-videos .section-header--search .listado-videos {
  top: 0;
}

.listado-videos .section-header--search .suggestion-searches {
  clear: left;
  display: block;
  width: 100%;
}

.listado-videos .section-header--search .suggestion-searches a {
  transition: all 0.25s ease-in-out;
  color: #484848;
}

.no-touchevents .listado-videos .section-header--search .suggestion-searches a:hover {
  color: #ea5367;
}

/* Section title
   ========================================================================== */
.section-header__title .section-head .icono {
  margin-right: 5px;
}

/* Trending header home
   ========================================================================== */
.listado-trending-videos .section-head .icono {
  color: #ea5367;
  font-size: 1rem;
  margin-right: 4px;
  position: relative;
  top: -1px;
}

/* Search title in channels
   ========================================================================== */
@media (min-width: 768px) {
  .listado-videos .section-header.section-header--channels {
    flex: 0 0 auto;
  }
  .listado-videos .section-header.section-header--channels .search-titulo {
    margin-left: 10px;
    max-width: 35%;
  }
  .listado-videos .section-header.section-header--channels .search-titulo {
    flex: 0 0 auto;
  }
}

.listado-videos .section-header.section-header--channels .search-titulo {
  flex: 1 0 auto;
  margin: 0;
  margin-bottom: 0;
  margin-left: auto;
  max-width: calc(50% - .25rem);
}

/* Section header in series and channels
   ========================================================================== */
.section-header--series,
.section-header--channels {
  display: block;
  margin: 8px auto 2px;
}

@media (min-width: 544px) {
  .section-header--series,
  .section-header--channels {
    margin: 8px auto 2px;
  }
}

.section-header--series .count-results,
.section-header--channels .count-results {
  color: #999;
  display: inline;
  font-size: 12px;
  margin-left: .5rem;
  position: relative;
  top: 10px;
}

@media (min-width: 544px) {
  .section-header--series .count-results,
  .section-header--channels .count-results {
    top: 12px;
  }
}

.section-header--series .section-head,
.section-header--channels .section-head {
  float: left;
  font-weight: bold;
  padding: 8px 0;
}

.section-header--series .icon-series,
.section-header--channels .icon-series {
  color: #ea5367;
  font-size: 14px;
}

.section-header--series .icon-series:before,
.section-header--channels .icon-series:before {
  position: relative;
  top: -1px;
  width: 21px;
}

.section-header--series .right,
.section-header--channels .right {
  display: block;
  margin-top: 8px;
  width: 100%;
}

@media (min-width: 544px) {
  .section-header--series .right,
  .section-header--channels .right {
    display: inline;
    margin-top: 0;
    margin-left: auto;
    max-width: 200px;
    width: auto;
  }
  .section-header--series .right .btn-generico,
  .section-header--channels .right .btn-generico {
    width: auto;
  }
}

.section-header--series .right .btn-generico,
.section-header--channels .right .btn-generico {
  width: 100%;
}

.home .section-header--series {
  margin: 0;
}

.home .section-header--series h2.section-head {
  padding: 0;
}

/* Section header in detail serie
   ========================================================================== */
.section-header--series-detail {
  background: #282727;
  margin: -1px -8px 0;
  padding: 10px;
  padding-bottom: 0;
  position: relative;
}

@media (min-width: 544px) {
  .section-header--series-detail {
    border-radius: 4px;
    display: flex;
    margin: 0;
    margin-top: 8px;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .section-header--series-detail {
    margin-top: 16px;
  }
}

.section-header--series-detail .series-detail--img {
  position: relative;
  border-radius: 4px;
  display: block;
  overflow: hidden;
  width: 100%;
}

.section-header--series-detail .series-detail--img:before {
  background-color: rgba(55, 61, 69, 0.1);
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}

.section-header--series-detail .series-detail--img > img,
.section-header--series-detail .series-detail--img > picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 544px) and (max-width: 991px) {
  .section-header--series-detail .series-detail--img {
    min-width: calc((100% / 3) - 3px);
    width: calc((100% / 3) - 3px);
  }
}

@media (min-width: 992px) {
  .section-header--series-detail .series-detail--img {
    min-width: calc((100% / 4) - 3px);
    width: calc((100% / 4) - 3px);
  }
}

.section-header--series-detail .series-detail--img:after {
  background: transparent;
  background-image: linear-gradient(to bottom, transparent 30%, #000);
  bottom: -1px;
  clear: both;
  content: "";
  display: table;
  height: 200px;
  position: absolute;
  right: 0;
  width: 100%;
}

@media (min-width: 544px) {
  .section-header--series-detail .series-detail--img:after {
    background-image: linear-gradient(to right, transparent 0%, #282727);
    clear: both;
    height: 100%;
    right: -1px;
    top: 0;
    width: 400px;
  }
}

@media (min-width: 768px) {
  .section-header--series-detail .series-detail--img:after {
    background-image: linear-gradient(to right, transparent 71%, #282727);
  }
}

.section-header--series-detail .series-detail--img img {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.section-header--series-detail .series-detail--content--title,
.section-header--series-detail .series-detail--content--desc,
.section-header--series-detail .series-detail--data {
  color: #fff;
}

.section-header--series-detail .series-detail--content {
  bottom: 65px;
  display: flex;
  flex-flow: row wrap;
  padding: 15px;
  position: absolute;
  width: calc(100% - 20px);
}

@media (min-width: 544px) {
  .section-header--series-detail .series-detail--content {
    bottom: initial;
    flex: 0 1 60%;
    max-width: 80%;
    position: relative;
  }
}

@media (min-width: 544px) and (max-width: 767px) {
  .section-header--series-detail .series-detail--content {
    flex: 0 0 80%;
    margin-left: -175px;
  }
}

@media (min-width: 1188px) {
  .section-header--series-detail .series-detail--content {
    padding: 23px;
    padding-right: 10px;
  }
}

@media (min-width: 544px) and (max-width: 991px) {
  .section-header--series-detail .series-detail--content {
    margin-bottom: 48px;
  }
}

.section-header--series-detail .series-detail--content--title {
  align-self: center;
  display: -webkit-box;
  font-size: 18px;
  font-weight: bold;
  -webkit-line-clamp: 2;
  line-height: normal;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
  overflow: hidden;
  text-align: left;
  width: 100%;
}

@media (min-width: 544px) and (max-width: 767px) {
  .section-header--series-detail .series-detail--content--title {
    font-size: 22px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-header--series-detail .series-detail--content--title {
    font-size: 22px;
  }
}

@media (min-width: 992px) {
  .section-header--series-detail .series-detail--content--title {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1188px) {
  .section-header--series-detail .series-detail--content--title {
    font-size: 28px;
  }
}

.section-header--series-detail .series-detail--content--title .icon {
  background: #06bd9c;
  border-radius: 50%;
  font-size: 11px;
  height: 15px;
  margin-left: 5px;
  position: relative;
  top: -1px;
  width: 15px;
}

@media (min-width: 768px) {
  .section-header--series-detail .series-detail--content--title .icon {
    font-size: 16px;
    height: 20px;
    width: 20px;
  }
}

.section-header--series-detail .series-detail--content--title .icon:before {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.section-header--series-detail .series-detail--content--desc {
  display: none;
}

@media (min-width: 992px) {
  .section-header--series-detail .series-detail--content--desc {
    display: -webkit-box;
    font-size: 13px;
    -webkit-line-clamp: 3;
    height: calc(74.5% - 1.8vw);
    line-height: 1.8;
    opacity: .9;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /*! autoprefixer: on */
    overflow: hidden;
  }
}

@media (min-width: 1188px) {
  .section-header--series-detail .series-detail--content--desc {
    font-size: 14px;
    height: calc(68% - 1.15vw);
  }
}

.section-header--series-detail .series-detail--actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}

@media (min-width: 544px) {
  .section-header--series-detail .series-detail--actions {
    align-content: flex-end;
    align-items: flex-end;
    display: flex;
    flex: 0 0 20%;
    flex-flow: row wrap;
    justify-content: flex-end;
    max-width: 25%;
    padding-left: 0;
  }
}

@media (min-width: 544px) and (max-width: 991px) {
  .section-header--series-detail .series-detail--actions {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    max-width: 100%;
    position: absolute;
    right: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1187px) {
  .section-header--series-detail .series-detail--actions {
    min-width: 29%;
    padding: 15px;
    padding-left: 0;
    position: relative;
    /* HACKS IE11 */
  }
}

@media screen and (min-width: 992px) and (max-width: 1187px) and (-ms-high-contrast: active), (min-width: 992px) and (max-width: 1187px) and (-ms-high-contrast: none) {
  .section-header--series-detail .series-detail--actions {
    bottom: 0;
    display: block;
    min-width: 29%;
    padding: 15px;
    padding-left: 95px;
    position: absolute;
    right: 0;
  }
}

@media (min-width: 1188px) {
  .section-header--series-detail .series-detail--actions {
    min-width: 25%;
    padding: 23px;
    padding-left: 0;
    /* HACKS IE11 */
  }
}

@media screen and (min-width: 1188px) and (-ms-high-contrast: active), (min-width: 1188px) and (-ms-high-contrast: none) {
  .section-header--series-detail .series-detail--actions {
    bottom: 0;
    display: block;
    min-width: 25%;
    padding: 23px;
    padding-left: 95px;
    position: absolute;
    right: 0;
  }
}

.section-header--series-detail .series-detail--data {
  display: inline-block;
  font-size: 15px;
  line-height: normal;
  margin-right: 15px;
  min-width: 100px;
  text-align: center;
}

@media (min-width: 544px) and (max-width: 767px) {
  .section-header--series-detail .series-detail--data {
    display: none;
  }
}

@media (min-width: 992px) {
  .section-header--series-detail .series-detail--data {
    font-size: 15px;
    margin-top: auto;
    margin-right: 15px;
    margin-bottom: 12px;
  }
}

.section-header--series-detail .series-detail--data .icon {
  font-size: 12px;
  margin-right: 6px;
  position: relative;
}

.section-header--series-detail .series-detail--data .icon.icon-video {
  font-size: 14px;
  margin-right: 3px;
}

.section-header--series-detail .series-detail--data:nth-child(2) {
  display: none;
}

@media (min-width: 768px) {
  .section-header--series-detail .series-detail--data:nth-child(2) {
    display: inline-flex;
  }
}

@media (min-width: 992px) {
  .section-header--series-detail .series-detail--data:nth-child(2) {
    margin-right: 0;
  }
}

.section-header--series-detail .btn-subscribe-serie {
  background: #ea5367;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  margin: 0 15px 0 auto;
  padding: 10px 18px 11px;
  padding-left: 36px;
  text-transform: capitalize;
  transition: background .2s ease-in-out;
}

.section-header--series-detail .btn-subscribe-serie .icono {
  left: 21px;
  top: 12px;
}

.section-header--series-detail .btn-subscribe-serie .icono:before, .section-header--series-detail .btn-subscribe-serie .icono:after {
  background-color: #fff;
  height: 10px;
}

.no-touchevents .section-header--series-detail .btn-subscribe-serie:hover {
  background: #c33d4f;
  color: #fff;
}

.no-touchevents .section-header--series-detail .btn-subscribe-serie:hover .icono:before, .no-touchevents .section-header--series-detail .btn-subscribe-serie:hover .icono:after {
  background-color: #fff;
}

.section-header--series-detail .btn-subscribe-serie.is-active {
  background: #484848;
}

.section-header--series-detail .btn, .section-header--series-detail .btn-large, .section-header--series-detail .pagination_item--is-disabled {
  border-radius: 24px;
}

.section-header--series-detail .btn-secondary, .section-header--series-detail .pagination_item--prev .btn:not(.pagination_item--is-disabled), .pagination_item--prev .section-header--series-detail .btn:not(.pagination_item--is-disabled), .section-header--series-detail .pagination_item--prev .btn-large:not(.pagination_item--is-disabled), .pagination_item--prev .section-header--series-detail .btn-large:not(.pagination_item--is-disabled), .section-header--series-detail .pagination_item--prev .pagination_item--is-disabled:not(.pagination_item--is-disabled), .pagination_item--prev .section-header--series-detail .pagination_item--is-disabled:not(.pagination_item--is-disabled), .section-header--series-detail
.pagination_item--next .btn:not(.pagination_item--is-disabled),
.pagination_item--next .section-header--series-detail .btn:not(.pagination_item--is-disabled), .section-header--series-detail
.pagination_item--next .btn-large:not(.pagination_item--is-disabled),
.pagination_item--next .section-header--series-detail .btn-large:not(.pagination_item--is-disabled), .section-header--series-detail
.pagination_item--next .pagination_item--is-disabled:not(.pagination_item--is-disabled),
.pagination_item--next .section-header--series-detail .pagination_item--is-disabled:not(.pagination_item--is-disabled) {
  background-color: #484848;
  border: none;
  color: #fff;
}

.no-touchevents .section-header--series-detail .btn-secondary:hover, .no-touchevents .section-header--series-detail .pagination_item--prev .btn:hover:not(.pagination_item--is-disabled), .pagination_item--prev .no-touchevents .section-header--series-detail .btn:hover:not(.pagination_item--is-disabled), .no-touchevents .section-header--series-detail .pagination_item--prev .btn-large:hover:not(.pagination_item--is-disabled), .pagination_item--prev .no-touchevents .section-header--series-detail .btn-large:hover:not(.pagination_item--is-disabled), .no-touchevents .section-header--series-detail .pagination_item--prev .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled), .pagination_item--prev .no-touchevents .section-header--series-detail .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled), .no-touchevents .section-header--series-detail
.pagination_item--next .btn:hover:not(.pagination_item--is-disabled),
.pagination_item--next .no-touchevents .section-header--series-detail .btn:hover:not(.pagination_item--is-disabled), .no-touchevents .section-header--series-detail
.pagination_item--next .btn-large:hover:not(.pagination_item--is-disabled),
.pagination_item--next .no-touchevents .section-header--series-detail .btn-large:hover:not(.pagination_item--is-disabled), .no-touchevents .section-header--series-detail
.pagination_item--next .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled),
.pagination_item--next .no-touchevents .section-header--series-detail .pagination_item--is-disabled:hover:not(.pagination_item--is-disabled) {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  color: #fff;
}

.section-header--series-detail .btn-secondary .icon-share, .section-header--series-detail .pagination_item--prev .btn:not(.pagination_item--is-disabled) .icon-share, .pagination_item--prev .section-header--series-detail .btn:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail .pagination_item--prev .btn-large:not(.pagination_item--is-disabled) .icon-share, .pagination_item--prev .section-header--series-detail .btn-large:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail .pagination_item--prev .pagination_item--is-disabled:not(.pagination_item--is-disabled) .icon-share, .pagination_item--prev .section-header--series-detail .pagination_item--is-disabled:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail
.pagination_item--next .btn:not(.pagination_item--is-disabled) .icon-share,
.pagination_item--next .section-header--series-detail .btn:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail
.pagination_item--next .btn-large:not(.pagination_item--is-disabled) .icon-share,
.pagination_item--next .section-header--series-detail .btn-large:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail
.pagination_item--next .pagination_item--is-disabled:not(.pagination_item--is-disabled) .icon-share,
.pagination_item--next .section-header--series-detail .pagination_item--is-disabled:not(.pagination_item--is-disabled) .icon-share {
  font-size: 12px;
}

@media (max-width: 543px) {
  .section-header--series-detail .btn-secondary .icon-share, .section-header--series-detail .pagination_item--prev .btn:not(.pagination_item--is-disabled) .icon-share, .pagination_item--prev .section-header--series-detail .btn:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail .pagination_item--prev .btn-large:not(.pagination_item--is-disabled) .icon-share, .pagination_item--prev .section-header--series-detail .btn-large:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail .pagination_item--prev .pagination_item--is-disabled:not(.pagination_item--is-disabled) .icon-share, .pagination_item--prev .section-header--series-detail .pagination_item--is-disabled:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail
  .pagination_item--next .btn:not(.pagination_item--is-disabled) .icon-share,
  .pagination_item--next .section-header--series-detail .btn:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail
  .pagination_item--next .btn-large:not(.pagination_item--is-disabled) .icon-share,
  .pagination_item--next .section-header--series-detail .btn-large:not(.pagination_item--is-disabled) .icon-share, .section-header--series-detail
  .pagination_item--next .pagination_item--is-disabled:not(.pagination_item--is-disabled) .icon-share,
  .pagination_item--next .section-header--series-detail .pagination_item--is-disabled:not(.pagination_item--is-disabled) .icon-share {
    margin-right: 0;
  }
}

/* Section header serie featured*/
@media (min-width: 544px) {
  .section-header--series-detail.section-header--series--featured {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section-header--series-detail.section-header--series--featured .series-detail--img {
    min-width: 100%;
    width: 100%;
  }
  .section-header--series-detail.section-header--series--featured .series-detail--img:after {
    content: none;
  }
  .section-header--series-detail.section-header--series--featured .series-detail--img:before {
    padding-top: 260px;
  }
  .section-header--series-detail.section-header--series--featured .series-detail--content {
    margin-left: 0;
    padding: 15px;
    padding-right: 10px;
    flex-grow: 1;
  }
  .section-header--series-detail.section-header--series--featured .series-detail--content .series-detail--content--title {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .section-header--series-detail.section-header--series--featured .series-detail--content .series-detail--content--title {
    font-size: 23px;
    margin-bottom: 5px;
  }
}

/* Section header in trends
   ========================================================================== */
.listado-videos .section-header--tendencias .section-header__back {
  width: 100%;
}

@media (min-width: 992px) {
  .listado-videos .section-header--tendencias .section-header__back {
    width: auto;
  }
}

.listado-videos .section-header--tendencias .filter-relative {
  margin: 5px 2px 0 0;
  width: calc(50% - 3px);
}

@media (min-width: 768px) and (max-width: 991px) {
  .listado-videos .section-header--tendencias .filter-relative {
    width: calc(33.33% - 3px);
  }
}

@media (min-width: 992px) {
  .listado-videos .section-header--tendencias .filter-relative {
    margin-top: 0;
    margin-left: auto;
    width: auto;
  }
}

@media (max-width: 991px) {
  .listado-videos .section-header--tendencias .filter-relative:nth-child(2) {
    margin-right: 5px;
  }
  .listado-videos .section-header--tendencias .filter-relative:nth-child(3) {
    margin-right: 0;
  }
}

.listado-videos .section-header--tendencias .btn-generico {
  width: 100%;
}

@media (min-width: 992px) {
  .listado-videos .section-header--tendencias .btn-generico {
    width: auto;
  }
}

.listado-videos .section-header--tendencias .search-titulo {
  margin-top: 5px;
  margin-left: 0;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
  .listado-videos .section-header--tendencias .search-titulo {
    margin-left: 5px;
    width: calc(33.33% - 5px);
  }
}

@media (min-width: 992px) {
  .listado-videos .section-header--tendencias .search-titulo {
    margin-top: 0;
    width: auto;
  }
}

/* To be changed
==========================================*/
@media (max-width: 543px) {
  .section-subheader--series-detail {
    margin-top: 0;
  }
}

.section-subheader--series-detail .section-header {
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .section-subheader--series-detail .section-header {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .listado-videos.section-subheader--series-detail .section-header__back + .filter-relative {
    max-width: 100%;
    width: 100%;
  }
}

.right {
  margin-left: auto;
}

.videopage .remodal-bg {
  overflow-x: hidden;
}

/* Modals
   ========================================================================== */
.modal {
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  display: none;
  /* Hidden by default */
  height: 100%;
  /* Full height */
  left: 0;
  overflow: auto;
  /* Enable scroll if needed */
  position: fixed;
  /* Stay in place */
  top: 0;
  width: 100%;
  z-index: 99999;
}

/* Modal Content/Box */
.modal-content {
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  left: 50%;
  margin: 0;
  padding: 15px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
  /* Could be more or less, depending on screen size */
}

.modal-content__text, .modal-content__title {
  color: #484848;
  flex: 0 0 100%;
  line-height: normal;
  margin-bottom: 15px;
  max-width: 100%;
}

.modal-content__title {
  font-size: 14px;
  font-weight: bold;
}

.modal-content__text {
  font-size: 12px;
  font-weight: normal;
}

.modal-content .btn, .modal-content .btn-large, .modal-content .pagination_item--is-disabled {
  display: inline;
  flex: 0 0 auto;
}

.modal-content .btn-grey {
  margin-right: 15px;
}

/* The Close Button */
.close {
  transition: color 0.25s ease-in-out;
  color: #7b7b7b;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 6px;
  top: 2px;
}

.close:hover,
.close:focus {
  color: #484848;
  cursor: pointer;
  text-decoration: none;
}

/* Social icons
   ========================================================================== */
.remodal .remodal-body {
  padding: 15px;
}

@media (min-width: 544px) {
  .remodal .remodal-body {
    padding: 25px;
    padding-top: 15px;
  }
}

.remodal ul.social-icons {
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .remodal ul.social-icons {
    justify-content: center;
  }
}

.remodal ul.social-icons .share {
  border-radius: 4px;
  max-width: 20%;
  padding: 10px;
  transition: background .2s ease-in-out;
  width: auto;
}

.remodal ul.social-icons .share a {
  display: inline-block;
  font-size: 39px;
}

@media (min-width: 544px) {
  .remodal ul.social-icons .share a {
    font-size: 45px;
  }
}

.remodal ul.social-icons .share span {
  display: inline;
  height: 45px;
  position: relative;
  top: -2px;
  width: 45px;
}

.no-touchevents .remodal ul.social-icons .share:hover {
  background: #f3f3f3;
}

@media (min-width: 768px) {
  .remodal ul.social-icons .share.share-telegram {
    display: none;
  }
}

.remodal ul.social-icons .share.share-telegram a {
  color: #2aa1da;
}

@media (min-width: 768px) {
  .remodal ul.social-icons .share.share-whatsapp {
    display: none;
  }
}

.remodal ul.social-icons .share.share-whatsapp a {
  color: #25d366;
}

.remodal ul.social-icons .share.share-facebook a {
  color: #055691;
}

.remodal ul.social-icons .share.share-twitter a {
  color: #36a9fa;
}

@media (max-width: 767px) {
  .remodal ul.social-icons .share.share-reddit {
    display: none;
  }
}

.remodal ul.social-icons .share.share-reddit a {
  color: #ff622a;
}

@media (min-width: 768px) {
  .remodal ul.social-icons .share.share-messenger {
    display: none;
  }
}

.remodal ul.social-icons .share.share-messenger a {
  color: #0078ff;
}

@media (max-width: 767px) {
  .remodal ul.social-icons .share.share-blogger {
    display: none;
  }
}

.remodal ul.social-icons .share.share-blogger a {
  color: #fc4f08;
}

@media (max-width: 767px) {
  .remodal ul.social-icons .share.share-mail {
    display: none;
  }
}

.remodal ul.social-icons .share a {
  border: none;
  color: #484848;
  margin: 0;
}

.remodal .remodal--text {
  display: inline-block;
  font-weight: bold;
  margin: 20px 0 14px;
}

.remodal .share-link.campo-url {
  align-items: center;
  display: flex;
  margin: 0;
  /* Avoid zoom input */
}

@media (max-width: 767px) {
  .remodal .share-link.campo-url {
    /* enlarge by 16/13 = 133.33% */
    font-size: 16px;
    /* enlarge by 16/13 = 133.33% */
    padding: 6.666666667px 10px;
    /* scale down by 13/16 = 87.5% */
    transform: scale(0.8125);
    transform-origin: left top;
    width: 123%;
    padding-left: 0;
  }
}

.remodal .share-link.campo-url input {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* Avoid zoom input */
  padding: 7px;
}

@media (max-width: 767px) {
  .remodal .share-link.campo-url input {
    font-size: 16px;
    padding: 9px;
  }
}

.remodal .share-link.campo-url input#myInput {
  margin-top: 0;
}

@supports (-webkit-overflow-scrolling: touch) {
  .remodal .share-link.campo-url input {
    height: 42px;
  }
}

.remodal .share-link.campo-url .btn, .remodal .share-link.campo-url .btn-large, .remodal .share-link.campo-url .pagination_item--is-disabled {
  /* Avoid zoom input */
}

@media (max-width: 767px) {
  .remodal .share-link.campo-url .btn, .remodal .share-link.campo-url .btn-large, .remodal .share-link.campo-url .pagination_item--is-disabled {
    height: 42px;
  }
}

.remodal .share-link .icon-copy {
  font-size: 15px;
  left: 1px;
  position: relative;
  top: -1px;
  /* Avoid zoom input */
}

@media (max-width: 767px) {
  .remodal .share-link .icon-copy {
    font-size: 18px;
  }
}

.remodal .share-link .icon-link-1 {
  font-size: 18px;
  line-height: 33px;
  margin-right: 5px;
  width: 30px;
  /* Avoid zoom input */
}

@media (max-width: 767px) {
  .remodal .share-link .icon-link-1 {
    font-size: 21px;
  }
}

.remodal .share-link .btn, .remodal .share-link .btn-large, .remodal .share-link .pagination_item--is-disabled {
  margin-left: 10px;
  transition: background-color .2s ease-in-out;
  position: relative;
}

.no-touchevents .remodal .share-link .btn.tooltip:hover:after, .no-touchevents .remodal .share-link .tooltip.btn-large:hover:after, .no-touchevents .remodal .share-link .tooltip.pagination_item--is-disabled:hover:after {
  bottom: 30px;
  right: 0px;
}

@media (min-width: 544px) {
  .no-touchevents .remodal .share-link .btn.tooltip:hover:after, .no-touchevents .remodal .share-link .tooltip.btn-large:hover:after, .no-touchevents .remodal .share-link .tooltip.pagination_item--is-disabled:hover:after {
    bottom: 30px;
    right: 0px;
  }
}

.no-touchevents .remodal .share-link .btn.tooltip:hover:before, .no-touchevents .remodal .share-link .tooltip.btn-large:hover:before, .no-touchevents .remodal .share-link .tooltip.pagination_item--is-disabled:hover:before {
  bottom: 30px;
  right: 24px;
}

@media (min-width: 544px) {
  .no-touchevents .remodal .share-link .btn.tooltip:hover:before, .no-touchevents .remodal .share-link .tooltip.btn-large:hover:before, .no-touchevents .remodal .share-link .tooltip.pagination_item--is-disabled:hover:before {
    bottom: 25px;
    right: 20px;
  }
}

/* Remodal signup 2
   ========================================================================== */
.remodal--signup2 {
  max-width: 500px;
}

.remodal--signup2 .remodal-content {
  padding: 20px 16px 0 16px;
}

@media (min-width: 544px) {
  .remodal--signup2 .remodal-content {
    padding: 47px 36px 0 36px;
  }
}

.remodal--signup2 p,
.remodal--signup2 h2 {
  margin: 0 auto;
  max-width: none;
  text-align: center;
  text-transform: none;
}

.remodal--signup2 h2 {
  color: #484848;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 12px;
  padding: 0;
  text-transform: none;
}

@media (min-width: 544px) {
  .remodal--signup2 h2 {
    font-size: 22px;
    line-height: 1.5;
  }
}

.remodal--signup2 .copy p {
  padding: 0;
}

.remodal--signup2 .btn-large {
  margin-top: 20px;
}

.remodal--signup2 .btn-grey-modal {
  background-color: #f5f5f5;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: block;
  margin-top: 16px;
  margin-right: -16px;
  margin-left: -16px;
  text-align: center;
}

@media (min-width: 544px) {
  .remodal--signup2 .btn-grey-modal {
    margin-top: 36px;
    margin-right: -36px;
    margin-left: -36px;
  }
}

.no-touchevents .remodal--signup2 .btn-grey-modal:hover {
  color: #ea5367;
  transition: color .2s ease-in-out;
}

/* PAGINATION
   ========================================================================== */
.pagination-container {
  margin-top: 10px;
  position: relative;
  text-align: center;
}

@media (min-width: 768px) {
  .pagination-container {
    margin-top: 36px;
  }
}

.pagination {
  clear: both;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  padding: 6.4px 0;
  white-space: nowrap;
  width: 100%;
}

@media (min-width: 768px) {
  .pagination {
    padding: 6px 0;
    text-align: center;
    width: 100%;
  }
}

.pagination .btn-pagination {
  background-color: #e9e9e9;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  color: #212121;
  line-height: 1.6;
  padding: 5px 17px;
  text-decoration: none;
  transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}

.no-touchevents .pagination .btn-pagination:hover {
  background-color: #ea5367;
  border-color: #ea5367;
  color: #fff;
}

.pagination .btn-pagination--selected {
  background-color: #ea5367;
  border: 1px solid #e73c53;
  color: #fff !important;
  transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
}

.no-touchevents .pagination .btn-pagination--selected:hover {
  background-color: #c33d4f;
  border-color: #c33d4f;
  color: #fff;
}

.pagination .btn-pagination--sticky {
  box-shadow: -6px 0 6px 6px #fff;
  line-height: 1.4;
  position: absolute;
  right: 0;
  top: 2px;
}

.no-touchevents .pagination .btn-pagination--sticky {
  top: 2px;
}

.pagination .btn-pagination.no-touchevents .pagination .btn-pagination:hover {
  background-color: #cfcfcf;
  border: 1px solid #cfcfcf;
}

.pagination--scrollable {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}

.pagination_item {
  display: inline-block;
}

.pagination_item .icon--thumb-data {
  color: #fff;
  margin-right: 0;
  margin-bottom: -2px;
}

.pagination_item--prev {
  display: none;
}

.pagination_item--more {
  background-color: #cfcfcf;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  color: #000;
  line-height: 1.6;
  padding: 3px 8px;
}

.pagination_item--is-disabled .btn-pagination,
.no-touchevents .pagination_item--is-disabled .btn-pagination:hover {
  background: #f3f3f3;
  border-color: #f3f3f3;
  color: #a1a1a1;
  cursor: not-allowed;
}

/* Infinite pagination
*/
.btn-infinite {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  height: 34px;
  margin: 10px 0;
  padding: 0 1.5rem;
  transition: background-color .3s ease-in-out;
  vertical-align: middle;
  width: 100%;
}

@media (min-width: 768px) {
  .btn-infinite {
    width: auto;
  }
}

.btn-infinite .btn-infinite__loading {
  -webkit-animation: loading-circle 1s infinite;
          animation: loading-circle 1s infinite;
  background-color: #ea5367;
  border-radius: 100%;
  display: none;
  display: none;
  height: 1rem;
  margin: -4px 18px 0;
  opacity: 0;
  opacity: 0;
  position: relative;
  top: 1px;
  transition: all .2s ease-in-out;
  vertical-align: middle;
  width: 1rem;
}

.btn-infinite .btn-infinite__text {
  display: inline-block;
  opacity: 1;
  padding-left: 0;
  position: relative;
}

.btn-infinite .btn-infinite__text .icon-eye-1 {
  margin-right: 4px;
}

.btn-infinite--loading .btn-infinite__text {
  display: none;
  opacity: 0;
}

.btn-infinite--loading .btn-infinite__loading {
  display: inline-block;
  opacity: 1;
}

.btn-infinite--loading,
.no-touchevents .btn-infinite--loading:hover {
  background: #dcdcdc;
}

/* Profile
   ========================================================================== */
.channel-background {
  background-attachment: scroll;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  height: 175px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.channel-background .thumb {
  border: 3px solid #fff;
  border-radius: 100px;
  display: inline-block;
  display: block;
  float: left;
  height: 106px;
  left: 24px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 106px;
}

.channel-background .thumb img {
  border-radius: 100px;
  display: block;
  height: 100px;
  margin: 0 auto;
  width: 100px;
}

.channel-background .btn-edit-bg {
  display: block;
}

@media (min-width: 768px) {
  .channel-background .btn-edit-bg {
    display: none;
  }
}

.channel-background .btn-edit-bg .icon {
  margin-right: 0;
}

@media (min-width: 768px) {
  .channel-background .btn-edit-bg .icon {
    margin-right: 5px;
  }
}

@media (max-width: 767px) {
  .channel-background .btn-edit-bg .icon-trash {
    font-size: 16px;
    top: 0;
  }
}

.no-touchevents .channel-background:hover .btn-edit-bg {
  display: block;
  margin-top: -17px;
  position: absolute;
  right: 10px;
  top: 50%;
}

.channel-background #delete-channel-background:active, .channel-background #delete-channel-background:focus {
  background-color: #fff;
  border: 1px solid #e8e3e3;
  color: #000;
}

.channel-background #delete-channel-background:active .icono, .channel-background #delete-channel-background:focus .icono {
  color: #ea5367;
}

.channel-background #delete-channel-background:hover .icono {
  color: #ea5367;
}

.profile-header .data {
  align-items: center;
  border-bottom: 1px solid #e1e4e6;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.profile-header .data h1,
.profile-header .data h2 {
  font-size: 20px;
  line-height: normal;
  margin-bottom: 4px;
}

.profile-header .data h1 .icono,
.profile-header .data h2 .icono {
  color: #ea5367;
  font-size: 25px;
  margin-left: 3px;
  position: relative;
  top: 2px;
}

.profile-header .data h1 .icono.icon-ok-circled,
.profile-header .data h2 .icono.icon-ok-circled {
  color: #06bd9c;
}

.profile-header .data .btn-sociales__list {
  align-items: center;
  display: inline-flex;
}

@media (max-width: 767px) {
  .profile-header .data .btn-sociales__list {
    width: 100%;
  }
}

.profile-header .data .btn-sociales {
  color: #354da4;
  display: inline-block;
  font-size: 25px;
  margin: 0 5px;
  transition: opacity .2s ease-in-out;
}

.no-touchevents .profile-header .data .btn-sociales:hover {
  opacity: .8;
}

.profile-header .data .btn-sociales .icon-circled-youtube {
  color: red;
}

.profile-header .data .btn-sociales .ico-tw {
  color: #36a9fa;
}

.profile-header .data .btn-sociales .icon-instagram {
  color: #fff;
  display: inline-block;
  font-size: 15px;
  margin: 0;
  padding: 3px;
  position: relative;
}

.profile-header .data .btn-sociales .icon-instagram:before {
  position: relative;
  top: -2px;
}

.profile-header .data .btn-sociales .icon-instagram:after {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  border-radius: 100%;
  content: "" !important;
  height: 25px;
  left: -2px;
  position: absolute;
  top: -4px;
  width: 25px;
  z-index: -1;
}

.profile-header .data .btn-sociales .icon-youtube-play {
  color: #e81400;
}

@media (max-width: 768px) {
  .profile-header .data .btn-sociales {
    margin-bottom: 8px;
  }
}

.profile-header .data .subscribe-profile-new {
  margin-right: 15px;
  /* iPhone / mobile webkit */
}

@media (max-width: 767px) {
  .profile-header .data .subscribe-profile-new {
    margin-left: 0;
  }
}

@media screen and (max-device-width: 768px) {
  .profile-header .data .subscribe-profile-new {
    height: 35px;
  }
}

.profile-header .data .views {
  color: #1d1d1d;
  font-size: 20px;
  margin: 0 15px 0 0;
}

.profile-header .data .views .icono {
  color: #b5b8bb;
  font-size: 18px;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.profile-header p {
  color: #262e36;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 15px;
  text-align: left;
}

.profile-header p a {
  color: #ea5367;
  text-decoration: none;
}

.no-touchevents .profile-header p a:hover {
  text-decoration: underline;
}

/* New styles
   ========================================================================== */
.profile-header .data {
  padding-bottom: 6px;
}

.profile-header .data h2 {
  float: left;
  margin: 14px 0;
}

.profile-header .data .videos .icono {
  top: -1px;
}

.profile-header .data .subscribe .btn-subscribe {
  transition: all 0.25s ease-in-out;
}

.profile-header .data .subscribe .btn-subscribe:hover, .profile-header .data .subscribe .btn-subscribe:active, .profile-header .data .subscribe .btn-subscribe:focus {
  background: #c33d4f;
  border-color: #c33d4f;
}

.profile-header .data .btn-more-info {
  display: none;
}

.profile-header .data .btn-configuracion {
  color: #373d45;
  float: right;
  font-size: 13px;
  margin: 0 2px 0 0;
  position: relative;
  text-decoration: none;
}

@media (min-width: 768px) {
  .profile-header .data .btn-configuracion {
    padding-left: 35px;
  }
}

.profile-header .data .btn-configuracion .icono-engranaje {
  transition: all 0.25s ease-in-out;
  display: inline-block;
  font-size: 20px;
}

@media (min-width: 768px) {
  .profile-header .data .btn-configuracion .icono-engranaje {
    left: 11px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

.no-touchevents .profile-header .data .btn-configuracion:hover .icono-engranaje {
  color: #ea5367;
}

.read-more {
  transition: all 0.25s ease-in-out;
  background: rgba(0, 0, 0, 0.05);
  border-radius: .1875rem;
  color: #ea5367;
  font-size: .94em;
  font-weight: bold;
  margin-left: 6px;
  padding: .1rem .3rem;
  text-decoration: none;
}

.no-touchevents .read-more:hover {
  background: #c33d4f;
  text-decoration: none;
}

.channel-profile__filters {
  float: right;
}

.channel-profile__filters .btn-generico {
  float: none;
  margin-left: 4px;
}

.channel-profile__filters .filter-large {
  transition: all 0.25s ease-in-out;
  margin: 0;
  margin-left: 4px;
}

.listado-videos .section-header .channel-profile__filters {
  display: flex;
  margin-top: 10px;
  margin-left: 0;
  width: 98%;
}

@media (min-width: 544px) {
  .listado-videos .section-header .channel-profile__filters {
    margin-top: 0;
    margin-left: auto;
    width: auto;
  }
}

.listado-videos .section-header .channel-profile__filters .filter-large {
  width: 100%;
}

.listado-videos .section-header .channel-profile__filters .btn-titulo-small {
  margin: 0;
  margin-left: 6px;
}

.listado-videos .section-header .channel-profile__filters .filter-relative {
  margin: 0;
}

.listado-videos .section-header .channel-profile__filters .filter-relative li {
  margin: 0;
}

.listado-profile .profile-header .data .views .icono {
  margin-right: 7px;
  top: -1px;
}

.listado-profile {
  margin-top: 6px;
}

.listado-profile .form-container.inline-form {
  max-width: 1400px;
}

.listado-profile .section-header .filter-relative {
  width: auto;
}

@media (max-width: 767px) {
  .listado-profile .section-header .filter-relative {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
  }
}

/* Sidebar
   ========================================================================== */
.sidebar {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 28%;
  min-width: 300px !important;
  position: absolute;
  right: 0;
  top: 0;
  flex-grow: 1;
}

.sidebar .item {
  flex: 0 0 100%;
  max-width: 100%;
}

.sidebar .form-chat {
  margin: 0;
  width: 100%;
}

@media (max-width: 1200px) {
  .sidebar {
    max-width: 300px;
  }
}

@media (max-width: 960px) {
  .sidebar {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
  }
}

@media (min-width: 1600px) {
  .sidebar {
    max-width: 444px;
    right: calc(((100vw - 1600px) / 2) - 8px);
  }
}

.sidebar-space {
  padding-right: 28%;
  padding-left: .5rem;
}

.sidebar-space:not(#player) {
  max-width: 100%;
  padding-right: 28%;
  padding-left: .5rem;
}

@media (max-width: 1200px) {
  .sidebar-space {
    padding-right: 300px;
  }
  .sidebar-space:not(#player) {
    padding-right: 300px;
  }
}

@media (max-width: 960px) {
  .sidebar-space {
    padding: 0;
  }
}

@media (min-width: 1600px) {
  .modo-teatro .sidebar-space:not(#player) {
    padding-right: 444px;
  }
}

@media (max-width: 960px) {
  .sidebar-space:not(#player) {
    padding: 0 .5rem;
  }
}

.video-layout.video-layout--live .sidebar {
  top: 0rem;
}

@media (max-width: 960px) {
  .video-layout.video-layout--live .sidebar {
    flex: 0 0 100%;
    margin: 0;
    margin-bottom: 3rem;
    max-width: 100%;
    top: 0 !important;
  }
}

@media (max-width: 960px) {
  .video-layout.video-layout--live.modo-teatro .sidebar {
    flex: 0 0 100%;
    margin: 0;
    max-width: 100%;
    top: 0 !important;
  }
}

@media (max-width: 480px) {
  .video-layout.video-layout--live.modo-teatro .sidebar-space {
    padding: 0;
  }
}

.video-layout.video-layout--base .sidebar {
  padding: 0 6px;
  top: .5rem;
}

@media (min-width: 1600px) {
  .video-layout.video-layout--base .sidebar {
    padding: 0 1px;
  }
}

@media (max-width: 960px) {
  .video-layout.video-layout--base .sidebar {
    flex: 0 0 100%;
    margin-bottom: 1%;
    max-width: 100%;
    padding: 0 .5rem;
    position: relative;
    top: 0;
  }
}

.video-layout.video-layout--base .sidebar-space {
  padding-left: 0;
}

.video-layout.video-layout--base.modo-teatro .sidebar {
  flex: 0 0 27%;
  max-width: 27%;
  position: absolute;
  top: 48rem;
}

/* Tabs menu
   ========================================================================== */
.tab-menu {
  border-bottom: 1px solid #dcdcdc;
  color: #373d45;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 8px;
}

.tab-menu li {
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 12px;
}

.tab-menu li.selected {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-bottom: none;
  display: inline-block;
  height: 42px;
  line-height: 40px;
  margin-bottom: -1px;
}

.tab-menu li a {
  color: #373d45;
  display: block;
  text-decoration: none;
}

.tab-menu li.disabled {
  color: #999;
  cursor: not-allowed;
  opacity: .7;
}

@media (max-width: 570px) {
  .tab-menu {
    font-size: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .tab-menu li {
    background: none;
    border: none;
  }
  .tab-menu li.selected {
    border: none;
    border-bottom: 3px solid #ea5367;
    color: #ea5367;
  }
  .tab-menu li.selected a {
    color: #ea5367;
  }
  .tab-menu li.disabled {
    color: #999;
    cursor: not-allowed;
    opacity: .7;
  }
}

/* Tooltips
   ========================================================================== */
.tooltips {
  display: inline;
  position: relative;
}

a.tooltips span {
  background: #1a1919;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 12px;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  visibility: hidden;
  white-space: nowrap;
  width: auto;
}

a.tooltips span:after {
  border-bottom: 4px solid transparent;
  border-right: 7px solid #1a1919;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  margin-top: -3px;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
}

a:hover.tooltips span {
  left: 100%;
  margin-left: 15px;
  margin-top: -11.5px;
  top: 50%;
  visibility: visible;
  z-index: 999;
}

/* TOOLTIPS PENDING ----------------------------------------------------------------------------------------------------------- */
.tooltips-pending {
  display: inline;
  position: relative;
}

.tooltips-pending span {
  background: #fff;
  border-radius: 4px;
  color: #1a1919;
  display: block;
  font-size: 11px;
  height: 23px;
  left: 50%;
  line-height: 23px;
  margin-left: -50px;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  top: 41px;
  visibility: visible;
  visibility: visible;
  white-space: nowrap;
  width: 100px;
  z-index: 999;
}

.tooltips-pending span:after {
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  width: 0;
}

.tooltip:hover, .tooltip.mobile-over {
  text-decoration: none;
}

.tooltip:hover:after, .tooltip.mobile-over:after {
  background: #1a1919;
  border-radius: .5em;
  bottom: 25px;
  color: #fff;
  content: attr(data-after);
  display: block;
  font-size: 13px;
  margin-bottom: 10px;
  opacity: 1;
  padding: 5px 12px 7px;
  position: absolute;
  right: 0;
  text-transform: none;
  white-space: nowrap;
  z-index: 98;
}

.tooltip:hover:before, .tooltip.mobile-over:before {
  border: solid;
  border-color: #1a1919 transparent;
  border-width: .4em .4em 0 .4em;
  bottom: 21px;
  content: "";
  display: block;
  margin-bottom: 10px;
  opacity: 1;
  position: absolute;
  right: 2em;
  z-index: 99;
}

.touchevents .tooltip {
  /*&:hover:not(.mobile-over) {
            &:before, &:after {
                content: none;
            }
        }*/
}

.touchevents .tooltip.btn-subscribe-serie {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.touchevents .tooltip.btn-subscribe-serie:after {
  background: #1a1919;
  border-radius: .5em;
  bottom: 25px;
  color: #fff;
  content: attr(data-after);
  display: block;
  font-size: 13px;
  opacity: 0;
  padding: 3px 12px 5px;
  position: absolute;
  right: 0;
  text-transform: none;
  white-space: nowrap;
  z-index: 98;
}

.touchevents .tooltip.btn-subscribe-serie:before {
  border: solid;
  border-color: #1a1919 transparent;
  border-width: .4em .4em 0 .4em;
  bottom: 21px;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  right: 2em;
  z-index: 99;
}

.touchevents .tooltip.btn-subscribe-serie.mobile-over:hover {
  position: relative;
}

.touchevents .tooltip.btn-subscribe-serie.mobile-over:hover:after {
  content: attr(data-after) !important;
  opacity: 1;
}

.touchevents .tooltip.btn-subscribe-serie.mobile-over:hover:before {
  content: "" !important;
  opacity: 1;
}

.touchevents .tooltip.btn-subscribe-serie.is-active:after, .touchevents .tooltip.btn-subscribe-serie.is-active:before {
  -webkit-animation: hide-tooltip 1.5s forwards;
          animation: hide-tooltip 1.5s forwards;
}

.touchevents .tooltip.btn-subscribe-serie.is-active.is-active--preload:after, .touchevents .tooltip.btn-subscribe-serie.is-active.is-active--preload:before {
  -webkit-animation: hide-tooltip 1.5s forwards;
          animation: hide-tooltip 1.5s forwards;
  visibility: hidden !important;
}

/* TOOLTIPS BOTONES ----------------------------------------------------------------------------------------------------------- */
.tooltips-botones {
  display: inline;
  overflow: visible;
  position: relative;
}

.tooltips-botones.responsive .icono {
  margin: 0;
}

.tooltips-botones span,
.tooltips-botones.clipboard-copied span {
  background-color: #1a1919;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 13px;
  height: 23px;
  left: 50%;
  line-height: 1.4;
  margin-left: 0;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  top: 34px;
  transform: translateX(-50%);
  visibility: hidden;
  white-space: nowrap;
  width: auto;
  z-index: 999;
}

@media (max-width: 991px) {
  .tooltips-botones span,
  .tooltips-botones.clipboard-copied span {
    left: 0;
  }
}

.tooltips-botones span.responsive {
  height: auto;
}

.tooltips-botones span.responsive:after {
  display: none;
}

.tooltips-botones span.responsive .tooltip-arrow {
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
}

.tooltips-botones span.responsive .tooltip-arrow:after {
  content: normal;
}

.tooltips-botones.license span.responsive {
  margin-top: 5px;
  white-space: normal;
  width: 250px;
}

@media (min-width: 1188px) {
  .tooltips-botones.license span.responsive {
    white-space: nowrap;
    width: auto;
  }
}

@media (max-width: 767px) {
  .tooltips-botones.license span.responsive {
    left: -3px !important;
  }
}

.tooltips-botones.license span.responsive .link-tooltip {
  color: #fff;
}

.tooltips-botones.reportvid span.responsive {
  white-space: nowrap;
  width: auto;
}

.tooltips-botones span:after,
.tooltips-botones.clipboard-copied span:after, .tooltips-botones .tooltip-arrow {
  border-bottom: 4px solid #1a1919;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  width: 0;
}

@media (max-width: 991px) {
  .tooltips-botones span:after,
  .tooltips-botones.clipboard-copied span:after, .tooltips-botones .tooltip-arrow {
    left: 70%;
  }
}

.tooltips-botones:hover span, .tooltips-botones.visible span {
  visibility: visible;
}

.tooltips-botones.clipboard:hover span {
  visibility: hidden;
}

.tooltips-botones.clipboard-copied span {
  background: #1a1919;
  color: #fff;
  top: -35px;
  visibility: visible;
}

.tooltips-botones.reportvid span {
  top: 25px;
}

@media (max-width: 991px) {
  .tooltips-botones.reportvid span::after {
    left: 53%;
  }
}

.tooltips-botones.clipboard-copied:hover span {
  background: #1a1919;
  color: #fff;
  top: -35px;
  visibility: visible;
}

.tooltips-botones.clipboard:hover span:after,
.tooltips-botones.clipboard-copied span:after {
  border-top: 4px solid #000;
  bottom: initial;
  top: 100%;
}

.like-dislike .tooltips-botones span::after {
  margin-left: -8px;
}

.navbar {
  position: fixed;
  top: 52px;
  right: 0;
  left: 0;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  height: 43px;
  border-bottom: 1px solid #ea5367;
  background-color: #1b1a1a;
  z-index: 10000;
}

.navbar .nav__item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.navbar .nav__item:not(:first-child)::before {
  display: block;
  width: 1px;
  height: 8px;
  background-color: #fff;
  content: "";
}

.navbar .nav__link, .navbar .dropdown__item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 6px 10px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  font-variation-settings: "wght" 600;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease-in-out;
}

@media (min-width: 1188px) {
  .navbar .nav__link:active, .navbar .dropdown__item:active {
    color: #ea5367;
  }
  .navbar .nav__link:hover, .navbar .dropdown__item:hover {
    color: rgba(255, 255, 255, 0.5);
  }
}

.navbar .nav__link.is-active, .navbar .is-active.dropdown__item {
  color: #ea5367;
}

.navbar .nav__link .icon, .navbar .dropdown__item .icon {
  display: inline-flex;
  align-items: center;
  margin-right: 0;
  width: auto;
  height: auto;
}

.navbar .nav__link .icon::before, .navbar .dropdown__item .icon::before {
  display: inline-flex;
  width: auto;
  line-height: inherit;
}

.navbar .nav__link--lg {
  font-size: 16px;
}

.navbar .dropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.navbar .dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #212121;
  opacity: 0;
  visibility: hidden;
  will-change: opacity, visibility;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.navbar .dropdown__menu li {
  display: flex;
  overflow: hidden;
}

.navbar .dropdown__nav {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
  gap: 16px 35px;
  padding: 16px 8px 40px;
  margin: 0 auto;
  max-width: 1400px;
}

@media (min-width: 768px) {
  .navbar .dropdown__nav {
    padding-inline: 16px;
  }
}

.navbar .dropdown__item {
  display: inline-block;
  padding-inline: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.navbar .dropdown.is-open .dropdown__menu {
  opacity: 1;
  visibility: visible;
}

.navbar .dropdown.is-open .icon-down-dir::before {
  transform: rotate(180deg);
}

@media (min-width: 1188px) {
  .navbar .dropdown:hover .dropdown__toggle {
    color: #ea5367;
  }
  .navbar .dropdown:hover .dropdown__menu {
    opacity: 1;
    visibility: visible;
  }
  .navbar .dropdown:hover .icon-down-dir::before {
    transform: rotate(180deg);
  }
}

@media (min-width: 1188px) {
  .navbar .hide--lg {
    display: none;
  }
}

.navbar .hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.navbar .gx-sm {
  -moz-column-gap: 6px;
       column-gap: 6px;
}

.navbar .ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.navbar__container {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
}

@media (min-width: 1188px) {
  .navbar__container {
    padding: 0 16px;
  }
}

.navbar__group {
  display: none;
}

@media (min-width: 1188px) {
  .navbar__group {
    display: flex;
    flex-direction: row;
    align-self: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
    height: 100%;
  }
}

.navbar__group .nav__link--lg {
  padding-inline: 0;
  height: 100%;
  line-height: 20px;
  text-transform: capitalize;
}

.navbar__divider {
  display: none;
}

@media (min-width: 1188px) {
  .navbar__divider {
    display: inline-block;
    align-self: center;
    width: 1px;
    min-height: 2rem;
    background-color: #fff;
  }
}

.navbar__scrollable {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  overflow-x: auto;
}

.navbar__scrollable .navbar__arrow {
  position: relative;
  display: none;
  height: 100%;
}

.navbar__scrollable .navbar__arrow__button {
  display: grid;
  place-items: center;
  align-self: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 10;
}

.navbar__scrollable .navbar__arrow__button .icon {
  width: auto;
  height: auto;
}

.navbar__scrollable .navbar__arrow::before, .navbar__scrollable .navbar__arrow::after {
  position: absolute;
  width: 30px;
  height: 100%;
  content: "";
  pointer-events: none;
}

.navbar__scrollable .navbar__arrow--left::before {
  left: 0;
  background: linear-gradient(90deg, #1b1a1a 73.48%, rgba(27, 26, 26, 0) 100%);
}

.navbar__scrollable .navbar__arrow--left::after {
  content: none;
}

.navbar__scrollable .navbar__arrow--right::before {
  content: none;
}

.navbar__scrollable .navbar__arrow--right::after {
  right: 0;
  background: linear-gradient(270deg, #1b1a1a 73.48%, rgba(27, 26, 26, 0) 100%);
}

.navbar__scrollable .navbar__arrow--right .icon-right-open {
  margin-right: 0;
  margin-left: 0.1rem;
}

@media (min-width: 768px) {
  .navbar__scrollable .navbar__nav {
    padding-inline: 14px;
  }
}

@media (min-width: 1188px) {
  .navbar__scrollable.has-overflow .navbar__arrow {
    display: flex;
  }
  .navbar__scrollable.has-overflow .navbar__nav {
    padding-inline: 10px;
  }
  .navbar__scrollable:not(.has-overflow) {
    margin-inline: -10px;
  }
  .navbar__scrollable:not(.has-overflow) .navbar__nav {
    padding-inline: initial;
  }
}

.navbar__nav {
  display: flex;
  overflow: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
}

.navbar__nav::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1188px) {
  .navbar {
    height: 64px;
  }
}

.videopage .navbar__container,
.videopage .dropdown__nav {
  max-width: 1632px;
}

.fixed-menu.mobile-search-on .wrapper {
  padding-top: 95px;
}

@media (min-width: 1188px) {
  .fixed-menu.mobile-search-on .wrapper {
    padding-top: 116px;
  }
}

@media (min-width: 1188px) {
  .fixed-menu:not(.superuser):not(.logged) .btn-menu,
  .fixed-menu:not(.superuser):not(.logged) .left-menu {
    display: none !important;
  }
}

/* Notification inside nav bar
   ========================================================================== */
@media (min-width: 481px) {
  .notification-nav {
    margin-left: 15px;
    position: relative;
  }
}

.notification {
  background-color: #fff;
  border: 1px solid #888;
  width: 345px;
}

.notification.notification--panel {
  left: -9.045rem;
  position: absolute;
  top: 42px;
  background-clip: padding-box;
  border: 1px solid #4f4c4c;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  display: none;
  left: -10.045rem;
  margin: 0;
  opacity: 0;
  overflow-y: visible;
  transition: all ease .4s;
}

@media (max-width: 991px) {
  .notification.notification--panel {
    left: -11.055rem;
  }
}

@media (max-width: 768px) {
  .notification.notification--panel {
    left: -14.15rem;
  }
}

@media (max-width: 480px) {
  .notification.notification--panel {
    left: 0;
    margin-right: .375rem;
    margin-left: .375rem;
    max-width: 96.4%;
    right: 0;
    top: 52px;
    width: 100%;
  }
}

.notification.notification--panel.visible {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}

.notification.notification--panel .notification--header {
  align-items: center;
  background: #4f4c4c;
  display: flex;
  height: 31px;
  justify-content: left;
  padding-left: .625rem;
}

.notification.notification--panel .notification--header .title-panel {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.notification.notification--panel .arrow {
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  height: 12px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  right: 9.5rem;
  top: -7px;
  transform: translateX(-50%) rotate(180deg);
  width: 20px;
  z-index: -1;
}

.notification.notification--panel .arrow::after {
  background: #4f4c4c;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  content: "";
  height: 16px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  width: 16px;
}

@media (max-width: 991px) {
  .notification.notification--panel .arrow {
    right: 8.5rem;
  }
}

@media (max-width: 768px) {
  .notification.notification--panel .arrow {
    right: 5.4rem;
  }
}

@media (max-width: 767px) {
  .notification.notification--panel .arrow {
    right: 5.1rem;
  }
}

@media (max-width: 420px) {
  .notification.notification--panel .arrow {
    right: 5.3rem;
  }
}

@media (max-width: 380px) {
  .notification.notification--panel .arrow {
    right: 5.4rem;
  }
}

@media (max-width: 320px) {
  .notification.notification--panel .arrow {
    right: 5.5rem;
  }
}

.notification.notification--panel .list-items {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: block;
  height: auto;
  margin-left: 0;
  max-height: 392px;
  overflow-y: auto;
}

@media (max-height: 480px) {
  .notification.notification--panel .list-items {
    max-height: 240px;
  }
}

@media (max-height: 320px) {
  .notification.notification--panel .list-items {
    max-height: 215px;
  }
}

.notification.notification--panel .notify-item {
  background: #eee;
  border-bottom: 1px solid #fff;
  padding: 9px;
  width: 100%;
}

.notification.notification--panel .notify-item:hover, .notification.notification--panel .notify-item:hover.viewed {
  background: #e9e9e9;
  transition: background-color .1s ease-in-out;
}

.notification.notification--panel .notify-item.empty {
  background: #fff;
}

.notification.notification--panel .notify-item.empty .notify-title {
  font-size: 12px;
  font-weight: normal;
}

.notification.notification--panel .notify-item.viewed {
  background: #fff;
}

.notification.notification--panel .notify-item.viewed .icon-series {
  color: rgba(72, 72, 72, 0.46) !important;
}

.notification.notification--panel .notify-item .notify-link-item {
  display: block;
  text-decoration: none;
  width: 100%;
}

.notification.notification--panel .notify-item .notify-header {
  align-items: baseline;
  display: -webkit-inline-box;
  overflow: hidden;
  width: 100%;
  flex-grow: 1;
}

.notification.notification--panel .notify-item .notify-header .icon-series {
  color: #ea5367;
  font-size: .5rem;
  height: 9.25px;
  margin-right: .25rem;
  top: 0;
  width: 12.1px;
}

.notification.notification--panel .notify-item .notify-header .category {
  color: #484848;
  display: -webkit-box;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  -webkit-line-clamp: 2;
  line-height: 16px;
  margin-right: 3px;
  max-width: 70%;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification.notification--panel .notify-item .notify-header .time {
  color: #484848;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
  max-width: 30%;
  opacity: .67;
}

.notification.notification--panel .notify-item .notify-title {
  color: #484848;
  display: block;
  font-family: "Manrope", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 17px;
  margin-top: .25rem;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-notification {
  border-radius: 22px;
  cursor: pointer;
  font-size: 18px;
  height: 34px;
  left: 0;
  padding-right: 0;
}

.no-touchevents .btn-notification:focus .icon,
.no-touchevents .btn-notification:hover .icon {
  -webkit-animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform-origin: top right;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.btn-notification .icon {
  color: #fff;
  font-size: 22px;
  height: auto;
  margin: 0;
  position: relative;
  right: 0;
  top: 0;
  transition: opacity .2s ease-in-out;
  width: auto;
}

@media (max-width: 767px) {
  .btn-notification .icon {
    font-size: 31px;
  }
}

.btn-notification .notifications__number {
  display: none;
}

.btn-notification.active {
  margin-right: -5px;
}

@media (max-width: 767px) {
  .btn-notification.active {
    margin-right: 8px;
    padding: 0;
  }
}

.btn-notification.active .btn-notification {
  margin-right: -12px;
  margin-left: 0;
}

.btn-notification.active .notifications__number {
  background: #ea5367;
  border: 2px solid #1b1919;
  border-radius: 9999px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  left: 5px;
  min-width: 21px;
  padding: 1px 3px;
  position: relative;
  top: -8px;
}

@media (max-width: 767px) {
  .btn-notification.active .notifications__number {
    left: 8px;
    line-height: normal;
  }
}

.btn-notification.active .icon {
  width: 1px;
}

.no-touchevents .header .botones-right .notification ul li:hover {
  background: #e9e9e9 !important;
}

.notifications-loading {
  display: block;
  height: 56px;
  position: relative;
  text-align: center;
  width: 100%;
}

.notifications-loading i.icon-loading.loading-animation {
  left: 50%;
  top: .5rem;
  transform: translateX(-50%);
}

body.notification-overlay {
  display: block;
  opacity: 1;
  transition: all ease .4s;
  visibility: visible;
  z-index: 9999;
}

@media (max-width: 480px) {
  body.notification-overlay:before {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 100.25%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
  }
}

/* Notification below bar
   ========================================================================== */
.aviso-top {
  background-color: #fbf9c9;
  border-bottom: 1px solid #e9e9e9;
  line-height: 16px;
  padding: 21px 12px;
  position: relative;
  text-align: left;
  width: 100%;
}

@media (min-width: 1140px) {
  .aviso-top {
    padding: 21px 0;
  }
}

.aviso-top a {
  color: #ff5741;
  text-decoration: none;
}

.aviso-top a:hover {
  text-decoration: underline;
}

.aviso-top strong {
  color: #ff5741;
}

.aviso-top .icono {
  color: #ff5741;
  display: inline-block;
  float: none;
  font-size: 16px;
  line-height: 10px;
  margin-right: 1px;
}

/* Sticky banner */
.sticky-banner {
  align-items: center;
  background: #fff;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.08);
  display: flex;
  height: calc(70px + (3px * 2));
  justify-content: center;
  left: 0;
  padding: 3px 0;
  position: fixed;
  right: 0;
  text-align: center;
  transform: translateY(150px);
  transition: height .3s ease, transform .5s ease-in-out;
  width: 100%;
  z-index: 9999;
}

@media screen and (min-width: 961px) {
  .sticky-banner {
    display: none;
  }
}

.sticky-banner.is-active {
  transform: translateY(0);
}

.sticky-banner.is-disabled {
  transform: translateY(150px);
}

.sticky-banner .sticky-banner__aan {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}

.sticky-banner .close-button {
  background: #fff;
  border-top-left-radius: calc(28px / 5);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.08), -1px -1px 0 rgba(0, 0, 0, 0.06);
  color: #000;
  cursor: pointer;
  height: 28px;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: -28px;
  width: 28px;
}

.sticky-banner .close-button, .sticky-banner .close-button:active, .sticky-banner .close-button:focus {
  border: none;
  outline: none;
}

.sticky-banner .close-button:before, .sticky-banner .close-button:after {
  background-color: #444;
  border-radius: 1px;
  content: " ";
  height: calc(28px / 1.7);
  left: 50%;
  position: absolute;
  top: 50%;
  width: 2px;
}

.sticky-banner .close-button:before {
  transform: translateY(-50%) rotate(45deg);
}

.sticky-banner .close-button:after {
  transform: translateY(-50%) rotate(-45deg);
}

.intensive-add small {
  color: #ccc;
  display: block;
  font-size: 9px;
  margin-bottom: 4px;
  text-align: center;
  text-transform: uppercase;
}

.intensive-add.sticky-banner--video-desktop {
  align-items: center;
  background: #fff;
  bottom: 0;
  box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.3);
  display: flex;
  height: auto;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  min-height: 90px;
  min-width: 960px;
  position: fixed;
  right: 0;
  text-align: center;
  transform: translateY(150px);
  transition: transform 1s ease;
  width: 100%;
  z-index: 9999;
}

.intensive-add.sticky-banner--video-desktop .close-button {
  border-top-right-radius: calc(28px / 5);
  top: -28px;
}

.intensive-add.sticky-banner--video-desktop.active {
  transform: translateY(0px);
  transition: transform 1s ease;
}

@media screen and (max-width: 960px) {
  .intensive-add.sticky-banner--video-desktop.intensive-add {
    display: none;
  }
}

.intensive-add.intensive-add--after-title--dk {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  margin: 0 auto 25px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  right: 0;
  width: 100%;
}

.intensive-add.intensive-add--after-title--dk .intensive-add--after-title--content {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  max-width: 639px;
  position: relative;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 1051px) {
  .intensive-add.intensive-add--after-title--dk .intensive-add--after-title--content {
    max-width: 728px;
  }
}

@media screen and (min-width: 1141px) {
  .intensive-add.intensive-add--after-title--dk .intensive-add--after-title--content {
    max-width: 800px;
  }
}

@media screen and (min-width: 1281px) {
  .intensive-add.intensive-add--after-title--dk .intensive-add--after-title--content {
    max-width: 900px;
  }
}

@media screen and (max-width: 960px) {
  .intensive-add.intensive-add--after-title--dk.intensive-add {
    display: none;
  }
}

.intensive-add.intensive-add--after-title--mb {
  display: flex;
  height: auto;
  left: 0;
  margin: 0 auto;
  margin-bottom: 25px;
  max-width: 100%;
  min-height: 70px;
  position: relative;
  right: 0;
  width: 100%;
}

.intensive-add.intensive-add--after-title--mb .intensive-add--after-title--content {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
}

.intensive-add.intensive-add--after-title--mb .intensive-add--after-title--content small.text {
  left: 0;
  position: absolute;
  right: 0;
  top: -5px;
}

@media screen and (min-width: 961px) {
  .intensive-add.intensive-add--after-title--mb {
    display: none;
  }
}

.intensive-add .intensive-add-banner--side-video {
  display: block;
  height: 250px;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 300px;
}

.intensive-add.intensive-add-banner--side-video {
  margin-top: 1rem;
}

.container-tags {
  width: 100%;
  display: flex;
  gap: .5rem;
}

.container-tags .tag {
  transition: all 0.25s ease-in-out;
  background: #f6f6f6;
  border-radius: .25rem;
  color: #484848;
  font-size: .94em;
  font-weight: 600;
  padding: .25rem .5rem;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

/* Hamburguer
   ========================================================================== */
.hamburger {
  background-color: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  margin: 0;
  overflow: visible;
  padding: 15px 15px;
  text-transform: none;
  transition-duration: .15s;
  transition-property: opacity, filter;
  transition-timing-function: linear;
}

.no-touchevents .hamburger:hover {
  opacity: 0.7;
}

.no-touchevents .hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  display: inline-block;
  height: 17px;
  position: relative;
  width: 27px;
}

.hamburger-inner {
  display: block;
  margin-top: -1.5px;
  top: 50%;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  background-color: #fff;
  border-radius: 4px;
  height: 3px;
  position: absolute;
  transition-duration: .15s;
  transition-property: transform;
  transition-timing-function: ease;
  width: 27px;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -7px;
}

.hamburger-inner::after {
  bottom: -7px;
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: .075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top .075s .12s ease, opacity .075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  opacity: 0;
  top: 0;
  transition: top .075s ease, opacity .075s .12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Left menu
   ========================================================================== */
.left-menu {
  background-color: #f6f6f6;
  box-shadow: -3px 0 13px 0 #b5b5b5;
  display: none;
  float: left;
  height: 1530px;
  margin: 0;
  position: absolute;
  width: 230px;
  z-index: 999;
}

.left-menu .dark-halo {
  background-color: #000;
  display: none;
  height: 100%;
  left: 230px;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10000;
}

.left-menu.is-active {
  -webkit-animation: show-menu .3s forwards;
          animation: show-menu .3s forwards;
  display: block;
  overflow: visible;
}

@media (max-width: 768px) {
  .left-menu.is-active .dark-halo {
    -webkit-animation: fade-in50 .3s forwards;
            animation: fade-in50 .3s forwards;
    display: block;
    opacity: 0;
  }
}

@media (max-width: 1187px) and (min-width: 768px) {
  .left-menu.is-active .dark-halo {
    display: block;
    background-color: transparent;
  }
}

.left-menu.closing {
  -webkit-animation: show-menuback .3s forwards;
          animation: show-menuback .3s forwards;
  display: block;
}

@media (min-width: 1850px) {
  body:not(.videopage) .left-menu {
    -webkit-animation: show-menu .3s forwards;
            animation: show-menu .3s forwards;
    display: block;
  }
}

.left-menu .left-menu--inner {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.left-menu .user-picture {
  border-bottom: 1px solid #e1e4e6;
  display: block;
  padding: 12px 0 14px;
  text-align: center;
}

.left-menu .user-picture img {
  border-radius: 50px;
}

.left-menu ul.menu {
  display: block;
  width: 100%;
}

.left-menu ul.menu li {
  align-items: center;
  color: #373d45;
  display: flex;
  flex-direction: column;
}

.left-menu ul.menu li form {
  width: 100%;
}

.left-menu ul.menu li a,
.left-menu ul.menu li .logout {
  color: #373d45;
  display: block;
  line-height: 50px;
  text-align: left;
  text-decoration: none;
  transition: background-color .2s ease-in-out;
  width: 100%;
}

.left-menu ul.menu li a:hover,
.left-menu ul.menu li .logout:hover {
  background-color: #e9e9e9;
}

.left-menu ul.menu li .icon-menu-left {
  color: #999;
  display: inline-flex;
  font-size: 16px;
  justify-content: space-between;
  margin: 0 5px 0 16px;
  position: relative;
  top: 1px;
  width: auto;
}

.left-menu ul.menu li .icon-menu-left.icon-cog {
  font-size: 18px;
  margin-right: 3px;
}

.left-menu ul.menu li .icon-menu-left.icon-link-ext-alt {
  display: inline-block;
  float: none;
  margin-top: -2px;
  margin-right: 8px;
  margin-bottom: 1px;
  vertical-align: middle;
}

.left-menu .menu .menu__item .icon-down-dir::before {
  transition: transform .4s ease-in-out;
}

.left-menu .menu .menu__item.is-open .icon-down-dir::before {
  transform: rotate(-180deg);
}

.left-menu .menu .menu__item.is-open .submenu {
  overflow-y: scroll;
}

.left-menu .menu .menu__item:hover {
  background-color: #e9e9e9;
}

.left-menu .submenu {
  --max-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  background-color: #f6f6f6;
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease-in-out;
  scrollbar-width: none;
}

.left-menu .submenu::-webkit-scrollbar {
  display: none;
}

.left-menu .submenu .submenu__item {
  justify-content: center;
  border-bottom: 1px solid #e1e4e6;
  width: 100%;
}

.left-menu .submenu .submenu__item .submenu__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  min-height: 50px;
  font-weight: normal;
  line-height: 20px;
  padding-block: 6px;
  padding-inline: 35px 10px;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.left-menu .submenu .submenu__item .submenu__link:not(:hover) {
  color: #373d45;
}

.left-menu .submenu .submenu__item .submenu__link.is-active {
  background-color: #fff;
}

.left-menu .submenu .submenu__item .submenu__link .icon,
.left-menu .submenu .submenu__item .submenu__link .icon::before {
  width: auto;
  height: auto;
}

.left-menu .languages ul li a {
  padding: 19px 16px 18px 16px;
}

.left-menu .languages ul li.active a {
  background-color: #ea5367;
}

@media (min-width: 1188px) {
  .left-menu .hide--lg {
    display: none !important;
  }
}

.cta-users {
  margin: 16px 0 0;
  padding: 0 16px;
}

.cta-users p {
  color: #686868;
  font-size: 11px;
  line-height: 18px;
}

.cta-users ul {
  color: #b5b8bb;
  font-size: 11px;
  margin: 14px 0 0;
}

.cta-users ul li {
  line-height: 26px;
}

.cta-users ul li .icono {
  font-size: 18px;
  margin: 0 5px 0 0;
}

.cta-users .btn-signup {
  display: block;
  height: auto;
  margin: 0 0 10px 0;
  padding: 10px 0;
  text-align: center;
}

/* Left menu tweaks
   ========================================================================== */
.left-menu {
  height: 100%;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  top: 52px;
  touch-action: pan-y;
  z-index: 120;
}

.left-menu ul.menu li.highlight {
  background: #f6f6f6;
}

.left-menu ul.menu li.highlight a {
  border-right: 9px solid #ea5367;
}

.left-menu ul.menu li.highlight a:hover {
  background: #fff;
  border-right-color: #ff8695;
}

.left-menu ul.menu li.highlight a,
.left-menu ul.menu li.highlight .icon-menu-left,
.left-menu ul.menu li.highlight.current .icon-menu-left {
  color: #ea5367;
  font-weight: bold;
}

.left-menu ul.menu li .icon-menu-left.icon-series {
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.footer {
  margin: 10px 0 20px;
  max-width: 100%;
  padding: 0;
  width: 100% !important;
}

.footer .logo {
  display: block;
  float: left;
  font-family: "Montserrat", sans-serif;
  font-size: 29px;
  font-weight: 400;
  margin: 2px 5px 0 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

@media (min-width: 768px) {
  .footer .logo {
    width: auto;
  }
}

.footer .logo a {
  display: block;
  text-decoration: none;
}

.footer .logo .isologo {
  height: 35px;
  margin-top: -3px;
  max-width: 10.5rem;
  width: auto;
}

.footer .logo .isologo .logo-accent {
  fill: #ea5367;
}

.footer .logo .isologo .logo-text {
  fill: #484848;
}

.footer .isologo {
  margin-right: 7px;
}

.footer .footer-menu {
  color: #373d45;
  display: block;
  float: right;
  font-weight: bold;
  line-height: 20px;
  margin-top: 6px;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .footer .footer-menu {
    width: auto;
  }
}

.footer .footer-menu li {
  display: inline-block;
  margin: 0 10px 0 0;
}

.footer .footer-menu li a {
  color: #373d45;
  text-decoration: none;
  transition: all ease .2s;
}

.footer .footer-menu li a .icono {
  margin-right: .1rem !important;
}

.no-touchevents .footer .footer-menu li a:hover, .footer .footer-menu li afocus {
  color: #ea5367;
  cursor: pointer;
  text-decoration: none !important;
}

.no-touchevents .footer .footer-menu li:hover a, .footer .footer-menu li:focus a {
  color: #ea5367;
}

.footer .languages {
  display: block;
  float: left;
  margin: 16px 0;
  position: relative;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .footer .languages {
    margin: 0 10px;
    width: auto;
  }
}

.footer .languages ul.dropdown {
  bottom: 2.6em;
  left: 0;
  position: absolute;
  top: auto;
  width: 15em;
}

.footer p {
  color: #686868;
  font-size: 11px;
  line-height: 16px;
}

.footer p a {
  color: #686868;
  text-decoration: none;
}

.no-touchevents .footer p a:hover {
  text-decoration: underline;
}

.footer.content {
  padding: 0;
}

.videopage .footer {
  width: 100%;
}

@media (min-width: 544px) {
  .videopage .footer {
    padding: 0 .5rem;
  }
}

.footer a.btn-generico {
  position: relative;
}

.footer .logo {
  margin-right: .5rem;
}

.footer .logo img {
  height: 30px;
  width: auto;
}

.footer p a {
  transition: all ease .2s;
}

.no-touchevents .footer p a:hover {
  color: #000;
}

.footer.content {
  max-width: 100%;
}

.videopage .wrapper .wrapper {
  padding: 52px .5rem 0;
  width: 100%;
}

.parental-control {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.parental-control__link {
  display: inline-flex;
  font-weight: bold;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-top: 4px;
}

.parental-control__link svg {
  margin-right: 4px;
}

.parental-control__margin {
  margin: 0 2px;
}

.fixed-menu .header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10002;
}

.fixed-menu .left-menu {
  height: 100%;
  overflow: visible;
  padding-bottom: 75px;
  position: fixed;
  top: 52px;
  z-index: 10001;
}

@media (min-width: 1850px) {
  .fixed-menu .left-menu {
    top: 116px;
    z-index: 9999;
  }
}

.fixed-menu .wrapper {
  padding-top: 95px;
}

@media (min-width: 1188px) {
  .fixed-menu .wrapper {
    padding-top: 116px;
  }
}

.header {
  background: #1b1a1a;
  height: 52px;
  padding: 9px 8px 0 8px;
}

.header ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.header :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.header ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

@media (min-width: 768px) {
  .header {
    padding: 9px 16px 0 16px;
  }
}

.header .box-logo-menu {
  display: inline-block;
}

.header .logo {
  color: #fff;
  display: block;
  float: left;
  font-family: "Geomanist", sans-serif;
  font-size: 29px;
  font-weight: 500;
  margin: 0;
  margin-top: 2px;
  position: relative;
  text-decoration: none;
}

@media (max-width: 320px) {
  .header .logo {
    width: 82px;
  }
}

.header .logo a {
  color: #fff;
  display: block;
  text-decoration: none;
}

@media (max-width: 360px) {
  .header .logo a {
    left: -44px;
    max-width: 122px;
    position: relative;
  }
}

@media (max-width: 320px) {
  .header .logo a {
    left: -33px;
    max-width: 122px;
    position: relative;
    top: 3px;
    width: 120px;
  }
}

.header .logo .isologo {
  height: 35px;
  margin-top: -3px;
  max-width: 10.5rem;
  width: auto;
}

.header .logo .isologo .logo-accent {
  fill: #ea5367;
}

.header .logo .isologo .logo-text {
  fill: #fff;
}

@media (max-width: 384px) {
  .header .logo .isologo {
    height: 33px;
    margin-top: -2px;
  }
}

@media (max-width: 320px) {
  .header .logo .isologo {
    height: 25px;
    margin-top: 0;
  }
}

.header .botones-right {
  display: inline;
}

@media (max-width: 991px) {
  .header .botones-right ul,
  .header .botones-right .btn-primary--light {
    display: none;
  }
}

.header .botones-right .btn-primary, .header .botones-right .btn-infinite {
  background-color: #ea5367;
  border: none;
}

.header .botones-right .btn-primary:hover, .header .botones-right .btn-infinite:hover {
  background-color: #c33d4f;
}

.header .botones-right .btn-primary--light {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}

.no-touchevents .header .botones-right .btn-primary--light:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.no-touchevents .header .botones-right .btn-primary:hover, .no-touchevents .header .botones-right .btn-infinite:hover {
  background: #c33d4f;
}

.header .botones-right .btn, .header .botones-right .btn-large, .header .botones-right .pagination_item--is-disabled {
  margin-right: 0;
  margin-left: 16px;
}

@media (max-width: 767px) {
  .header .botones-right .btn, .header .botones-right .btn-large, .header .botones-right .pagination_item--is-disabled {
    height: 34px;
    line-height: 2.5;
    margin-left: 10px;
  }
}

.header .botones-right .btn .texto, .header .botones-right .btn-large .texto, .header .botones-right .pagination_item--is-disabled .texto {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .header .botones-right .btn .texto, .header .botones-right .btn-large .texto, .header .botones-right .pagination_item--is-disabled .texto {
    display: none;
  }
}

.header .botones-right .btn-search {
  display: none;
}

@media (max-width: 767px) {
  .header .botones-right .btn-search {
    display: block;
    font-size: 1.3rem;
    margin-left: .5rem;
    padding: 0;
    width: 36px;
  }
}

.header .header-frase {
  color: #fff;
  display: none;
  margin: 11px 20px 0 0;
}

@media (max-width: 767px) {
  .header .search {
    display: none;
  }
}

.btn-menu {
  color: #fff;
  display: inline-block;
  margin-left: 4px;
  padding: 9px;
  position: relative;
  text-decoration: none;
  transition: all ease .2s;
}

.no-touchevents .btn-menu:hover {
  color: #b5b8bb;
}

@media (min-width: 1850px) {
  body:not(.videopage) .btn-menu {
    display: none;
  }
}

/* Safari 11+ Align vertical buttons

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .btn:not(.btn-search) span,
        .btn-generico span {
            position: relative;
            top: 1px;
        }
    }
}
*/
/* Logged user */
.header ul.right li ul li,
.languages ul.dropdown li,
ul.dropdown-filter li {
  padding: 0;
  transition: background 0.25s ease-in-out;
}

ul.dropdown-filter li.selected a,
.remodal .copy a.selected {
  background-color: #ea5367;
  border-color: #ea5367;
  color: #fff;
}

.section-header--series .icon-series,
.section-header--channels .icon-series {
  color: #ea5367;
}

.header ul.right a {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-top: 2px;
  text-decoration: none;
}

.header ul.right a em {
  display: inline-block;
  height: 15px;
  margin-top: 3px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-top;
  white-space: nowrap;
}

.header .botones-right > .text-center > li, .header .botones-right > .btn__show-more--mobile > li {
  background-color: rgba(255, 255, 255, 0.2);
  height: 34px;
}

.header .botones-right > .text-center > li:hover, .header .botones-right > .btn__show-more--mobile > li:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.header .botones-right ul {
  margin-left: 10px;
}

.header .botones-right ul li {
  align-items: center;
  border-radius: 4px;
  color: #fff;
  display: flex;
  position: relative;
  transition: background 0.25s ease-in-out;
}

@media (max-width: 991px) {
  .header .botones-right ul li {
    background: none;
  }
}

.header .botones-right ul li .userpic {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

@media (min-width: 992px) {
  .header .botones-right ul li .userpic {
    margin: 1px 5px 0 15px;
  }
}

.header .botones-right ul li .userpic img {
  border-radius: 50%;
  height: 20px;
  width: auto;
}

@media (max-width: 991px) {
  .header .botones-right ul li .userpic img {
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: block;
    height: 34px;
    width: 34px;
  }
}

.header .botones-right ul li .hide-xs {
  float: left;
  padding: 0 15px 0 5px;
  position: relative;
  top: -2px;
}

.header .botones-right ul li .icon-down-dir {
  margin-left: 5px;
}

.no-touchevents .header .botones-right ul li:hover {
  background: rgba(255, 255, 255, 0.3);
}

.no-touchevents .header .botones-right ul li:hover ul {
  transform: rotateX(0deg);
}

.header .botones-right ul ul {
  border-radius: 2px;
  display: block;
  right: 0;
  top: 30px;
  transform: rotateX(-90deg);
  transform-origin: top;
  transition: transform .3s linear;
  width: 175px;
}

.header .botones-right ul ul li a,
.header .botones-right ul ul li form {
  width: 100%;
}

/* Private video */
.private-video-span {
  background: #b7b7b7;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  float: none;
  font-size: .7em;
  font-weight: 700;
  margin-right: 5px;
  padding: 0 5px;
  position: relative;
  text-transform: uppercase;
  top: -2px;
}

@media (min-width: 768px) {
  .private-video-span {
    top: -3px;
  }
}

@media (min-width: 1188px) {
  .private-video-span {
    top: -4px;
  }
}

.data-video .private-video-span {
  font-size: .7em;
  margin: 0 5px 0 0;
  padding: 5px 7px;
}

@media (min-width: 768px) {
  .data-video .private-video-span {
    font-size: 1em;
  }
}

.thumb-video h3 a:hover .private-video-span {
  text-decoration: none;
}

.thumb-video .private-video-span:before {
  font-size: 1.6em;
  margin: -4px 3px -2px 0;
  vertical-align: middle;
}

.private-video .video,
.private-channel .listado-videos {
  margin-top: 25px;
}

.private-video .video-js span,
.private-channel .channel-background span,
.embed-nosignal span {
  color: #ccc;
  display: block;
  font-size: 1.4em;
  left: 50%;
  line-height: 1.4em;
  margin-top: -4.5em;
  margin-left: -250px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 500px;
  z-index: 2;
}

.private-video .video-js canvas,
.private-channel .channel-background canvas,
.embed-nosignal canvas {
  background: #333;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.private-video .video-js,
.embed-nosignal {
  background: #000;
}

@media (max-width: 600px) {
  .embed-nosignal {
    font-size: .7em;
  }
}

.embed-nosignal a {
  color: #fff;
}

.embed-nosignal {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.embed-nosignal .icono.icon-endedstream {
  font-size: 4.4em;
  margin-bottom: .4em;
}

.embed-nosignal.embed-endedstream:before {
  background-size: cover;
  content: "";
  filter: blur(10px);
  height: calc(100% + 20px);
  left: -10px;
  opacity: .5;
  position: absolute;
  top: -10px;
  width: calc(100% + 20px);
}

.private-video .video-js .icono,
.embed-nosignal .icono {
  color: #fff;
  display: block;
  float: none;
  font-size: 4em;
  margin-bottom: .3em;
}

.embed-nosignal small {
  color: red;
  font-size: 1.1em;
  font-weight: bold;
  opacity: .7;
  position: absolute;
  text-transform: uppercase;
  z-index: 999;
}

.private-video .video-js span strong,
.private-channel .channel-background span strong,
.embed-nosignal span strong {
  color: #fff;
  display: block;
  font-size: 1.4em;
  margin: 0 0 1em 0;
}

.related-videos h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 1px 0 9px;
}

@media (max-width: 767px) {
  .related-videos h4 {
    padding-top: 15px;
  }
  .content-video .comments #self-comentar {
    border-top: 0;
  }
  .comments #self-comentar .user-picture {
    top: 5px;
  }
}

.private-video .data-video,
.left-content {
  border-bottom: 0;
}

.private-video .data-video {
  margin-right: 5px;
}

.private-video .video-relacionados__zoom {
  margin-right: 5px;
}

.private-video .data-video svg,
.private-channel .data svg {
  margin: 15px -8px 0 8px;
}

@media (max-width: 767px) {
  .private-video .data-video svg,
  .private-channel .channel-background a.thumb,
  .private-channel .data svg {
    display: none;
  }
  .private-video .video-js,
  .private-channel .channel-background {
    font-size: 1.8vw;
  }
}

.private-video .data-video svg path,
.private-channel .data svg path {
  fill: #e8e8e8;
}

.private-video .video-js small,
.private-channel .channel-background small {
  color: #ff3e23;
  font-size: .9em;
  font-weight: bold;
  opacity: .4;
  position: absolute;
  right: 20px;
  text-transform: uppercase;
  top: 20px;
  z-index: 2;
}

.private-channel .channel-background small {
  top: 10px;
}

.private-video .video-relacionados .thumb-duracion, .private-video .watch-later-videos .thumb-video.thumb-view-later .thumb-duracion, .watch-later-videos .private-video .thumb-video.thumb-view-later .thumb-duracion {
  height: 84px !important;
  margin-bottom: 0;
  width: 150px !important;
}

@media (max-width: 543px) {
  .private-video .video-relacionados .thumb-duracion, .private-video .watch-later-videos .thumb-video.thumb-view-later .thumb-duracion, .watch-later-videos .private-video .thumb-video.thumb-view-later .thumb-duracion {
    left: 0;
  }
}

.private-video .video-relacionados .thumb-duracion img, .private-video .watch-later-videos .thumb-video.thumb-view-later .thumb-duracion img, .watch-later-videos .private-video .thumb-video.thumb-view-later .thumb-duracion img {
  height: 84px !important;
  margin-bottom: 0;
  width: 150px !important;
}

/* Tooltip related videos */
.related-videos .view-later.tooltips-botones span {
  display: none;
}

@media (max-width: 991px) {
  .private-video.video-16-9 .content-video {
    max-width: 100%;
    padding: 0 10px;
  }
  .private-video.video-16-9 .video {
    display: block;
    margin: 0 auto;
    margin-top: 0;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
  }
  .private-video.video-16-9 .video .video-container {
    right: 0;
  }
  .private-video.video-16-9 .data-video {
    display: none;
  }
}

.private-video.video-16-9 .footer {
  float: left;
}

@media (max-width: 991px) and (min-width: 768px) {
  .private-video.video-16-9 .data-video {
    display: none;
  }
}

.private-video.video-16-9 .related-videos {
  float: right;
  padding-top: 12px;
}

@media (max-width: 991px) {
  .private-video.video-16-9 .related-videos {
    float: none;
    margin-top: 0 !important;
    max-width: 100% !important;
    padding-top: 11px;
  }
}

@media (max-width: 543px) {
  .private-video.video-16-9 .related-videos {
    width: 95%;
  }
}

.private-video.video-16-9 .related-videos .video-relacionados__zoom .play .icon {
  top: -16px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .private-video.video-16-9 .related-videos {
    min-width: auto !important;
    width: 100%;
  }
}

.private-video.video-16-9 .content-video {
  margin: 0;
  max-width: 67%;
}

@media (max-width: 991px) {
  .private-video.video-16-9 .content-video {
    display: none;
  }
}

.private-video.video-16-9 .content-video .data-video {
  display: inline;
}

@media (min-width: 1220px) {
  .private-video.video-16-9 .content-video {
    max-width: 70%;
  }
}

/* Private channel */
.private-channel a.thumb {
  z-index: 2;
}

.private-channel .listado-videos h1,
.private-channel .listado-videos h2 {
  float: none;
}

.private-channel .channel-background span {
  font-size: 1.3em;
  margin-top: -2em;
  top: 50%;
}

.private-channel .data {
  border-bottom: 0;
  margin-bottom: 0;
}

.private-channel .data svg {
  margin-right: 0;
  margin-left: 0;
}

.private-channel .channel-background .thumb {
  box-shadow: inset 0 0 0 1px white;
}

/******** NEW */
@media (max-width: 767px) {
  .landing .search.search--navigation {
    top: 52px !important;
  }
}

.landing .landing-content {
  margin-top: 52px;
  max-width: 100%;
  padding: 0;
  /* ======== GENÉRICO ======== */
  /* ======== HERO ======== */
  /* ======== CONNECTING ======== */
  /* ======== SEARCHING ======== */
  /* ======== OFFERS ======== */
  /* ======== LICENSING ======== */
}

.landing .landing-content section {
  margin-bottom: 40px;
  overflow: auto;
}

@media (min-width: 768px) {
  .landing .landing-content section {
    margin-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .landing .landing-content section {
    margin-bottom: 120px;
  }
}

.landing .landing-content section .section__title {
  color: #000;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.233px;
  line-height: 49px;
}

@media (max-width: 1023px) {
  .landing .landing-content section .section__title {
    font-size: 30px;
    line-height: normal;
  }
}

@media (max-width: 767px) {
  .landing .landing-content section .section__title {
    font-size: 20px;
  }
}

.landing .landing-content section .section__paragraph {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.233px;
  line-height: 30px;
}

@media (max-width: 1023px) {
  .landing .landing-content section .section__paragraph {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .landing .landing-content section .section__paragraph {
    font-size: 14px;
    line-height: 22px;
  }
}

.landing .landing-content .container {
  max-width: 1600px;
}

.landing .landing-content .wrapper {
  max-width: 1600px;
  padding-top: 0;
}

@media (min-width: 1630px) {
  .landing .landing-content .wrapper {
    padding: 0;
  }
}

.landing .landing-content .grid {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 120px;
  justify-content: space-between;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .landing .landing-content .grid {
    flex-wrap: wrap;
    gap: 40px;
  }
}

.landing .landing-content .action__btn, .landing .landing-content .action__btn--big {
  align-items: flex-start;
  background-color: #ea5367;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  gap: 10px;
  line-height: normal;
  padding: 8px 18px;
  text-align: center;
  text-decoration: none;
  transition: background 0.3s ease;
}

@media (max-width: 767px) {
  .landing .landing-content .action__btn, .landing .landing-content .action__btn--big {
    font-size: 14px;
  }
}

.landing .landing-content .action__btn:hover, .landing .landing-content .action__btn--big:hover {
  background-color: #c33d4f;
}

.landing .landing-content .action__btn--big {
  align-items: center;
  border-radius: 8px;
  flex-direction: row;
  font-size: 18px;
  gap: 16px;
  letter-spacing: 0.233px;
  margin-top: 24px;
  padding: 20px;
}

@media (max-width: 1023px) {
  .landing .landing-content .action__btn--big {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .landing .landing-content .action__btn--big {
    font-size: 14px;
    gap: 12px;
    padding: 16px;
  }
}

.landing .landing-content .features {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.landing .landing-content .features .feature {
  background: rgba(234, 83, 103, 0.1);
  border-radius: 8px;
  color: #000;
  display: flex;
  flex-direction: row;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  gap: 16px;
  letter-spacing: 0.233px;
  line-height: normal;
  padding: 16px 20px;
  text-align: left;
}

@media (max-width: 1023px) {
  .landing .landing-content .features .feature {
    font-size: 16px;
    gap: 14px;
    line-height: 24px;
    padding: 12px 14px;
  }
}

@media (max-width: 767px) {
  .landing .landing-content .features .feature {
    font-size: 14px;
    gap: 12px;
    line-height: 22px;
    padding: 10px 12px;
    width: 100%;
  }
}

.landing .landing-content .features .feature .icon-checking {
  height: 20px;
  position: relative;
  top: 2px;
  width: 20px;
}

.landing .landing-content .features .feature .icon-checking svg {
  height: 20px;
  width: 20px;
}

.landing .landing-content .hero {
  color: var(--color-light);
  position: relative;
  text-align: center;
  width: 100%;
}

.landing .landing-content .hero picture img {
  display: block;
  filter: brightness(1);
  height: 56.25vh;
  max-height: 617px;
  max-width: 100%;
  min-height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

@media (min-width: 1024px) {
  .landing .landing-content .hero picture img {
    min-height: 617px;
  }
}

.landing .landing-content .hero-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media (min-width: 1024px) {
  .landing .landing-content .hero-content {
    gap: 131px;
    width: auto;
  }
}

.landing .landing-content .hero-content__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 15px;
  margin-right: 15px;
}

@media (min-width: 768px) {
  .landing .landing-content .hero-content__header {
    gap: 24px;
    max-width: 600px;
  }
}

@media (min-width: 1024px) {
  .landing .landing-content .hero-content__header {
    gap: 32px;
    margin-left: 0;
    margin-right: 0;
    max-width: 600px;
  }
}

.landing .landing-content .hero-content__header .header__title {
  color: #FFF;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.233px;
  line-height: 60px;
  margin-bottom: 0;
  max-width: 435px;
  text-align: center;
}

@media (max-width: 1023px) {
  .landing .landing-content .hero-content__header .header__title {
    font-size: 40px;
    line-height: 44px;
  }
}

@media (max-width: 767px) {
  .landing .landing-content .hero-content__header .header__title {
    font-size: 30px;
    line-height: 36px;
  }
}

.landing .landing-content .hero-content__header .header__desc {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.233px;
  line-height: normal;
  max-width: 455px;
  text-align: center;
}

@media (max-width: 1023px) {
  .landing .landing-content .hero-content__header .header__desc {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .landing .landing-content .hero-content__header .header__desc {
    font-size: 16px;
    line-height: 24px;
  }
}

.landing .landing-content .hero-content__action {
  align-items: center;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  display: flex;
  gap: 48px;
  justify-content: center;
  padding: 20px 24px;
}

@media (max-width: 1023px) {
  .landing .landing-content .hero-content__action {
    flex-wrap: wrap;
    gap: 24px;
    margin-left: 15px;
    margin-right: 15px;
  }
}

.landing .landing-content .hero-content__action .action__text {
  color: var(--color-bg-body, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.233px;
  line-height: normal;
  text-align: center;
}

@media (max-width: 767px) {
  .landing .landing-content .hero-content__action .action__text {
    font-size: 14px;
  }
}

.landing .landing-content .connecting .connecting__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

@media (min-width: 1024px) {
  .landing .landing-content .connecting .connecting__info {
    max-width: 710px;
  }
}

.landing .landing-content .connecting .connecting__info .features {
  align-items: normal;
}

.landing .landing-content .connecting .connecting__images {
  width: 100%;
}

@media (min-width: 1024px) {
  .landing .landing-content .connecting .connecting__images {
    max-width: 770px;
  }
}

.landing .landing-content .connecting .connecting__images picture img {
  display: block;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.landing .landing-content .searching .grid {
  align-items: center;
  align-self: stretch;
  background: #1a1a1a;
  color: #fff;
  display: flex;
  gap: 90px;
  justify-content: space-between;
  padding: 100px;
}

@media (max-width: 1023px) {
  .landing .landing-content .searching .grid {
    gap: 45px;
    padding: 50px;
  }
}

@media (max-width: 767px) {
  .landing .landing-content .searching .grid {
    gap: 10px;
    padding: 25px;
  }
}

.landing .landing-content .searching-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.landing .landing-content .searching-info .section__title {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.233px;
  line-height: 49px;
}

@media (max-width: 1023px) {
  .landing .landing-content .searching-info .section__title {
    font-size: 30px;
    line-height: normal;
  }
}

@media (max-width: 767px) {
  .landing .landing-content .searching-info .section__title {
    font-size: 20px;
  }
}

.landing .landing-content .searching-info .section__paragraph {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.233px;
  line-height: 30px;
}

@media (max-width: 1023px) {
  .landing .landing-content .searching-info .section__paragraph {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .landing .landing-content .searching-info .section__paragraph {
    font-size: 14px;
    line-height: 22px;
  }
}

.landing .landing-content .searching .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .landing .landing-content .searching .tags {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .landing .landing-content .searching .tags {
    gap: 8px;
  }
}

.landing .landing-content .searching .tags .tag {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10.634px;
  color: #FFF;
  display: flex;
  font-size: 31.901px;
  font-style: normal;
  font-weight: 600;
  gap: 21.267px;
  justify-content: center;
  letter-spacing: 0.31px;
  line-height: normal;
  padding: 21.267px 26.584px;
}

@media (max-width: 1023px) {
  .landing .landing-content .searching .tags .tag {
    font-size: 16px;
    gap: 15px;
    line-height: 24px;
    padding: 12px 14px;
  }
}

@media (max-width: 767px) {
  .landing .landing-content .searching .tags .tag {
    font-size: 14px;
    gap: 8px;
    line-height: 18px;
    padding: 10px 10px;
  }
}

@media (max-width: 374px) {
  .landing .landing-content .searching .tags .tag {
    font-size: 11px;
    gap: 8px;
    line-height: 15px;
    padding: 10px 9px;
  }
}

.landing .landing-content .searching .tags .tag .icon-playing {
  height: 32px;
  position: relative;
  top: 0;
  width: 32px;
}

@media (max-width: 1023px) {
  .landing .landing-content .searching .tags .tag .icon-playing {
    height: 24px;
    width: 24px;
  }
}

.landing .landing-content .searching .tags .tag .icon-playing svg {
  height: 32px;
  width: 32px;
}

@media (max-width: 1023px) {
  .landing .landing-content .searching .tags .tag .icon-playing svg {
    height: 24px;
    width: 24px;
  }
}

.landing .landing-content .offers {
  text-align: center;
}

.landing .landing-content .offers .section__title {
  margin-bottom: 40px;
}

@media (max-width: 1023px) {
  .landing .landing-content .offers .section__title {
    margin-bottom: 20px;
  }
}

.landing .landing-content .licensing .licensing__images {
  width: 100%;
}

@media (min-width: 1024px) {
  .landing .landing-content .licensing .licensing__images {
    max-width: 770px;
  }
}

.landing .landing-content .licensing .licensing__images picture img {
  display: block;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.landing .landing-content .licensing .licensing__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1024px) {
  .landing .landing-content .licensing .licensing__content {
    max-width: 710px;
  }
}

.landing .landing-content .licensing .licensing__content .licensing-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 56px;
}

.landing .landing-content .licensing .licensing__content svg {
  height: 32px;
  width: 32px;
}

@media (max-width: 1023px) {
  .landing .landing-content .licensing .licensing__content svg {
    height: 24px;
    width: 24px;
  }
}

.landing .mb-16 {
  margin-bottom: 16px;
}

.landing.fixed-menu .left-menu {
  top: 52px !important;
}

@media screen and (max-width: 351px)
{
    .title-categorias-home
    {
        font-size: 1.0em !important;
    }
}

@media screen and (min-width: 352px) and (max-width: 401px)
{
    .title-categorias-home
    {
        font-size: 1.1em !important;
    }
}

.title-categorias-home
{
    text-align:center !important;
    display: block !important;
}

body.fixed-menu .data-video .mobile-upload-video-time
{
    display: none;
    float: right;
    padding: 0;
    padding-left: 5px;
}

body.fixed-menu .data-video .inline-mobile-upload-video-time
{
    float: none;
}

@media(max-width:767px)
{
    body.fixed-menu .data-video .mobile-upload-video-time
    {
        display: inline;
    }
}

[v-cloak] {
  display: none;
}

/**
 * @todo Pedirle a Álvaro que lo integre en el repo de diseño / extra.css
 */

.home-intro .live-match-banner a
{
    cursor: pointer;
}

.home-intro .live-match-banner a em.homeScore
{
    padding: 6px 0;
    border-radius: 3px;
    background: #eaeaea;
    display: inline-block;
    font-weight: 700;
    font-size: .9em;
    text-align: center;
    width: 23px;
    margin: 0 3px 0 3px;
}

.home-intro .live-match-banner a em.awayScore
{
    padding: 6px 0;
    border-radius: 3px;
    background: #eaeaea;
    display: inline-block;
    font-weight: 700;
    font-size: .9em;
    text-align: center;
    width: 23px;
    margin: 0 3px 0 0;
}

/**
 * Deshabilitar margin-top del aspa de des-seleccionar competiciones/equipos de
 * extra.css
 */
/*#competition_input_chosen .search-choice-close,
#national_team_input_chosen .search-choice-close
{
      margin-top:auto;
}*/

/*
.edit-profile-page #competition_input_chosen .search-choice-close,
.edit-profile-page #national_team_input_chosen .search-choice-close
{
    margin-top: 0px;
}


.signup2-page #competition_input_chosen.chosen-with-drop div b
{
    transform: rotate(270deg);
    display: none;
}


.signup2-page #competition_input_chosen.chosen-with-drop a div b::after
{
    content: ' ' !important;
}


.signup2-page #competition_input_chosen.chosen-with-drop
{
    background-color: red !important;
}
*/

/*.signup2-page #competition_input_chosen.chosen-with-drop a div b ::after
{
    content: ' ' !important;
}

.signup2-page #competition_input_chosen.chosen-with-drop a div b ::after
{
    visibility: hidden;
}*/

/*.signup2-page #competition_input_chosen a div b ::after
{
    content: '' !important;
}*/

/*
.signup2-page #competition_input_chosen a div b
{
    content: '' !important;
}*/


/*************************************************************/

.home-intro .jump-inline
{
    display:inline;
}

@media(max-width:767px)
{
    .home-intro .jump-inline
    {
        display:block;
        /* Para que se haga el salto pero no se vea el dash */
        visibility: hidden;
        height: 1px;
    }
}


.video-js .vjs-icon-hd:before {
  font-size: 1.6em;
  line-height: 1.87em;
}

.video-js .vjs-icon-hd:after {
  content: "HD";
  position: absolute;
  font-size: 0.65em;
  top: 7px;
  display: none;
  left: 5px;
  font-family: "Open Sans", sans-serif;
  background: #000;
  padding: 0.15em 0.3em;
  line-height: 1;
  border-radius: 2px;
  font-weight: bold;
}

.video-js .vjs-icon-hd.vjs-quality-selector:after {
  display: block;
}

.vjs-resolution-button ul.vjs-menu-content,
.vjs-icon-hd ul.vjs-menu-content {
  width: 100 !important;
}

.vjs-resolution-button .vjs-menu,
.vjs-icon-hd .vjs-menu {
  left: 0%;
  margin-left: -5.5em;
}

.fan--mobile::after {
    content: "";
    position: absolute;
    display: block;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
}

#sas_3852 iframe body
{
    margin: 0;
}
@media only screen and (max-width: 599px) {
    .cookies_collapsed > div:first-child {
        max-height: 70px;
        overflow: hidden;
    }

    .cookies_collapsed .cookies_view_more, .cookies_expanded .cookies_view_less {
        display: block;
    }

    .cookies_collapsed .cookies_view_less, .cookies_expanded .cookies_view_more {
        display: none;
    }
}

@media only screen and (min-width:600px) {
    .cookies_collapsed .cookies_view_more, .cookies_expanded .cookies_view_less, .cookies_collapsed .cookies_view_less, .cookies_expanded .cookies_view_more {
        display: none;
    }
}

/*# sourceMappingURL=web.css.map */