.catalog-main {
    position: relative;
}

.catalog-items {
    z-index:1;
}

.sidebar-filter {
    width:0px;
    max-width: 0;
    padding:0;
    border:none;
    overflow:hidden;
    transition:max-width 1200ms;
}

.sidebar-filter span {
    cursor: pointer;
}

.sidebar-filter h4 {
    margin-right:10px;
    padding-right:5px;
    border-right:4px solid pink;
}

.sidebar-filter ul {
    list-style:none;
}

.sidebar-filter.filter-visible {
    width:35%;
    border:1px solid lightgrey;
    border-radius:3px;
    padding:5px;
    max-width: 250px;
}

.btn.filter-toggle {
    background-color:pink;
    margin-bottom:10px;
}

/***** FILTER *****/

.filter-container {
    position: fixed;
    right:0;
    height:100%;
    max-height: 100%;
    z-index:999;
    background-color:#efefef;
    overflow-y:auto;
    border-left:1px solid lightgrey;
    overflow-x:hidden;
    top:58px;
    width:0;
    min-width: 0;
    transition:800ms;
    padding-bottom:50px;
}

.filter-container.active {
    min-width:250px;
    width:25%;
}

.filter-container .param-title i {
    line-height:35px;
}

.filter-container .param-title {
    /*background-color:#f5f5f5;*/
    background-color:white;
    border-bottom:2px solid pink;
    font-size:20px;
    font-weight:bold;
    margin:5px 0;
}

.filter-container .param-container.collapsed .param-options {
    display:none;
}

.filter-container .param-options {
    margin:10px 0;
}

.filter-container .param-title, .filter-container .param-options {
    padding:5px 10px;
}