.webs .filter__container{font-size:.8rem;margin-bottom:2rem}.webs .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:310px}.webs .filter__select:before{color:#36c;content:'\e81b';font-family:'hziconen';font-size:1.2rem;position:absolute;right:.8rem;top:50%;transform:translateY(-50%)}.webs .filter__select.active{border:1px solid #dbdbdb;border-bottom:0;padding-left:1rem;padding-right:2.5rem;padding-top:.5rem;z-index:3}.webs .filter__select.active:before{content:'\e81a'}.webs .filter__select-title{display:block;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.webs .filter__select-options{background:#f4f4f4;border:1px solid #dbdbdb;border-top:0;display:none;left:-1px;padding:.7rem 0 0;position:absolute;right:-1px}.webs .filter__select-options:before{border-top:2px solid #333;content:'';left:1rem;position:absolute;right:1rem;top:.3rem}.webs .filter__select.active .filter__select-options{display:block}.webs .filter__select-options a{color:#333;display:block;line-height:1.1rem;padding:.6rem 1rem}.webs .filter__select-options a:hover{background:#333}.webs .filter__result{display:none}.webs .filter__result.active{display:block}@media only screen and (min-width:768px){.webs .filter__container{display:flex}.webs .filter__select{align-self:center;display:inline-block;margin-bottom:0;margin-right:.8rem}}