.portfolio #portfolio-flters{padding:2px 15px;margin:0 auto 35px;list-style:none;text-align:center;border-radius:50px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 20px 12px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#313030;margin-bottom:5px;transition:.3s ease-in-out;border-radius:50px}.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{color:#ff5821;background:#f6f0f0}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-item{margin-bottom:30px}.portfolio .portfolio-item .portfolio-info{opacity:0;position:absolute;left:30px;right:30px;bottom:0;z-index:3;transition:.3s ease-in-out;background:rgba(246,240,240,.9);padding:15px}.portfolio .portfolio-item .portfolio-info h4{font-size:18px;font-weight:600;color:#473d3a}.portfolio .portfolio-item .portfolio-info p{color:#7f6d68;font-size:14px;margin-bottom:0}.portfolio .portfolio-item .portfolio-info .details-link,.portfolio .portfolio-item .portfolio-info .preview-link{position:absolute;right:40px;font-size:24px;top:calc(50% - 18px);color:#635551}.portfolio .portfolio-item .portfolio-info .details-link:hover,.portfolio .portfolio-item .portfolio-info .preview-link:hover{color:#ff5821}.portfolio .portfolio-item .portfolio-info .details-link{right:10px}.portfolio .portfolio-item:hover .portfolio-info{height:auto;opacity:1;bottom:20px}.portfolio-container{position:relative}.section-title{text-align:center;padding-bottom:30px}.portfolio-item{border-radius:4px;border-style:initial;border-color:#f4f4f4}