.portfolio .portfolio-item{margin-bottom:30px}.portfolio #portfolio-flters{padding:0;margin:0 auto 35px auto;list-style:none;text-align:center;background:#fff;border-radius:50px;padding:2px 15px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 15px 8px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#334240;margin-bottom:5px;transition:all 0.3s ease-in-out}.portfolio #portfolio-flters li:hover,.portfolio #portfolio-flters li.filter-active{color:#1bbca3}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-wrap{transition:0.3s;position:relative;overflow:hidden;z-index:1}.portfolio .portfolio-wrap-ohne{transition:0.3s;position:relative;overflow:hidden;z-index:1}.portfolio .portfolio-wrap::before{content:"";background:rgba(88,113,109,.6);position:absolute;left:30px;right:30px;top:30px;bottom:30px;transition:all ease-in-out 0.3s;z-index:2;opacity:0}.portfolio .portfolio-wrap .portfolio-info{opacity:0;position:absolute;top:10%;left:0;right:0;text-align:center;z-index:3;transition:all ease-in-out 0.3s}.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;color:#fff;font-weight:600}.portfolio .portfolio-wrap .portfolio-info p{color:#fff;font-size:14px;text-transform:uppercase}.portfolio .portfolio-wrap .portfolio-links{opacity:0;left:0;right:0;bottom:10%;text-align:center;z-index:3;position:absolute;transition:all ease-in-out 0.3s}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;margin:0 2px;font-size:28px;display:inline-block;transition:0.3s}.portfolio .portfolio-wrap .portfolio-links a:hover{color:#56e7d0}.portfolio .portfolio-wrap:hover::before{top:0;left:0;right:0;bottom:0;opacity:1}.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1;top:calc(50% - 48px)}.portfolio .portfolio-wrap:hover .portfolio-links{opacity:1;bottom:calc(50% - 50px)}.portfolio-details{padding-top:30px}.portfolio-details .portfolio-details-container{position:relative}.portfolio-details .portfolio-details-carousel{position:relative;z-index:1}.portfolio-details .portfolio-details-carousel .owl-nav,.portfolio-details .portfolio-details-carousel .owl-dots{margin-top:5px;text-align:left}.portfolio-details .portfolio-details-carousel .owl-dot{display:inline-block;margin:0 10px 0 0;width:12px;height:12px;border-radius:50%;background-color:#ddd!important}.portfolio-details .portfolio-details-carousel .owl-dot.active{background-color:#1bbca3!important}.portfolio-details .portfolio-info{padding:30px;position:absolute;right:0;bottom:-70px;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1);z-index:2}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-description{padding-top:50px}.portfolio-details .portfolio-description h2{width:50%;font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0 0 0 0}@media (max-width:768px){.portfolio-details .portfolio-description h2{width:100%}.portfolio-details .portfolio-info{position:static;margin-top:30px}}