.filter-item .filter-title {
    display: block;
    border-bottom: 1px solid #f5f6f7;
    font-weight: bold;
    font-size: 16px;
    color: #001193;
    position: relative;
    padding: 0 12px;
    line-height: 46px;
}
.filter-item.active .filter-title::after {
    content: '\f078';
}
.filter-item .filter-title::after {
    content: '\f054';
    font-family: Fontawesome;
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    right: 12px;
}
.filter-item.active .filter-list {
    display: block;
}
.filter-item .filter-list {
    display: none;
    padding: 15px 10px;
}
.filter-item.active .filter-list label {
    display: flex;
}
.filter-item label {
    display: block;
    font-weight: 300;
    color: #222;
    cursor: pointer;
}
.filter-item.active .filter-list input {
    width: 13px;
    margin: 0px 5px 0 0;
}
.filter-item label span {
    padding: 0;
    width: calc(100% - 18px);
}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 920px){}
@media screen and (max-width: 820px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 600px){}
@media screen and (max-width: 450px){}
@media screen and (max-width: 390px){}
@media screen and (max-width: 360px){}
@media screen and (max-width: 320px){}