@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
body {margin:0 auto;padding :0;font-family: 'Open Sans', sans-serif ;}


#header .flex {align-items: center; padding: 0 5%; box-sizing: border-box;}
.sfondo_logo{margin: 30px 0;}
ul.menu {text-align: center; width: calc(100% - 20% - 75px);}
ul.flags { width: 75px;}
ul.flags li { padding: 0 5px;}

.cont_filter {width: 100%;flex-wrap: wrap;align-items: flex-start;gap: 30px;}
.cont_filter .row {width: calc(25% - 22.5px);position: relative;}
.cont_filter .row .ico_small {width: 18px; height: 18px; object-fit: contain; position: absolute; right: 10px; top: 70%; translate: 0 -70%;pointer-events: none;}
.cont_filter label {font-size: 16px;text-transform: uppercase;font-size: 15px;color: #fff;font-weight: 600;display: block;margin: 0 0 5px;}
.cont_filter .select2-container {display: block; width: 100% !important;}
.cont_filter textarea {min-height: inherit!important;}
.cont_filter .select2-container--default.select2-container--focus .select2-selection--multiple, .cont_filter .select2-container--default .select2-selection--multiple {border: none!important;}
.cont_filter .select2-container--default .select2-selection--multiple {border-radius: 0!important;padding: 20px !important;}
.cont_filter ::placeholder {background: transparent!important;}

#main .select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}   #main  .select select {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 11px 15px;
        outline: 0;
        border: 0px hidden #000000;
        border-radius: 0px;
        background: #3d5da4;
        color: #ffffff;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
       #main  .select select::-ms-expand {
            display: none;
        }
       #main  .select option:hover
        {   background-color:#fff; color:#3d5da4;}
       #main  .select select:focus {
            color: #ffffff;
            background: #3d5da4;
        }
      #main   .select select:disabled {
            opacity: 0.7;
            pointer-events: none;
        }
