* { margin:0; padding:0; box-sizing:border-box; }
ul{ padding:revert; }
html,body	{ height:100%;}
b___ody { color:#000; font-size:14px;font-family: 'Open Sans', sans-serif;}
body { color:#000; font-size:14px;font-family: 'Barlow', sans-serif;background:#fff; }

.relative{ position:relative;}
.clear	{ clear:both !important;}
.clearfix{zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
ul.ul-clean{ margin:0; padding:0; list-style:none;}
.a-left             { text-align:left !important; }
.a-center           { text-align:center !important; }
.a-right            { text-align:right !important; }

img{ max-width:100%;}
.max-width{ width:100%; max-width:1200px; margin:0 auto;}
.color-main{ color:#0D7A01}
.bg-white{ background-color:#fff;}

.wrapper-form{ padding:0 ; position:relative;}

header{ background: url(/content/images/banner.png) center center no-repeat; background-size: cover; min-height:300px; position:relative;}
footer{ background-color:#101F2F; padding:20px 0;text-align:center;}

header .main-logo{padding:40px 0; z-index:10; position:relative;}
header .-overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:#3727030f; z-index:1}

header .header-grid img{ max-width:100%;}
header .header-grid {display: grid; width:100%;grid-template-columns: auto 15%; column-gap:2%; align-items: center; }
header .logo-napoli{ font-weight:bold; color:#000; 	text-align:center; font-size:13px; max-width:140px; margin:0 auto;} 

footer .footer-grid img{ max-width:100%;}
footer .footer-grid {display: grid; width:100%;grid-template-columns: 49% 49%; column-gap:2%;align-items: center; color:#fff;}
footer .footer-grid a{color:#fff; text-decoration:none;}
footer .footer-grid a:hover{color:#FFB11B; text-decoration:underline;}
footer .footer-credits {display:flex;  column-gap: 15px; color: #fff; align-items: center; font-size: 16px;line-height: 24px;font-weight: bold;}

.wrapper-form .form-banner{ margin:0 auto; margin-bottom:10px;}
.wrapper-form .form-banner img{ max-width:100%;}
.wrapper-form .form-info{ padding:20px;width:100%; display: inline-grid;  grid-template-columns: auto 25%;column-gap:30px; margin-bottom:50px;}
.wrapper-form .form-data { padding:0px;}
.wrapper-form .form-data .form-title { text-align:left;color:#0D7A01; margin-bottom:20px;}
.wrapper-form .form-data .form-summary {font-size:16px; line-height:24px; color:#454545;}
.wrapper-form .form-data .form-summary .ul-point{ list-style:disc; padding-left:20px; margin-bottom:15px}
.wrapper-form .form-data .form-summary {font-size:16px; line-height:24px; color:#454545;}

.wrapper-form .form-box + .form-box{ margin-top:30px;}

.wrapper-form .form-date{ width:100%; display: inline-grid;  grid-template-columns:150px auto ; font-size:18px; line-height:28px;}
.wrapper-form .form-date > div{ align-self:center;}
.wrapper-form .form-date div+div{ border-left:1px solid #ddd; padding-left:15px;}


.wrapper-form .form-label { font-size:18px; line-height:28px; text-align:justify; font-weight:normal; margin-bottom:40px;}
.wrapper-form .form-note { font-size:12px; line-height:14px; font-style:italic; color:#000; margin:20px 0;}

.wrapper-form .form-stage{ padding:20px; background-color:#fbfbfb;}
a.link-download{ display:block; text-align:center; margin: 20px auto 0 auto;background:#0D7A01;padding:8px; border:none;box-sizing: border-box; color:#fff;font-weight:bold;font-size:16px; line-height:24px; cursor:pointer; text-decoration:none;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

a.link-download:hover{ background-color:#0c79be}


a.link-faq{ display:block; text-align:center; margin: 20px auto 0 auto;background:#0c79be;padding:8px; border:none;box-sizing: border-box; color:#fff;font-weight:bold;font-size:16px; line-height:24px; cursor:pointer; text-decoration:none;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

a.link-faq:hover{ background-color:#0D7A01}
.radio-box{ margin-bottom:10px;}
.radio-box > .-inline{ display:inline-block;}
.radio-box > .-inline+.-inline{ margin-left:50px;}


 

.custom-input.device-check{position: relative;padding:0 !important;margin-bottom: 0 !important;}
.custom-input.device-check .checkmark {top:auto !important; left:auto !important; bottom:14px !important;right:10px !important; background-color: #eee; border:1px solid #60beb0; box-sizing:border-box;
box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);}
.custom-input.device-check .checkmark:after {left: 8px !important;top: 4px !important;}
.custom-input.device-check input:checked ~ .checkmark {background-color: #60beb0;}



.intro-page{ font-size:20px; line-height:28px; padding:30px 0; }
.intro-page-block{ margin-bottom:20px; color:#1D1D1B;}
.intro-page-block a{ text-decoration:none; color:#17629e;}

.section-label{color:#FFB11C;font-size:40px; line-height:40px; text-transform:uppercase; margin:20px 0;}
.intro-page-grid li{ width:100%; display: inline-grid; grid-template-columns: 32% auto; column-gap:2%; align-items: center; margin-bottom:20px;}
.intro-page-grid li img{ max-width:100%;}
.recap-grid{ width:100%; display: inline-grid; grid-template-columns: 32% auto;  align-items: center; border:1px solid #FFB11C;}
.recap-grid .recap-left{ background-color:#FFB11C; padding:0 20px;}
.recap-grid .recap-right{ padding:0 20px;}
.recap-grid .recap-right ul{padding-inline-start: 20px; }
.recap-item{ padding:20px 0; text-align:center;}
.recap-item .recap-label{ font-weight:bold; font-size:28px; line-height:32px;}
.recap-item .recap-summary{font-size:18px; line-height:26px;}
.recap-left hr{ border: 0; border-top: 1px solid #ddd;}
a.form-subsription{ font-weight:bold; padding:10px 20px; display:inline-block;  width:auto; margin:20px auto; text-align:center; font-size:18px; line-height:28px;background-color:#FFB11C; color:#1D1D1B; text-decoration:none; }
a.form-subsription:hover{ background-color:#ffeb3b}



@media screen and (max-width: 1200px) {
.max-width {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
}
@media screen and (max-width: 780px) {
header .header-grid { display:block; text-align:center; padding:20px 0;}
header .main-logo { padding:0; margin-bottom:30px;}
}

@media screen and (max-width: 650px) {
.intro-page-grid li{ display:block !important; margin-bottom:40px !important;; text-align:justify !important;;}
.recap-grid{display:block !important;}
.recap-grid .recap-right{ padding:20px !important;}

}