#filter{display:flex;height:120px;box-shadow:0 1px 4px rgba(0,0,0,.5);justify-content:center;align-items:center}#filter{position:relative;z-index:2}#filter .select{width:140px}#filter .select p{font-size:17px;margin:0 0 10px}#filter .select select{font-size:19px;padding:2px 4px;border:1px solid #aaa;color:#444;background:#fafafa;width:120px}#filter .options{display:flex}#filter .options .option{width:75px;height:75px;box-sizing:border-box;border:1px solid #d0d8dc;border-radius:5px;position:relative}#filter .options .option{margin-left:20px;font-size:12px;text-align:center;padding:9px 4px;cursor:pointer}#filter .options .option img{max-width:36px}#filter .options .option span{line-height:1.2;display:block}#filter .options .option.active{background:#f9fbfb}#filter .options .option.active::after{content:'';background-image:url(/images/icons/tick.png);background-size:contain;position:absolute;top:2px;right:2px;width:21px;height:21px}#filter .options .option:hover{background:#f9fbfb}#grid{background:#f8f8f8;position:relative;z-index:1}#grid .title-bar{background:#fff;height:46px;display:flex;justify-content:flex-end;align-items:center}#grid .title-bar .layout{padding:11px}#grid .title-bar .layout svg{display:block}#grid .title-bar .layout.active{background:#f8f8f8}#grid .title-bar .layout:hover{background:#f8f8f8}#grid .title-bar .layout svg path:first-child{fill:#90a4ae}#grid .title-bar .layout.active svg path:first-child{fill:#6bb5b3}#grid .title-bar .sort{padding:0 20px}#grid .title-bar .spacer{flex-grow:1}#grid .subscribe{color:#179099;text-decoration:none;padding:0 20px;cursor:pointer;line-height:46px;font-weight:500}#grid .subscribe{display:flex;justify-content:center;align-items:center}#grid .subscribe svg{margin-right:8px;opacity:.6}#grid .subscribe span.short{display:none}#grid .subscribe:hover{text-decoration:underline}#grid .subscribe:hover svg{opacity:1}._popup.subscribe{padding:5px 20px}._popup.subscribe h2{font-size:18px}#filter-mob{display:none;height:80px;box-shadow:0 1px 4px rgba(0,0,0,.5)}#filter-mob{position:relative;z-index:2}#filter-mob p{margin:0 0 6px;font-size:17px}#filter-mob .location{padding:10px 15px;flex-grow:1;border-right:1px solid #ccc}#filter-mob .location .input{display:flex;font-size:16px;align-items:center}#filter-mob .location svg{color:#bbb}#filter-mob .location input{flex-grow:1;width:100%;background:0 0;border:none;font-size:16px;padding:0 6px;line-height:28px;color:#666}#filter-mob .filters{padding:10px 15px;text-align:right}#filter-mob .filters:hover{background:#f0f0f0}#filter-mob .filters svg{color:#999}@media screen and (max-width:1023px){#filter{display:none}#filter-mob{display:flex}#filter.mob-active{display:flex;flex-wrap:wrap;height:auto;position:absolute;top:141px;left:0;right:0}#filter.mob-active{background:#fff;z-index:4;padding:20px 0}#filter.mob-active .select{margin-bottom:10px}#filter.mob-active .options{flex-wrap:wrap;justify-content:center}#filter.mob-active .options .option{margin:10px}#grid .subscribe span.long{display:none}#grid .subscribe span.short{display:block}}@media screen and (max-width:470px){#grid .subscribe{padding:0 0 0 8px}#grid .subscribe span.short{display:none}}@media screen and (max-width:430px){#filter.mob-active .select{text-align:center}}