.filter__container{font-size:.8rem;margin-bottom:2rem}.filter__select{background:#f4f4f4;box-sizing:border-box;cursor:pointer;display:inline-block;font-weight:300;margin-bottom:.8rem;padding:.5rem 2.5rem .5rem 1rem;position:relative;width:100%}.filter__select:before{color:#b85532;content:'\e81b';font-family:'hziconen';font-size:1.2rem;position:absolute;right:.8rem;top:50%;transform:translateY(-50%)}.filter__select.active{border:1px solid #dbdbdb;border-bottom:0;padding-left:1rem;padding-right:2.5rem;padding-top:.5rem;z-index:3}.filter__select.active:before{content:'\e81a'}.filter__select-title{display:block;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.filter__select-options{background:#f4f4f4;border:1px solid #dbdbdb;border-top:0;display:none;left:-1px;padding:.7rem 0 0;position:absolute;right:-1px}.filter__select-options:before{border-top:2px solid #343a40;content:'';left:1rem;position:absolute;right:1rem;top:.3rem}.filter__select.active .filter__select-options{display:block}.filter__select-options a{color:#343a40;display:block;line-height:1.1rem;padding:.6rem 1rem}.filter__select-options a:hover{background:#b85532;color:#fff;transition:background .1s linear}.filter__result{display:none}.filter__result.active{display:block}@media only screen and (min-width:768px){.filter__container{display:flex}.filter__select{align-self:center;display:inline-block;margin-bottom:0;margin-right:.8rem;width:310px}}