body,
html {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    margin: 0 auto;
    padding: 0;
    scroll-behavior: smooth;
    line-height: 1.3;
}
.cont_alto_titolo{
    text-align:center;
}

.cont_alto_s_img{
    width:max-content;
}
.cont_alto_titolo {
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    color: #023f6f;
    font-size: 30px;
}

.cont_alto_s:hover{
    background:#f2f2f2;
}
.bottone:hover{
   background:#397022;
}
.riga_grigia {
    background: #f7f7f7;
    padding: 1%;
    margin: 2%;
    margin-inline: 0px;
}
.barra_dentro {
    z-index: 3;
    position: relative;
    top: 0.1vw;    background: #023f6f;
    font-size: 1vw;
}
.cont_cella{
    display: flex;flex-wrap: wrap;text-align:left;margin:0 auto;
}
.cella_lll:hover{
    background:black;
    
}
.provali_b{
    margin-top:20px;
}
.cella_lll{
    background: rgba(0, 135, 194, 1);
    color: white;
    font-weight: bold;
    margin: 2px;
    text-align: center;
    font-size: 26px;
    padding: 13px;
    padding-inline: 29px;
}
.cont_cella{
    display: flex;
    flex-wrap: wrap;
    text-align:left;
    margin:0 auto;
    margin-bottom: 20px;
}
.provali_u{
     margin-top: 30px;
      margin-bottom: 20px;
    }
