/**
 * 12. TAKEOVER
 */

 #takeover-desktop-counter,
 #takeover-desktop-flotante,
 #takeover-movil-counter{
   background-color: rgba(0,0,0,0.75);
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   z-index: 1000;
   color: #fff;
 }
 #takeover-desktop-flotante{
  max-width: 1120px;
  margin: 0 auto;
 }
 #takeover-desktop-flotante .icon-close-outline {
  color: var(--color-text );
 }
 #takeover-desktop-counter,
 #takeover-movil-counter,
 #takeover-desktop-flotante{
   display: none;
 }
 #takeover-desktop-counter .inner-takeover {
    width: 800px;
}
#takeover-desktop-flotante.flotante .inner-takeover {
  width: 100%;
}
.inner-takeover .ads {
  margin: 0;
}

 #takeover-desktop-counter .inner-takeover,
 #takeover-movil-counter .inner-takeover{
   position: fixed;
   right: 0px;
   left: 0px;
   margin: 0px auto;
   top: 20px;
   margin-top: 50px;
   text-align: center;
   font-size: 1.2em;
 }
 
 #takeover-desktop-counter .close,
 #takeover-desktop-flotante .close,
 #takeover-movil-counter .close{
   font-size: 1.8rem;
   cursor: pointer;
   position: absolute;
   top:0px;
   right: -48px;
   z-index: 5;
 }
 #takeover-desktop-flotante .close {
  right: -35px;
 }
 
 #takeover-movil-counter .close{
  right: 0px !important;

 }
 
 #takeover-desktop-counter .img-movil,
 #takeover-movil-counter .img-movil{
  width: 300px;
  height: 400px;
  position: relative;
  margin: 0 auto;
 }
 #takeover-desktop-counter a.img-desktop{
   width: 800px;
   height: 400px;
   position: relative;
   margin: 0 auto;
   display: block; 
   height: auto !important;
   text-decoration: none !important;
 }
 #takeover-desktop-counter a:link,
 #takeover-desktop-counter a:visited{
  text-decoration: none;
}
 

 #takeover-movil-counter .img-movil{
  width: 300px;
  height: 400px;
  position: relative;
  margin: 0 auto;
/*  display: none; */
 }
div[id^="count-"]{
  display: none;
}
/*
 #count-desktop,
 #count-movil{
   display: none;
 }
*/

 #takeover-desktop-counter .ads img,
 #takeover-movil-counter .ads img{
   display: none;
   height: auto !important;
   width: 100%;
 }

 #takeover-desktop-counter .ads img.active,
 #takeover-movil-counter .ads img.active{
   display: block;
 }
 
 #takeover-desktop-flotante.flotante {
   background-image: none;
   height: 100px;
   bottom: 0;
   top: auto;
   border-top: 1px solid var(--hover);
 }
 #takeover-desktop-flotante.flotante .inner-takeover {
   position: relative;
   margin: 0px;
   text-align: center;
 }


/** media queries dispositivos */

@media screen and (min-width: 800px) {
/*
* Takeover
*/
  #takeover-desktop-counter.active,
  #takeover-desktop-flotante.active,
  #takeover-desktop-counter.active .img-desktop,
  #takeover-desktop-flotante.active .img-desktop{
    display: block;
  }

  #takeover-desktop-counter .img-desktop{
    display:block;
  }
}
@media screen and (max-width: 799px) {
  #takeover-movil-counter .img-movil,
  #takeover-movil-counter.active{
    display:block;
  }
  #takeover-desktop-counter,
  #takeover-desktop-flotante{
    display: none !important;
  }

}