г. Санкт-Петербург, наб. Фонтанки, д.59

+7 (812) 942-15-54 +7 (921) 567-70-50 +7 (921) 362-62-52

Аренда теплохода Билеты на экскурсии

*/ #nfSiteFooter { clear: both; width: 100%; background: #020617; border-top: 1px solid rgba(30, 41, 59, 0.5); color: #94a3b8; font-family: inherit; line-height: 1.5; position: relative; z-index: 0; } /* Старое мобильное меню темы (.mobile-menu) — выше подвала, ниже шапки */ .mobile-menu, .mobile-menu.active, .mobile-menu.open, .mobile-menu.is-open, body.mobile-menu-open .mobile-menu, body.menu-open .mobile-menu, .menu-overlay, .menu-overlay.active, .menu-overlay.is-visible, body.mobile-menu-open .menu-overlay, body.menu-open .menu-overlay { z-index: 10060 !important; } .header { position: relative; z-index: 10050 !important; } #nfSiteFooter *, #nfSiteFooter *::before, #nfSiteFooter *::after { box-sizing: border-box; } #nfSiteFooter .nf-ft-wrap { max-width: 80rem; margin: 0 auto; padding: 3rem 1rem 2.5rem; } #nfSiteFooter .nf-ft-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 768px) { #nfSiteFooter .nf-ft-grid { grid-template-columns: 1fr 1fr; column-gap: 2rem; row-gap: 1.75rem; } } @media (min-width: 1024px) { #nfSiteFooter .nf-ft-grid { grid-template-columns: 1.75fr 1fr 1fr 1fr 1fr; column-gap: 1.5rem; row-gap: 1.5rem; } } #nfSiteFooter .nf-ft-col-brand { min-width: 0; overflow: visible; } #nfSiteFooter .nf-ft-brand { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; margin-bottom: 1rem; max-width: 100%; color: inherit; } #nfSiteFooter .nf-ft-brand img { width: 2.5rem; height: 2.5rem; flex-shrink: 0; border-radius: 0.75rem; object-fit: contain; object-position: center; box-shadow: 0 10px 15px rgba(59, 130, 246, 0.2); } #nfSiteFooter .nf-ft-brand-text { display: flex; flex-direction: column; gap: 0.2rem; line-height: 1.35; min-width: 0; flex: 1 1 auto; } #nfSiteFooter .nf-ft-brand-kicker { font-size: 10px; color: #94a3b8; line-height: 1.4; } #nfSiteFooter .nf-ft-brand-name { font-size: 1.125rem; font-weight: 700; color: #fff; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.25; } #nfSiteFooter .nf-ft-about { font-size: 0.8125rem; color: #64748b; line-height: 1.55; max-width: 22rem; margin: 0.75rem 0 0; } #nfSiteFooter .nf-ft-contact-col { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.8125rem; color: #64748b; line-height: 1.45; padding-top: 0.5rem; } @media (min-width: 1024px) { #nfSiteFooter .nf-ft-contact-col { padding-top: 0.75rem; } #nfSiteFooter .nf-ft-contact-office { grid-column: 1; grid-row: 2; } #nfSiteFooter .nf-ft-contact-pier1 { grid-column: 2; grid-row: 2; } #nfSiteFooter .nf-ft-contact-pier2 { grid-column: 3; grid-row: 2; } } #nfSiteFooter .nf-ft-contact-label { margin: 0 0 0.25rem; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #64748b; } #nfSiteFooter .nf-ft-contact-col p { margin: 0; } #nfSiteFooter .nf-ft-contact-col a { color: #94a3b8; text-decoration: none; transition: color 0.15s; width: fit-content; } #nfSiteFooter .nf-ft-contact-col a:hover { color: #22d3ee; } #nfSiteFooter .nf-ft-hours { color: #475569; font-size: 0.75rem; } #nfSiteFooter p, #nfSiteFooter ul, #nfSiteFooter li { margin: 0; padding: 0; } #nfSiteFooter a { color: inherit; } #nfSiteFooter .nf-ft-col h4 { margin: 0 0 0.75rem; font-size: 0.6875rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.06em; } #nfSiteFooter .nf-ft-col ul { list-style: none; margin: 0; padding: 0; } #nfSiteFooter .nf-ft-col li { margin: 0 0 0.45rem; } #nfSiteFooter .nf-ft-col li:last-child { margin-bottom: 0; } #nfSiteFooter .nf-ft-col a { font-size: 0.8125rem; color: #64748b; text-decoration: none; transition: color 0.15s; } #nfSiteFooter .nf-ft-col a:hover { color: #22d3ee; } #nfSiteFooter .nf-ft-bottom { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid rgba(30, 41, 59, 0.35); display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 1rem; text-align: center; } @media (min-width: 640px) { #nfSiteFooter .nf-ft-bottom { flex-direction: row; text-align: left; } } #nfSiteFooter .nf-ft-copy { margin: 0; font-size: 0.75rem; color: #475569; } #nfSiteFooter .nf-ft-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem 1.5rem; } #nfSiteFooter .nf-ft-legal a { font-size: 0.75rem; color: #475569; text-decoration: none; transition: color 0.15s; } #nfSiteFooter .nf-ft-legal a:hover { color: #94a3b8; } #nfSiteFooter .nf-ft-social { display: flex; align-items: center; gap: 0.75rem; } #nfSiteFooter .nf-ft-social a { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 0.5rem; color: #64748b; background: rgba(30, 41, 59, 0.5); text-decoration: none; font-size: 0.85rem; font-weight: 700; transition: color 0.15s, background 0.15s; } #nfSiteFooter .nf-ft-social a:hover { color: #22d3ee; background: rgba(30, 41, 59, 0.9); }