/* CSS Reset v2.0 | 20110126 - License: none (public domain) - http://meyerweb.com/eric/tools/css/reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border:0; margin:0; padding:0; vertical-align:top }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body { font-family:'Poppins'; font-size:15px; line-height:auto; font-weight:400; word-wrap: break-word }
ol, ul { list-style:none }
a { text-decoration:none; cursor:pointer; cursor:hand }
button { cursor:pointer; cursor:hand }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none }
table { border-collapse:collapse; border-spacing:0 }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:rgba(199,218,239,1); opacity: 1 /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:rgba(199,218,239,1) }
::-ms-input-placeholder { /* Microsoft Edge */ color:rgba(199,218,239,1) }
/* End CSS Reset */

input, select, textarea { font-size:120%; font-weight:normal; line-height:120%; border:1px solid rgba(143,182,224,1); color:rgba(4,42,113,1); background-color:rgba(255,255,255,1); webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
input, textarea { width:100%; padding:8px; min-height:120%; resize:vertical }
select { width: calc(100%); padding:4px 8px 4px 4px }
input[type=file] { padding:5px 8px } 
input[type=radio], input[type=checkbox] { height: 14px; vertical-align: top; width:auto }
input[type=datetime] { width:calc(100% - 24px); margin-right:2px; min-width:120px }
input[type=dateITA] { width:calc(100% - 24px); margin-right:2px; min-width:120px }
input[type=provincia] { text-transform:uppercase }
input[typo=otp] { text-align:center }
label { font-size:18px }

.caution { background-color:rgba(4,42,113,0.05); width:auto; padding:8px }
.caution:before { content:'*' }

.hide { display:none }
.center { text-align:center } 

.attach img { width:32px !important; height:32px !important; margin: -6px 0 -6px -36px !important; position:absolute }
.attach img.doc, .attach img.docx { background:transparent url('/gate/icons/doc.jpg') no-repeat center center }
.attach img.xls, .attach img.xlsx { background:transparent url('/gate/icons/xls.jpg') no-repeat center center }
.attach img.ppt, .attach img.pptx { background:transparent url('/gate/icons/ppt.jpg') no-repeat center center }
.attach img.pdf { background:transparent url('/gate/icons/pdf.jpg') no-repeat center center }
.attach img.jpg, .attach img.jpeg, .attach img.gif, .attach img.png, .attach img.jfif { background:transparent url('/gate/icons/jpg.jpg') no-repeat center center }
.attach img.zip, .attach img.rar { background:transparent url('/gate/icons/zip.jpg') no-repeat center center }

.section { position:relative }
.section::after { content:""; display:table; clear:both }

.container::after { content:""; display:table; clear:both }

#preview input.link { width:calc(100% - 2px); text-align:center; padding:16px 0; background-color:red; color:#fff }

/******************* SCREEN ********************/
	
@media screen, print {

#topbar { background-color:rgba(4, 38, 107, 1); padding:8px }
#topbar .container { position:relative; margin:0 auto; top:0px; left:0px; max-width:1300px }
#topbar .social { top:0; right:0; height:24px; line-height:24px; text-align:right }
#topbar .social ul { height:28px; float:right }
#topbar .social ul::before { content:"Seguici su"; padding:3px 0; color:rgba(255,255,255,1); float:left }
#topbar .social ul li { float:left; padding:3px 0; position:relative; margin-left:6px; font-weight:500 }
#topbar .social ul li img { width:24px; height:24px; top:2px }

#masthead { padding:8px }
#masthead .container { position:relative; margin:0 auto; top:0px; left:0px; max-width:1300px; min-height:90px }
#masthead .logo { padding:16px 0 }
#masthead .logo img { max-width:210px }

#wrapper { padding:8px }
#wrapper .container { position:relative; margin:0 auto; top:0px; left:0px; max-width:1024px }

#occhiello { color:rgba(0,75,150,1); line-height:1.1 }
#occhiello img { position:relative }
#occhiello img.bollo { height:auto; border-color:rgba(0,75,150,1); border-right-width:4px; border-bottom-width:4px; border-style:solid; padding:6px; margin-right:24px; border-radius:90px }
#occhiello img.bollo.blu { border-color:rgba(0,75,150,1) }
#occhiello img.bollo.giallo { border-color:rgba(244,180,28,1) }
#occhiello td.new::after { content:''; display: block; background:transparent url(/gate/new.png) no-repeat; width:50px; height:50px; left:0; top:0; position:absolute; background-size:contain }
#occhiello a { color:rgba(0,75,150,1) }

#subscribe h1 { width:auto; font-size:150%; padding:16px 0 8px 0; text-transform:uppercase; font-weight:500; color:rgba(0,32,120,1); text-align:center }
#subscribe h2 { width:auto; font-size:150%; padding:16px 0 8px 0; text-transform:uppercase; font-weight:500; color:rgba(143,182,224,1); text-align:center }
#subscribe label { font-weight:400; line-height:22px }
#subscribe label.error { font-size:80%; font-weight:normal; line-height:14px; height:14px; background:rgba(4,42,113,1); padding: 1px 8px; color:rgba(255,255,255,1) !important; position:absolute; text-transform:uppercase }
#subscribe input[type=checkbox],
#subscribe input[type=radio] { margin-right:8px; position:relative; top:1px }

#subscribe .modulo {  }
#subscribe .modulo label { /*width:50%;*/ display:inline-flex; color:rgba(4,42,113,1) }
#subscribe .modulo label span { font-size: 80%; margin: 1px 0 0 4px }
#subscribe .modulo label.error { width:auto; display:inline; top:2px; right:14px; font-size:12px; position:absolute; z-index:1 }
#subscribe .modulo .fieldset { border:1px solid rgba(143,182,224,1); background-color:rgba(143,182,224,0.07); float:left; padding-bottom:12px; margin-bottom:12px }
#subscribe .modulo table { margin-bottom:12px; width:100%; float:left }
#subscribe .modulo table tr td { position:relative; line-height:140%; padding: 2px 12px 0 12px }
#subscribe .modulo table tr:nth-child(1) td { font-weight:500; font-size:100%; color:rgba(4,42,113,1); line-height:160% }
#subscribe .modulo table tr:nth-child(3) td { font-size:90%; color:rgba(247,180,31,1) }
#subscribe .modulo table tr:nth-child(3) td span:before { content:"▲"; font-weight:900; margin-right:2px; position:relative; top:-2px }
#subscribe .modulo table tr td tr:nth-child(3) td:before { content:"" }
/*
#subscribe .modulo table td:first-child { padding-right:12px }
#subscribe .modulo table td:last-child { padding-left:12px }
*/
#subscribe .modulo table td.required:after { content:"*"; margin-left:4px }
#subscribe .modulo table td .required,
#subscribe .modulo table td [required] { border:1px solid rgba(143,182,224,1); background-color:rgba(242,244,248,1)  }
#subscribe .modulo table td [disabled] { border:1px solid rgba(143,182,224,1); background-color:rgba(4,42,113,1); color:rgba(255,255,255,1)  }
#subscribe .modulo table .maxlengthCounter { font-weight: 600 }
#subscribe .modulo table .maxlengthCounter:before { content:"( "; font-weight:500 }
#subscribe .modulo table .maxlengthCounter:after { content:"/"; font-weight:500 }
#subscribe .modulo table .maxlengthValue:after{ content:"characters max )"; margin-left:4px }
#subscribe .modulo:after { content:""; display:table; clear:both }

#subscribe .modulo table.image { width:50% }
#subscribe .modulo table.image img { max-width:calc(100% - 18px); height:auto; border:1px solid rgba(143,182,224,1); padding:8px; border-radius:4px }
#subscribe .modulo table.image img[src=''] { display:none }

#subscribe .privacy { text-align:justify; font-size:90% }
#subscribe .privacy label.error { right:12px; font-size:12px; z-index:1 }
#subscribe .privacy table tr td { position:relative; color:rgba(4,42,113,1); padding:0 12px }
#subscribe .privacy div.sized { height:104px; overflow:auto; margin:4px 0 8px 0; border:1px solid rgba(143,182,224,1); padding:4px 8px }
#subscribe .privacy a { color:rgba(4,42,113,1) }
#subscribe .privacy .g-recaptcha { position:relative; width:300px; margin:0 auto 24px auto }
#subscribe .privacy:after { content:""; display:table; clear:both }
    
#subscribe .action { }
#subscribe .action input[type=button] { background-color:transparent; color:rgba(4,42,113,1); font-size: 120%; width:calc(100% / 2 - 20px); padding:2% 0; margin:0 10px 4px 10px; float:right; cursor:pointer }
#subscribe .action input:hover { background-color:rgba(143,182,224,1); color:rgba(255,255,255,1) }
#subscribe .action:after { content:""; display:table; clear:both }

#subscribe .modulo table.dinamic.attach-handler { margin-top:-24px } 
#subscribe .modulo table.attach-handler { margin-bottom:-12px}
#subscribe .modulo table.attach-handler tr td { position:relative; line-height:24px; height:24px; text-align:left; font-size:100%; background-color:transparent !important }
#subscribe .modulo table.attach-handler td.line-base,
#subscribe .modulo table.attach-handler td.detach-base { display:none }
#subscribe .modulo table.attach-handler td.line { padding:0 !important; position:relative }
#subscribe .modulo table.attach-handler td.line input[type=file] { padding:5px 32px 5px 8px; width:100% /*calc(100% - 42px)*/; min-height:auto; margin-bottom:16px }
#subscribe .modulo table.attach-handler td.line label.error { right:2px }
#subscribe .modulo table.attach-handler td.line div.detach { width:100%; background-color:rgba(4,42,113,0.05); height:36px; line-height:36px; margin-bottom:16px; font-size:110%; border:1px solid rgba(143,182,224,1); border-radius:4px }
#subscribe .modulo table.attach-handler td.line div.detach .checkbox { display:inline }
#subscribe .modulo table.attach-handler td.line div.detach input[type=checkbox] { min-height:100%; margin:auto 12px }
#subscribe .modulo table.attach-handler td.required { background-color:rgba(255,255,255,1); border:0 }
#subscribe .modulo table.attach-handler td.required:after { content:"" } 
#subscribe .modulo table.attach-handler td button { position:absolute; font-weight:500;  right:8px; color:rgb(47 181 229); font-size:90%; background:transparent; border:0 }
#subscribe .modulo table.attach-handler td button.add-line { top:-4px }
#subscribe .modulo table.attach-handler td button.add-line:after { content:url("/gate/dynamic-attach-handler/aggiungi.gif"); position:relative; top:5px; right:0; margin-left:6px }
#subscribe .modulo table.attach-handler td button.add-line span:after { content:"Aggiungi file"; position:relative; top:3px }
#subscribe .modulo table.attach-handler td button.del-line { top:8px }
#subscribe .modulo table.attach-handler td button.del-line:after { content: url("/gate/dynamic-attach-handler/rimuovi.gif"); position:relative; top:2px; right:0; margin-left:6px }

#subscribe .otpsign { display:none }
#subscribe .otpsign .display { text-align:center; width:200px; margin:24px auto; padding:8px; background-color:rgba(143,182,224,1); border-radius:4px; -webkit-box-shadow: 5px 5px 10px 0px rgba(4,38,107,1); -moz-box-shadow: 5px 5px 10px 0px rgba(4,38,107,1); -o-box-shadow: 5px 5px 10px 0px rgba(4,38,107,1); box-shadow: 5px 5px 10px 0px rgba(4,38,107,1) }
#subscribe .otpsign .display::before { content:"OTP CODE"; font-size:60%; color:rgba(255,255,255,1) }
#subscribe .otpsign .display input { text-align:center; margin-bottom:8px; -webkit-box-shadow: 1px 1px 4px 0px rgba(4,38,107,1); -moz-box-shadow: 1px 1px 4px 0px rgba(4,38,107,1); -o-box-shadow: 1px 1px 4px 0px rgba(4,38,107,1); box-shadow: 1px 1px 4px 0px rgba(4,38,107,1) }
#subscribe .otpsign .display ul { width:100% }
#subscribe .otpsign .display ul:after { content:""; display:table; clear:both }
#subscribe .otpsign .display ul li { border:1px solid rgba(4,42,113,1); ; border-radius:4px; background-color:rgba(255,255,255,1); color:rgba(4,42,113,1); margin:4px; padding:4px; width:calc(25% - 8px); float:left; text-align:center; cursor:pointer; -webkit-box-shadow: 1px 1px 4px 0px rgba(4,38,107,1); -moz-box-shadow: 1px 1px 4px 0px rgba(4,38,107,1); -o-box-shadow: 1px 1px 4px 0px rgba(4,38,107,1); box-shadow: 1px 1px 4px 0px rgba(4,38,107,1) }
#subscribe .otpsign .display ul li:hover { background-color:rgba(4,38,107,1); color:rgba(255,255,255,1) }
#subscribe .otpsign .display ul li.action { width:calc(50% - 8px) }
#subscribe .otpsign .button { width: calc(100% - 20px) !important }
#subscribe .otpsign .button:disabled { border-color:transparent !important; color:rgba(255,255,255,1) !important; background-color:rgba(240,240,240,1) !important }

#footer { background-color:rgba(82,82,87,1); padding:8px }
#footer .container { position:relative; margin:0 auto; top:0px; left:0px; max-width:1300px; color:rgba(255,255,255,1); text-align:center; min-height:330px }
#footer .container a { color:rgba(255,255,255,1) }
#footer .contacts { line-height:45px; padding:75px 0}
#footer .copyright { line-height:30px; padding:30px 0; border-top:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.6) }
	
}

@media screen and (max-width:980px) { 
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:600px) {
}