.ss-header-fitler{display:flex;align-items:center;padding:.8rem;background:#0000000d}
.ss-header-fitler i.fa-filter{margin-right:8px}
.ss-header-fitler span{flex:1;text-align:left}
.ss-header-fitler .close-ss-filter{margin-left:auto;color:inherit;text-decoration:none}

#cont-filters{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);
  transition:max-height .4s ease,opacity .3s ease,transform .3s ease;background:#f4f4f4;
  padding:0 15px;border-radius:6px}
#cont-filters.activo{opacity:1;transform:translateY(0);max-height:500px;padding:15px}
#cont-filters[hidden]{display:none!important}

@media (max-width:767px){
  #cont-filters .sidebar{position:static!important;width:100%!important;max-width:100%!important;
    height:auto!important;overflow:visible!important;left:auto!important;top:auto!important;
    background:none!important;padding:0!important;margin:0!important;z-index:auto!important;transform:none!important}
  #cont-filters{display:block;width:100%}
}