/**
 * 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;
   display: none;
 }
 #takeover-desktop-counter.active,
 #takeover-desktop-flotante.active,
 #takeover-movil-counter.active{
   display: block;
 }
 #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{
   background-image: url("../images/close_button.png");
   width: 50px;
   height: 50px;
   cursor: pointer;
   position: absolute;
   top:0px;
   right: -48px;
   z-index: 5;
 }
 #takeover-desktop-flotante .close {
  right: 10px;
 }
 #takeover-movil-counter .close{
  right: 0px !important;

 }
 #takeover-desktop-counter .img-mobi,
 #takeover-movil-counter .img-mobi{
  display:none;
  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: block;
 }
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;
 }
 #takeover-desktop-flotante.flotante .inner-takeover {
   position: relative;
   margin: 0px;
   text-align: center;
 }
 #takeover-desktop-flotante.flotante .img-desktop {
   max-width: 1200px;
   width: 100%;
 }
 
/** media queries dispositivos */

@media screen and (min-width: 800px) {
/*
* Takeover
*/
  #takeover-desktop-counter .img-mobi{
    display:block;
  }
  #takeover-movil{
    display: none !important;
  }
  #takeover-desktop-counter .img-movil{
  height: auto !important
  }
}
@media screen and (max-width: 799px) {
  #takeover-movil .img-mobi{
    display:block;
  }
  #takeover-desktop-counter{
    display: none !important;
  }
  #takeover-movil-counter .img-movil{
  height: auto !important
  }

}