*:focus {
    outline: none;
}
html, body {
    position: relative;
    height: 100%;
}
body {
    background: #000000!important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#FFF!important;
    margin: 0;
    padding: 0;
    overflow: hidden!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
.btn-modal {
    text-decoration: none!important;
    border: 1px solid #fff;
    background-color: transparent!important;
    color: #fff!important;
    font-size: 1em!important
}
.modal{
  background-color: rgba(0,0,0,0.5);
}
.swiper-slide{
  visibility: hidden;
}
.swiper-slide-active{
  visibility: visible;
}
.cartelaprevia p{
      font-size: 1.25em!important;
}
.close {
    font-size: 1.5em!important;
}
.modal-title{
  font-size: 1.25em!important;
}
.footer_cookies{
  position: absolute;
  bottom: 0;
  background-color: #000;
  width: 100%;
}
.footer_cookies a{
  font-size: 0.8em!important;
  color:#ff7900!important;
  text-decoration: none!important;
}
.cabecera h1{
    font-size: 1.2em!important;
}
.cta{
  /*background-color: red;*/
  position: absolute;
  left: 15%;
  width: 70%;
  height: 100%;
  z-index: 9;
}
#Preload{
  position: relative;
  background-color: #000;
  z-index: 12;
}
.cabecera{
  position: absolute;
  z-index: 11;
}
.bgNegro{
  background-color: #000!important;
}
.swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden!important;
}
.swiper-container-videos{
  max-height: 80vh;
  border-radius: 1em;
}
.swiper-wrapper{
  max-height: 80vh;
}
.swiper-slide{
  max-height: 80vh;

}
.swiper-container-videos{
    /*max-width: 35vh;*/
}
.swiper-slide-visible{
  transform: scale(0.9);

  /*zoom:0.5;*/
}

