.portfolio-filter{margin-bottom:40px;text-align:center}.portfolio-filter .btn{outline:0;border:1px solid rgba(236,239,241,7%);background:0 0;display:inline-block;font-size:16px;padding:6px 20px;font-weight:700;color:#737f8a;transition:.3s all}.portfolio-filter .btn.active{border-color:#57cbcc}.portfolio-block{position:relative}.portfolio-block:before{transition:all .3s ease-in-out;background:#fff;opacity:0;top:20px;right:20px;bottom:20px;left:20px;position:absolute;content:''}.portfolio-block img{width:100%;height:auto}.portfolio-block:hover:before{opacity:1}.portfolio-block:hover .caption h4{top:45%}.portfolio-block:hover .caption{opacity:1;top:55%}.portfolio-block .caption{position:absolute;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9;transition:all .2s ease-in-out;text-align:center}.portfolio-block .caption h4{font-size:16px;font-weight:600}.portfolio-block .caption h4 a{color:#555}.portfolio-block .caption .search-icon{background:#57cbcc;width:80px;height:80px;color:#fff;display:inline-block;font-size:50px;border-radius:50px}.portfolio-block .caption .search-icon i{line-height:50px}