#banners{ position: relative; }
#banners>.elementos .elemento .b>div{ background-image: url(../img/motivo2.svg); background-repeat: no-repeat; background-position: right center; }
#banners h1{ font-family: 'barlow_condensedbold'; color: #FFF; }  

#banners .h1{ display: table-cell; vertical-align: middle; }
#banners>.elementos{ width: 100%; margin: auto; position: relative; overflow: hidden; }

#banners>.elementos .elemento{width: 100%; position: absolute; background-position: center center; background-size: cover; }
#banners>.elementos .elemento .cnt{ width: 100%; overflow: hidden; position: relative; }

#banners>.elementos .elemento .cnt>div{ overflow: hidden; }
#banners>.elementos .elemento .a{ vertical-align: bottom; position: relative; }
#banners>.elementos .elemento .a img{ width: 100%; }    

#banners .navegador{ position: absolute; width: 100%; z-index: 11; }

#banners .navegador .paginado{ margin: auto; display: table; }

#banners .navegador .paginado>div{ background-color: #B3B3B3; float: left; cursor: pointer; }
#banners .navegador .paginado>div.activo{ background-color: #B4D81A; }

#banners .elementos .elemento.activo{ z-index: 10; opacity: 1; }
#banners .elementos .elemento{ z-index: 9; opacity: 0;  }    
#banners .elementos .elemento.activo .b>div{ top: 0px; right: 0px; } 
#banners .elementos .b>div{ position: absolute; } 

#banners .elementos .elemento .a img{ position: absolute; }
#banners .elementos .elemento.activo .a img{ position: absolute; bottom: 0px;  }



@media screen and (min-width: 1200px){      
    #banners .h1{ height: 11.3vw; width: 22.14vw; padding-top: 7.39vw; }
    #banners h1{ width: 22.14vw; font-size: 2.64vw; }
    #banners>.elementos .elemento .b>div{ background-size: 16.1vw auto; height: 20.78vw; width: 27.60vw; margin-top: 6.73vw; height: 30.77vw; }
    #banners>.elementos{ height: 37.5vw; }     
    #banners>.elementos .elemento{ height: 37.5vw;  } 
    
    #banners>.elementos .elemento .cnt{  height: 37.5vw; width: 60.08vw; }
    #banners>.elementos .elemento .cnt>div{ height: 37.5vw; }
    #banners>.elementos .elemento .a{ width: 27vw;  }

    #banners .navegador{ bottom: 2.86vw; } 
    #banners .navegador .paginado>div{ width: 0.78vw; height: 0.78vw;  }
    #banners .navegador .paginado>div + div{ margin-left: 1.56vw; }   
    
    #banners .elementos .b>div{ top: -37.5vw; }         
    
    #banners .elementos .elemento .a img{ bottom: -37.5vw;  }    
    
} 

@media screen and (max-width: 1199px){
    #banners .navegador{ bottom: 55px; } 
    #banners .navegador .paginado>div{ width: 15px; height: 15px;  }
    #banners .navegador .paginado>div + div{ margin-left: 30px; }           
}

@media screen and (max-width: 1199px) and (min-width: 600px){      
    #banners>.elementos{ height: 720px; }     
    #banners>.elementos .elemento{ height: 720px;  }     
    #banners>.elementos .elemento .cnt{  height: 720px; width: 950px; }
    #banners>.elementos .elemento .cnt>div{ height: 720px; }
    #banners .elementos .b>div{ top: -720px; }             
    #banners .elementos .elemento .a img{ bottom: -720px;  }  
    
    
    #banners .h1{ height: 217px; width: 425px; padding-top: 142px; }
    #banners h1{ width: 425px; font-size: 51px; }
    #banners>.elementos .elemento .b>div{ background-size: 309px auto; height: 399px; width: 530px; margin-top: 129px; height: 591px; }        
    #banners>.elementos .elemento .a{ width: 400px;  }    
}


@media screen and (min-width: 600px){      
    #banners>.elementos .elemento .cnt{ margin: auto; display: table; }
    #banners>.elementos .elemento .cnt>div{ display: table-cell; }
}

@media screen and (max-width: 599px){
    #banners>.elementos{ height: 100vh; }     
    #banners>.elementos .elemento{ height: 100vh;  }     
    #banners>.elementos .elemento .cnt .a{  height: 100vh; width: 64.42%; }
    #banners>.elementos .elemento .cnt{ height: 100vh; }
    #banners .elementos .b>div{ top: -100vh; }             
    #banners .elementos .elemento .a img{ bottom: -100vh;  }
    
    #banners .h1{ height:123px; width: 238px; padding-top: calc(33.9vh - 86px); }
    #banners h1{ width: 238px; font-size: 28.56px; }
    #banners>.elementos .elemento .b>div{ background-size: 173.04px auto; height: 67.8vh; width: 296.8px; margin-top: 72.24px; right: -25px; }        
    #banners>.elementos .elemento .a{ width: 224px;  }    
}

#banners .boton-enlace{ margin-top: 0px; }