li{list-style:none}
ul{padding:0}
ul.filter{color:#333d47;padding:44px 16px 0 16px}
.filter-group>hr{position:relative;overflow:visible;margin-top:20px;margin-bottom:20px}
.filter-group>hr:before{position:absolute;content:'';top:0;left:-16px;z-index:1;border-bottom:1px solid #d6d8da;width:calc(100% + 32px)}
.filter-group-name{margin-bottom:16px;font-size:16px;color:#363e3f;text-transform:none;line-height:20px}
.filter-group-item{font-size:14px;height:40px;line-height:40px;border-radius:20px;margin-bottom:8px;text-align:center;border:1px solid #d6d8da}
.filter-group-item.active{border-color:#1f78ad;background:rgba(31,120,173,0.03)}
.filter-item.selected{border-color:#1f78ad}
.filter-btns{display:flex;justify-content:space-between;padding:32px 16px}
.filter-btns li .btn{width:100%;height:48px;line-height:48px;outline:0}
.filter-btns li .btn.btn:focus{outline:0}
.btn{font-size:16px;font-weight:normal;min-width:auto;text-transform:none;border-radius:8px}
.btn.btn-primary{background-color:#d31145;color:#fff}
.btn.btn-secondary{background-color:#fff;border:1px solid #d31145;color:#d31145}
.filter-btns>li:first-child{width:calc(42.5% - 8px)}
.filter-btns>li:last-child{width:calc(57.5% - 8px)}
@media(min-width:768px){ul.filter{padding:44px 20px 0 20px}
.filter-group-items{display:flex;flex-flow:row wrap;justify-content:space-between}
.filter-group-item{width:calc(50% - 5px)}
.filter-btns>li:first-child{width:calc(38% - 8px)}
.filter-btns>li:last-child{width:calc(62% - 8px)}
.filter-btns{padding:24px 20px}
.filter-group>hr:before{left:-20px;width:calc(100% + 40px)}
}