.swiper-slide-visible.swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}
.miguitas{
  position: absolute;
  top: 0;
  z-index: 4;
  scale:1;
  visibility: visible;
}
.miguitas p{
  text-shadow: 0px 0px 2px rgb(0, 0, 0.2);
  line-height: 1;
  padding-top: 0.4em;
}
.miguitas .h6{
  font-size: 0.9em!important;
  /*text-shadow: 0px 0px 7px rgba(150, 150, 150, 0.5);*/
}
.miguita{
  /*background-color: red;*/
  border-top: 2px solid rgb(255,255,255,0.6);
  font-size:0.7em!important;
}
.miguita2{
  font-size: 0.7em!important;
}
.miguitaActive{
  border-top: 2px solid rgb(226,120,28,1)
}
.historias{
  position: absolute;
  bottom: 0;
  z-index: 4;
  /*background-color: red;*/
}
.bolasfooter{
  width: 79px;
}
.historias p{
  font-size: 0.7em!important;
 /*text-shadow: 0px 0px 7px rgba(150, 150, 150, 0.5);*/
 line-height: 1;
}
.historias img{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  border: 2px solid rgb(226,120,28,0);
}
.historiaActiva img{
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  border: 2px solid rgb(226,120,28,1);
}
.cartelaprevia img{
    -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  /*border: 2px solid rgb(226,120,28,1);*/
}
.historiaActiva p{
  color:#FF7900;
  text-shadow: 0px 0px 2px rgb(0, 0, 0.2);
}
.cursorPinter{
  cursor:pointer;
}
.cartelaprevia{
  z-index: 9;
  position: absolute;
  background-color: rgba(0,0,0,0.6);
  visibility: visible;
}
.thumbs_img{
  max-width: 40px;
}
.cartelaprevia img{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
video {
  /*height: 100vh;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: auto;
  width: 100%;
  height: auto;*/
  position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
video::-internal-media-controls-overlay-cast-button {
    display: none;
}
/*.player{
  position: absolute;
  bottom: 0.5em;
  width: 100%;
  z-index: 9;
}*/
.player {
    position: absolute;
    bottom: 3em;
    left: 0.8em;
    z-index: 9;
    width: 2em;
    /* background-color: red; */
}
.sound{
  cursor: pointer;
  display: block;
}
.play{
  cursor: pointer;
  display: block;
}
.play img{
  width: 22px;
}
.countervideo{
  width: 80%;
  z-index: 9;
  height: 3px;
  background-color: rgb(255,255,255,0.3);
}
.botonesExtra{
  position: absolute;
  bottom: 3em;
  right: 0.8em;
  z-index: 9;
  width: 2em;
  /*background-color: red;*/
}
.numerolikes{
  font-size: 0.5em!important;
  color: #fff;
}
.counntervideo{
  width: 0%;
  height: 100%;
  background-color: rgb(255,255,255,0.8);
}

.bgtransparnt{
  background-color: transparent!important;
}
.colorBlanco{
  color:#fff!important;
  opacity: 1!important;
}
.textdecoration{
  text-decoration: underline!important;
}
.colorNaranja{
  color:#ff7900;
}
.pulse {
    animation: pulse 1s linear;
}

@-webkit-keyframes pulse {
  0% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
      -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.boton_next{
    z-index:9;
    position: absolute;
    right: 36vw;
}
.boton_prev{
    z-index:9;
    position: absolute;
    left: 36vw;
}
@media only screen and (max-width: 1024px) {
  .boton_next{
    right: 30vw;
  }
  .boton_prev{
     left: 30vw;
  }

}
@media only screen and (max-width: 1000px) {
  .boton_next{
    right: 15vw;
  }
  .boton_prev{
     left: 15vw;
  }
}
@media only screen and (max-width: 768px) {
  .boton_next{
    right: 15vw;
  }
  .boton_prev{
     left: 15vw;
  }
}
@media only screen and (max-height: 756px) and (orientation: landscape) {
  .thumbs_img {
      max-width: 25px;
  }
}
@media only screen and (max-width: 640px) {
  .footer_cookies{
    background: rgba(0,0,0,0.5)!important;
  }
  .footer_cookies a{
    font-size: 0.7em!important;
    line-height: 1;
  }
  .cabecera{
      background-color: #000;
      z-index: 999;
  }
  .miguitas img{
   opacity: 0;
  }
  .miguitas .h6{
   opacity: 0;
  }
  .Titulo{
    font-size: 1.3em!important;
  }
  .swiper-container-videos{
    max-height: 100vh;
  }
  .swiper-wrapper{
    max-height: 100vh;
  }
  .swiper-slide-visible{
    opacity: 1;
    transform: scale(1);
    border-radius: 0em;
    /*zoom:0.5;*/
  }
  .swiper-slide-visible.swiper-slide-active {
    opacity: 1;
    transform: scale(1);
  }
  .player{
    position: absolute;
   bottom: 8.2em;
    width: 2em;
    z-index: 9;
    left: 1.8em;
  }
  .botonesExtra{
    position: absolute;
    bottom: 8.2em;
    right: 1.8em;
    z-index: 9;
    width: 2em;
    /*background-color: red;*/
  }
  .boton_next{
    position: absolute;
    right: 0px;
    width: 50%;
    top: 10vh;
    height: 78vh;
    color: transparent;
    background-color: transparent;
    /*background-color: red;*/
    z-index: 8;
  }
  .historias {
    bottom: 1.4em;
  }
  .boton_prev{
    position: absolute;
    left: 0;
    width: 50%;
    top: 10vh;
    height: 78vh;
    color: transparent;
    background-color: transparent;
    /*background-color: red;*/
    z-index: 8;
  }
  .swiper-wrapper{
    max-height: 100vh;
  }
  .swiper-slide{
    max-height: 100vh;
  }
  .swiper-container-videos{
    max-width: 100vh;
    border-radius: 0;
  }
}
@media only screen and (max-width: 900px) and (orientation: landscape){
  .thumbs_img{
    max-width: 20px;
  }
  .cartelaprevia img{
    max-width: 50px;
  }
  .cartelaprevia p{
    font-size: 1em!important;
  }
  .miguitas .h6{
    font-size: 0.6em!important;
  }
  .miguita{
    font-size: 0.4em!important;
  }
  .miguita2{
    font-size: 0.4em!important;
  }
  .boton_next{
    right: 35vw;
    width: 30px;
  }
  .boton_prev{
     left: 35vw;
     width: 30px;
  }
  .botonesExtra {
    width: 1em;
    /* background-color: red; */
    bottom: 2em;
  }
  .play{
    width: 0.8em;
  }
  .sound{
    width: 0.8em;
  }
  .countervideo{
   width: 70%;
  }
  .numerolikes {
    font-size: 0.3em!important;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.25) and (orientation: landscape) {
  .miguita {
      font-size: 0.5em!important;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
  .miguita {
      font-size: 0.5em!important;
  }
  .miguita2 {
      font-size: 0.6em!important;
  }
  .miguitas .h6 {
    font-size: 0.8em!important;
  }
  .botonesExtra {
    width: 1em;
    /* background-color: red; */
  }
  .play img {
    width: 15px
  }
  .sound img {
    width: 15px
  }
}