@charset "utf-8";
/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
.clearfix:before, .clearfix:after {content: ""; display: table; }
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
* {margin:0; padding:0;border:none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline:none;}
.clear {clear:both; width:100%;height:0; margin:0;padding:0;border:none;}
/* ======================================================================== */

body {width:100%;height:auto;font-family: 'Montserrat', sans-serif;font-size:20px;}

/*** HEADING ***/
header { width: 100%; background: url(/assets/img/header.webp) center center repeat; }
.header-container {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; max-width: 1440px; margin: 0 auto; padding: 40px; box-sizing: border-box; }
.header-logo { flex: 0 0 460px;margin-top:-20px; text-align: left;filter: drop-shadow(6px 6px 4px rgba(0, 0, 0, 0.40)); }
.header-logo img { max-width: 90%; height: auto; }
.header-content { flex: 1 1 auto; padding:0 40px 0 20px; box-sizing: border-box; }
.header-form { flex: 0 0 3020px; max-width: 340px; margin-top: 0; box-sizing: border-box; }
.header-form form { display: flex; flex-direction: column; gap: 10px; }

h1 {margin:0 0 30px 0; font-size:70px; font-weight:700; line-height:0.9; text-transform:uppercase; color:rgba(255,255,255,1.00);}
h1 strong {display:block; margin-top:2px; font-size:53px; text-decoration:underline; text-decoration-color:rgba(255,255,255,1.00); color:rgba(255,226,66,1.00); text-decoration-thickness:2px; text-underline-offset:4px;}


header h2 {font-size:24px;margin:0 0 10px 0;color:rgba(255,226,66,1.00);}
header h2 strong {text-decoration: underline; text-decoration-color:rgba(255,255,255,1.00); text-decoration-thickness: 2px; text-underline-offset: 4px}
header p {color:rgba(255,255,255,1.00);}

