.modal-content{background-color:transparent}.swiper-button-next:after,.swiper-button-prev:after{display:none}.portfolio .portfolio-item{margin-bottom:30px}.portfolio #portfolio-flters{padding:0;margin:0 auto 20px auto;list-style:none;text-align:center}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:8px 15px 10px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#444;margin-bottom:5px;transition:all .3s ease-in-out;border-radius:3px}.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{color:#fff;background:#3b4ef8}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-wrap{transition:.3s;position:relative;overflow:hidden;z-index:1;background:rgba(45,64,95,.6)}.portfolio .portfolio-wrap:before{content:"";background:rgba(45,64,95,.6);position:absolute;left:0;right:0;top:0;bottom:0;transition:all .3s ease-in-out;z-index:2;opacity:0}.portfolio .portfolio-wrap img{transition:all .3s ease-in-out}.portfolio .portfolio-wrap .portfolio-info{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;transition:all .3s ease-in-out;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px}.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;color:#fff;font-weight:600}.portfolio .portfolio-wrap .portfolio-info p{color:hsla(0,0%,100%,.7);font-size:14px;text-transform:uppercase;padding:0;margin:0;font-style:italic}.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;margin:0 5px 0 0;font-size:28px;display:inline-block;transition:.3s}.portfolio .portfolio-wrap .portfolio-links a:hover{color:#9da7fc}.portfolio .portfolio-wrap:hover:before{opacity:1}.portfolio .portfolio-wrap:hover img{transform:scale(1.2)}.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1}.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 #3b4ef8}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#3b4ef8}.portfolio-details .portfolio-info{padding:30px;box-shadow:0 0 30px rgba(45,64,95,.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}