@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;}
.clear {clear:both; width:100%;height:0; margin:0;padding:0;border:none;}
/* layout */
body {width:100%;font-family: 'Montserrat', sans-serif;font-size:20px;
background:#fff linear-gradient(170deg,rgba(212,104,9,1.00) 0%, rgba(255,221,130,0.80) 60%);
}
.row {overflow:hidden;margin:0 0 10px 0;}
/*** HEADING ***/
#heading {overflow:hidden;width:100%; max-width:1280px; margin:0 auto;background:url('/info_15_marzo/img/ragazzo.webp') left 40px top no-repeat; background-size:contain; z-index:5;}
.slogan {float:right; width:100%; max-width:700px;padding:40px 40px 60px;}
.slogan img {width:100%; height:auto;}
/** PRIMARIO **/
.primario {position:relative;overflow:hidden;width:100%; display:table; max-width:1280px; height:280px;margin:-140px auto 0;background-color:rgba(150,104,51,0.0)}
.logo-cont {position:absolute; top:0; right:20px;width:270px;height:auto;}

h1 {width:100%;margin:0 0 8px 0;font-size:32px;line-height:34px; font-weight:800;color:rgba(111,7,8,0.99); }
/** contenuti **/
#container {position:relative;overflow:hidden;width:100%;max-width:1280px; margin:-80px auto 0;padding:0 40px 40px 40px;} 

.main {padding:0 360px 6px 0;}
p {margin:0 0 26px 0; line-height: 26px;}
.main h2 {margin:0 0 8px 0;font-size:24px; line-height:27px;color:rgba(111,7,8,0.99);}
.main h3 {margin:0 0 8px 0;font-size:28px; line-height:32px; text-align:center;color:#951415;}
.main ul {margin:0 0 26px 26px;line-height: 26px;}
.main.full { width:100%;}
/* info */
.info {float:right; width:320px;}
.info h2 {margin:0 0 10px 0;font-size:28px; line-height:32px; text-align: center; text-transform: uppercase;color:rgba(111,7,8,0.99);}
.info p.diseguito {display:none;}
/** FORM **/
form 						{overflow:hidden;width:100%;margin:16px 0 0 0;}
fieldset div 		{position:relative;overflow:hidden;width:100%;margin:0 0 12px 0;}
fieldset input, fieldset select, fieldset textarea {width:100%;padding:12px 10px;font-size:13px;background-color:#FFF; outline:none;}
/*input:focus, select:focus, textarea:focus {box-sizing: border-box;background-color:#F1FEDE; border:none;}*/
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {color:#888;background:#fff url("/images/select-arrow.png") no-repeat 97% 50%;}
fieldset #campi-obbligatori {background:none;border:none;}
fieldset #campi-obbligatori label {font-size:13px;color:#000;}
fieldset #privacy_box	{margin:0 0 20px 0;paIdding:0 8px 8px 8px;font-size:12px;line-height:18px;background:none;color:#000;border:none;}
fieldset #privacy_box input {width:13px;height:13px;margin:0 5px 0 0;padding:4px 0 0 0;}
fieldset #privacy_box strong {font-size:12px; font-weight:700;}
fieldset #privacy_box span {display:inline-table;}
fieldset #variabili {display:none;background:none;}
#invia {margin:0 auto; width:240px;}
#invia2 {margin:0;border:none;}
.item {float:none;border:none;background:none;}
.item .jqconferma {display:block;width:100%;height:48px;margin:0;padding:0;font-family: 'Raleway', sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:#FFF;background-color:rgba(111,7,8,0.99);cursor:pointer;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.item:hover .jqconferma:hover {background-color:#090;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:rgba(192,8,31,05);color:#FFFFFF;}
/*validazione html5 */
input, select, input:focus, select:focus {border:#c4c4c4 solid 1px;}
input:required:focus:invalid, select:required:focus:invalid {border:red solid 1px;} 
input:required:valid, select:required:valid {border:#0C0 solid 1px;}

/** FOOTER ***/
#footer {overflow:hidden;width:100%;max-width:1280px;margin:0 auto;
background: linear-gradient(to bottom, rgba(255,221,130,0.00)  0%,rgba(255,221,130,0.99) 50%);}
#footer p {padding:40px 20px; font-size:13px; text-align:center;}

/*** varie ***/
.link { text-decoration:underline; cursor:pointer;color:rgba(0,0,255,1);}
.fluid { width:100%; height:auto;}
.hidden-desk {display:none;}
.pt-36 {padding:40px 0 0 0;}
.mt--100 {margin-top:-100px;}
p.button {display: none;}

@media (max-width: 1020px) {
body {background:#fff linear-gradient(170deg,rgba(212,104,9,1.00) 0%, rgba(255,221,130,0.80) 20%);}
/*** HEADING ***/
.slogan {float:none; width:100%;margin:280px 0 0 0;  text-align: center;padding:0px 20px 60px;}
.primario {display:blok;max-width:540px; height:auto;margin:-130px auto 0;}
.logo-cont {position:static;float:right;width:270px;height:auto;}
h1 {text-align:center;}
/** contenuti **/
#container {max-width:540px; margin:0px auto 0;padding:0 20px 0px 20px;} 
.main {float:none; width:100%;padding:0 0px 0px 0;}
/* info */
.info {float:none; width:100%;padding:0 0 60px 0;}
.info p.diseguito {color:#00F;display:block; text-align: center; cursor:pointer;}
.hidden-desk {display:block;}
p.button {display:block; width: 160px;margin: 0 auto;padding:6px;font-size:20px; font-weight: 800; text-align: center;
	color:rgba(255,255,255,1.00); background-color: rgba(0,148,148,1.00);border-radius: 10px; 
	border-top: rgba(255,255,255,0.99) solid 3px;
	border-right: rgba(0,0,0,0.30) solid 3px;	
	border-bottom: rgba(0,0,0,0.30) solid 3px;
	border-left: rgba(255,255,255,0.99) solid 3px;
	}
}

@media (max-width: 480px) {
#heading {background-position:left -20px top -60px;;}
.slogan {margin:180px 0 0 0;padding:0px 20px 60px;}
.primario {margin:-440px auto 0;}
.logo-cont {width:170px;}
h1 {text-align:left;}
#container {margin:260px auto 0;} 
.main {}


}