.portfolio #portfolio-flters{padding:0;margin:0 auto 25px;list-style:none;text-align:center;border-radius:50px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#0b2341;margin-bottom:5px;transition:all .3s ease-in-out}.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{color:#ed502e}.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:all .3s ease-in-out;background:rgba(255,255,255,.9);padding:15px}.portfolio .portfolio-item .portfolio-info h4{font-size:18px;color:#fff;font-weight:600;color:#0b2341}.portfolio .portfolio-item .portfolio-info p{color:#1a5298;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:#123a6d}.portfolio .portfolio-item .portfolio-info .details-link:hover,.portfolio .portfolio-item .portfolio-info .preview-link:hover{color:#ed502e}.portfolio .portfolio-item .portfolio-info .details-link{right:10px}.portfolio .portfolio-item .portfolio-links{opacity:0;left:0;right:0;text-align:center;z-index:3;position:absolute;transition:all .3s ease-in-out}.portfolio .portfolio-item .portfolio-links a{color:#fff;margin:0 2px;font-size:28px;display:inline-block;transition:.3s}.portfolio .portfolio-item .portfolio-links a:hover{color:#f59f8c}.portfolio .portfolio-item:hover .portfolio-info{opacity:1;bottom:20px}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-details-slider img{width:100%}.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #ed502e}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#ed502e}.portfolio-details .portfolio-info{padding:30px;box-shadow:0 0 30px rgba(11,35,65,.08)}.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:30px}.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0}