{"id":21,"date":"2026-04-07T12:49:25","date_gmt":"2026-04-07T12:49:25","guid":{"rendered":"http:\/\/seaspirithtml.notosweb.com\/contact\/"},"modified":"2026-04-07T20:58:36","modified_gmt":"2026-04-07T20:58:36","slug":"contact","status":"publish","type":"page","link":"https:\/\/seaspirithtml.notosweb.com\/en\/contact\/","title":{"rendered":"\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b95c54a elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b95c54a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8710b69\" data-id=\"8710b69\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-120a079 elementor-widget elementor-widget-html\" data-id=\"120a079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700&family=Inter:wght@300;400;500;600&family=Play:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700&subset=greek,latin&display=swap\" rel=\"stylesheet\">\n<style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --gold: #EAC381;\n      --gold-dark: #C4924A;\n      --gold-deeper: #9A7030;\n      --gold-light: #F2D9A8;\n      --navy: #07101E;\n      --navy-2: #0D1828;\n      --card-bg: #0F1C2E;\n      --border: rgba(234,195,129,0.18);\n      --muted: rgba(255,255,255,0.55);\n      --navbar-scrolled-bg: rgba(7,16,30,0.95);\n      --popup-bg: #060E1B;\n    }\n\n    html { scroll-behavior: smooth; }\n    body {\n      background: var(--navy);\n      color: #fff;\n      font-family: 'Inter', sans-serif;\n      min-height: 100vh;\n      overflow-x: hidden;\n    }\n\n    \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n    .navbar {\n      position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n      display: grid; grid-template-columns: 1fr auto 1fr;\n      align-items: center; padding: 0 2.5rem; height: 90px;\n      background: var(--navbar-scrolled-bg); border-bottom: 1px solid var(--border);\n      backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\n      transition: all 0.5s ease;\n    }\n    .navbar.scrolled { height: 72px; }\n    .nav-logo { grid-column: 2; display: flex; justify-content: center; }\n    .nav-logo img {\n      height: 52px; width: auto;\n      filter: drop-shadow(0 0 14px rgba(234,195,129,0.35));\n      transition: height 0.3s ease;\n    }\n    .navbar.scrolled .nav-logo img { height: 40px; }\n    .menu-trigger {\n      grid-column: 3; justify-self: end;\n      display: flex; align-items: center; gap: 12px;\n      cursor: pointer; background: none; border: none;\n      padding: 0.6rem 1.2rem; border: 1px solid rgba(234,195,129,0.35);\n      transition: all 0.3s ease; color: var(--gold-light);\n    }\n    .menu-trigger:hover { background: rgba(234,195,129,0.08); border-color: rgba(234,195,129,0.65); }\n    .menu-trigger-label {\n      font-family: 'Inter', sans-serif; font-size: 0.65rem;\n      font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold-light);\n    }\n    .menu-trigger-bars { display: flex; flex-direction: column; gap: 4px; }\n    .menu-trigger-bars span {\n      display: block; height: 1.5px; background: var(--gold); transition: all 0.35s ease;\n    }\n    .menu-trigger-bars span:nth-child(1) { width: 22px; }\n    .menu-trigger-bars span:nth-child(2) { width: 15px; }\n    .menu-trigger-bars span:nth-child(3) { width: 22px; }\n    .menu-trigger:hover .menu-trigger-bars span:nth-child(2) { width: 22px; }\n    @media (max-width: 1024px) {\n      .navbar { display: flex; justify-content: space-between; align-items: center; padding: 0 1.5rem; }\n      .nav-logo { grid-column: unset; flex: 1; justify-content: flex-start; }\n      .menu-trigger { grid-column: unset; order: 3; }\n    }\n    @media (max-width: 768px) {\n      .navbar { padding: 0 1.2rem; }\n      .menu-trigger-label { display: none; }\n    }\n\n    \/* \u2500\u2500\u2500 POPUP MENU \u2500\u2500\u2500 *\/\n    .popup-menu {\n      position: fixed; inset: 0; z-index: 2000;\n      display: flex; pointer-events: none; visibility: hidden;\n    }\n    .popup-panel {\n      position: relative; width: 480px; max-width: 90vw;\n      background: var(--popup-bg); border-right: 1px solid var(--border);\n      display: flex; flex-direction: column; justify-content: center;\n      padding: 5rem 4rem;\n      transform: translateX(-100%); transition: transform 0.6s cubic-bezier(.16,1,.3,1);\n    }\n    .popup-overlay {\n      flex: 1; background: rgba(7,16,30,0.65); backdrop-filter: blur(8px);\n      opacity: 0; transition: opacity 0.5s ease; cursor: pointer;\n    }\n    .popup-menu.open { pointer-events: all; visibility: visible; }\n    .popup-menu.open .popup-panel  { transform: translateX(0); }\n    .popup-menu.open .popup-overlay { opacity: 1; }\n    .popup-close {\n      position: absolute; top: 2rem; right: 2rem;\n      width: 48px; height: 48px;\n      border: 1px solid var(--border); background: none; cursor: pointer;\n      display: flex; align-items: center; justify-content: center;\n      color: var(--gold); transition: all 0.3s;\n    }\n    .popup-close:hover { background: rgba(234,195,129,0.1); border-color: var(--gold); }\n    .popup-close svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.8; }\n    .popup-logo { margin-bottom: 3rem; }\n    .popup-logo img { height: 52px; width: auto; opacity: 0.9; }\n    .popup-nav { list-style: none; display: flex; flex-direction: column; gap: 0; }\n    .popup-nav li { border-bottom: 1px solid rgba(234,195,129,0.08); overflow: hidden; }\n    .popup-nav li:first-child { border-top: 1px solid rgba(234,195,129,0.08); }\n    .popup-nav a {\n      display: flex; align-items: center; justify-content: space-between;\n      padding: 1.35rem 0;\n      font-family: 'Play', Georgia, serif;\n      font-size: clamp(1.4rem, 3vw, 1.9rem);\n      font-weight: 400; color: rgba(255,255,255,0.55);\n      transition: color 0.3s, padding-left 0.3s;\n      text-decoration: none;\n    }\n    .popup-nav a .nav-arrow {\n      width: 20px; height: 20px; stroke: var(--gold); fill: none;\n      stroke-width: 1.5; opacity: 0; transform: translateX(-6px); transition: all 0.3s;\n    }\n    .popup-nav a:hover { color: var(--gold-light); padding-left: 10px; }\n    .popup-nav a:hover .nav-arrow { opacity: 1; transform: translateX(0); }\n    .popup-nav a::before {\n      content: attr(data-num);\n      font-family: 'Inter', sans-serif; font-size: 0.6rem;\n      letter-spacing: 0.15em; color: var(--gold-deeper);\n      margin-right: 1rem; flex-shrink: 0; margin-top: 4px;\n    }\n    .popup-footer {\n      margin-top: 3rem; padding-top: 2rem;\n      border-top: 1px solid var(--border);\n      display: flex; flex-direction: column; gap: 0;\n    }\n    .popup-footer-label {\n      font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold);\n      margin-bottom: 1rem; display: block;\n    }\n    .popup-contact-item {\n      display: flex; align-items: center; gap: 0.9rem;\n      padding: 0.65rem 0; border-bottom: 1px solid rgba(234,195,129,0.07);\n      text-decoration: none; transition: padding-left 0.3s;\n    }\n    .popup-contact-item:last-of-type { border-bottom: none; }\n    .popup-contact-item:hover { padding-left: 6px; }\n    .popup-contact-icon {\n      width: 32px; height: 32px; flex-shrink: 0;\n      border: 1px solid var(--border); border-radius: 2px;\n      display: flex; align-items: center; justify-content: center;\n      background: rgba(234,195,129,0.04); transition: background 0.3s, border-color 0.3s;\n    }\n    .popup-contact-item:hover .popup-contact-icon { background: rgba(234,195,129,0.12); border-color: rgba(234,195,129,0.45); }\n    .popup-contact-icon svg { width: 14px; height: 14px; stroke: var(--gold); fill: none; stroke-width: 1.8; }\n    .popup-contact-text { font-size: 0.82rem; color: rgba(255,255,255,0.55); transition: color 0.3s; }\n    .popup-contact-item:hover .popup-contact-text { color: var(--gold-light); }\n    .popup-socials { display: flex; gap: 0.7rem; margin-top: 1.4rem; }\n    .popup-socials a {\n      display: flex; align-items: center; justify-content: center; gap: 0.5rem;\n      padding: 0.5rem 0.9rem; border: 1px solid var(--border); border-radius: 2px;\n      font-size: 0.62rem; letter-spacing: 0.15em; text-transform: uppercase;\n      color: rgba(255,255,255,0.55); transition: all 0.3s; background: rgba(234,195,129,0.02);\n    }\n    .popup-socials a svg { width: 13px; height: 13px; fill: currentColor; flex-shrink: 0; }\n    .popup-socials a:hover { color: var(--gold-light); border-color: rgba(234,195,129,0.45); background: rgba(234,195,129,0.08); }\n    .popup-menu.open .popup-nav li { animation: slideInLink 0.5s cubic-bezier(.16,1,.3,1) both; }\n    .popup-menu.open .popup-nav li:nth-child(1) { animation-delay: 0.15s; }\n    .popup-menu.open .popup-nav li:nth-child(2) { animation-delay: 0.22s; }\n    .popup-menu.open .popup-nav li:nth-child(3) { animation-delay: 0.29s; }\n    .popup-menu.open .popup-nav li:nth-child(4) { animation-delay: 0.36s; }\n    .popup-menu.open .popup-nav li:nth-child(5) { animation-delay: 0.43s; }\n    .popup-menu.open .popup-nav li:nth-child(6) { animation-delay: 0.50s; }\n    @keyframes slideInLink {\n      from { opacity: 0; transform: translateY(16px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* \u2500\u2500\u2500 PAGE HERO \u2500\u2500\u2500 *\/\n    .page-hero {\n      background: var(--navy-2);\n      padding: 140px 2rem 80px;\n      position: relative;\n      overflow: hidden;\n    }\n    .page-hero::before {\n      content: '';\n      position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n      background: radial-gradient(ellipse 60% 80% at 70% 50%, rgba(234,195,129,0.05) 0%, transparent 70%);\n      pointer-events: none;\n    }\n    .page-hero::after {\n      content: '';\n      position: absolute; bottom: 0; left: 0; right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    }\n    .hero-inner {\n      max-width: 900px;\n      margin: 0 auto;\n      position: relative;\n    }\n    .section-label {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.68rem; font-weight: 600;\n      letter-spacing: 0.35em; text-transform: uppercase;\n      color: var(--gold); margin-bottom: 1.2rem;\n      display: flex; align-items: center; gap: 0.8rem;\n    }\n    .section-label::after {\n      content: ''; flex: 1; max-width: 40px; height: 1px;\n      background: var(--gold); opacity: 0.5;\n    }\n    .hero-title {\n      font-family: 'Play', Georgia, serif;\n      font-size: clamp(3rem, 6vw, 5.5rem);\n      font-weight: 700; line-height: 1.05;\n      color: #fff; margin-bottom: 1.5rem;\n    }\n    .hero-title span { color: var(--gold); }\n    .hero-tagline {\n      font-family: 'Play', Georgia, serif;\n      font-style: italic; font-size: clamp(1.1rem, 2vw, 1.4rem);\n      color: rgba(255,255,255,0.65); line-height: 1.6; max-width: 640px;\n    }\n\n    \/* \u2500\u2500\u2500 CONTACT SECTION \u2500\u2500\u2500 *\/\n    .contact-section {\n      background: var(--navy);\n      padding: 6rem 2rem;\n    }\n    .contact-inner {\n      max-width: 1100px; margin: 0 auto;\n      display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start;\n    }\n\n    \/* \u2500\u2500\u2500 INFO CARDS \u2500\u2500\u2500 *\/\n    .contact-info-stack {\n      display: flex; flex-direction: column; gap: 1rem;\n    }\n    .contact-card {\n      background: var(--card-bg);\n      border: 1px solid var(--border);\n      padding: 1.4rem 1.6rem;\n      display: flex; align-items: center; gap: 1.2rem;\n      transition: border-color 0.3s, transform 0.3s;\n      text-decoration: none;\n    }\n    .contact-card:hover { border-color: rgba(234,195,129,0.45); transform: translateX(4px); }\n    .contact-card-icon {\n      width: 48px; height: 48px; flex-shrink: 0;\n      border: 1px solid rgba(234,195,129,0.2);\n      background: rgba(234,195,129,0.06);\n      display: flex; align-items: center; justify-content: center;\n      transition: background 0.3s, border-color 0.3s;\n    }\n    .contact-card:hover .contact-card-icon { background: rgba(234,195,129,0.12); border-color: rgba(234,195,129,0.45); }\n    .contact-card-icon svg { width: 20px; height: 20px; stroke: var(--gold); fill: none; stroke-width: 1.6; }\n    .contact-card-body { display: flex; flex-direction: column; gap: 0.25rem; }\n    .contact-card-label {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.6rem; font-weight: 700;\n      letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold-deeper);\n    }\n    .contact-card-value {\n      font-size: 0.9rem; font-weight: 500; color: #fff; font-family: 'Inter', sans-serif;\n    }\n\n    \/* \u2500\u2500\u2500 MAP \u2500\u2500\u2500 *\/\n    .contact-map {\n      margin-top: 1.5rem;\n      border: 1px solid var(--border);\n      overflow: hidden;\n    }\n    .contact-map iframe {\n      display: block; width: 100%; height: 350px; border: none;\n      filter: grayscale(30%) contrast(1.05);\n    }\n\n    \/* \u2500\u2500\u2500 FORM \u2500\u2500\u2500 *\/\n    .contact-form-wrap {\n      background: var(--card-bg);\n      border: 1px solid var(--border);\n      padding: 2.5rem;\n      position: relative;\n      overflow: hidden;\n    }\n    .contact-form-wrap::before {\n      content: '';\n      position: absolute; top: 0; left: 0; right: 0; height: 2px;\n      background: linear-gradient(90deg, var(--gold), var(--gold-dark));\n    }\n    .form-heading {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1.3rem; font-weight: 700; color: #fff;\n      margin-bottom: 0.5rem;\n    }\n    .form-sub {\n      font-size: 0.82rem; color: var(--muted);\n      font-family: 'Inter', sans-serif; line-height: 1.6;\n      margin-bottom: 2rem;\n    }\n    .form-group {\n      display: flex; flex-direction: column; gap: 0.5rem;\n      margin-bottom: 1.2rem;\n    }\n    .form-group label {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.62rem; font-weight: 700;\n      letter-spacing: 0.25em; text-transform: uppercase;\n      color: var(--gold);\n    }\n    .form-group input,\n    .form-group select,\n    .form-group textarea {\n      background: rgba(7,16,30,0.6);\n      border: 1px solid rgba(234,195,129,0.2);\n      color: #fff;\n      font-family: 'Inter', sans-serif;\n      font-size: 0.88rem;\n      padding: 0.75rem 1rem;\n      outline: none;\n      transition: border-color 0.3s, background 0.3s;\n      width: 100%;\n      -webkit-appearance: none;\n      appearance: none;\n    }\n    .form-group select {\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23EAC381' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\n      background-repeat: no-repeat;\n      background-position: right 1rem center;\n      padding-right: 2.5rem;\n      cursor: pointer;\n    }\n    .form-group select option { background: var(--navy-2); color: #fff; }\n    .form-group textarea { resize: vertical; min-height: 130px; line-height: 1.6; }\n    .form-group input::placeholder,\n    .form-group textarea::placeholder { color: rgba(255,255,255,0.3); }\n    .form-group input:focus,\n    .form-group select:focus,\n    .form-group textarea:focus {\n      border-color: var(--gold);\n      background: rgba(234,195,129,0.04);\n    }\n    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n    .btn-gold {\n      display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;\n      background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n      color: var(--navy); font-family: 'Montserrat', sans-serif;\n      font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em;\n      text-transform: uppercase; padding: 0.85rem 2rem;\n      border: none; cursor: pointer; text-decoration: none; width: 100%;\n      transition: opacity 0.2s, transform 0.2s;\n      margin-top: 0.5rem;\n    }\n    .btn-gold:hover { opacity: 0.9; transform: translateY(-1px); }\n    .btn-gold svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; }\n\n    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n    .container { max-width: 100%; margin: 0 auto; padding: 0 2rem; }\n    .footer { background: #050D18; border-top: 1px solid var(--border); padding: 70px 0 0; }\n    .footer-grid {\n      display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 4rem; margin-bottom: 4rem;\n    }\n    .footer-brand img { height: 38px; width: auto; margin-bottom: 1.5rem; }\n    .footer-brand p { font-size: 0.82rem; line-height: 1.85; color: rgba(255,255,255,0.55); max-width: 280px; margin-bottom: 2rem; }\n    .footer-brand-tagline {\n      font-family: 'Play', Georgia, serif; font-style: italic;\n      font-size: 0.9rem; color: #F2D9A8; line-height: 1.5; margin-bottom: 1.5rem;\n    }\n    .footer-socials { display: flex; gap: 0.8rem; }\n    .footer-social {\n      width: 38px; height: 38px; border: 1px solid var(--border); border-radius: 2px;\n      display: flex; align-items: center; justify-content: center;\n      color: rgba(255,255,255,0.55); transition: all 0.3s;\n    }\n    .footer-social:hover { background: rgba(234,195,129,0.1); border-color: var(--gold); color: #F2D9A8; }\n    .footer-social svg { width: 16px; height: 16px; fill: currentColor; }\n    .footer-col h5 {\n      font-size: 0.7rem; font-weight: 600; letter-spacing: 0.25em;\n      text-transform: uppercase; color: var(--gold);\n      margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 1px solid var(--border);\n    }\n    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; }\n    .footer-col ul li a {\n      font-size: 0.82rem; color: rgba(255,255,255,0.55); transition: color 0.3s;\n      display: flex; align-items: center; gap: 6px; text-decoration: none;\n    }\n    .footer-col ul li a::before { content: '\u2014'; color: var(--gold-deeper); font-size: 0.7rem; }\n    .footer-col ul li a:hover { color: #F2D9A8; }\n    .footer-contact p { font-size: 0.82rem; color: rgba(255,255,255,0.55); line-height: 2; }\n    .footer-contact strong { color: #F5F0E8; }\n    .footer-bottom {\n      border-top: 1px solid var(--border); padding: 1.5rem 0;\n      display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\n    }\n    .footer-bottom p { font-size: 0.72rem; color: rgba(255,255,255,0.55); }\n    .footer-bottom a { color: var(--gold); transition: color 0.3s; text-decoration: none; }\n    .footer-bottom a:hover { color: #F2D9A8; }\n    .footer-legal { display: flex; gap: 1.5rem; }\n    @media (max-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: 3rem; } }\n    @media (max-width: 768px) {\n      .footer-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n      .footer-bottom { flex-direction: column; text-align: center; }\n    }\n\n    \/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\n    .reveal {\n      opacity: 0; transform: translateY(30px);\n      transition: opacity 0.65s ease, transform 0.65s ease;\n    }\n    .reveal.visible { opacity: 1; transform: translateY(0); }\n    .reveal-delay-1 { transition-delay: 0.1s; }\n    .reveal-delay-2 { transition-delay: 0.2s; }\n    .reveal-delay-3 { transition-delay: 0.3s; }\n    .reveal-delay-4 { transition-delay: 0.4s; }\n\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n    @media (max-width: 1024px) {\n      .contact-inner { grid-template-columns: 1fr; gap: 3rem; }\n    }\n    @media (max-width: 768px) {\n      .page-hero { padding: 120px 1.2rem 60px; }\n      .contact-section { padding: 4rem 1.2rem; }\n      .contact-form-wrap { padding: 1.8rem 1.4rem; }\n      .form-row { grid-template-columns: 1fr; }\n    }\n  <\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d5aa932 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d5aa932\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e2c30b5\" data-id=\"e2c30b5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6c9c98 elementor-widget elementor-widget-html\" data-id=\"c6c9c98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- POPUP MENU -->\n  <!-- ============================================================\n     POPUP MENU\n     ============================================================ -->\n<!-- ============================================================\n     POPUP MENU\n     ============================================================ -->\n<div class=\"popup-menu\" id=\"popupMenu\">\n  <div class=\"popup-panel\">\n    <button class=\"popup-close\" id=\"popupClose\">\n      <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n\n    <div class=\"popup-logo\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n    <\/div>\n\n    <ul class=\"popup-nav\">\n      <li>\n        <a href=\"\/\" data-num=\"01\">\n          Home\n          <svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/li>\n      <li>\n        <a href=\"\/about\/\" data-num=\"02\">\n          \u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u0395\u03bc\u03ac\u03c2\n          <svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/li>\n      <li>\n        <a href=\"\/services\/\" data-num=\"03\">\n          \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2\n          <svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/li>\n      <li>\n        <a href=\"\/aquaspirit\/\" data-num=\"04\">\n          AquaSpirit\n          <svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/li>\n      <li><a href=\"\/contact\/\" data-num=\"05\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n    <\/ul>\n\n    <div class=\"popup-footer\">\n      <span class=\"popup-footer-label\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/span>\n\n      <a href=\"mailto:info@ssmarine.gr\" class=\"popup-contact-item\">\n        <div class=\"popup-contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n        <\/div>\n        <span class=\"popup-contact-text\">info@ssmarine.gr<\/span>\n      <\/a>\n\n      <a href=\"tel:+302109943580\" class=\"popup-contact-item\">\n        <div class=\"popup-contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.89 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012.81 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 8.72a16 16 0 006.29 6.29l1.08-1.08a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n        <\/div>\n        <span class=\"popup-contact-text\">+30 210 9943580<\/span>\n      <\/a>\n\n      <div class=\"popup-socials\">\n        \n        <a href=\"https:\/\/www.instagram.com\/ssmarine_\/\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n          Instagram\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"popup-overlay\" id=\"popupOverlay\"><\/div>\n<\/div>\n\n  <!-- NAVBAR -->\n  <nav class=\"navbar\" id=\"navbar\">\n    <a href=\"\/\" class=\"nav-logo\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n    <\/a>\n    <button class=\"menu-trigger\" id=\"menuTrigger\" aria-label=\"Open Menu\">\n      <span class=\"menu-trigger-label\">Menu<\/span>\n      <div class=\"menu-trigger-bars\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/div>\n    <\/button>\n  <\/nav>\n\n  <!-- PAGE HERO -->\n  <section class=\"page-hero\">\n    <div class=\"hero-inner reveal\">\n      <div class=\"section-label\">Sea Spirit<\/div>\n      <h1 class=\"hero-title\"><span>\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/span><\/h1>\n      <p class=\"hero-tagline\">\u0395\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b5\u03b4\u03ce \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7 \u03c3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2 \u03c3\u03b1\u03c2.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- CONTACT SECTION -->\n  <section class=\"contact-section\">\n    <div class=\"contact-inner\">\n\n      <!-- LEFT: Info Cards + Map -->\n      <div class=\"reveal\">\n        <div class=\"contact-info-stack\">\n\n          <!-- Address -->\n          <div class=\"contact-card\">\n            <div class=\"contact-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-card-body\">\n              <span class=\"contact-card-label\">\u0394\u03b9\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7<\/span>\n              <span class=\"contact-card-value\">\u0391\u03c1\u03b1\u03c7\u03ce\u03b2\u03b7\u03c2 6, \u0391\u03c1\u03b3\u03c5\u03c1\u03bf\u03cd\u03c0\u03bf\u03bb\u03b7<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Phone 1 -->\n          <a href=\"tel:+302109943580\" class=\"contact-card\">\n            <div class=\"contact-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.89 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012.81 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 8.72a16 16 0 006.29 6.29l1.08-1.08a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-card-body\">\n              <span class=\"contact-card-label\">\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf<\/span>\n              <span class=\"contact-card-value\">+30 210 9943580<\/span>\n            <\/div>\n          <\/a>\n\n          <!-- Phone 2 -->\n          <a href=\"tel:+306980682588\" class=\"contact-card\">\n            <div class=\"contact-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-card-body\">\n              <span class=\"contact-card-label\">\u039a\u03b9\u03bd\u03b7\u03c4\u03cc<\/span>\n              <span class=\"contact-card-value\">+30 698 0682588<\/span>\n            <\/div>\n          <\/a>\n\n          <!-- Email -->\n          <a href=\"mailto:info@ssmarine.gr\" class=\"contact-card\">\n            <div class=\"contact-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-card-body\">\n              <span class=\"contact-card-label\">Email<\/span>\n              <span class=\"contact-card-value\">info@ssmarine.gr<\/span>\n            <\/div>\n          <\/a>\n\n          <!-- Instagram -->\n          <a href=\"https:\/\/www.instagram.com\/ssmarine_\/\" target=\"_blank\" rel=\"noopener\" class=\"contact-card\">\n            <div class=\"contact-card-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.6\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-card-body\">\n              <span class=\"contact-card-label\">Instagram<\/span>\n              <span class=\"contact-card-value\">@ssmarine_<\/span>\n            <\/div>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- RIGHT: Contact Form -->\n      <div class=\"contact-form-wrap reveal reveal-delay-1\">\n        <h2 class=\"form-heading\">\u03a3\u03c4\u03b5\u03af\u03bb\u03c4\u03b5 \u03bc\u03b1\u03c2 \u039c\u03ae\u03bd\u03c5\u03bc\u03b1<\/h2>\n        <p class=\"form-sub\">\u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03b7 \u03c6\u03cc\u03c1\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03b8\u03b1 \u03c3\u03b1\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03c3\u03c5\u03bd\u03c4\u03bf\u03bc\u03cc\u03c4\u03b5\u03c1\u03bf \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc.<\/p>\n\n        <form id=\"contactForm\" novalidate>\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label for=\"name\">\u038c\u03bd\u03bf\u03bc\u03b1<\/label>\n              <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"\u03a4\u03bf \u03cc\u03bd\u03bf\u03bc\u03ac \u03c3\u03b1\u03c2\" required>\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"email\">Email<\/label>\n              <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"email@\u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1.gr\" required>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label for=\"phone\">\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf<\/label>\n              <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+30 210 0000000\">\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"subject\">\u0398\u03ad\u03bc\u03b1<\/label>\n              <select id=\"subject\" name=\"subject\" required>\n                <option value=\"\" disabled selected>\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03b8\u03ad\u03bc\u03b1<\/option>\n                <option value=\"desalination\">\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7<\/option>\n                <option value=\"aircon\">\u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2<\/option>\n                <option value=\"services\">\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/option>\n                <option value=\"other\">\u0386\u03bb\u03bb\u03bf<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"message\">\u039c\u03ae\u03bd\u03c5\u03bc\u03b1<\/label>\n            <textarea id=\"message\" name=\"message\" placeholder=\"\u03a0\u03b5\u03c1\u03b9\u03b3\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7 \u03c3\u03b1\u03c2 \u03ae \u03b8\u03ad\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2...\" required><\/textarea>\n          <\/div>\n\n          <button type=\"submit\" class=\"btn-gold\">\n            \u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u039c\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2\n            <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n          <\/button>\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- GOOGLE MAPS \u2014 full width -->\n  <section style=\"line-height:0; border-top:1px solid rgba(234,195,129,0.18);\">\n    <iframe\n      src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3145.2!2d23.7514!3d37.9012!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzfCsDU0JzA0LjMiTiAyM8KwNDUnMDUuMCJF!5e0!3m2!1sel!2sgr!4v1700000000000!5m2!1sel!2sgr\"\n      width=\"100%\"\n      height=\"480\"\n      style=\"display:block; border:none; filter:grayscale(25%) contrast(1.05);\"\n      allowfullscreen=\"\"\n      loading=\"lazy\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n      title=\"Sea Spirit \u2014 \u0391\u03c1\u03b1\u03c7\u03ce\u03b2\u03b7\u03c2 6, \u0391\u03c1\u03b3\u03c5\u03c1\u03bf\u03cd\u03c0\u03bf\u03bb\u03b7\"\n    ><\/iframe>\n  <\/section>\n\n  <!-- FOOTER -->\n\n  <script>\n    \/\/ Navbar scroll\n    var navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', function() {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n\n    \/\/ Popup menu\n    var menuTrigger  = document.getElementById('menuTrigger');\n    var popupMenu    = document.getElementById('popupMenu');\n    var popupClose   = document.getElementById('popupClose');\n    var popupOverlay = document.getElementById('popupOverlay');\n    function openMenu()  { popupMenu.classList.add('open');    document.body.style.overflow = 'hidden'; }\n    function closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n    menuTrigger.addEventListener('click', openMenu);\n    popupClose.addEventListener('click', closeMenu);\n    popupOverlay.addEventListener('click', closeMenu);\n    document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeMenu(); });\n\n    \/\/ Scroll reveal\n    var revealEls = document.querySelectorAll('.reveal');\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1 });\n    revealEls.forEach(function(el) { observer.observe(el); });\n\n    \/\/ Form submit (frontend only)\n    document.getElementById('contactForm').addEventListener('submit', function(e) {\n      e.preventDefault();\n      var btn = this.querySelector('button[type=\"submit\"]');\n      btn.textContent = '\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae...';\n      btn.disabled = true;\n      setTimeout(function() {\n        btn.textContent = '\u03a4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1 \u03b5\u03c3\u03c4\u03ac\u03bb\u03b7!';\n        setTimeout(function() {\n          btn.innerHTML = '\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u039c\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2 <svg viewBox=\"0 0 24 24\" style=\"width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>';\n          btn.disabled = false;\n        }, 3000);\n      }, 1200);\n    });\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-911d919 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"911d919\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ecddcf\" data-id=\"4ecddcf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b7eb625 elementor-widget elementor-widget-html\" data-id=\"b7eb625\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n    \/\/ Navbar scroll\n    var navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', function() {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n\n    \/\/ Popup menu\n    var menuTrigger  = document.getElementById('menuTrigger');\n    var popupMenu    = document.getElementById('popupMenu');\n    var popupClose   = document.getElementById('popupClose');\n    var popupOverlay = document.getElementById('popupOverlay');\n    function openMenu()  { popupMenu.classList.add('open');    document.body.style.overflow = 'hidden'; }\n    function closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n    menuTrigger.addEventListener('click', openMenu);\n    popupClose.addEventListener('click', closeMenu);\n    popupOverlay.addEventListener('click', closeMenu);\n    document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeMenu(); });\n\n    \/\/ Scroll reveal\n    var revealEls = document.querySelectorAll('.reveal');\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1 });\n    revealEls.forEach(function(el) { observer.observe(el); });\n\n    \/\/ Form submit (frontend only)\n    document.getElementById('contactForm').addEventListener('submit', function(e) {\n      e.preventDefault();\n      var btn = this.querySelector('button[type=\"submit\"]');\n      btn.textContent = '\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae...';\n      btn.disabled = true;\n      setTimeout(function() {\n        btn.textContent = '\u03a4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1 \u03b5\u03c3\u03c4\u03ac\u03bb\u03b7!';\n        setTimeout(function() {\n          btn.innerHTML = '\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u039c\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2 <svg viewBox=\"0 0 24 24\" style=\"width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>';\n          btn.disabled = false;\n        }, 3000);\n      }, 1200);\n    });\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d4b0b43c elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d4b0b43c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-01c18dba\" data-id=\"01c18dba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8282ce14 elementor-widget elementor-widget-shortcode\" data-id=\"8282ce14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.ss-footer{--ss-footer-bg:#050D18;--ss-border:rgba(234,195,129,0.18);--ss-muted:rgba(255,255,255,0.55);--ss-gold:#EAC381;--ss-gold-light:#F2D9A8;--ss-gold-deeper:#9A7030;--ss-off-white:#F5F0E8;--ss-font-serif:'Lora',Georgia,serif;background:var(--ss-footer-bg);border-top:1px solid var(--ss-border);padding:70px 0 0;color:#fff;font-family:'Inter',sans-serif;}\n.ss-footer .ss-container{max-width:1280px;margin:0 auto;padding:0 2rem;}\n.ss-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;}\n.ss-footer-brand img{height:38px;width:auto;margin-bottom:1.5rem;}\n.ss-footer-brand p{font-size:0.82rem;line-height:1.85;color:var(--ss-muted);max-width:280px;margin-bottom:2rem;}\n.ss-footer-brand-tagline{font-family:var(--ss-font-serif);font-style:italic;font-size:0.9rem;color:var(--ss-gold-light);line-height:1.5;margin-bottom:1.5rem;}\n.ss-footer-socials{display:flex;gap:0.8rem;margin-top:1.5rem;}\n.ss-footer-social{width:38px;height:38px;border:1px solid var(--ss-border);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--ss-muted);transition:all 0.3s;text-decoration:none;}\n.ss-footer-social:hover{background:rgba(234,195,129,0.1);border-color:var(--ss-gold);color:var(--ss-gold-light);}\n.ss-footer-social svg{width:16px;height:16px;fill:currentColor;}\n.ss-footer-col h5{font-size:0.7rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--ss-gold);margin-bottom:1.5rem;padding-bottom:0.8rem;border-bottom:1px solid var(--ss-border);}\n.ss-footer-col ul{display:flex;flex-direction:column;gap:0.6rem;list-style:none;padding:0;margin:0;}\n.ss-footer-col ul li a{font-size:0.82rem;color:var(--ss-muted);transition:color 0.3s;display:flex;align-items:center;gap:6px;text-decoration:none;}\n.ss-footer-col ul li a::before{content:'\u2014';color:var(--ss-gold-deeper);font-size:0.7rem;}\n.ss-footer-col ul li a:hover{color:var(--ss-gold-light);}\n.ss-footer-contact p{font-size:0.82rem;color:var(--ss-muted);line-height:2;}\n.ss-footer-contact strong{color:var(--ss-off-white);}\n.ss-footer-bottom{border-top:1px solid var(--ss-border);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.ss-footer-bottom p{font-size:0.72rem;color:var(--ss-muted);}\n.ss-footer-bottom a{color:var(--ss-gold);transition:color 0.3s;text-decoration:none;}\n.ss-footer-bottom a:hover{color:var(--ss-gold-light);}\n.ss-footer-legal{display:flex;gap:1.5rem;}\n@media (max-width:1024px){.ss-footer-grid{grid-template-columns:1fr 1fr;gap:3rem;}}\n@media (max-width:768px){.ss-footer-grid{grid-template-columns:1fr;gap:2.5rem;}}\n@media (max-width:480px){.ss-footer-bottom{flex-direction:column;text-align:center;}}\n<\/style>\n<footer class=\"ss-footer\">\n  <div class=\"ss-container\">\n    <div class=\"ss-footer-grid\">\n      <div class=\"ss-footer-brand\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n        <p class=\"ss-footer-brand-tagline\">\u00ab\u0391\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1. \u03a3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b1. \u0391\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.\u00bb<\/p>\n        \n        <div class=\"ss-footer-socials\">\n          <a href=\"https:\/\/www.instagram.com\/ssmarine_\/\" class=\"ss-footer-social\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/h5>\n        <ul>\n          <li><a href=\"\/services\/\">\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7 \u039d\u03b5\u03c1\u03bf\u03cd<\/a><\/li>\n          <li><a href=\"\/services\/\">\u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 HVAC<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ac \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ac<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u0394\u03b9\u03b1\u03b3\u03bd\u03c9\u03c3\u03c4\u03b9\u03ba\u03ac<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u0395\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1<\/h5>\n        <ul>\n          <li><a href=\"\/about\/\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b5\u03bc\u03ac\u03c2<\/a><\/li>\n          <li><a href=\"\/aquaspirit\/\">AquaSpirit<\/a><\/li>\n          <li><a href=\"\/contact\/\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/a><\/li>\n          <li><a href=\"\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a><\/li>\n          <li><a href=\"\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col ss-footer-contact\">\n        <h5>\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/h5>\n        <p><strong>Email<\/strong><br>info@ssmarine.gr<\/p>\n        <br>\n        <p><strong>\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf<\/strong><br>+30 210 9943580<\/p>\n        <br>\n        <p><strong>\u039a\u03b9\u03bd\u03b7\u03c4\u03cc<\/strong><br>+30 698 0682588<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"ss-footer-bottom\">\n      <p>\u00a9 2026 Sea Spirit. Designed by <a href=\"https:\/\/notosweb.com\" target=\"_blank\" rel=\"noopener\">NotosWeb<\/a><\/p>\n      <div class=\"ss-footer-legal\">\n        <a href=\"\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a>\n        <a href=\"\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":1,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}