.filter {
    margin-bottom: 30px
}

.filter #filter {
    border: 1px solid #D5DADF;
    border-top: none
}

.filter .title {
    background: #f9465c;
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
    font: 400 17px RobotoCondensed, Arial
}

.filter .title:hover {
    text-decoration: none
}

.filter .title .arrow {
    float: right
}

.filter ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.filter > div > * {
    border: 1px solid #D5DADF;
    border-top: none
}

.filter ul li {
    position: relative
}

.filter ul li a {
    display: block;
    color: #000;
    text-decoration: none
}

.filter ul .range {
	display:none;
    padding: 10px 15px;
    height: auto;
    border-top: 1px solid #D5DADF
}

.filter ul .range.prices{
	display:block;
}

.filter ul .item .name {
    display: block;
    padding: 10px 15px;
    border-top: 1px solid #D5DADF
}

.filter ul .item ul {
	display:none;
    border-top: 1px solid #D5DADF;
    padding: 5px 0
}

.filter ul .item ul.active,
.filter ul .item .range.active{
	display:block;
}

.filter ul .item ul li {
    padding: 5px 15px
}

.filter ul li.active ul {
    background: #f8f9fa
}

.filter > ul > li.first > a {
    border-top: none
}

.filter ul li .arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    color: #172054;
    cursor: pointer
}

.filter .scrollable {
    max-height: 169px;
    overflow-y: auto
}