.portfolio-filter-show-button{display:none}.portfolio-block{align-items:flex-start;display:flex;justify-content:space-between}.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;cursor:pointer;display:inline-block;font-weight:700;margin-bottom:8px;padding-bottom:4px}.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{color:#aaa;font-size:14px}.portfolio-block .portfolio-filter-block .portfolio-filter .portfolio-link{font-size:14px;margin-top:12px;width:calc(100% - 40px)}.portfolio-block .portfolio-filter-block .portfolio-filter-buttons-block{bottom:30px;position:fixed}.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{border-radius:16px;box-shadow:0 0 8px 0 #ccc;cursor:pointer;margin-bottom:32px}.portfolio-block .portfolio-gallery-block .portfolio-gallery .portfolio .portfolio-image{border-top-left-radius:16px;border-top-right-radius:16px;display:block;height:auto;width:100%}.portfolio-block .portfolio-gallery-block .portfolio-gallery .portfolio .portfolio-title{font-size:15px;line-height:1.4;padding:12px}@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;margin-bottom:24px;width:100%}.portfolio-block{flex-wrap:wrap}.portfolio-block .portfolio-filter-block{height:0;visibility:hidden;width:100%}.portfolio-block .portfolio-filter-block.show{background-color:hsla(0,0%,100%,.96);border-radius:16px;bottom:7%;box-shadow:0 0 8px -2px;height:86%;left:4%;overflow-y:scroll;padding:20px;position:fixed;right:4%;top:7%;visibility:visible;width:92%;z-index:99999}.portfolio-block .portfolio-filter-block.show .portfolio-filter-close-button{background-color:#eee;border-radius:16px;float:right;font-size:22px;font-weight:700;padding:8px 16px}.portfolio-block .portfolio-filter-block.show .portfolio-filter-buttons-block{display:none}.portfolio-block .portfolio-filter-block .portfolio-filter-buttons-block{display:flex;justify-content:space-between;width:calc(100% - 16px);z-index:999}.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}}