.provali{
    font-size: 30px;
    font-weight:bold;
}
.provali_r{
    margin-top:10px;
}.provali_y{
    margin-top:15px;
    margin-bottom:15px;
}
.pòrovali_b{
    margin-top:20px;
}
.cont_cap {
    margin:0 auto;
    width: 80%;
}
.barra {
    width: 70%;
    /* font-size: 1.2vw; */
    height: 20px;
    background: url(img/barra.png) no-repeat;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 3px;
    margin-top: 1vw;
    margin-bottom: 1vw;
    border-radius: 10px;
    background: #f2f2f2;
    text-align: center;
    /* border: 2px solid #b9b9b9; */
    z-index: -1;
}
.cont_av {
    display:flex;
    justify-content: space-evenly;
}
.avanti ,.indietro {
    background: #023f6f;
    color: white;
    width: 279px;
    text-align: center;
    height: 60px;
    cursor: pointer;
    line-height: 60px;
    border-radius: 9px;
    font-size: 23px;
    font-weight: bold;
    border:1px solid #023f6f;
}
.indietro {
    background:white;
    color: #023f6f;
}
.cont_prima_form {
    display: none;
}
.step9 {
    display: none;
}
.corpo_form {
    width: 1000px;
    margin: 0 auto;
}
.header_esterno{
    text-align:center;
}
.cap_alert {
    COLOR:red;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    display: none;
}
.cont_n_prima_form {
    text-align:center;
}
.step9 {
    display: none;
    font-size: 23px;
    font-weight: bold;
    color: #023f6f;
    text-align: center;
}
.barra_dentro {
    z-index:3;
    position: relative;
    top: 0.1vw;
    font-size: 1vw;
}
.bottone_mobile2 {
    display: none;
}
.cont_alto {
    margin: 0 auto;
    border: 1px solid #dedede;
    padding: 3% 0%;
    margin: 1% 0% 2% 0%;
    font-size: 21px;
}
.cont_alto_int {
   display:flex;
   flex: wrap;
   /* flex-direction: row; */
   flex-wrap: wrap;
   width: 75%;
   margin: 0 auto;
   justify-content: space-around;
}
.cont_alto_t {
    margin:0 auto;
    text-align: center;
    font-weight: bold;
    color: #023f6f;
    padding-bottom: 20px;
}
.cont_alto_s {
    margin:0 auto;
    /* background: #0297d9; */
    color: black;
    padding-top: 15px;
    padding-inline: 26px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    width: 125px;
    padding-bottom: 15px;
    font-weight:bold;
    border: 2px solid #f2f2f2;
    border-radius: 10px;
}
.cont_n_fine {
    display:none;
    text-align:center;
}
.alto_ss {
    margin-top: 0px;
}
#cont_n_seconda_form, #cont_n_terza_form {
    display:none;
    width: 70%;
    margin: 0 auto;
}
.cont_flex {
   display: flex;
   justify-content: space-evenly;
}
.barra_0 {
    width: 12%;
    height: 20px;
    background: #023f6f;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    POSITION: RELATIVE;
    /* TOP: -1.2vw; */
    z-index: 1;
    background: linear-gradient(135deg, rgb(2 63 111) 0%, rgb(2 151 217) 100%);
}
.barra_1 {
    width: 25%;
    height: 20px;
    background: #023f6f;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    POSITION: RELATIVE;
    /* TOP: -1.2vw; */
    z-index: 1;
    background: linear-gradient(135deg, rgb(2 63 111) 0%, rgb(2 151 217) 100%);
}
.cont_flex_s {
   width: 56%;
}
.cont_n_prima_form_titolo {
    font-weight:bold;
    text-align:center;
    color: #023f6f;
    font-size: 21px;
}
.cont_flex_d {
   width: 42%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   margin-left: 4%;
}
.cont_flex_s_img {
   width: 100%;
}
.cont_flex_titolo {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin: 3% auto;
    line-height: 1.2;
}
.img_1 {
    width: 55px;
}
.bottone_mobile {
  display:none;  
}
.bottone_mobile2 {
  display:none;  
}
.cont {
    background: #023f6f;
    text-align: center;
    color: white;
    padding-top: 15px;
    font-weight: bold;
    margin-top: 40px;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    font-size: 20px;
    padding-bottom: 15px;
}
.cont2{
    background: #023f6f;
    text-align: center;
    color: white;
    /* padding-top: 15px; */
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    font-size: 20px;
    /* padding-bottom: 15px; */
    border: 0px solid;
    height: 60px;
    line-height: 60px;
}
a {
    text-decoration:none;
    color:inherit;
}
#map-vector {
    display: block;
    height: 440px;
    width: 100%;
    margin: 0 auto;
}
#mapsvg-map-1 .mapsvg-region-label {
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 4px;
}
#mapsvg-map-1 .mapsvg-marker-label {
    padding: 3px 5px;
}
.mapsvg-with-marker-active .mapsvg-marker {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.mapsvg-with-marker-active .mapsvg-marker-active {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.mapsvg-with-marker-hover .mapsvg-marker {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.mapsvg-with-marker-hover .mapsvg-marker-hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.mapsvg-scrollpane-wrap path:hover {
    filter: opacity(0.5);
}

.titoli {
    font-family: 'Poppins', sans-serif;
    line-height: 1.2;
}

.data {
    color: #999fa4;
    font-size: 12px;
    font-weight: bold;
    margin-top: 1%;
}
#cap{
    margin-bottom:20px;
}

.header {
    background: #dedede;
}

.header_esterno {
    width: 100%;
    margin: 0 auto;
    background: #f2f2f2;
    /* padding: 3px; */
}

.cont_esterno {
    width: 1000px;
    margin: 0 auto;
}

.mod_power:hover {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: rgba(0, 27, 134, 0.8);
}

.img_sin_form {
    width: 100%;
}

.cont_sin_form {
    display: inline-block;
}

.cont_form {
    background:#ffffffbd;
    display: block;
    top: 70px;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 550px;
    margin-right: 7%;
}

input[type=number] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sopra_form {
    background: white;
    color: #023f6f;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
    padding-top: 2%;
}

.seconda_fascia_pezzo_dentro {
    display: flex;
}

.mezzo {
    width: 100%;
    height: 2.5vw;
    margin:0 auto;
    margin-top:15px;
    border-radius:10px;
    font-size: 1vw;
    color: #484040;
    padding-left: 10px;
    border: 1px solid;
}

.dentro_form {
    width: 60%;
    margin:0 auto;
    padding-bottom: 30px;
}

.dentro_sopra_form {
    line-height: 40px;
}

.form {
    width: 100%;
    background: white;
    margin: 0 auto;
}

.bottone {
    background: limegreen;
    width: fit-content;
    color: white;
    font-weight: bold;
    font-size: 25px;
    padding: 1%;
    cursor: pointer;
    margin: 0 auto;
    padding-inline: 2vw;
    border-radius: 0;
    border: 0px;
    font-family: 'Poppins', sans-serif;
    margin: 2% auto;
}

.header1 {
    display: inline-block;
}

.alarmes {
    font-weight: bold;
}

.formetto {
    margin: 0 auto;
    font-size: 11px;
    MARGIN-TOP: 0.5VW;
    margin-bottom: 1vw;
    display: flex;
    width: 100%;
}

.img_f {
    width: 65px;
    margin-top: 15px;
}

#c1 {
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

.grazie {
    font-size: 25px;
    width: 80%;
}

.informativa {
    margin-left: 2%;
    text-align: left;
    margin-left: 3%;
    margin-top: 5px;
}

/*.prima_fascia{
    background: url('img/') no-repeat;
    background-size: cover;
}*/

.advertorial {
    color: #999fa4;
    font-size: 12px;
    font-weight: bold;
}

h1 {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
}

.popolazione {
    margin: 1% 0 2% 0;
}

.iscriviti {
    font-size: 20px;
    color: white;
    text-align: center;
    text-decoration: underline;
    padding: 1%;
    background: #0297d9;
}

.apparecchi {
    margin: 1% 0 2% 0;
    /* margin-top: 20px; */
}

.video {
    width: 100%;
    height: auto;
}

.cont_dentro_form {
    width: 95%;
    box-shadow: 0px 0px 4px 2px #bdbdbd;
    background: white;
}

.seconda_fascia_pezzo_sotto {
    text-align: left;
    width: 72%;
    margin:0 auto;
}

.seconda_fascia_pezzo_sopra {
    text-align: center;
}

.seconda_fascia_corpo {
    display: flex;
    flex-direction: column;
}

.seconda_fascia_pezzo_dentro {
    margin-top: 20px;
}

.seconda_fascia_pezzo {
    width: 100%;
    margin: 0 auto;
}
.seconda_fascia {
    margin-top: 40px;
    padding-bottom: 30px;
}

.seconda_fascia_top {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    margin: 3% auto;
}

.cont_p {
    display: flex;
}

.cont_p_s {
    width: 30px;
}

.cont_p_d {
    margin-left: 10px;
}

.quarta_fascia_dentro {
    display: flex;
    justify-content: center;
}

.numero_c {
    font-weight: 800;
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
}

.quarta_fascia_sin_due,
.quarta_fascia_sin_tre {
    margin-top: 20px;
}

.quarta_fascia_des {
    width: 320px;
    margin-left: 200px;
}

.footer {
    background: #023f6f;
    color: white;
    text-align: center;
    padding: 1%;
    font-size: 13px;
}

.quinta_fascia_titolo {
    font-weight: bold;
    text-align: center;
}

.slider {
    width: 100%;
}

.cont_terza {
    display: flex;
    background: #efefef;
    padding-top: 10px;
    padding-bottom: 30px;
    margin-top: 2vw;
    align-items: center;
}

.cont_terza_sinistra {
    width: 100%;
}

.cont_terza_destra {
    width: 50%;
}

.cont_terza_sinistra_dentro {
    width: 70%;
    margin: 0 auto;
    height: fit-content;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: black !important;
    font-size: 30px !important;
}

.slick-prev {
    left: -30px !important;
}

#conf_form_est {
    display: none;
    width: 1000px;
    margin: 0 auto;
    /* width: 70%; */
    /* margin: 0 auto; */
}

.cont_prima_form_titolo {
    text-align: center;
    padding: 2% 0;
}

.cont_prima_form_titoletto {
    width: 98%;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 700;
}

.cont_prima_form {
    text-align: center;
    background: #EAF3F9;
}

.cont_prima_form_opzioni {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cont_j_est {
    display: flex;
    text-align: center;
    padding-bottom: 20px;
    width: 85%;
    margin: 0 auto;
    flex-direction: row;
    justify-content: center;
}

.cont_j_est_uno {
    display: flex;
    text-align: center;
    padding-bottom: 20px;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
}

.cont_j_pezzo_sotto {
    padding-top: 10px;
    font-size: 19px;
    width: 74%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.cont_j_pezzo_dentro {
    width: 60%;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 10px;
    cursor: pointer;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    /* padding-top: 14px; */
}

.cont_j_pezzo_dentro:hover {
    background: #f1f1f1;
}
.cont_j_pezzo_dentro_u {
    width: 80%;
    margin: 0 auto;
    /* box-shadow: 0px 0px 4px 2px #bdbdbd; */
    border-radius: 10px;
    cursor: pointer;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid;
}

.cont_j_pezzo_dentro_u:hover {
    background: #f1f1f1;
}

.cont_j {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}

.cont_seconda_form_titolo {
    text-align: center;
    padding-top: 10px;
}

.mapsvg {
    background: transparent;
    width: 100%;
    height: 0px;
}

.bottone_mob {
    display: none;
}

.invis {
    margin-top: 0px;
}

.bottone_j {
    margin: 2% auto;
}

.linh {
    line-height: 50px;
}

.span_t {
    color: #0297d9;
}

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

    h1 {
        font-size: 28px;
    }

    .iscriviti {
        font-size: 18px;
        margin-top: 20px;
   }

   .titoli {
        font-size: 23px;
        /* margin-top: 46px; */
   }

    .quarta_fascia_dentro_mobile {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
   }

   .mapsvg {
        height: auto;
   }

    .header_esterno {
        width: 100%;
        margin-bottom: 10px;
   }
   
   .cont_esterno {
        width: 100%;
   }

    .prima_fascia {
        width: 90%;
        margin: 0 auto;
        margin-top: 25px;
   }

   .cont_flex_est {
        width: 94%;
        margin: 0 auto;
   }
   
    .cont_terza {
        display :block;
   }

   .cont_terza_sinistra {
        width: 100%;
        height: fit-content;
        margin: 0% 0% 2% 0%;
        margin-top: 40px;
   }

   .cont_terza_destra {
        width: 100%;
   }

   .cont_form {
        margin: 0 auto;
   }

    .grazie {
        font-size: 18px;
   }

    .quarta_fascia_dentro {
        display: block;
   }

    .quarta_fascia_des {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
   }

   .seconda_fascia_pezzo {
        margin-top: 40px;
   }

   .mezzo {
        height: 45px;
        font-size: 18px;
   }

   .seconda_fascia_corpo {
        display: flex;
        margin-top: 0px;
        flex-direction: column;
   }

   .seconda_fascia_pezzo {
        width: 100%;
        margin: 0 auto;
   }

   .cont_terza {
        padding-bottom:0px;
   }

    #map-vector {
        height: auto;
   }
    .seconda_fascia_pezzo_dentro {
        display: flex;
        margin-top: 30px;
   }

    .img_1 {
        width: 65px;
   }

   .seconda_fascia_pezzo_sotto {
       margin-top: 10px;
       text-align: left;
       padding-left: 0px;
   }

    .cont_prima_form {
        text-align: center;
        box-shadow: 0px 0px 0px 0px;
   }

    .img_f {
        width: 80%;
        margin: 0 auto;
   }

    .cont_j_pezzo_dentro {
        display: flex;
        margin-top: 24px;
   }

    .cont_j_pezzo_dentro_u {
        display: flex;
        margin-top: 24px;
   }

   .cont_j_pezzo_sopra {
        margin-top: 20px;
   }

   .cont_j_pezzo_sotto {
        padding-top: 15px;
   }

   .cont_j_est {
        display: flex;
        text-align: center;
        flex-direction: row;
   }
   .cont_j_est_uno {
        display: flex;
        text-align: center;
        flex-direction: column;
   }

    .quarta_fascia {
        background:#f0f0f0;
        padding: 2% 0;
   }

   .form {
        width: 94%;
        margin: 0 auto;
   }

   .dentro_form {
        padding-bottom: 15px;
        WIDTH: 80%;
   }

    .bottone_j {
        margin: 3% auto;
        width: -webkit-fill-available;
        text-align: center;
   }

    .logo_a {
        width: 70%;
   }

    .cont_terza_sinistra_dentro {
        height: fit-content;
        padding-bottom: 20px;
   }

    .cont_prima_form_opzioni {
        margin-bottom: 0px;
   }

    .cont_j_pezzo_sotto {
        font-size: 18px;
   }

   .cont_j {
        width: 80%;
        margin: 0 auto;
   }

   .cont_j_pezzo_dentro {
        box-shadow: 0px 0px 8px -2px #bdbdbd;
   }

   .cont_j_pezzo_dentro_u {
        box-shadow: 0px 0px 8px -2px #bdbdbd;
   }

    .cont_terza_destra {
        width: 100%;
        background: white;
        padding-bottom: 2vw;
   }

    .cont_dentro_form {
        width: 94%;
        margin: 0 auto;
   }
    .bottone_desk {
        display: none;
   }
   .bottone_mob {
        display: block;
        text-align: center;
        padding: 2% 1%;
   }
   
   .bottone {
        width: -webkit-fill-available;
        margin: 3% auto;
        text-align: center;
   }

    .cont_flex {
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
   }

    .cont_flex_d,
    .cont_flex_s {
        width: 100%;
        margin: 0 auto;
   }

   .cont_j_pezzo_dentro {
        padding-top: 0px;
   }
   .cont_j_pezzo_dentro_u {
        padding-top: 0px;
   }
   
.barra {
    height:20px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.barra_dentro{
          font-size: 17px;
}
.barra_1{
         height:20px;
         /* TOP: -20px; */
}
.corpo_form {
    width: 100%;
    margin: 0 auto;
}
.cont_j_est {
    width:100%;
}
.cont_n_fine{
    width:80%;
    margin:0 auto;
}#cont_n_seconda_form, #cont_n_terza_form{
    width:80%;
}
.cont_j_pezzo_sotto{
    width:100%;
}
.cont_j_pezzo_dentro{
        width: 90%;
        
}
.cont_j_pezzo_dentro_u{
        width: 90%;
        
}.cont_alto_s{
    margin-top:20px;
}
.cont_alto_t{
    padding-bottom:0px;
    width: 90%;
    margin: 0 auto;
}
.terza_fascia_nuova{
    width: 85%;
    margin:0 auto;
    margin-top: 20px;
    }
    .cont2{
        height: 60px;
        line-height: 60px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 10px;
    }
    .cont_alto{
         width: 90%;
         margin: 0 auto;
    }
    .cont_alto_s{
    /* background: #0297d9; */
    /* color: white; */
    padding: 0;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    /* padding-inline: 45px; */
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    WIDTH: 80%;
    FONT-SIZE: 11PX;
}
.cont_flex_est_mobile{
    background:#f2f2f2;
    PADDING-TOP: 10PX;
}
.data {
    color: #999fa4;
    font-size: 12px;
    font-weight: bold;
    margin-top: 1%;
    MARGIN-LEFT: 5%;
}
.bottone_mobile{
    width: 85%;
    margin:0 auto;
    display:block;
    margin-bottom:20px;
    height: 60px;
    line-height: 60px;
}
.bottone_mobile2{
    width: 85%;
    margin:0 auto;
    display:block;
    margin-bottom:20px;

}
.provalo_mobile{
    background:#f2f2f2;
    padding-top: 20px;
    padding-bottom: 1px;
}
.apparecchi {
    margin-top:20px;
    margin-bottom:20px;
}
.avanti, .indietro {
    width: 47%;
    font-size: 21px;
}

   .testo{
   margin-bottom: 20px;
   }
   .cella_lll{
background: rgba(0, 135, 194, 1);
    color: white;
    font-weight: bold;
    margin: 2px;
    text-align: center;
    font-size: 20px;
    /* padding: 9px; */
    /* padding-inline: 23px; */
    width: 32%;
    padding:0;
    padding-top: 10px;
    padding-bottom: 10px;
    
   }
   .cont_cella{
       
   }
   .provali_r {
    margin-top: 10px;
    margin-bottom: 10px;
}

.provali{
            font-size: 23px;
            text-align:center;
}
.cont_alto_int{
    flex-wrap: inherit;
    width:98%;
}
.cont_alto_s_img{
    width: 45px;
}
.cont_alto_s{
   font-size: 13px;
}
}

@media screen and (max-width: 768px) {
    .cont_terza_sinistra_dentro {
        width: 80%;
        max-height: 330px;
    }
    #conf_form_est{
            width: 100%;
    }
}