.portfolio{padding:45px 0 15px;position:relative}.portfolio #portfolio-filter{font-size:0;list-style:none;margin:-15px 0 25px;padding:0;text-align:center}.portfolio #portfolio-filter li{background:#007c1f;border:2px solid transparent;border-radius:0;box-shadow:inset 0 0 0 50px #007c1f;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin:5px;padding:6px 12px;transition:.3s ease-out;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out}.portfolio #portfolio-filter li.filter-active,.portfolio #portfolio-filter li:hover{background:transparent;border-color:#007c1f;box-shadow:inset 0 0 0 0 #007c1f;color:#007c1f}.portfolio .portfolio-item{position:relative}.portfolio .portfolio-wrap{position:relative;width:100%}.portfolio .portfolio-img{overflow:hidden;position:relative}.portfolio .portfolio-img img{height:100%;object-fit:cover;position:relative;transform:scale(1.1);transition:.5s;width:100%}.portfolio .portfolio-item:hover img{margin-left:15px}.portfolio .portfolio-text{align-items:center;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.12);display:flex;height:60px;margin:-30px 15px 30px;position:relative;width:calc(100% - 30px)}.portfolio .portfolio-text h3{font-size:18px;font-weight:600;margin:0 0 0 15px;overflow:hidden;white-space:nowrap;width:calc(100% - 70px)}.portfolio .portfolio-text a.btn{align-items:center;display:flex;font-size:45px;font-weight:100;height:50px;justify-content:center;padding:0 0 2px 1px;width:50px}.portfolio .portfolio-item:hover a.btn{background:transparent;border-color:#007c1f;box-shadow:inset 0 0 0 0 #007c1f;color:#007c1f}