.portfolio-col,.portfolio-filter li{background:#fff;box-shadow:0 1px 27px -3px rgba(0,0,0,.2)}.section-title h2{font-size:50px;font-weight:800;margin:100px 0 0}.portfolio-filter li.active,.portfolio-filter li:hover{color:#fff}.portfolio-filter li{display:inline-block;font-size:13px;color:#333;margin:5px 10px;position:relative;cursor:pointer;line-height:normal;padding:10px 20px;border-radius:30px;font-weight:500;text-transform:uppercase}.portfolio-filter li.active,.portfolio-filter li:hover,.portfolio-hover-01 .action-btn a:hover{background:#10bebe;background:linear-gradient(to right,#10bebe,#10bebe)}.portfolio-content{width:100%}.portfolio-col .portfolio-img,.portfolio-hover-01{position:relative}.portfolio-cols-3{margin:0;padding:0}.portfolio-col{padding:10px;border-radius:5px}.portfolio-hover-01:hover .hover{visibility:visible;opacity:1}.portfolio-hover-01 .hover{background:rgba(255,255,255,.62);position:absolute;bottom:0;visibility:hidden;opacity:0;left:0;text-align:center;padding:10px;top:0;width:70px;transition:.35s}.portfolio-hover-01:hover .action-btn a{transform:translateX(0)}.portfolio-hover-01 .action-btn a{display:inline-block;vertical-align:top;width:40px;height:40px;line-height:40px;background:#272727;border-radius:50%;outline:0;margin:8px 0;color:#fff;transition:.35s;transform:translateX(-17px)}.portfolio-hover-01 img{display:block}.portfolio-col .portfolio-info{text-align:left;padding:15px 0 5px}.portfolio-col .portfolio-info h5{margin:0;padding:0 0 5px;color:#151515;text-transform:capitalize;font-weight:700;font-size:16px}.portfolio-col .portfolio-info span{font-size:14px;color:#666;font-weight:600}.portfolio-item{list-style:none;margin:14px 0}.portfolio-col-grid{margin-bottom:20px}