/** FORM **/
.header-form h2 {margin-bottom:6px; font-size:26px; font-weight:800;text-align: center; text-transform:uppercase;}
form 						{overflow:hidden;}
fieldset div 		{position:relative;width:100%;margin:0 0 14px 0; background-color: rgba(255,255,255,1.00);border-radius:6px;}
fieldset input, fieldset select {width:100%;padding:14px 16px;font-size:13px;font-weight:normal;background:none;color:#000; border:none;border-bottom: rgba(0,0,0,1.00) solid 1px!important;outline: none;}
input::placeholder {opacity:1;}
input:focus, select:focus, textarea:focus {box-sizing: border-box;background: rgba(248,255,225,1.00);border:none;outline: none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {padding:14px 10px 14px;font-size:14px;font-weight:normal;background: url("/assets/img/select-arrow.webp") no-repeat 97% 50%;color:#000!important;border-bottom: rgba(0,0,0,1.00) solid 1px!important;}
fieldset div.prefisso {display: inline-block;width: 30%;margin-right:2.5%;}
fieldset div.numero {display: inline-block;float:right;width: 66%;}
fieldset #campi-obbligatori {float:left;background:none!important;border:none;}
fieldset #campi-obbligatori label {margin:20px 0 0 0;font-size:12px;color: rgba(255,255,255,1.00);}
fieldset #privacy_box	{overflow:hidden;margin:0 0 10px 0;padding:0 8px 8px 8px;font-size:12px;line-height:18px!important;color: rgba(255,255,255,1.00);background:none!important;border:none;}
fieldset #privacy_box input {display:inline;width:15px;height:15px;margin:0 2px 0 4px;}
fieldset #privacy_box p {display:inline;margin-bottom:0!important;font-size:12px;line-height:18px;}
fieldset #privacy_box strong {font-size:12px; font-weight:700;}
fieldset #variabili {display:none;background:none;}
fieldset #domanda {display:none;}
fieldset a {color:rgba(255,226,66,1.00);text-decoration: underline;}
#invia {margin:0 auto;width:100%; max-width:220px;}
#invia2 {margin:0;border:none;border-radius: 4px;background: none;}
.item {float:none;border:none;background:none;}
.item .jqconferma {display:block;width:100%;margin:0;padding:8px 16px;font-family: 'Figtree', sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:rgba(0,0,0,1.00);background-color:rgba(255,226,66,1.00)!important;border-bottom: rgba(0,0,0,0.00) solid 1px; cursor:pointer;}
.item:hover .jqconferma:hover {background-color:rgba(255,255,255,1.00)!important;transition: all 0.3s}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error {position:absolute;bottom:0;left: 0; margin:0!important;padding:2px!important;font-size:10px!important; line-height:9px!important;background-color:#EF801F;color:#FFFFFF;}
input, select, input:focus, select:focus {border-bottom: rgba(174,201,11,0.99) solid 1px; background:rgba(248,255,225,1.00);}
input:required:focus:invalid, select:required:focus:invalid {	border-bottom:rgb(169,57,6) solid 1px;background:none;} 
input:required:valid, select:required:valid {	border-bottom:#0C0 solid 1px;background:none;}
::placeholder {color:#000;}

/*** CONTENUTI ***/
.row {overflow:hidden;margin:0 0 20px 0;}
.container {overflow:hidden;width:100%; max-width:1440px; margin:0 auto;padding:60px 40px 40px;}
.container h2 {margin:0 0 16px 0;font-size:28px; line-height:30px;font-weight: 800; color:rgba(11,52,102,1.00);}

section.grey {background-color: rgba(234,241,246,0.50);}


p {margin:0 0 20px 0;font-size:20px; line-height:28px;}

/** TABELLA **/
.tabella { display:flex; flex-wrap:wrap; gap:20px; margin-top:30px; padding:36px 20px 20px; border-top:4px solid rgba(11,52,102,0.5); border-radius:12px; }
.riga { display:flex; flex-direction:column; flex:1 1 calc(25% - 20px); padding:30px 20px 20px; background-color:#f9f9f9; border-radius:8px; box-shadow:5px 5px 10px rgba(0,0,0,0.56); box-sizing:border-box; }
.cella.titolo {line-height: 22px; font-weight:bold; margin-bottom:10px; padding-left:0; color:rgba(11,52,102,1); }
.cella.cont { padding:0; box-sizing:border-box; position:relative; padding-left:20px; }
.cella.cont ul { list-style:none; padding:0; margin:0; }
.cella.cont li { position:relative; padding-left:1px; margin-bottom:6px; font-size:16px; }
.cella.cont li::before { content:''; position:absolute; top:7px; left:-18px; width:6px; height:6px; background-color:rgba(255,156,0,0.99); border-radius:50%; }

.flex-columns { display:flex; align-items:flex-start; gap:30px; flex-wrap:wrap; box-sizing:border-box; }
.image { flex:0 0 calc(30% - 15px); min-width:200px; box-sizing:border-box; }
.text { flex:1 1 calc(70% - 15px); min-width:250px; box-sizing:border-box; }
.image img { width:100%;height: auto; border-radius:12px; display:block;filter: drop-shadow(6px 6px 4px rgba(0, 0, 0, 0.40)); }



/** footer **/
footer {overflow:hidden;width:100%;background: url(/assets/img/header.webp) center center repeat;}
.footer { max-width:1440px; margin:0 auto;padding:60px 40px 40px; text-align:center; color:rgba(255,255,255,1);}

/** VARIE ***/
.mb-40 {margin-bottom:20px;}
.link {cursor:pointer; text-decoration:underline;}
.hidden-desk {display:none;}
.fluid {width: 100%;height: auto;}
.centered {text-align: center;}
.orange {color:rgba(255,156,0,0.99)!important;}
.link-blu {text-decoration: underline; text-decoration-color:rgba(11,52,102,1.00); text-decoration-thickness: 1px; text-underline-offset: 4px;cursor:pointer;}



@media (max-width: 1380px) { 
header {}
.header-container { flex-wrap: wrap; flex-direction: column; align-items: center;max-width:720px;padding:20px 10px 20px; text-align: center; } 
.header-logo {flex: 0 0 380px;margin: 0 auto; text-align: center; } 
.header-content { flex: 1 1 auto; max-width: 100%; order: 1; margin: 0; padding: 10px 20px; } 
.header-form { flex: 1 1 auto; max-width: 100%; order: 2; margin: 20px 0 0;padding:0 20px; }
fieldset div.prefisso {margin-left:-10px;}
.container {max-width:720px;padding:60px 20px 40px; }
.footer { max-width:720px; margin:0 auto;padding:60px 40px 40px;}
}


@media (max-width: 768px) {
.header-container {padding:40px 10px;} 
.container {padding:60px 20px 20px; }
.hidden-desk {display:block;}
  .flex-columns { flex-direction:column; }
  .image, .text { flex:1 1 100%; }
}





@media (max-width: 620px) {
.header-container { flex-wrap: wrap; flex-direction: column; align-items: center;max-width:720px;padding:40px 10px; text-align: center; } 
.header-logo {flex: 0 0 300px;} 
.header-form {padding:0; }
	h1 {font-size:24px;line-height: 30px;}
	h1 strong {font-size:34px;}
.container {padding:40px 20px 20px; }
	.tabella {padding:30px 10px;}
	.riga {flex: 1 1 100%; }
}
