#main .select_arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #ffffff transparent transparent transparent;
}
#main  .select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-top-color: #d0c8c8;
}
#main .select select:disabled ~ .select_arrow {
    border-top-color: #ffffff;
}
h1,h2,h3,h4,h5{margin:25px 0 0 0;padding:0; font-weight: 1;}
h1 {font-size: 40px;}
h2 {font-size: 35px;}
h3 {font-size: 30px;}
h4 {font-size: 27px;}
h5 {font-size: 23px;}
.fa-long-arrow-alt-right {color:#3d5da4;}
.checkbox {width: 16px; height: 16px; float: left; margin:0 5px; }
.fa {margin-right: 15px;}
.titolo_header {padding: 100px 10px 0 0; }
 #header li{text-decoration: none; display: inline;}
 .classe_label { width: auto; padding: 2px 3%; background-color: #547095; color: #fff; font-size: 12px;  border-radius: 0 5px; margin:0 10px;  } 
 .classe_label:hover { background-color: #2d2d2d; color: #fff;} 
 .classe_label a{ color: #fff; font-size: 12px;  border-radius: 0 5px; margin:0 10px;} 
 #header ul,li{margin:0;padding:0;}
a{text-decoration: none; color: black}
p{margin:0}
.fa-bars {color: #3f5ba4;}
.altezza_minima_titolo{min-height: 250px;}
.centro{margin: 0 auto;}
.senza_bordo{border:0}
.bianco{color:white}
.blue_forte{color:blue}
.blue{color:#3d5da4}
.blue_medio{color:#557294}
.blue_scuro{color:#547095}
.container{width: 100%; margin:0 auto; padding:0}
.content{margin: 0% 15% ;}
.content_margin{margin-bottom: 50px;}
.content_largo{margin: 0% 20%;}
.content_piccolo{margin:0% 10%}
#header .cl_60{width:58%}
.voce_menu {width: 11%; margin: 0 2%; text-align: center; padding: 40px 0; }
.cl_15{width: 15%;}
.cl_70{width: 70%;}
.cl_75{width: 75%;}
.cl_85{width: 85%;}
.cl_50{width:49.5%;}
.cl_60{width: 60%;}
.cl_80{width: 80%;}
.cl_30{width: 28%;}
.cl_10{width: 12.9%; margin: 3px 0.05%;}
.cl_90{width: 88%;}
.cl_25{width: 25%;}
.cl_20{width: 20%;}
.cl_100{width: 100%;}
.cl_33{width: 32%;}
.cl_5{width: 5%;}
.cl_90_2{width: 90%;}
.cl_80_2{width: 80%;}
.cl_20_2{width: 20%;}
.img_value{ height:50px}
.clear{clear: both;}
.testo_grande{font-size: 65px; margin:0px}
.testo_piccolo{font-size: 16px;}
.testo_molto_piccolo{font-size:14px}
.testo_medio_grande{font-size: 2.563rem; }
.testo_medio{font-size: 26px; ;}
.testo_centro{text-align: center}
.grassetto{font-weight: 600;}
.flex{display:flex}
.cambio{color : #557294}
.cambio:hover{background-color: #006cb6; color: rgb(255, 255, 255, 1) ;}
.margine_piccolo_sinistra{margin: 0% 6%;}
.margine_4_percento{margin:4%}
.margine_m_sinistra{margin-left: 13%;}
.margine_medio_sinistra{margin-left:28%}
.margine_altezza{margin:4% 0}
.margine_altezza_bassa{margin:2% 0}
.margine_poco_sotto{margin-bottom: 8px;}
.margine_altezza_alta{margin:3% 0}
.margine_inferiore{margin-bottom: 6%;}
.margine_sinistra{margin-left: 22%;}
.margine_poco_destra{margin-right:15%}
.margine_alto{margin-top: 12%;}
.margine_destra{margin-right: 6%;}
.margine_alto_px{margin-top:20px}
.margine_team{margin-left: 5.33%}
.margine_sinistra_px{margin-left: 12px;}
.margine_pre_footer{margin-top:14%}
.margine_pre_footer_2{margin-top:20%}
.margine_altezza_1{margin:1% 0%}
.margine_laterale_1{margin:0% 0.5%}
.margine_card_led{margin-top:27%}
.sfondo_iniziale_home{background:url(../../assets/images/background-immagine-iniziale.jpg) no-repeat; background-size: cover; background-position: center}

.centro_verticale{padding:11px 4px}
.padding_basso{padding-bottom: 3%;}
.padding_l_mini{padding:0px 8px}
.padding_sotto{padding-bottom: 10px;}
.padding_footer_fondo{padding-bottom: 5%;}
.padding_alto{padding-top: 10%;}
.padding_medio_alto{padding-top:4%}
.padding_medio_alto_2{padding-top:5%}
.padding_superiore{padding-top: 15px;}
.padding_altezza_alta{padding-top: 3%;}
.padding_laterale{  padding: 0 10px;}
.padding_altezza_px{padding-top: 15px;}
.padding_altezza_px_2{padding-top: 40px;}
.padding_altezza_px_3{padding-top: 90px;}
.padding_img{padding:7% 3% 0px 7%;width: 90%;}
.padding_laterale_perc{padding: 0 2%;}
.padding_y{padding: 2% 0% }
.linea_track{background: rgba(37,58,63,1); width :1px ; height: 100px; }
.linea_track_lunga{background: rgba(37,58,63,1); width :1px ; height: 100%;}
.track_q{background: #4291ca;height: 40px;width: 40px;margin-top: 30px;left: -19px;margin: 0 auto;top: 30px;}
.padding_track{padding-top:30px}
.img_dettaglio{width: 640px; height: 480px; margin:1% 1% 1% 0%; }
.sfondo_bianco{background: white;}
.sfondo_rosso{background: red;}
.sfondo_iniziale{background:url(../../assets/images/background-immagine-sottopagina.jpg) no-repeat}
.sfondo_blue{background:url(../../assets/images/img_na.png) ;background-size:cover; background-position: center center}
.sfondo_blocco{background: #abb8c9}
.sfondo_card_1{background:#3f5ba4}
.sfondo_card_2{background:#406db0}
.sfondo_card_3{background:#4291ca}
.sfondo_card_4{background:#7eb8e2}
.sfondo_team{background:#eeedee ; border-radius:80px}
.card_team{height: 135px; top:55px ; right: 0 ; border-radius: 50%; border: 9px solid #eeedee ; left: 0; position: absolute ; width: 135px; margin: auto;}
.sfondo_card_team{height: 140px; width: 100%; position: relative ;background:url(../../assets/images/bg_staff.jpg) ;background-size:cover; background-color: white; border-top-left-radius: 80px; border-top-right-radius:80px}
.img_luc{width: 100%; max-width: 227px; height: auto;}
.sfondo_footer_img{background: url(../../assets/images/prefooter_sottopagine.png) no-repeat ; background-color:#4291ca;padding-top:100px ;}
.sfondo_footer_img_home{background: url(../../assets/images/background-montagna.png) no-repeat ; background-color:white ; background-position: bottom;}
.img_footer{margin: 15% 10% 15% 28%;}
.i_f_1{height:auto;width: 100%;max-width: 120px; margin:12px auto 12px auto; }
.sfondo_home_news{background:#f1f1f1}
.margine{margin:3%}
.altezza_header{padding:30px 10% 30px 0%}
.logo{height: auto;margin: 0 auto;width: 100%;}
.logo_2{  margin:0 auto;padding-top:5px ;width: 100%; bottom: 0; position: absolute; left: 0;}
.linea_home{border-bottom: 1px solid rgb(158, 157, 157); width: 60% ;padding-top:0% ; margin:2% 6%}
.linea_1{border-bottom: 1px solid white; width:60% ;padding-top:0% }
.linea_2{border-bottom: 1px solid rgb(158, 157, 157); width: 30% ;padding-top:0% }
.linea{background-color:#547095 ;height: 1px ; width:94% ;margin: 12px 10px 0 5px;}
.linea_lunga{background-color:#547095 ;height: 1px ; width:60% ;margin: 12px 10px 0 0px;}
.linea_100{border-bottom: 1px solid black; width: 100%;}
.altezza_minima{min-height:30%}
.padding_card{padding:10% 10% 1% 10%}
.q_home{border: 2px solid #577194;height: 40px;width: 40px;margin: 0 auto;}
.bordo{border:1px solid white}
.img_cod{width: 80px; height: 200px; margin: 0px 0px 0px 50% ; padding-top: 40px;}
.bordo_sotto{border-bottom: 2px solid white}
.linea_card{border-bottom: 1px solid white; width:60% ;margin:3% 18% 10% 18%}
.linea_card_us{border-bottom: 1px solid white; width:60% ;margin:3% 18% 8% 18%}
.bordo_bianco_destra{border-right: 16px solid white;}
.bordo_nero_destra{border-right:1px solid rgb(158, 157, 157);}
.linea_news_1{background-color:rgb(148, 148, 148) ;height: 2px ; width:100px ;margin: 12px 10px 0 0;}
.linea_news_2{border-bottom: 8px solid rgb(148, 148, 148);width: 100px;}
.linea_news_divisore{background-color:rgb(148, 148, 148) ;height: auto; width:1px ;margin: 30px 0.45% 60px 0.45%;}
.linea_news_sotto{background-color:rgb(148, 148, 148) ;height: 1px ; width:90%; margin:20px 5%;}

.blocco_numeri{height: 27px; margin:3% 0 }
.dimensione_blocco_1{width: 80%;}
.dimensione_blocco_2{width: 20%;}
.grafico_esterno{height :auto; width: 100%; border-radius: 100%; padding-top:60%}
.grafico_interno{height :70px; width: 70px; border-radius: 100%; margin: 25% auto;}
.posizione_assoluta{position: absolute;}
.posizione_relativa{position:relative}
.padding_footer_1{padding-right:10px }
.padding_laterale{padding: 0% 0% 0% 9%}
.padding_laterale_mini{padding: 10% 2%}
.padding_sinistra{padding-left: 27%;}
.altezza_minima_footer{min-height:180px ; position: relative;}
.altezza_minima_footer_2{min-height:54px;position: relative;}
.altezza_minima_news{min-height:100px;}
.altezza_minima_news_titolo{min-height:166px; position: relative;}
.dati_login{width:90% ;border:0px ;padding-left: 17px ;}
.bottone_login{border:1px solid;cursor: pointer;  }
.bottone_dettaglio{height: 50px;border:none; background-color:#4291ca ; color: white; margin:15px 0.5%;cursor: pointer; }
.bottone_dettaglio_download { background-color: #3e5ba3; font-size: 16px; font-weight: bold; margin: 15px; padding: 10px; border:none; color: #fff; border-radius: 5px 0; cursor: pointer; }
.bottone{width: 25%; border:1px solid rgb(13, 13, 185);cursor: pointer; }
.bottone_news{border:none; height: 40px; width: 50px; margin:3% 1% ; background-color: #4291ca; color:white;cursor: pointer; }
.bottone_policy{width: 100px ; height: 30px ; background-color: #557294; color:rgb(255, 255, 255); border: 0;cursor: pointer; margin-top: 10px; }
.opportunita{border:2px solid #99a8cf  ; margin:6px 0px 0px  5px }
.spazio_opportunita{margin-top:15px }
.mappa{width: 100%; height: 370px; border: 0;}
.rotate{ transform: rotate(90deg);color: #577194;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);margin-top: 40px;font-size: 30px;}
::placeholder, input{color:white; font-size: 18px; padding: 15px 1% 15px 1%; margin:10px 2%; width:44%; border:none; background-color: #4291ca;font-family: 'Open Sans', sans-serif ;}
::placeholder, .input2{color:white; font-size: 18px; padding: 23px 1% 23px 1%; margin:10px 2%; width: 94%; border:none; background-color: #4291ca;font-family: 'Open Sans', sans-serif ;}
::placeholder, .login{color:white; font-size: 18px; padding: 23px 1% 23px 1%; margin:10px 0%; width:68% !important; border:none; background-color: #4291ca  }
textarea {min-height: 250px;}
.form_contatti{width: 100%;}
.form_contatti input {}
.fancybox-slide--iframe .fancybox-content {width  : 800px;height : 600px;max-width : 80%;max-height : 80%;margin: 0;background: #191919;}
.mostra_menu{display:none}
.numero_err{font-size: 300px;}
.linea_err{width: 60px; height:4px ;background-color: blue; margin: 2% auto;}
.altezza_divisore_f{min-height: 180px;}
.nome_azienda{padding:30px 2% 30px 2% ;  }
.linea_opportunita{background-color:#547095 ;height: 1px ; width:100% ;margin: 12px 10px 0 5px;}


.filtri{width:200px}
.img_imp{height: 100px;}
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}
.icon_close {max-height: 40px; margin: 20px 0 0 20px;}
.data {font-size: 16px;}
.button {background-color: #fff; padding: 10px 0; margin:10px auto; color: #0075c9;}
.button:hover {background-color: #0075c9; padding: 10px 0; margin:10px auto; color: #fff}


.sfondo_iniziale_1{background:url(../../assets/images/sfondo1.jpg) no-repeat; background-position: bottom center; background-size: cover;}
.sfondo_iniziale_2{background:url(../../assets/images/sfondo2.jpg) no-repeat; background-position: bottom center; background-size: cover;}
.sfondo_iniziale_3{background:url(../../assets/images/sfondo3.jpg) no-repeat; background-position: bottom center; background-size: cover;}
.sfondo_iniziale_4{background:url(../../assets/images/sfondo4.jpg) no-repeat; background-position: bottom center; background-size: cover;}
.sfondo_iniziale_5{background:url(../../assets/images/sfondo5.jpg) no-repeat; background-position: bottom center; background-size: cover;}
.sfondo_iniziale_6{background:url(../../assets/images/sfondo6.jpg) no-repeat; background-position: bottom center; background-size: cover;}
.sfondo_iniziale_7{background:url(../../assets/images/sfondo7.jpg) no-repeat; background-position: bottom center; background-size: cover;}

.macroaree__wrap{padding: 20px 5%; display: grid; grid-gap:20px; grid-template-columns: repeat(auto-fit,minmax(250px,320px));justify-content: center; align-items: center;}
.macroaree__wrap__img{display: none;}
.macroaree__wrap__content{display: grid; grid-gap:20px; grid-template-columns: repeat(auto-fit,minmax(250px,1fr));justify-content: center; align-items: center;}
.macroaree__wrap__content__link{display: grid; grid-gap: 20px; aspect-ratio: 16/9;border-radius: 5px;transition: all .2s;box-shadow: 0px 1px 3px #c7c7c7; padding: 20px;}
.macroaree__wrap__content__link:hover{transform: scale(1.02);}
.macroaree__wrap__content__link--gold{/* background-color: #D6A50A; */background:linear-gradient( to bottom right, #c39738, #deb761, #c39738);}
.macroaree__wrap__content__link--silver{/* background-color: #8D8C8F; */background:linear-gradient( to bottom right, #b5b5b5, #e3e3e3, #b5b5b5);}
.macroaree__wrap__content__link img{display: block;width: 100%; max-width: 310px;}
.macroaree__wrap__content__link hr{border: none; border-top: 1px solid white; width: 100%;}
.macroaree__wrap__content__link h2{font-size: 25px;margin: 0; color: white; text-transform: uppercase; font-weight: 1;}
@media(min-width:768px){
  .macroaree__wrap{grid-template-columns: repeat(3,1fr); grid-gap: 40px;}
  .macroaree__wrap__img{display: block; border-right: 1px solid #D5D5D5;}
  .macroaree__wrap__content{grid-column: span 2; grid-gap: 40px;}
}
@media(min-width:1025px){
  .macroaree__wrap{padding: 40px 15%;}
  .macroaree__wrap__content{justify-content: space-evenly;}
  .macroaree__wrap__content__link h2{font-size: 30px;}
}

.catalogo__wrap{padding: 20px 5%; display: grid; grid-gap:20px; grid-template-columns: repeat(auto-fit,minmax(250px,320px));justify-content: center; align-items: flex-start;}
.catalogo__wrap__item{box-shadow: 0px 1px 3px #c7c7c7;transition: transform .2s; height: 100%;border: 1px solid #D5D5D5;}
.catalogo__wrap__item:hover{transform: scale(1.02);}
.catalogo__wrap__item__img{aspect-ratio: 16/9;}
.catalogo__wrap__item__img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.catalogo__wrap__item__text{padding: 20px;}
.catalogo__wrap__item__text h2{font-size: 20px;margin: 0; margin-bottom: 10px;font-weight: 600;}
.catalogo__wrap__item__text p{font-size: 18px;margin: 0;}
@media(min-width:768px){
  .catalogo__wrap{ grid-template-columns: 1fr; grid-gap: 40px;}
  .catalogo__wrap__item{display: grid;grid-template-columns: repeat(3,1fr);}
  .catalogo__wrap__item__img{aspect-ratio: unset;}
  .catalogo__wrap__item__text{grid-column: span 2; display: flex; flex-direction: column; justify-content: space-around;}
}
@media(min-width:1025px){
  .catalogo__wrap{padding: 40px 15%;}
  .catalogo__wrap__item__text{padding: 40px;}
  .catalogo__wrap__item__text h2{font-size: 30px;}
}

.myModal{display: none; position: fixed; top: 0; left: 0; z-index: 100000; background-color: rgba(0, 0, 0, .8); width: 100%; height: 100%;}
.myModal__wrap{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.myModal__wrap__content{width: 100%; max-width: 600px; position: relative; padding:20px;}
.myModal__wrap__content__head{cursor: pointer;display: flex;align-items: center;justify-content: space-between;padding: 20px;background-color: #3E5BA3;}
.myModal__wrap__content__head h4 {font-size: 20px;padding-right: 20px;font-weight: 600;text-transform: unset;color: #fff;line-height:1.6; margin: 0;}
.myModal__wrap__content__head .close-div{color: #fff;font-size: 25px;font-weight: 600;transition: transform .2s;line-height:.6;}
.myModal__wrap__content__head:hover .close-div{transform: rotate(90deg) !important;}
.myModal__wrap__content__text{background-color:#fff; padding:40px;max-height:calc(100vh - 200px);}
.myModal__wrap__content__text p{font-size:18px;}

.prodotto__wrap{display: grid; grid-gap: 20px;}
.prodotto__wrap__testo{padding: 20px 5%;}
.prodotto__wrap__testo h2{font-size: 20px;margin: 0; margin-bottom: 10px;font-weight: 600;}
.prodotto__wrap__testo p{font-size: 18px;margin: 0;}
@media(min-width:768px){
  .prodotto__wrap__testo h2{font-size: 30px;}
}
@media(min-width:1024px){
  .prodotto__wrap{grid-template-columns: repeat(3,1fr); grid-gap: 40px; }
  .prodotto__wrap__testo{padding: 40px; padding-left: 0; display: flex; flex-direction: column; justify-content: center;}
}
@media(min-width:1025px){
  .prodotto__wrap{padding: 40px 15%;}
}

.slider{position: relative;display: flex;align-items: center;justify-content: center;}
.slider__item{aspect-ratio: 4/3;height: 100%;width: 100%;box-shadow: 0px 1px 3px #c7c7c7; cursor: pointer;}
.slider__item img{display: block;height: 100%;width: 100%;object-fit: cover;object-position: center;}
a.prev, a.next{position:absolute; top:50%; transform: translateY(-50%); z-index: 10; cursor: pointer;color: #fff;font-size: 35px;transition: all .2s;text-shadow: 2px 2px 4px #000;}
a.prev{left: 10px;}
a.next{right: 10px;}
a.prev:hover, a.next:hover{color: #3E5BA3;}
.slider__dots{position: absolute;align-self: flex-end;padding-bottom: 10px;}
.slider__dots--dot{cursor: pointer;height: 5px;width: 30px;margin: 0 5px;background-color: #fff;display: inline-block;transition: background-color 0.2s;box-shadow: 0px 1px 3px #000;}
.slider__dots--dot.active, .slider__dots--dot:hover{background-color: #3E5BA3;}
@media(min-width:768px){
  .slider__btn a.prev, .slider__btn a.next{font-size: 35px;}
}
@media(min-width:1024px){
  .slider{grid-column: span 2;}
}
@media(min-width:1025px){
  .slider__dots{padding-bottom: 20px;}
}
#viewer{
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
@media(min-width:1024px){
  #viewer{grid-column: span 2;aspect-ratio: 4/3;}
}

/* .fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {
  from {
      opacity: .4
  }
  to {
      opacity: 1
  }
} */


@media screen and (min-width: 1024px  ) and (max-width : 1422px) {
.linea_news_sotto {display: none;}
}
@media screen and (min-width: 1024px  ) and (max-width : 1384px) {
  .margine_destra{margin-right: 3%;}
  .logo{height: auto;margin: 0 auto;width: 250px;}
}
@media screen and (min-width: 1025px  ) and (max-width : 1086px) {
  .logo{height: auto;margin: 0 auto;width: 220px;}
  .margine_destra{margin-right: 2%;}
  .menu {padding:none;}
}
@media screen and (min-width: 481px  ) and (max-width : 610px) {
.tab button img{
  width: 100%;
  max-width: 150px;
}
}
@media screen and (min-width: 481px  ) and (max-width : 1024px) {

h1 {font-size: 30px;}
h2 {font-size: 25px;}
h3 {font-size: 22px;}
  .data {font-size: 12px;}
.linea_news_2{display: none;}
  .menu {margin: 0 !important; padding: 0 !important; }
.linea_news_sotto {background-color:rgb(148, 148, 148) ;height: 1px ; width:100%; margin:20px 0;}
.linea_news_1{background-color:rgb(148, 148, 148) ;height: 2px ; width:20px ;margin: 12px 10px 0 0;}
    .logo{height: auto;margin: 0 auto;width: 210px;}
	.sfondo_logo { margin: 20px 0;}
    #header .cl_20{width:80%}
    #header .cl_60{width:20%}
    .altezza_header{padding: 10% 0% 3% 0%}
    .linea_home{margin:2% 0%}
    .flex{display:inline}

    .flex.cont_filter {display: flex;}
    .cont_filter .row {width: 100%;}

    .testo_grande{font-size:40px}
    .sfondo_card_team{height:120px}
    .tetso_medio{text-align: center;}
    .testo_piccolo{ font-size: 14px;}
    .cl_50{width: 90%;}
    .cl_10{width: 95%;}
    .cl_25{width: 90%;}
    .cl_60{width: 95%;}
    .cl_33{width: 90%;}
    .cl_15{width: 95%;}
    .cl_30{width: 90%;}
    .cl_5{width: 10%;}
    .cl_90{width: 80%;}
    .cl_20{width:80%}
    .cl_70{width:100%}
    .altezza_minima_titolo{min-height: 150px;}
    .margine_alto_res{margin-top: 5%}
    .linea_news_divisore{display: none;}
    .content{margin:0% 5%}
    .blocco_numeri{display: flex;}
    .padding_alto{padding-top: 2%}
    .padding_img{display: none;}
    .linea_2{width: 97%;}
    .linea_card {display: none;}
    .img_cod{margin: 0 auto; height: 100px;}
    .dimensione_blocco_1{width: 75%;}
    .dimensione_blocco_2{width: 25%;}
    .flex_res{display: flex;}
	#header .flex {justify-content: space-between;}
	ul.flags li { padding: 0 2px;}
    .centro_res{text-align: center;}
    .margine_team{margin:2.5%;}
    .card_team{height: 125px; width:125px ;top:50px}
   .margine_pre_footer_2{margin-top: 9%;}
   .img_dettaglio{width: 320px; height: 240px; }
   .margine_piccolo_sinistra{margin: 0%;}
   .padding_laterale_perc{padding: 0%;}
   .altezza_minima_news{min-height: 0px;}
   .altezza_minima_news_titolo{min-height: 0px;}
   .bottone_news{width: 35px; height: 25px;}
    .img_luc{display: none;}
    .content_res{margin:0 5%}
    .elimina{display: none;}
    .content_largo{margin: 0%;}
    .mostra_menu{display: block; }
    .menu{display: none ; }
    .margine_sinistra {margin-left: 30%;}
    #menu {display:none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:blue;font-weight: 600;opacity: 0.85;z-index: 1000; color:white}
    li{width: 100%;}
    .testo_header{display:block; color:white; font-size:20px; text-align:center ; margin-bottom:3%}
    .bottone_nav{font-size:100px; color:white;background:blue;border:none;}
    .numero_err{font-size: 200px;}
    #footer .padding_laterale{padding: 0px;}
    #footer .content_res{margin: 0% 20% }
    #footer .cl_70{width: 60%;}
    #footer .cl_30{width:60%}
    #footer .padding_altezza_px{padding-top: 5px;}
    #footer .padding_altezza_px_2{padding-top:20px}
    .padding_altezza_px_2_res{padding-top:20px}
    .logo_2{width: 60%;}
    .rotate{transform: rotate(0deg);margin-top:5px}
    #footer .altezza_minima_footer_2{min-height: 20px;}
    .linea{width:35%}
    .img_footer{margin: 15% 10% 15% 38%;}
    .altezza_divisore_f{min-height:20px}
    .sfondo_footer_home_res{background: url(../../assets/images/prefooter_sottopagine.png) no-repeat ; background-color:#4291ca;padding-top:100px ;}
    .sfondo_footer_img_home{background: none;}
    .margine_card_led{margin-top:17%}
    .cl_75{width:100%}
    .flex_tab{display:flex}
    .padding_laterale_mini{padding: 1% 2%}
    .margine_sinistro_res{margin-left: 5%;}
    .track_q{left:-14px ;height: 30px; width: 30px;}
      .linea_track{height: 100px; margin: 0 auto;}
      .padding_track{padding-top: 10px;}
      .cl_90_2{width: 100%;}
      .cl_20_2{width: 100%;}
      .cl_80_2{width: 100%;}
      .i_f_1{padding: 5% 30%}
      .filtri{width:180px}
      .altezza_minima{min-height: 100px;}
      .padding_card{padding:3% 10% 1% 10%}
::placeholder, input{color:white; font-size: 18px; padding: 15px 1% 15px 1%; margin:10px 2%; width:94%; border:none; background-color: #4291ca;font-family: 'Open Sans', sans-serif ;}
::placeholder, .input2{color:white; font-size: 18px; padding: 23px 1% 23px 1%; margin:10px 2%; width: 94%; border:none; background-color: #4291ca;font-family: 'Open Sans', sans-serif ;}
::placeholder, .login{color:white; font-size: 18px; padding: 23px 1% 23px 1%; margin:10px 0%; width:68% !important; border:none; background-color: #4291ca  }
      .linea_track_alta{background-color:rgb(148, 148, 148) ;height: 1px ; width:90%; margin:20px 5%;}
  }
@media screen and (max-width: 480px )  {

  .flex.cont_filter {display: flex;}
    .cont_filter .row {width: 100%;}
    .catalogo__wrap__item__img {aspect-ratio: 4 / 3;}

h1 {font-size: 25px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
.img_cod{width: 80px; height: 100px; margin: 0px 0px 0px 50% ; padding-top: 40px;}
  .data {font-size: 12px;}
  .linea_news_2{display: none;}
  .menu {margin: 0 !important; padding: 0 !important; }
.linea_news_sotto {background-color:rgb(148, 148, 148) ;height: 1px ; width:100%; margin:20px 0;}
.linea_news_1{background-color:rgb(148, 148, 148) ;height: 2px ; width:20px ;margin: 12px 10px 0 0;}
    .logo{height: auto;margin: 0 auto;width: 150px;}
  #header .cl_20{width:80%}
    #header .cl_50{width:20%}
    .altezza_header{padding: 10% 0% 3% 0%}
  .sfondo_card_team{height:80px}
  .card_team{height: 70px; width:70px ;top:40px}
  .flex{display:inline}
  .testo_grande{ font-size: 30px;}
  .testo_medio_grande {font-size: 25px;}
  .tetso_medio{text-align: center;}
  .testo_piccolo{ font-size: 14px;}
  .cl_50{width: 90%;}
  .cl_10{width: 95%;}
  .cl_25{width: 90%;}
  .cl_60{width: 95%;}
  .cl_33{width: 90%;}
  .cl_15{width: 95%;}
  .cl_30{width: 90%;}
  .cl_5{width: 10%;}
  .cl_90{width: 80%;}
  .cl_20{width:100%}
  .cl_70{width:90%}
  .cl_90_2{width: 100%;}
  .cl_80_2{width: 100%;}
  .cl_20_2{width: 100%;}
  .mappa{height: 300px;}
  .margine_alto_res{margin-top: 5%}
  .linea_news_divisore{display: none;}
  .content{margin:0% 5%}
  .blocco_numeri{display: flex;}
  .padding_alto{padding-top: 2%}
  .padding_img{display: none;}
  .linea_2{width: 97%;}
  .linea_card {display: none;}
  .img_cod{margin: 0 auto;}
  .linea_home{margin:2% 0%}
  .dimensione_blocco_1{width: 75%;}
  .dimensione_blocco_2{width: 25%;}
  .flex_res{display: flex;}
  .centro_res{text-align: center;}
  .margine_team{margin:2.5%;}
  .margine_pre_footer_2{margin-top: 9%;}
  .img_dettaglio{width: 100%; height: auto; }
  .margine_piccolo_sinistra{margin: 0%;}
  .padding_laterale_perc{padding: 0%;}
  .altezza_minima_news{min-height: 0px;}
  .altezza_minima_news_titolo{min-height: 0px;}
  .bottone_news{width: 35px; height: 25px;}
  .img_luc{display: none;}
  .elimina{display: none;}
  .content_largo{margin: 0%;}
  .mostra_menu{display: inline }
  .menu{display: none ; }
  .margine_sinistra {margin-left: 20%;}
  #menu {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color :#3f5ba4;font-size: 30px;font-weight: 800;opacity: 0.92;z-index: 1000; color:white; display:none}
  ::placeholder, input{color:white; font-size: 18px; padding: 23px 0px 23px 17px; margin:10px 0%; width: 98%; border:none; background-color: #4291ca }
  .centro_verticale {padding: 7px 4px;}
  .testo_medio{font-size:16px}
  .testo_header{display:block; color:white; font-size:20px; text-align:center}
  .bottone_nav{font-size:100px; color:white;background-color: #3f5ba4;border:none;}
  .numero_err{font-size: 100px;}
  .linea{width:35%}
  #footer .padding_laterale{padding: 0px;}
  #footer .content_res{margin: 0% 20% }
  #footer .cl_70{width: 60%;}
  #footer .cl_30{width:60%}
  #footer .padding_altezza_px{padding-top: 5px;}
  #footer .padding_altezza_px_2{padding-top:20px}
  .padding_altezza_px_2_res{padding-top:20px}
  #footer .altezza_minima_footer_2{min-height: 20px;}
  .linea{width:35%}
  .altezza_divisore_f{min-height:20px}
  .content_res{margin:0 5%}
  .sfondo_footer_home_res{background: url(../../assets/images/prefooter_sottopagine.png) no-repeat ; background-color:#4291ca;padding-top:100px ;}
  .sfondo_footer_img_home{background: none;}
  .cl_75{width:100%}
  .select-selected {width: 88%; font-size: 15px;}
  .linea_track{margin:0 auto}
  .i_f_1{margin: 10px auto 10px auto; }
  .altezza_minima_titolo{min-height: 100px;}
  .filtri{width:88%; margin-bottom:40px}
  .altezza_minima{min-height: 50px;}
  .rotate{transform: rotate(0deg);margin-top:5px}
  .padding_card{padding:3% 10% 1% 10%}
  .tab button img{
  width: 100%;
  max-width: 150px;
  
}
.linea_track_alta{background-color:rgb(148, 148, 148) ;height: 1px ; width:90%; margin:20px 5%;}
}


.modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(37,58,63,0.8);
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 300ms ease-in;
  -moz-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
  pointer-events: none;
}

.modalDialog:target {
  opacity:1;
  pointer-events: auto;
}

.modalDialog > div {
  width: 80%;
  max-width: 600px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  background: #fff;
  color: #0075c9;
  
}
.modalDialog > div > h1{
  font-size: 24px;
  margin:25px auto;
  
}
.modalDialog > div > p{
  font-size: 14px;
  margin:0 auto 10px auto;
  color: #3d5da4;
  line-height: 22px;
  
}


.close {
  padding: 0;
  color:black;
  line-height: 25px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 24px;
  text-decoration: none;
  background:none;
  font-weight: bold;
  color: #0075c9;
}

.close:hover { 
color: #164b70;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
}
/* Style the buttons inside the tab */


/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}


.linea_temporale {padding: 40px 0 100px;}
.linea_temporale .row {display: flex;flex-wrap:wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.linea_temporale .row .col_anni {width: 100%; border-bottom: 3px solid #c3c3c3; text-align: center; padding: 0; margin: 0; box-sizing: border-box;}
.linea_temporale .row .anno {font-size: 20px; font-weight: 600;padding: 10px 0 25px;}
.linea_temporale .row .col_txt {width: 96%;padding: 30px 2% 40px; text-align: center;position: relative;}
.linea_temporale .row .col_txt::before {content: '';display: block; width: 30px;height: 25px;background-color: #ffae00;position:absolute; top: -16px; left: 0; right: 0;margin: 0 auto;}
.linea_temporale .row .col_txt ul li {padding: 10px 0 15px;text-align: left;}
.linea_temporale .row .col_txt ul li ul li {padding: 5px 0;text-align: left}

@media screen and (min-width:401px) {
  .linea_temporale .row { flex-direction: row; justify-content: inherit; align-items: inherit;}
  .linea_temporale .row .col_anni {width: 100px; border-right: 3px solid #c3c3c3; border-bottom: none; padding: 0 10px 0 0; text-align: left;}
  .linea_temporale .row .col_txt {padding: 10px 0 20px 30px; width: calc(100% - 130px);text-align: left;}
  .linea_temporale .row .col_txt::before {top: 10px; left: -14px; right: inherit;width: 25px;height: 30px;}
  .linea_temporale .row .anno {padding: 10px 0;}
}

.num_big {  font-size: 60px;font-weight: 600;line-height: 1;margin: 0 0 15px;color: #fff;display: flex;align-items: center;gap: 0;flex-wrap: wrap;padding: 30px;justify-content: center;}
.num_big span {font-size: 30px;}
.home_flex {display:block; padding: 30px 0 0;}
.home_flex .bl {width: 100%;margin: 0 0 30px;}

@media screen and (min-width:1025px) {
  .home_flex {display: flex; flex-wrap: wrap;gap: 30px;}
  .home_flex .bl {width: calc(33.3% - 20px);margin: 0;}
  .num_big {aspect-ratio: 4 / 2;padding: 10px 10px 10px 30px;justify-content: flex-start;}
}

@media screen and (min-width:1441px) {
  .num_big {gap: 10px;}
}