.portfolio-page .page-title{background:linear-gradient(115deg,rgba(7,22,43,.97),rgba(12,33,62,.9)),url('../images/bg/home-3.jpg') center/cover;padding:105px 0 115px}.portfolio-page .page-title .block{margin:auto;max-width:860px}.portfolio-page .page-title h1{font-size:56px;line-height:1.12;text-transform:none!important}.portfolio-eyebrow{color:#f75757;display:block;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:18px;text-transform:uppercase}.portfolio-hero-copy{color:rgba(255,255,255,.72);font-size:18px;line-height:1.75;margin:0 auto 30px;max-width:650px}.portfolio-page .portfolio{background:#f7f8fa;padding:90px 0}.portfolio-page .portfolio .section-title{margin-bottom:55px}.portfolio-page .portfolio .content-title{font-size:38px;line-height:1.3}.portfolio-intro{color:#6d7684;font-size:16px;line-height:1.8;margin:20px auto 0;max-width:690px}.portfolio-page .portfolio-gallery{margin-left:-15px;margin-right:-15px}.portfolio-page .portflio-item{background:#fff;border:1px solid #e7eaee;border-radius:16px;box-shadow:0 8px 30px rgba(23,35,54,.06);margin-bottom:30px!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.portfolio-page .portflio-item:before{background:linear-gradient(to top,rgba(7,18,35,.93),rgba(7,18,35,0) 62%);opacity:1;pointer-events:none;z-index:1}.portfolio-page .portflio-item:hover{box-shadow:0 20px 45px rgba(23,35,54,.14);transform:translateY(-6px)}.portfolio-page .portflio-item img{aspect-ratio:1.287/1;display:block;object-fit:contain;transition:transform .45s ease}.portfolio-page .portflio-item:hover img{transform:scale(1.025)}.portfolio-page .portfolio-item-content{bottom:22px;left:25px;opacity:1;right:auto!important;text-align:left;z-index:2}.portfolio-page .portflio-item:hover .portfolio-item-content{bottom:27px;right:auto}.portfolio-page .portfolio-item-content h3{font-size:22px;margin-bottom:5px!important}.portfolio-page .portfolio-item-content p{font-size:13px;margin:0}.portfolio-page .overlay-item{align-items:flex-start;background:#fff;border-radius:50%;bottom:auto;color:#f75757;font-size:16px;height:42px;justify-content:center;left:auto;line-height:42px;opacity:1;right:20px;top:20px;width:42px;z-index:2}.portfolio-page .portflio-item:hover .overlay-item{opacity:1;transform:translateX(3px)}.portfolio-page .portfolio-link{background:#e9edf3}.portfolio-page .footer{margin-top:0}@media(max-width:767px){.portfolio-page .page-title{padding:75px 0 82px}.portfolio-page .page-title h1{font-size:40px}.portfolio-hero-copy{font-size:16px}.portfolio-page .portfolio{padding:65px 0}.portfolio-page .portfolio .content-title{font-size:30px}.portfolio-page .portfolio .section-title{margin-bottom:40px}.portfolio-page .portfolio-item-content{bottom:18px;left:20px}.portfolio-page .portfolio-item-content h3{font-size:20px}.portfolio-page .overlay-item{height:38px;line-height:38px;right:16px;top:16px;width:38px}}