.portfolio-filter{padding:55px 0 210px}.portfolio-filter .filter ul{justify-content:center;margin-bottom:50px}.portfolio-filter .filter li{padding:10px;cursor:pointer}.portfolio-filter .filter li img{width:42px}.portfolio-filter .filter li:last-child img{margin-top:10px}.portfolio-filter .filter li span{display:inline-block;padding-left:15px;transition:all .5s ease;margin-top:10px}.portfolio-filter .filter li:hover span,.portfolio-filter .filter li.active span{color:#00a195}.portfolio-filter .container{max-width:1060px}.portfolio-filter .portfolio-item{width:25%;overflow:hidden;float:left}.portfolio-filter .add-float .portfolio-item:nth-of-type(1){float:right;width:50%}.portfolio-filter .portfolio-items:after{content:"";display:table;clear:both}.portfolio-filter .portfolio-item a{transform:scale(1.02);display:block;height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.portfolio-filter .portfolio-item:hover a{transform:scale(1.3)}li.dis-flex.vmiddle.all.filter.active{color:#00a195}li.all{margin-top:15px}@media(min-width:1025px){.portfolio-filter .portfolio-item{height:255px}.portfolio-filter .add-float .portfolio-item:nth-of-type(1){height:510px}.portfolio-filter .top-left-part .portfolio-item{width:50%;height:50%}.portfolio-filter .top-right-part .portfolio-item{width:100%;height:100%}}@media(max-width:1280px){.portfolio-filter{padding:55px 0 100px}}@media(max-width:1024px){.portfolio-filter{padding:55px 0 70px}.portfolio-filter .portfolio-item{height:23.61vw}.portfolio-filter .add-float .portfolio-item:nth-of-type(1){height:calc(23.61vw * 2)}.portfolio-filter .top-left-part .portfolio-item{width:50%;height:50%}.portfolio-filter .top-right-part .portfolio-item{width:100%;height:100%}.portfolio-filter .filter li{padding:10px 5px}.portfolio-filter .filter li span{padding-left:7px}}@media(max-width:767px){.portfolio-filter{padding:50px 0}.portfolio-filter .filter li{width:50%;justify-content:center}li.all{margin-top:0;width:100% !important;display:block;text-align:center;margin-bottom:20px}}@media(max-width:640px){.portfolio-filter .portfolio-item{height:45.6vw;width:50%}.portfolio-filter .add-float .portfolio-item:nth-of-type(1){height:calc(45.6vw * 2);width:100%}}@media(max-width:480px){.portfolio-filter .filter li{width:100%}.portfolio-filter .filter li:last-child img{margin-top:0}.portfolio-filter .filter li:last-child span{margin-top:0}}