@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,800&display=swap');
/* 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;}

/*** Struttura ***/
body {width:100%;height:auto;font-family: 'Poppins', sans-serif; font-size:20px; font-weight:300;background-color: #003C80;}
.container {overflow:hidden;width:100%;max-width:780px;margin:0 auto;padding:15px;}
strong { font-weight:700;}
/** HEADING **/
/* brand */
.brand {overflow:hidden;width:100%;padding:0 20px;}
.mng {float:left; width:30px;}
.tim {width:100%;width:220px; margin:0 auto;}
/** CONTENUTI **/
.content {overflow:hidden;width:100%; padding:15px 15px 40px 15px; background-color:#FFFFFF; border-radius:8px;}
.b-grazie .content {padding:40px;}

/** creatività dinamica **/
.creativita {overflow:hidden;width:100%;margin:0 0 20px 0;background: url('/assets/img/header.webp') center center no-repeat; background-size:cover;}

/* head */
.head {overflow:hidden;margin:0 0 10px 0; text-align:center;}
.head h1 {margin:0 0 5px 0;padding:0 20px;font-size:18px; line-height:22px;font-weight:500;color:#666666;}
.head h1 strong {font-size:66px; line-height: 66px; font-weight:800;text-transform:uppercase;color:#003C80;}

.head p {margin:0;padding:0;font-size:20px; line-height:26px; font-weight:500; color:#666666;}
.head span { font-size:16px; text-decoration:line-through}
/* cont */
.cont {overflow:hidden;margin:0 0 20px 0;text-align:center;color:#003C80;}
.cont h2 {margin:0 0 20px 0;padding:0;font-size:26px; line-height:28px;font-weight:600; color:rgba(153,0,0,1.00); }
.cont h2 strong {font-size:44px; line-height:40px;font-weight:800;}

p.alert {font-size:18px; line-height: 22px; font-weight: 800; color:rgba(153,0,0,1.00); }
/** INFO **/
.info {overflow:hidden;}
.info h3 {margin:0 0 15px 0;padding:0;font-size:32px; line-height:32px;font-weight:800; text-align:center;text-transform:uppercase; color:#003C80;}
.info h3.button { background-color:#003C80;} 


/** FORM **/
form {width:100%;}
fieldset div {position:relative;float:left;width:50%;margin:0 0 18px 0;padding:0 15px;}
fieldset input, fieldset select {width:100%;padding:16px 8px 16px 16px;font-size:12px;background-color:rgba(255,255,255,1);}
fieldset input:focus,fieldset select:focus {background-color:#FDF8E3;border:none;outline:none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {color:#888;background:#FFF  url(/assets/img/select-arrow.png) no-repeat 97% 50%;cursor:pointer;}
fieldset .policy {width:100%;}
fieldset .policy input {float:left; width:20px;}
fieldset .policy p {padding:0 0 0 40px;font-size:12px!important;}
fieldset .email {display:none;}
.invio {width:100%;max-width:280px;margin:0 auto;}
input[type=submit] {width:100%;padding:12px 20px 12px!important;border:none;font-family: 'Poppins', sans-serif;font-size:18px;font-weight:600; text-transform:uppercase;color:rgba(255,255,255,1); background-color:#003C80; border-radius:10px;cursor:pointer;}
input:hover[type=submit] {background-color:rgba(0,102,0,1); color:rgba(255,255,255,1);}
button {width:100%;padding:12px 20px 12px!important;border:none;font-family: 'Poppins', sans-serif;font-size:18px;font-weight:600; text-transform:uppercase;color:rgba(255,255,255,1); background-color:#003C80; border-radius:10px;cursor:pointer;}
button {background-color:rgba(0,102,0,1); color:rgba(255,255,255,1);}


/* validazione html5 */
input, select {border:#c4c4c4 solid 1px; background-color:rgba(255,255,255,1);}
input:required, select:required {border:#c4c4c4 solid 1px;background-color:rgba(255,255,255,1);}
input:required:focus:invalid, select:required:focus:invalid {border:#F00 solid 1px;}
input:required:valid, select:required:valid {border:#0C0 solid 1px;}
/** FOOTER **/
.footer {overflow:hidden;width:100%; max-width:780px; margin:0 auto;padding:20px;}
.footer p {padding:0 0 10px 0;font-size:12px; text-align:center; color:#CCCCCC;}
.footer a {color:#FFFFFF;}

/*** VARIE ***/
.fluid {width:100%!important;height:auto;}
.text-center { text-align:center;}
#back_to_top {position:fixed;bottom:15px;right:15px;cursor:pointer;}
.superscript {position: relative; top: 6px;}
@media screen and (max-width:640px) {
/** FORM **/
fieldset div {width:100%;margin:0 0 12px 0;padding:0;}
fieldset input, fieldset select {padding:11px 8px 11px 16px;}
}

@media screen and (max-width:440px) {
.container {padding:5px;}
.creativita {height:320px;}
.creativita img {}

	
.head h1 {padding:0;font-size:22px; line-height:26px;}
.head h1 strong {font-size:50px; line-height: 58px;}
.cont h2 {font-size:22px; line-height:26px;}
.cont p {font-size:22px; line-height:26px;}


}