.portfolio-filter-show-button{display:none}.portfolio-block{display:flex;justify-content:space-between;align-items:flex-start}.portfolio-block .portfolio-filter-block{width:22%}.portfolio-block .portfolio-filter-block .portfolio-filter{margin-bottom:20px}.portfolio-block .portfolio-filter-block .portfolio-filter .portfolio-filter-title{border-bottom:2px solid #f8c901;font-weight:700;display:inline-block;padding-bottom:4px;margin-bottom:8px;cursor:pointer}.portfolio-block .portfolio-filter-block .portfolio-filter .portfolio-filter-title img{transition:.2s;will-change:transform}.portfolio-block .portfolio-filter-block .portfolio-filter .portfolio-filter-title img.rotate{transform:rotate(180deg)}.portfolio-block .portfolio-filter-block .portfolio-filter .portfolio-filter-inputs .portfolio-input{display:flex;padding:1px 0}.portfolio-block .portfolio-filter-block .portfolio-filter .portfolio-filter-inputs .portfolio-input input[type=checkbox]{margin-right:6px}.portfolio-block .portfolio-filter-block .portfolio-filter .portfolio-filter-inputs .portfolio-input label{cursor:pointer;margin:auto 0}.portfolio-block .portfolio-filter-block .portfolio-filter .portfolio-filter-inputs .portfolio-input span{font-size:14px;color:#aaa}.portfolio-block .portfolio-filter-block .portfolio-filter .portfolio-link{width:calc(100% - 40px);margin-top:12px;font-size:14px}.portfolio-block .portfolio-filter-block .portfolio-filter-buttons-block{position:fixed;bottom:30px}.portfolio-block .portfolio-gallery-block{width:78%}.portfolio-block .portfolio-gallery-block .portfolio-gallery{display:grid;grid-template-columns:23% 23% 23% 23%;justify-content:space-between}.portfolio-block .portfolio-gallery-block .portfolio-gallery .portfolio{cursor:pointer;box-shadow:0 0 8px 0 #ccc;border-radius:16px;margin-bottom:32px}.portfolio-block .portfolio-gallery-block .portfolio-gallery .portfolio .portfolio-image{width:100%;height:auto;display:block;border-top-left-radius:16px;border-top-right-radius:16px}.portfolio-block .portfolio-gallery-block .portfolio-gallery .portfolio .portfolio-title{padding:12px;font-size:15px;line-height:1.4}@media screen and (max-width:1200px){.portfolio-block .portfolio-filter-block{width:26%}.portfolio-block .portfolio-gallery-block{width:74%}.portfolio-block .portfolio-gallery-block .portfolio-gallery{grid-template-columns:31% 31% 31%}}@media screen and (max-width:960px){.portfolio-block .portfolio-filter-block{width:32%}.portfolio-block .portfolio-gallery-block{width:68%}.portfolio-block .portfolio-gallery-block .portfolio-gallery{grid-template-columns:48% 48%}}@media screen and (max-width:730px){.portfolio-filter-show-button{display:block;width:100%;margin-bottom:24px}.portfolio-block{flex-wrap:wrap}.portfolio-block .portfolio-filter-block{width:100%;visibility:hidden;height:0}.portfolio-block .portfolio-filter-block.show{visibility:visible;width:92%;height:86%;position:fixed;top:7%;bottom:7%;left:4%;right:4%;background-color:hsla(0,0%,100%,.96);z-index:99999;padding:20px;overflow-y:scroll;box-shadow:0 0 8px -2px;border-radius:16px}.portfolio-block .portfolio-filter-block.show .portfolio-filter-close-button{font-size:22px;font-weight:700;background-color:#eee;float:right;padding:8px 16px;border-radius:16px}.portfolio-block .portfolio-filter-block.show .portfolio-filter-buttons-block{display:none}.portfolio-block .portfolio-filter-block .portfolio-filter-buttons-block{width:calc(100% - 16px);display:flex;z-index:999;justify-content:space-between}.portfolio-block .portfolio-filter-block .portfolio-filter-buttons-block .button{width:49%}.portfolio-block .portfolio-gallery-block{width:100%}.portfolio-block .portfolio-gallery-block .portfolio-gallery{grid-template-columns:49% 49%}.portfolio-block .portfolio-gallery-block .portfolio-gallery .portfolio{margin-bottom:10px}}