https://www.slyservice.com/ Skip to main content

S.S. SECURITY e BODYGUARD

/* Font e Variabili */ @import url('https://www.slyservice.com/wp-content/cache/flying-press/454309e3c589.google-font.css'); :root { --yellow: #f5b321; --dark: #0b0f14; --white: #ffffff; --light-bg: #f8f9fa; --purple: #7c5dfa; /* Viola Chiaro */ --purple-hover: #6949e2; } /* ----- HEADER FULL-WIDTH ----- */ .custom-header { position: relative; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; min-height: 750px; background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://www.slyservice.com/wp-content/uploads/2026/03/999ae3eb2f882ecdb9b86658ed0b5d82ba0dc5c0.png'); background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center; padding: 100px 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; } .header-content { max-width: 1300px; margin: 0 auto; width: 100%; z-index: 2; padding: 0 40px; } .header-columns { display: flex; justify-content: center; text-align: center; } .header-right-text { flex: 1; max-width: 850px; } .header-right-text h1 { font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 800; margin-bottom: 25px; line-height: 0.9; letter-spacing: -3px; color: var(--white) !important; text-transform: uppercase; } .header-right-text h2 { font-size: 1.3rem; font-weight: 400; margin-bottom: 40px; line-height: 1.6; color: #e0e0e0 !important; margin-left: auto; margin-right: auto; max-width: 650px; } .header-right-text h2 strong { color: var(--purple); font-weight: 700; } /* --- BOTTONI --- */ .btn-header { padding: 18px 45px; border-radius: 12px; text-decoration: none; font-weight: 800; display: inline-flex; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; border: 2px solid var(--purple); background: var(--purple); color: var(--white) !important; } .btn-header:hover { background: var(--purple-hover); border-color: var(--purple-hover); transform: translateY(-2px); } /* Logica Visibilità */ .desktop-only { display: inline-flex; } .mobile-only { display: none; } /* 📱 RESPONSIVE */ @media (max-width: 991px) { .custom-header { width: 100%; left: 0; right: 0; margin: 0; padding: 60px 0; background-attachment: scroll; } .header-right-text h1 { font-size: 3rem; } .desktop-only { display: none; } .mobile-only { display: inline-flex; width: 100%; justify-content: center; } }

Contatta
Sly Service

Soluzioni di sicurezza personalizzate in Italia e all'estero, con supporto rapido e operativo 24/7

Request a quote

Per richieste urgenti contattare il numero:

+39 345 3687742

    /* ----- SEZIONE CONTATTI SLY SERVICE ----- */ .sly-contact-section { display: flex; justify-content: center; gap: 20px; padding: 60px 20px; background-color: #f9f9f9; font-family: 'Inter', sans-serif; } .contact-card { background: #ffffff; border-radius: 20px; padding: 30px; flex: 1; max-width: 380px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); display: flex; flex-direction: column; } .card-header { background: #e0e0e0; padding: 10px 20px; border-radius: 10px; display: inline-block; width: fit-content; margin-bottom: 25px; } .card-header h4 { margin: 0; font-size: 1.2rem; font-weight: 700; color: #333; } .contact-card p { font-size: 0.95rem; line-height: 1.5; color: #333; margin-bottom: 15px; } .contact-card strong { font-weight: 700; } /* BOX NERI CON ICONE */ .black-info-box { background: #000000; color: #ffffff !important; padding: 12px 20px; border-radius: 10px; display: flex; align-items: center; gap: 15px; margin-bottom: 12px; text-decoration: none; transition: transform 0.2s; } .black-info-box:hover { transform: translateY(-2px); } .black-info-box span { color: #ffffff !important; font-size: 0.95rem; font-weight: 500; } .info-label { font-weight: 700; margin: 15px 0 10px 0; display: block; } /* RESPONSIVE */ @media (max-width: 991px) { .sly-contact-section { flex-direction: column; align-items: center; } .contact-card { width: 100%; max-width: 500px; } /* FIX EMAIL E TESTO SU MOBILE */ .black-info-box { padding: 12px 10px; gap: 8px; } .black-info-box span { font-size: 0.85rem; white-space: nowrap; } }

    Telefono

    Disponibile per informazioni sui servizi e supporto tecnico.

    Telefono e supporto per l'Italia:
    Disponibile 24/7

    +39 345 3687742+39 320 9024840

    Telefono e supporto estero:
    Disponibile 24/7

    +39 340 5498298

    Sede operativa Milano

    Centro Direzionale Milanofiori - Viale Milanofiori, Strada 4, Palazzo Q5
    /* ----- SEZIONE NETWORK SLY SERVICE - FINALE ----- */ .sly-net-box { background-color: #000000; color: #ffffff; width: 95%; max-width: 1200px; margin: 50px auto; padding: 80px 20px; border-radius: 30px; text-align: center; font-family: 'Inter', sans-serif; box-sizing: border-box; } .sly-net-header { max-width: 850px; margin: 0 auto 50px auto; } /* TITOLO: Forza il colore bianco e lo spessore 800 */ .sly-net-header h2 { font-size: clamp(2.5rem, 5vw, 3.8rem); font-weight: 800 !important; color: #ffffff !important; margin: 0 0 20px 0; line-height: 1.1; letter-spacing: -2px; text-transform: none; } .sly-net-header p { font-size: 1.1rem; line-height: 1.6; color: #cccccc; margin: 0; } .sly-net-header strong { color: #ffffff; font-weight: 700; } /* Container Mappa PULITO senza alcun elemento sovrapposto */ .sly-map-wrapper { width: 100%; max-width: 1000px; margin: 0 auto; position: relative; } .sly-map-clean { width: 100%; height: auto; display: block; /* Rimuove eventuali filtri se l'immagine è già corretta */ filter: none; } @media (max-width: 768px) { .sly-net-box { padding: 50px 15px; } .sly-net-header h2 { font-size: 2.2rem; } }

    Network operativo
    nazionale e internazionale

    Operiamo con sedi e referenti in Italia e all'estero per rispondere rapidamente a esigenze di sicurezza, eventi e protezione personalizzata

    Sly Service Network
    /* ----- SEZIONE LOCALITÀ SLY SERVICE - SOTTOLINEATURA FISSA ----- */ .sly-locations-container { display: flex; justify-content: center; align-items: stretch; gap: 20px; padding: 60px 20px; max-width: 1200px; margin: 0 auto; font-family: 'Inter', sans-serif; } .location-card { background: #f2f2f2; border-radius: 25px; overflow: hidden; flex: 1; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .location-card img { width: 100%; height: 220px; object-fit: cover; } .location-content { padding: 30px; flex-grow: 1; display: flex; flex-direction: column; } .location-content h3 { font-size: 1.8rem; font-weight: 800; margin: 0 0 20px 0; } .city-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .city-list { list-style: none; padding: 0; margin: 0; } .city-list li { font-size: 0.92rem; margin-bottom: 6px; display: flex; align-items: center; white-space: nowrap; } /* Stile Link: SOTTOLINEATURA FISSA */ .city-list li a { text-decoration: underline; text-underline-offset: 3px; color: #333; display: flex; align-items: center; transition: color 0.3s ease; } .city-list li a:hover { color: #432da1; } .city-list li::before { content: "•"; margin-right: 8px; font-weight: bold; color: #333; text-decoration: none; display: inline-block; } .full-img-card { background: none; box-shadow: none; } .full-img-card img { height: 100%; border-radius: 25px; } @media (max-width: 991px) { .sly-locations-container { flex-direction: column; } .location-card { width: 100%; height: auto; } .full-img-card img { height: 400px; } }
    /* Font e Variabili */ @import url('https://www.slyservice.com/wp-content/cache/flying-press/454309e3c589.google-font.css'); :root { --yellow: #f5b321; --dark: #0b0f14; --white: #ffffff; --light-bg: #f8f9fa; --purple: #7c5dfa; --purple-hover: #6949e2; } /* ----- SEZIONE RECRUITMENT ----- */ .recruitment-section { position: relative; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; min-height: 750px; background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url('https://www.slyservice.com/wp-content/uploads/2026/03/999ae3eb2f882ecdb9b86658ed0b5d82ba0dc5c0.png'); background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center; padding: 100px 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; } .recruitment-content { max-width: 1300px; margin: 0 auto; width: 100%; z-index: 2; padding: 0 40px; box-sizing: border-box; } .recruitment-columns { display: flex; gap: 60px; align-items: center; justify-content: space-between; } .recruitment-info { flex: 1.2; } .recruitment-info h2 { font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 800; margin-bottom: 25px; color: var(--white) !important; text-transform: uppercase; } .recruitment-info h2 span { color: var(--purple); } .recruitment-alert-box { background: rgba(255, 255, 255, 0.05); border-left: 4px solid var(--purple); padding: 30px; border-radius: 0 15px 15px 0; margin-top: 30px; text-align: left; } .recruitment-alert-box h4 { color: #ff4d4d; text-transform: uppercase; font-weight: 700; margin-bottom: 15px; } .recruitment-alert-box p { color: #e0e0e0; line-height: 1.6; font-size: 1.1rem; } .contact-details { list-style: none; padding: 0; margin: 20px 0 0 0; } .contact-details li { color: var(--white); font-size: 1.2rem; font-weight: 600; margin-bottom: 12px; display: flex; flex-direction: column; } .contact-details li a { color: var(--purple); text-decoration: none; transition: 0.3s; word-break: break-all; } /* --- COLONNA FORM --- */ .recruitment-form-wrap { flex: 0 0 480px; background: var(--light-bg); padding: 45px; border-radius: 25px; box-shadow: 0 30px 60px rgba(0,0,0,0.5); box-sizing: border-box; max-width: 100%; } .recruitment-form-wrap .wpcf7-form-control:not(.wpcf7-submit) { width: 100% !important; background: #ffffff !important; border: 1px solid #ddd !important; border-radius: 10px !important; padding: 15px !important; margin-bottom: 15px !important; font-size: 1rem !important; box-sizing: border-box; } /* FIX PULSANTE INVIA */ .recruitment-form-wrap .wpcf7-submit { display: block; width: 100% !important; max-width: 100% !important; background: var(--purple) !important; color: var(--white) !important; padding: 18px 20px !important; border-radius: 10px !important; font-weight: 800 !important; border: none !important; cursor: pointer; text-transform: uppercase; box-sizing: border-box; transition: 0.3s; white-space: normal; } .recruitment-form-wrap .wpcf7-submit:hover { background: var(--purple-hover) !important; transform: translateY(-2px); } /* 📱 RESPONSIVE */ @media (max-width: 991px) { .recruitment-section { width: 100%; left: 0; right: 0; margin: 0; padding: 60px 0; background-attachment: scroll; } .recruitment-content { padding: 0 20px; } .recruitment-columns { flex-direction: column; text-align: center; gap: 40px; } .recruitment-alert-box { border-left: none; border-top: 4px solid var(--purple); border-radius: 15px; text-align: center; } .contact-details li { align-items: center; } /* FIX EMAIL SU UNA RIGA */ .contact-details li a[href^="mailto:"] { font-size: 0.85rem !important; word-break: normal !important; white-space: nowrap; } .recruitment-form-wrap { width: 100%; flex: none; padding: 30px 20px; } }

    Lavora con
    Sly Service

    ⚠️ CANALE UNICO RECRUITMENT

    Tutte le candidature devono essere indirizzate esclusivamente al Comandante Operativo:

    Le richieste inviate ad altri indirizzi o uffici non verranno elaborate.






      document.addEventListener('wpcf7mailsent', function(event) { // Verifica se il form inviato è dentro il container #recruitment-form-container if (event.target.closest('#recruitment-form-container')) { // Delay di 300ms per assicurare che CF7 completi l'animazione di successo setTimeout(function() { window.location.href = 'https://www.slyservice.com/grazie-per-averci-contattato/'; }, 300); } }, false);
      /* ----- SEZIONE DIVENTA FORNITORE (VERSIONE CONTATTI - FULL WIDTH CON IMMAGINE) ----- */ .sly-contact-provider-section { position: relative; /* Forza il full-width su qualsiasi template, anche limitato */ width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; min-height: 500px; /* Altezza media per non appesantire troppo la pagina contatti */ /* Immagine fornita: operatore di sicurezza con adesivi */ background-image: url('https://www.slyservice.com/wp-content/uploads/2026/03/33404efceb6bfe41a28b3afb41ba900cf9511b57.png'); background-size: cover; background-position: center; background-attachment: fixed; /* Effetto parallasse leggero */ display: flex; align-items: center; justify-content: center; font-family: 'Inter', sans-serif; /* Font istituzionale */ color: white; overflow: hidden; margin-top: 80px; /* Distanza dalle sezioni contatti precedenti */ margin-bottom: 80px; /* Distanza dal footer */ border-radius: 25px; /* Angoli arrotondati come le card della mappa */ box-shadow: 0 15px 40px rgba(0,0,0,0.12); } /* Overlay BN e Scurimento per leggibilità del testo */ .sly-contact-provider-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); /* Un po' più scuro per far risaltare il bianco */ backdrop-filter: grayscale(100%); /* Filtro Bianco e Nero come da brand */ z-index: 1; } .sly-provider-cta-container { position: relative; z-index: 2; max-width: 900px; /* Limite per non sgranare il testo su schermi giganti */ width: 90%; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 25px; } /* Titolo: Pulito, Bianco e Istituzionale */ .sly-provider-cta-container h2 { font-size: clamp(2.5rem, 6vw, 4rem); /* Dimensione scalabile */ font-weight: 800; line-height: 1.1; margin: 0; color: #ffffff !important; /* Forza il bianco puro */ text-transform: none; } /* Sottotitolo descrittivo */ .sly-provider-cta-container p { font-size: 1.15rem; line-height: 1.6; margin: 0; color: rgba(255,255,255,0.9); max-width: 650px; } /* Bottone Viola Brand Sly Service */ .sly-btn-purple-wide { display: inline-flex; align-items: center; background-color: #432da1; /* Viola Brand ufficiale */ color: #ffffff !important; padding: 18px 45px; border-radius: 12px; text-decoration: none; font-weight: 700; font-size: 1.1rem; transition: all 0.3s ease; border: none; cursor: pointer; margin-top: 15px; } .sly-btn-purple-wide:hover { background-color: #322180; /* Viola più scuro al passaggio */ transform: translateY(-3px); box-shadow: 0 10px 25px rgba(67, 45, 161, 0.3); } /* Icona freccia nel bottone */ .sly-btn-icon { font-size: 1.2rem; margin-left: 12px; font-weight: 300; } /* Responsive */ @media (max-width: 991px) { .sly-contact-provider-section { min-height: 400px; border-radius: 15px; } .sly-provider-cta-container { gap: 18px; } .sly-btn-purple-wide { width: 100%; justify-content: center; } }

      Diventa Fornitore
      Sly Service

      Cerchiamo partner affidabili per espandere il nostro network di sicurezza, logistica ed eventi. Unisciti a noi.

      Invia la tua candidatura
      /* ----- FIX FULL-WIDTH E SOVRAPPOSIZIONE RESPONSIVE ----- */ .sly-section-wrapper { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-color: #ffffff; font-family: 'Inter', sans-serif; overflow: hidden; } /* 1. Area Titolo */ .sly-top-header { text-align: center; padding: 80px 20px 160px; max-width: 1100px; margin: 0 auto; } .sly-top-header h2 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; margin: 0; line-height: 1.1; color: #000; } .sly-top-header h2 strong { color: #432da1; } .sly-top-header p { font-size: 1.1rem; margin-top: 25px; font-weight: 500; color: #333; } /* 2. Sezione Hero Full-Width */ .sly-bottom-hero { position: relative; width: 100%; background-image: url('https://www.slyservice.com/wp-content/uploads/2026/03/90b215174759e987508f32f12a746e6b0ee79032-scaled.jpg'); background-size: cover; background-position: center; background-attachment: fixed; min-height: 600px; display: flex; justify-content: center; align-items: flex-start; } .sly-bottom-hero::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); backdrop-filter: grayscale(100%); z-index: 1; } /* 3. Card del Form */ .sly-floating-form { position: relative; z-index: 10; background: #f2f2f2; width: 90%; max-width: 850px; padding: 60px; border-radius: 30px; box-shadow: 0 30px 60px rgba(0,0,0,0.4); margin-top: -120px; margin-bottom: 100px; } /* FIX CF7: Rimuove i

      wrapper default e gestisce il grid */ .sly-floating-form .wpcf7-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0; } .sly-floating-form .wpcf7-form p { margin: 0; } .sly-floating-form .wpcf7-form-control-wrap { display: block; width: 100%; } /* Input styling - eredita il tuo design */ .sly-floating-form input, .sly-floating-form textarea, .sly-floating-form .wpcf7-text, .sly-floating-form .wpcf7-email, .sly-floating-form .wpcf7-tel, .sly-floating-form .wpcf7-textarea { width: 100% !important; padding: 18px !important; border: 1px solid #ddd !important; border-radius: 12px !important; font-size: 1rem !important; box-sizing: border-box !important; background: #fff !important; font-family: inherit !important; outline: none !important; } .sly-floating-form input:focus, .sly-floating-form textarea:focus { border-color: #432da1 !important; box-shadow: 0 0 0 3px rgba(67, 45, 161, 0.1) !important; } /* Full width per textarea, privacy e button */ .sly-floating-form textarea, .sly-floating-form .wpcf7-textarea, .sly-privacy-box, .sly-btn-container, .sly-floating-form .wpcf7-list-item { grid-column: span 2 !important; } .sly-floating-form textarea, .sly-floating-form .wpcf7-textarea { height: 150px !important; resize: none !important; } /* Privacy box styling */ .sly-privacy-box { display: flex !important; gap: 15px !important; font-size: 0.85rem !important; color: #666 !important; margin-top: 10px !important; line-height: 1.4 !important; text-align: left !important; align-items: flex-start !important; } .sly-privacy-box input { width: 20px !important; height: 20px !important; flex-shrink: 0 !important; margin: 3px 0 0 0 !important; accent-color: #432da1; } .sly-privacy-box label { display: inline !important; cursor: pointer; } /* Bottone */ .sly-btn-purple-sly, .sly-floating-form .wpcf7-submit { background: #432da1 !important; color: white !important; padding: 18px 50px !important; border: none !important; border-radius: 12px !important; font-weight: 700 !important; font-size: 1.1rem !important; cursor: pointer !important; transition: 0.3s !important; width: auto !important; display: inline-block !important; } .sly-btn-purple-sly:hover, .sly-floating-form .wpcf7-submit:hover { background: #322180 !important; transform: translateY(-3px) !important; } /* Feedback visivo durante l'invio */ .sly-floating-form .wpcf7-form.submitting { opacity: 0.7; pointer-events: none; } .sly-floating-form .wpcf7-response-output { display: none !important; } /* 📱 RESPONSIVE */ @media (max-width: 768px) { .sly-top-header { padding: 60px 20px 100px; } .sly-top-header h2 { font-size: 2.2rem; } .sly-floating-form { padding: 30px 20px; margin-top: -80px; width: 95%; } .sly-floating-form .wpcf7-form { grid-template-columns: 1fr; } .sly-floating-form textarea, .sly-floating-form input, .sly-privacy-box, .sly-btn-container, .sly-floating-form .wpcf7-list-item, .sly-floating-form .wpcf7-textarea { grid-column: span 1 !important; } .sly-btn-container { text-align: center; } .sly-btn-purple-sly, .sly-floating-form .wpcf7-submit { width: 100% !important; } }

      Hai bisogno di un servizio di sicurezza su misura?

      Compila il form di Sly Service per ricevere una proposta riservata, rapida e personalizzata

      Error: Contact form not found.

      document.addEventListener('wpcf7mailsent', function(event) { // Redirect solo se il form è dentro .sly-floating-form if (event.target.closest('.sly-floating-form')) { setTimeout(function() { window.location.href = 'https://www.slyservice.com/grazie-per-averci-contattato/'; }, 400); // Delay per animazione di successo CF7 } }, false);