.filters-container {
    position: absolute; 
    top: 0; 
    width: 100%; 
    height: 400px; 
    z-index: 102;
    background-color: hsl(5, 11%, 19%);
    box-shadow: 1px 1px 1px #444;
 }
    .filters {
        position: absolute; 
        top: 0;
        left: 0; 
        width: 100%; 
        height: 400px; 
        /*background-color: rgba(240,240,240,.9);*/
        background-color: rgba(64,64,64,.9);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
     }
    .filters-selector {
        position: absolute; 
        left: calc( 100% - 150px - 30px ); 
        top: 0px;
        height: 25px; 
        width: 150px; 
        cursor: pointer;
     } 
    .filters-selector-colapsado {
         top: 0px!important;
         transition: all .5s;
         -webkit-transition: all .5s;
         -moz-transition: all .5s;
         -ms-transition: all .5s;
         -o-transition: all .5s;
     }
    .filters-selector-desplegado {
         top: 400px!important;
         transition: all .5s;
     }
    .filters-container-colapsado {
         top: -400px!important;
         transition: all 0.5s;
     }
    .filters-container-desplegado {
         top: 0px!important;
         transition: all 0.5s;
     }