Comunicazione

La nostra sede centrale

Technocity Valle dell'informatica
Muallimköy Mah. Gebze / Kocaeli

I nostri indirizzi e-mail

ciao@vocens.com
destek@vocens.com

Chiamaci

+90 (850) 123 45 67
Giorni feriali: 09:00 - 18:00

/* Modulo Voc - Modulo di contatto (per spazi minimi e ristretti) */ .voc-form-fields-container { display:flessibile; direzione flessibile: colonna; spazio vuoto: 0,8 rem; /* Gli spazi sono stati notevolmente ridotti */ sfondo: trasparente; /* Sfondo e imbottitura spessa rimossi */ bordo:nessuno; imbottitura: 0; larghezza: 100%; } .voc-form-group { display:flessibile; direzione flessibile: colonna; spazio vuoto: 0,3 rem; /* Lo spazio tra il tag e l'input è stato ridotto */ larghezza: 100%; margine-inferiore: 0 !importante; } .voc-etichetta { colore: rgba(255, 255, 255, 0.8) !importante; peso carattere: 600; dimensione carattere: 13px !importante; /* Dimensione del carattere più minima */ famiglia di caratteri: 'Inter', sans-serif; display:flessibile; allineare gli elementi: centro; spazio vuoto: 0,2 rem; } .voc-required-mark { colore: var(--brand-red, #f7374f) !importante; } .voc-input { larghezza: 100%; sfondo: rgba(0, 0, 0, 0.2) !importante; bordo: 1px solido rgba(255, 255, 255, 0.1) !importante; colore: #fff !importante; imbottitura: 0,7rem 1rem !importante; /* Diluito */ raggio del bordo: 8px! importante; /* Angoli ovali più minimali */ dimensione carattere: 14px !importante; famiglia di caratteri: 'Inter', sans-serif; contorno: nessuno; transizione: tutti gli 0,3 sono facili; filtro sfondo: sfocatura (5px); } .voc-input::segnaposto { colore: rgba(255, 255, 255, 0.3) !importante; } .voc-input:focus { border-color: var(--brand-red, #f7374f) !important; sfondo: rgba(0, 0, 0, 0.4) !importante; box-ombra: 0 0 0 2px rgba(247, 55, 79, 0.1); } /* Seleziona (menu a comparsa) Impostazioni personalizzate */ .voc-seleziona { aspetto: nessuno; immagine di sfondo: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4% 22%20altezza%3D%22292.4%22%3E%3Cpercorso%20riempimento%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5% 200-9,3%201,8-12,9%205,4A17,6%2017,6%200%200%200%200%2082,2c 0%205%201,8%209,3%205,4%2012,9l128%20127,9c3,6%203,6%207,8%2 05,4%2012,8%205,4s9,2-1,8%2012,8-5,4L287%2095c3,5-3,5%205,4- 7,8%205,4-12,8%200-5-1,9-9,2-5,5-12,8z%22%2F%3E%3C%2Fsvg%3E”) !importante; ripetizione in background: nessuna ripetizione! importante; posizione dello sfondo: destra 1rem superiore 50%!importante; dimensione dello sfondo: 0,6rem automatico!importante; } opzione .voc-select { sfondo: #0f172a; colore: #fff; } /* Impostazioni dell'area di testo */ .voc-textarea { ridimensionamento: verticale; altezza minima: 80px! importante; /* Altezza notevolmente ridotta */ } /* Design della casella di controllo KVKK */ .voc-checkbox-wrapper { margine superiore: 0,2rem; } .voc-checkbox-etichetta { display:flessibile; elementi di allineamento: flex-start; divario: 0,6 rem; cursore: puntatore; colore: rgba(255, 255, 255, 0,7); altezza della linea: 1,4; dimensione carattere: 12px! importante; /* Il testo KVKK è stato ridotto */ } .voc-checkbox-input { aspetto: nessuno; larghezza minima: 16px; altezza: 16px; bordo: 1px solido rgba(255, 255, 255, 0.2) !importante; raggio del bordo: 4px! importante; sfondo: rgba(0, 0, 0, 0.2) !importante; cursore: puntatore; posizione: relativa; transizione: tutti gli 0,2 sono facili; margine superiore: 1px; } .voc-checkbox-input:selezionato { sfondo: var(--brand-red, #f7374f) !important; border-color: var(--brand-red, #f7374f) !important; } .voc-checkbox-input:selezionato::dopo { contenuto: ''; posizione: assoluta; a sinistra: 4px; palla: 2px; larghezza: 4px; altezza: 8px; bordo: bianco solido; larghezza del bordo: 0 2px 2px 0; trasformazione: ruota (45 gradi); } .voc-checkbox-content a { colore: var(--brand-red, #f7374f) !importante; decorazione del testo: sottolineatura; dimensione carattere: 12px! importante; } /* Pulsante Invia (minimo) */ .voc-submit-btn { margine superiore: 0,5rem; sfondo: var(--brand-red, #f7374f) !important; colore: #fff !importante; bordo: nessuno !importante; imbottitura: 0,8rem 1,5rem !importante; /* Diluito */ raggio del bordo: 8px! importante; /* Bordi compatibili */ peso carattere: 600; dimensione carattere: 14px !importante; famiglia di caratteri: 'Inter', sans-serif; cursore: puntatore; display:flessibile; allineare gli elementi: centro; giustifica-contenuto: centro; spazio vuoto: 0,5 rem; transizione: tutti gli 0,3 sono facili; larghezza: 100%; } .voc-submit-btn:hover { sfondo: #e02040 !importante; trasformazione: traduciY(-1px); } /* Ruota di caricamento */ .voc-spinner { visualizzazione: blocco in linea; larghezza: 14px; altezza: 14px; bordo: 2px solido rgba(255,255,255,0,3); raggio del bordo: 50%; colore del bordo superiore: #fff; animazione: vocSpin 1s easy-in-out infinito; } @keyframes vocSpin { a {trasformare: ruotare (360 gradi); } }