.header .row{padding-top:120px;display:grid;place-items:center}.header img{max-height:540px}.portfolio h2{text-align:center}.portfolio .row{margin-top:32px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.portfolio .row .item{display:grid;gap:12px}.portfolio h3{transition:color .2s ease-in-out;text-align:center}.portfolio .item:hover h3{color:#216fff}.portfolio .row .item img{box-shadow:0 2px 40px rgba(0,0,0,.15)}.portfolio .row .item .group{display:grid;gap:2px;place-items:center}@media (max-width:1280px){.portfolio .row{grid-template-columns:1fr 1fr}}@media (max-width:640px){.portfolio .row{grid-template-columns:1fr}}.nav{position:fixed;top:0;width:100%;z-index:1000;transition:background-color .2s ease;background-color:transparent;backdrop-filter:blur(10px)}.nav.scrolled{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}nav{display:flex;justify-content:space-between;align-items:center;padding:32px 20px!important}.nav-logo{min-height:36px;max-height:36px;cursor:pointer}nav ul{display:flex;align-items:center;gap:32px}nav ul li{list-style:none;cursor:pointer;color:#131313;font-weight:600}.nav#subpage path{fill:#fff;transition:all .15s ease-in-out}.nav.scrolled#subpage path{fill:initial}.nav#subpage ul li{color:#fff}.nav.scrolled#subpage ul li{color:#131313}.nav#subpage .btn-primary{background-color:#fff;color:#131313}.nav.scrolled#subpage .btn-primary{background-color:#216fff;color:#fff}nav ul li span{transition:color .15s ease-in-out}nav ul li span:hover{color:#216fff}nav .burger-menu{display:none;cursor:pointer;flex-direction:column;gap:4px;transition:transform .3s ease}nav .burger-menu .bar{width:25px;height:3px;background-color:#131313;transition:transform .3s ease,opacity .3s ease}.nav#subpage .burger-menu .bar{background-color:#fff}.nav.scrolled#subpage .burger-menu .bar{background-color:#131313}nav .burger-menu.open .bar:first-child{transform:rotate(45deg) translate(5px,5px)}nav .burger-menu.open .bar:nth-child(2){opacity:0}nav .burger-menu.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:1280px){nav .burger-menu{display:flex}nav ul.nav-links{position:fixed;top:76px;right:0;max-height:0;margin:0 auto;opacity:.6;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;background-repeat:repeat;gap:50px;transform:translateY(-10px);transition:max-height .3s ease-in-out,padding .4s ease-in-out,opacity .3s ease-in-out,transform .4s ease;box-shadow:0 4px 4px -2px rgba(0,0,0,.4);overflow:hidden}nav ul.nav-links.open{max-height:90vh;padding:50px 0;opacity:1;transform:translateY(0)}}footer{background-color:#fff;box-shadow:0 -4px 40px rgba(0,0,0,.07);margin-top:90px}footer .row{padding:54px 0 36px;display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:20px;align-items:start}footer .bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0}footer img.logo{height:48px;cursor:pointer}footer img.logo-footer{height:24px;cursor:pointer}footer p.slogan{margin-top:8px;color:hsla(0,0%,7%,.7)}footer p.ico{margin-top:20px;font-size:14px;color:rgba(51,51,51,.7)}footer ul{display:grid;gap:16px;margin-top:12px}footer ul li{color:#393939;cursor:pointer;font-weight:500;transition:color .2s ease-in-out}footer ul li:hover{color:#216fff}footer .link{color:#393939;display:grid;gap:8px;grid-template-columns:28px auto;align-items:center;font-weight:500;transition:color .15s ease-in-out}footer .link:hover{color:#216fff}footer .author span{color:#216fff;font-weight:600}footer .author,footer .copyright{display:flex;gap:8px;align-items:center;color:#131313}@media (max-width:1280px){footer .row{grid-template-columns:1fr .3fr 1fr 1fr 1fr;gap:40px}}@media (max-width:1024px){footer .row{grid-template-columns:1fr 1fr}footer .group.empty{display:none}}@media (max-width:768px){footer .row .item.right ul{flex-direction:column;margin-top:12px;gap:22px}footer .item.right h3.sm-show{display:initial;font-weight:600;font-size:1.3rem}footer .bottom{flex-direction:column;gap:20px}footer .bottom *{text-align:center}}@media (max-width:640px){footer .row{grid-template-columns:1fr}}