@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Playfair+Display:ital@0;1&family=Roboto:ital,wght@0,300..800;1,300..800&display=swap');

.roboto {
  font-family: "Roboto", sans-serif;
}

.fira_code, .fira_code h2, .fira_code h1, p.fira_code {
    font-family: "Fira Code", monospace!important;
    font-weight: 300;    
}

.fira_code h4, h4.fira_code {
    font-weight: 700;    
}

.playfair_display {
  font-family: "Playfair Display", serif;
}

/* ------------------------------------------- ATTRIBUTI GENERICI*/
#loading {
  position: fixed;
  top: -9000px;
  left: -90000px;
  z-index: -99999999999999;
  display: none;
  visibility: hidden;
}
html {
  scroll-behavior: smooth;
}
html, body, nav, nav ul, nav ul li {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border: 0;
  padding-top: 0px;
}
input:focus, button:focus {
  outline: 0;
}
img {
  vertical-align: middle;
}
a {
  text-decoration: none;
}

body {
      font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    background-color: #FFFFFF;
    color: #000000;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    letter-spacing: 0.01em;
    font-size: 14px;
    overflow-x: hidden;
    width: 100vw;
    z-index: 0;
    padding-top: 0px;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    height: auto;
}
h1 {
  font-size: 60px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #000000;
  line-height: normal;
        font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
h2 {
       font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
h2 {
  font-size: 30px;
  margin-top: 0px;
  color: #000000;
}
h3, h4, h5 {
  font-weight: 500;
  font-style: normal;
  margin-top: 0px;
  padding-top: 0px;
  line-height: normal;
}
h4, h5 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
h3 {
  font-size: 24px;
}
h4 {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
}
h5 {
  font-size: 18px;
}
h3 {
  padding-bottom: 15px;
  margin-bottom: 15px;
  background-size: 50px auto;
}
.center_txt h3, h3.center_txt {
  background-position: center bottom;
}
.trecolonne h3 {
  margin-top: 0px;
  padding-top: 15px;
}
h2.center_txt, .center_txt h2 {
  background-position: center bottom;
}
a {
  text-decoration: none;
}
p {
  line-height: 19px;
}
a:link, a:visited {
    color: #212121;
    transition: 0.4s all;
    text-decoration: none;
}
a:hover, a:active {
    color: #000000;
    transition: 0.4s all;
    text-decoration: underline;
}
section a {
  text-decoration: underline;
}

section ul li, section ol li {
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 20px;
}
hr {
    margin: 0px;
    padding: 0px;
    clear: both!important;
    height: 0px;
    width: 100%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    list-style-type: none;
    float: none!important;
    display: block;
    visibility: visible;
    z-index: 10;
}
strong, b {
  font-weight: 700;
}

main {
  display: inherit;
  visibility: visible;
  transition: all 0.3s;
}
#banda  {
    background-color: #fff;
    height: 75px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    z-index: 100;
}
/* ----------------------------- menu */
#peraprire{
    display: none;
    visibility: hidden;
}
#menu  {
    margin-left: 200px;
    margin-top: 20px;
}
 #menu nav {

  }
#menu nav ul.menu {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    text-transform: uppercase;
    font-size: 14px;
  }
#menu nav ul.menu li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
    display: inline-block;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 95px;
  }
#menu nav ul.menu li a:link, #menu nav ul.menu li a:visited {
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;
    display: block;
    color: #212121;
  }
#menu nav ul.menu li a:hover, #menu nav ul.menu li a:active {
     padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;
    display: block;
    color: #e4572e;
    background-color: ffffff;
  }
#menu nav ul li ul li {
    padding-left: 25px;
}
/*
#menu nav ul li ul {
    position: fixed;
    height: 0;
    overflow: hidden;
    left:15px;
}
	
#menu nav ul li:hover ul{
    height: auto;
    padding-top: 14px;
    position: absolute;
    left: 0px;
    top: 8px;
     width: 150px;
     z-index: 10;
}

#menu nav ul li ul li a:link, #menu nav ul li ul li a:visited {
padding-top: 5px!important;
    padding-bottom: 5px!important;
    display: block;
    font-weight: normal;
    background-color: #fff;
    color: #000!important;
}
#menu nav ul li ul li a:hover, #menu nav ul li ul li a:active {
    display: block;
    font-weight: normal;
    background-color: #fff;
    color: #e4572e!important;

}*/

.menu-item-has-children{
    position: relative;
}
.menu-item-has-children span{
    background-image: url("../img/arrow_down.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px auto;
    padding-right: 15px;
}

/* ----------------------------- fine menu */
.rolebanner {
    display: inherit;
    visibility: visible;
  }

#logo a:link, #logo a:visited {
color: #004B92;
}
#logo a:hover, #logo a:active {
color: #6ea1b3 ;
}
#logo {
    margin-left: 30px;
    width: auto;
    margin-top: 15px;
    background-image: none;
    padding-left: 0px;
    padding-top: 0px;
    background-color: hsla(0,0%,0%,0.00);
    height: inherit;
}
#logo img {
    display: inherit;
    visibility: visible;
}

/* -------------------------------------------------------- footer */
footer {
    width: auto;
    display: block;
    padding-right: auto;
    padding-left: auto;
    transition: all 1s;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top:50px;
    padding-bottom: 80px;
    color: #000000;
    text-align: left;
    font-size: 13px;
}
footer.no_newsletter {;
    margin-top: 70px;
}

footer a:link, footer a:visited {
  color: #000000;
}
footer a:hover, footer a:active {
    color: #00abc7;
}
/* -------------------------------------------------------- Fine footer */
.box {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.box.altezza_700 {
    height: 720px;
}
.box_bottoni {
    width: 1380px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.translate {
transform: translate(0px, -100px)
}
.left_meno300 {
    transform: translateX(-300px);
    height: 720px;
}
.col_7.translate {
transform: translate(0px, -50px)
}
.boxampio {
  width: 1600px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.boxmax {
  width: 1524px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.post {
    padding-top: 35px;
    padding-right: 35px;
    padding-left: 35px;
    padding-bottom: 35px;
}
.post_modulo {
    padding-top: 80px;
    padding-right: 80px;
    padding-left: 80px;
    padding-bottom: 80px;
}
.post_modulo .forminator-field-consent label {
    font-family: "Fira Code", monospace!important;
    font-weight: 500!important;    
}
.post_modulo .forminator-checkbox__wrapper label {
transform: translateY(16px);
    border: none!important;
}
.post_modulo .forminator-checkbox__wrapper span {
    border: 1px solid #212121!important;
}
.post_modulo .forminator-button-submit  {
    border-radius: 30px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    margin-right: auto!important;
    margin-left: auto!important;
    text-transform: uppercase!important;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    font-size: 22px!important;
    font-family: "Fira Code", monospace!important;
    font-weight: 700!important;
    color: #ffffff!important;
    background-color: #958F8B!important;
        min-width: 200px!important;
      display: block !important;
        transition: all 0.3s!important;
}
.post_modulo .forminator-button-submit:hover  {
    background-color: #212121!important;
    transition: all 0.3s !important;
}
.post.barra {
    padding-top:15px;
    padding-right: 35px;
    padding-left: 35px;
    padding-bottom:15px;
    border-bottom: 1px solid #212121;
}


.post.form {
    padding-top: 35px;
    padding-right: 35px;
    padding-left: 35px;
    padding-bottom: 35px;
}
.post.logo {
    padding-bottom: 100px;
    background-image: url(../img/logo_footer.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 250px auto;
}
.post.foto {
  padding-top: 50px;
  padding-right: 0px;
  padding-left: 50px;
  padding-bottom: 50px;
}
.foto img {
      border: 1px solid #b3b3b3;
    border-radius: 35px;
}
.post.padding_destra {
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 0px;
  padding-bottom: 30px;
}
.post p {
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
}
/* -------------------------------------- COLONNE */
.col_1 {
  float: left;
  width: 8.33%;
}
.col_2 {
  float: left;
  width: 16.66%;
}
.col_20 {
  float: left;
  width: 19.99%;
}
.col_3 {
  float: left;
  width: 24.99%;
}
.col_4 {
  float: left;
  width: 33.32%;
}
.col_5 {
  float: left;
  width: 41.65%;
}
.col_6 {
  float: left;
  width: 49.98%;
}
.col_7 {
  float: left;
  width: 58.31%;
}
.col_8 {
  float: left;
  width: 66.64%;
}
.col_9 {
  float: left;
  width: 74.97%;
}
.col_10 {
  float: left;
  width: 83.3%;
}
.col_11 {
  float: left;
  width: 91.63%;
}
.col_12 {
  float: left;
  width: 100%;
}
.l_500 {
    float: right;
    width: 500px;
}
.dieci {
  width: 10%;
  float: left;
}
.venti {
  width: 20%;
  float: left;
}
.venticinque {
  width: 25%;
  float: left;
}
.trenta {
  width: 30%;
  float: left;
}
.trentatre {
  width: 33.33%;
  float: left;
}
.trentacinque {
  width: 35%;
  float: left;
}
.quaranta {
  width: 40%;
  float: left;
}
.cianquanta {
  width: 50%;
  float: left;
}
.sessanta {
  width: 60%;
  float: left;
}
.sessantacinque {
  width: 65%;
  float: left;
}
.sessantasette {
  width: 67%;
  float: left;
}
.settanta {
  width: 70%;
  float: left;
}
.ottanta {
  width: 80%;
  float: left;
}
.novanta {
  width: 90%;
  float: left;
}
.cento {
  width: 100%;
  clear: both;
  float: none;
  display: block;
}
.una_colonna {
  column-count: 1;
  column-gap: 40px;
}
.due_colonne {
  column-count: 2;
  column-gap: 40px;
}
.tre_colonne {
  column-count: 3;
  column-gap: 40px;
}
.tre_colonne p, .due_colonne p, .quattro_colonne p {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.quattro_colonne {
  column-count: 4;
  column-gap: 40px;
}
/* -------------------------------------- FORMATTAZIONE E GRAFICHE GENERALI */
.center_txt {
  text-align: center;
}
.right_txt, p.right_txt {
    text-align: right;
}
.pre {
  padding-top: 35px;
}
.paddingtop {
  padding-top: 50px;
}
.paddinglati {
    padding-right: 50px;
    padding-left: 50px;
}
.padding_lati {
    padding-right: 35px;
    padding-left: 35px;
}
.paddingdestra {
  padding-right: 40px;
}
.paddingbottom {
  padding-bottom: 20px;
}
.paddingbottom50 {
  padding-bottom: 50px;
}
.topbottom {
  padding-bottom: 25px;
  padding-top: 25px;
}
.spazio {
  padding-top: 25px;
  padding-bottom: 25px;
}
.spaziopre {
  padding-top: 40px;
}
.spazio_pre {
  padding-top: 20px;
}
#pagina_interna .spaziopre {
  padding-top: 82px;
}
.blocco_centrale .spaziopre header, .blocco_trecolonne .spaziopre header {
  padding-left: 50px;
  padding-right: 50px;
  border-left: 3px solid #4377BB;
}
.spaziopre_sezione {
  padding-top: 60px;
  padding-left: 50px;
  padding-right: 50px;
}
.post ol li.spaziopre, .post ul li.spaziopre {
  padding-top: 30px;
}
.spaziopre.titoliprima {
  padding-top: 50px;
}
.spazietto {
  padding-top: 10px;
  padding-bottom: 10px;
}
.upper {
  text-transform: uppercase;
}
.sfondo_bianco {
  background-color: #FFFFFF;
  color: #212121;
}
.sfondo_grigio {
  background-color: #f6f6f6;
  color: #212121;
}

.bg_cat {
  color: #FFFFFF;
  background-color: #6ea1b3 ;
}
.bg_cat h2, .bg_cat h3 {
  color: #FFFFFF;
  text-decoration: none;
  background-image: none;
}
.bg_scuro {
  background-color: #000000;
}
.fotofluida picture, .fotofluida img {
  width: 100%;
  height: auto;
  display: block
}
.fotofluida a, .fotofluida a:link, .fotofluida a:visited, .fotofluida a:hover, .fotofluida a:active, .sfondo_grigio section .fotofluida a, .sfondo_grigio section .fotofluida a:link, .sfondo_grigio section .fotofluida a:visited, .sfondo_grigio section .fotofluida a:hover, .sfondo_grigio section .fotofluida a:active, .sfondo_bianco section .fotofluida a, .sfondo_bianco section .fotofluida a:link, .sfondo_bianco section .fotofluida a:visited, .sfondo_bianco section .fotofluida a:hover, .sfondo_bianco section .fotofluida a:active {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-image: none;
}
.fotofluida.mini picture, .fotofluida.mini img {
  width: 60%;
  height: auto;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.fototonda picture, .fototonda img {
  border-radius: 800px;
}
section {
  display: block;
  padding-top: 0px;
  padding-bottom: 20px;
}
section.no_post {
  padding-bottom: 0px;
}
section.no_post p{
  margin-bottom: 0px;
}
section em strong, section strong em{
    font-family: "Fira Code", monospace;
    font-weight: 500;
    font-style: normal;
}
section.testo_libero em strong, section.testo_libero strong em{
    font-family: "Fira Code", monospace;
    font-weight: 400;
    font-style: normal;
}
.testo_libero h3 em strong, .testo_libero h3 strong em, .testo_libero h2 em strong, .testo_libero h2 strong em{
    font-family: "Fira Code", monospace;
    font-weight: 400;
    font-style: normal;
}
section blockquote em strong, section blockquote strong em{
    font-family: "Fira Code", monospace;
    font-weight: 300;
    font-style: normal;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.banner_articoli section blockquote{
    font-family: "Fira Code", monospace;
    font-weight: 300;
    font-style: normal;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.margini {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  margin-left: 10px;
}
/* -------------------------------------- BUTTON */
#banner p.button {
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translate(-50%, 0px);
}
p.button {
  margin-top: 35px;
  background-image: none;
  font-size: 14px;
    text-transform: uppercase;
}

svg.svg_guarda {
    width: 10px;
    height: 13px;
    margin-left: 7px;
    margin-top: 1px;    
}
.font_24 svg.svg_guarda {
transform: scale(1.3) translateY(-2px);
     margin-top: 0px;
}
svg.svg_freccia {
    width: 13px;
    height: 7px;
    margin-left: 7px;
    margin-top: 1px;    
}
svg.svg_vai {
    width: 11px;
    height: 11px;
    margin-left: 7px;
    margin-top: 1px;    
}

p.button a:link, p.button a:visited  {
    transition: all 0.5s ease;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    border-radius: 35px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
  background-color: #958F8B;
  border: 3px solid #958F8B;
    width: calc(50% - 40px);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-width: 280px;    
}
p.button a:hover, p.button a:active {
    font-size: 14px;
    transition: all 0.5s ease;
    background-position: calc(100% - 20px) center;
    text-decoration: none;
    background-color: #ffffff!important;
    color: #212121;
}
p.button.cta_sinistra a:link, p.button.cta_sinistra a:visited  {
    margin-left: 0px;   
}
.home p.button a:link, .home p.button a:visited  {
    width: calc(100% - 40px);
    min-width: 0px;    
}
p.button a span{
    background-image: url("../img/arrow.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 11px;
    padding-right: 15px;
}

.trecolonne p.button, .duecolonne p.button {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 20px;
}
p.button::after {
  content: "";
}
.articolo {
  height: 480px;
  position: relative;
  overflow-y: hidden;
}
.loop_standard {
    height: 220px;
    overflow-y: hidden;
    background-color: #ffffff;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 10px 15px hsla(0,0%,0%,0.16);
    box-shadow: 0px 10px 15px hsla(0,0%,0%,0.16);
    border-radius: 40px;
    overflow-x: hidden;
    padding-top: 200px;
    position: relative;
      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none; /* Firefox */
      scrollbar-height: none; /* Firefox */
}
.loop_standard::-webkit-scrollbar {
  display: none;
}
.loop_standard:hover {
    -webkit-box-shadow: 0px 10px 15px hsla(0,0%,0%,0.46);
    box-shadow: 0px 10px 15px hsla(0,0%,0%,0.46);
}
.loop_standard h3 {
    height: 77px;
    overflow-y: hidden;
}
.fotoassoluta {
    position: absolute;
    top: -20px;
    left: 0px;
    width: 100%;
}
.fotoassoluta img {
    width: 100%;
    display: block;
    height: auto;
}

.loop_standard a:link, .loop_standard a:visited {
  color: #000000;
}
.loop_standard a:hover, .loop_standard a:hover, .loop_standard:hover a:link, .loop_standard:hover a:visited {
  color: #6ea1b3 ;
}
.loop_standard .post {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}
.frecce {
  fill: #004b93;
}
.frecce:hover {
  fill: #6ea1b3 ;
}
/* -------------------------------------------------------- Page dinamica */
#banner {
    margin-top: 0px;
    position: relative;
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100vw auto;
    width: 100vw;
    overflow-x: hidden;
    padding-top: 25px;
    padding-bottom: 200px;
}
#banner {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
#banner::-webkit-scrollbar {
  display: none;
}
#banner h1 {
    line-height: normal;
    padding-top: 25px;
    padding-bottom: 80px;
    font-weight: 700;
}
#banner h1 span {
    display: block;
}
#banner h2 {
  font-size: 28px;
  font-weight: 700;

}
#banner p {
  font-weight: 300;
}
#banner.testo_in_bianco h1, 
#banner.testo_in_bianco  h2 , #banner.testo_in_bianco p {
  color: #ffffff;
}
.testo_in_bianco h1, 
.testo_in_bianco,.testo_in_bianco p,.testo_in_bianco h2 {
  color: #ffffff;
}
.testo_in_bianco a:link, .testo_in_bianco a:visited {
  color: #ffffff;
}
.testo_in_bianco a:hover, .testo_in_bianco a:active {
    color: #ffffff;
    text-decoration: underline;
}
.testo_in_bianco a:link, .testo_in_bianco a:visited, .testo_in_bianco a:link svg, .testo_in_bianco a:visited svg {
    fill: #ffffff!important;
    transition: all 0.3s;
}
.color_nero a:link svg, .color_nero a:visited svg{
    fill: #212121!important;
    transition: all 0.3s;
}
#banner header {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
}
#banner_interno  {
    height:480px;

}
#banner_interno header {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
        padding-top: 50px;

}
#banner_interno header p.sottotitolo{
    margin-top: 0px;
    margin-bottom: 0px;
}
#banner_interno h1 {
    font-size: 60px;
}
/* Fine Banner home*/
.destra {
  position: absolute;
  top: 150px;
  width: 550px;
  left: 650px;
}
.sinistra {
  position: absolute;
  top: 150px;
  width: 550px;
  left: 0px;
}
.centrato {
  position: absolute;
  top: 150px;
  left: 325px;
}
/* ---------- proprietà dell'icona del menu (o il tasto di apertura) senza click */
#peraprire img {
  width: 80px;
  height: 80px;
}
/* ---------- menu è lo stile del div quando è chiuso */
.aperto {
  position: fixed;
  padding-top: 0px;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  color: #fff;
  padding-left: 0px;
  padding-right: 0px;
  transition: all 0.3s;
  visibility: hidden;
  padding-bottom: 0px;
  top: 0px;
  left: 0px;
  background-color: hsla(0, 0%, 0%, 0.84);
  opacity: 0;
  background-image: url(../img/loading_bianco.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px auto;
}
#top:target + .aperto {
  -webkit-animation-name: fadeout; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
  animation-name: fadeout;
  animation-duration: 0.3s;
  opacity: 0;
}
/* ---------- menu:target è lo stile del div quando è aperto */
.aperto:target {
  visibility: visible;
  z-index: 99999999;
  -webkit-animation-name: fade; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
  animation-name: fade;
  animation-duration: 0.3;
  opacity: 1;
}
/* ---------- proprietà dell'icona del menu (o il tasto di apertura) una volta fatto il clik */
.aperto:target + button#peraprire {
  transition: all 0.3s;
  bottom: 130px;
}
/* -------------------------------------------------------- chat */
.parallasse {
  position: relative;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  text-align: center;
  color: #FFFFFF;
}
.parallasse header {
  background-color: hsla(0, 0%, 0%, 0.68);
  height: 500px;
  display: block;
  width: 100%;
}
.parallasse h2 {
  color: #FFFFFF;
  margin-bottom: 10px;
  margin-top: 120px;
  line-height: normal;
  background-image: none;
}
.parallasse h3 {
  color: #FFFFFF;
  font-weight: 400;
  text-transform: none;
  background-position: center bottom;
}
.foto_di_sfondo {
  position: relative;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
}
.foto_di_sfondo .spaziopre {
  margin-top: 80px;
}
.foto_di_sfondo header {}
.foto_di_sfondo h2 {
  margin-bottom: 10px;
  line-height: normal;
  background-image: none;
}
.foto_di_sfondo h3 {
  font-weight: 400;
  text-transform: none;
}
h1#categoria {
  margin-top: 130px;
}
#categoria {
    padding-bottom: 50px;
}
#senza_banner h1#categoria {
  margin-top: 20px;
}
.cat h2, .cat h3 {
    font-size: 20px;
    font-weight: 400;
    padding-top: 10px;
    line-height: 26px;
    background-image: none;
    margin-bottom: 0px;
    padding-bottom: 15px;
}
#marginicategoria {
  padding-top: 30px;
  padding-bottom: 30px;
  background-image: url(../img/blu.svg);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 28% auto;
}
#pagina_tag {
  width: 28%;
  float: left;
}
#pagina_tag h1 {
  font-size: 38px;
}
#articoli_tag {
  width: 72%;
  padding-top: 75px;
  float: left;
}
ol.numeri {
  counter-reset: my-awesome-counter;
  list-style: none;
}
.allineamentodestra {
  text-align: right;
}
.allinea_sinistra {
  float: left;
}.allinea_centro {
  float: left;
}
.allinea_destra {
  float: right;
}
.menu {
  position: relative;
}
p.button.pdf {
  margin-top: 65px;
}
.sfondo_bianco .post p.button.pdf a:link, .sfondo_bianco .post p.button.pdf a:visited, .sfondo_bianco .post p.button.pdf a:hover, .sfondo_bianco .post p.button.pdf a:active, .sfondo_grigio .post p.button.pdf a:link, .sfondo_grigio .post p.button.pdf a:visited, .sfondo_grigio .post p.button.pdf a:hover, .sfondo_grigio .post p.button.pdf a:active {
  background-image: url(../img/pdf.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center 10px !important;
  background-size: 45px auto !important;
  padding-top: 80px !important;
  padding-left: 20px;
  padding-right: 20px;
}
 .sfondo_bianco .post p.button.doc a:link, .sfondo_bianco .post p.button.doc a:visited, .sfondo_bianco .post p.button.doc a:hover, .sfondo_bianco .post p.button.doc a:active, .sfondo_grigio .post p.button.doc a:link, .sfondo_grigio .post p.button.doc a:visited, .sfondo_grigio .post p.button.doc a:hover, .sfondo_grigio .post p.button.doc a:active {
  background-image: url(../img/doc.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center 10px !important;
  background-size: 45px auto !important;
  padding-top: 80px !important;
  padding-left: 20px;
  padding-right: 20px;
}
#bricioledipane {
  background-color: #000000;
  padding-bottom: 25px;
}
ul.breadbrumb {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  list-style-type: none;
}
ul.breadbrumb li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    display: inline;
    color: #373737;
    font-size: 15px;
}
ul.breadbrumb li a {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 7px;
  padding-bottom: 15px;
  padding-left: 7px;
}
ul.breadbrumb li.home a {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 7px;
  padding-bottom: 15px;
  padding-left: 0px;
  background-repeat: no-repeat;
  background-position: left 15px;
  background-image: url(../img/home.svg);
  background-size: auto 20px;
}
ul.breadbrumb li a:link, ul.breadbrumb li a:visited {
  color: #000000;
  text-decoration: underline;
}
ul.breadbrumb li a:hover, ul.breadbrumb li a:active {
  color: #6ea1b3 ;
}
ul.breadbrumb li.posizione {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 7px;
  padding-bottom: 15px;
  padding-left: 7px;
  font-weight: 700;
}
address {
  font-style: normal;
  line-height: 28px;
}
dl {
  font-size: 0.7em;
}
dl.sfondo_grigio {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
dt {
  font-weight: 700;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
dd {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.allinea_destra ul li {
  text-align: left;
  margin-left: 150px;
}
#senza_banner {
  padding-top: 80px;
  padding-bottom: 50px;
}
#senza_banner h1 {
  border-bottom: 1px solid #000000;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.colonna {
    padding-left: 100px;
    padding-right: 100px;
    height: 500px;
    overflow: hidden;
    transition: height 0.3s ease; /* Aggiunge una transizione fluida */
    background-size: cover;
    
}.colonna section {
    height: 240px;
    overflow: hidden;
    transition: height 0.3s ease; /* Aggiunge una transizione fluida */
}
.colonna.espanso {
    height: auto;
    transition: height 0.3s ease; /* Aggiunge una transizione fluida */
    padding-bottom: 20px;
}
.colonna.espanso section {
    height: auto;
    transition: height 0.3s ease; /* Aggiunge una transizione fluida */
}
#searchform {
    padding-top: 0px;
    width: 350px;
    float: left;
    padding-left: 0%;
    padding-right: 0%;
    height: auto;
    position: absolute;
    right: 30px;
    top: 35px;
}
#searchform h2 {
  color: #FFFFFF;
}
#searchform form {
    border-radius: 30px;
    border: 3px solid #ffffff;
}
#searchform form:hover {
    border: 3px solid #000000;
}
#searchform form:hover {
  -webkit-box-shadow: 0px 0px 10px hsla(0, 0%, 100%, 100);
  box-shadow: 0px 0px 10px hsla(0, 0%, 100%, 100);
}
input#searchsubmit {
  background-image: url("../img/cerca_link.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 30px;
  font-size: 16px;
  height: 60px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: inline-block;
  width: 20%;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color: #f6f6f6;
  cursor: pointer;
  transition: all 0.3s ease;
}
input#searchsubmit:hover {
  background-image: url("../img/cerca_hover.svg");
  background-color: #000000;
  transition: all 0.3s ease;
}
input#cerca {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: calc(80% - 40px);
  background-color: #f6f6f6;
  color: #000000;
  border: none;
  float: left;
  height: 40px;
  font-size: 22px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
input::placeholder {
  color: #000000;
      opacity: 1; /* Firefox */

}
input#cerca:focus {
  background-color: #f6f6f6;
  color: #d4e0e7 ;
}
input#searchsubmit:focus {
  background-color: #f6f6f6;
  color: #d4e0e7 ;
}
.nav-links span {
  border: 3px solid #9BA1A5;
  padding-top: 13px;
  padding-right: 20px;
  padding-bottom: 13px;
  padding-left: 20px;
  color: #ffffff;
  background-color: #000000;
  margin-right: 10px;
}
.nav-links a {
  padding-top: 13px;
  padding-right: 20px;
  padding-bottom: 13px;
  padding-left: 20px;
  text-decoration: underline;
  margin-right: 10px;
}
.nav-links a:link, .nav-links a:visited {
  border: 3px solid #004b93;
  transition: all 0.5s ease;
  background-color: #FFFFFF;
  color: #004b93;
}
.nav-links a:hover, .nav-links a:active {
  border: 3px solid #ffffff;
  background-color: #61BAFF;
  color: #000000;
  transition: all 0.5s ease;
}
#paginazione {
  background-color: #FFFFFF;
}
#paginazione .post {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.senza_foto {
  background-color: #f6f6f6;
}
.faq {
    padding-top: 10px;
}

.frequency_ask_question details summary {
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  padding-left: 55px;
  padding-right: 45px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
  font-weight: 700;
}
.frequency_ask_question details summary h4, .frequency_ask_question details summary h5 {
  color: #212121;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

}.frequency_ask_question details:hover summary h4 {
  color: #ffffff;
}
.frequency_ask_question details:hover summary h5 {
  color: #ffffff;
}

.frequency_ask_question details {
    transition: height 0.2s ease;
    overflow: hidden;
    border-radius: 45px;
    background-color: #e9e9e9;
    margin-top: 10px;
    margin-bottom: 10px;
    color:#212121;
}
.frequency_ask_question details:hover {
     background-color: #00abc7;
    color: #ffffff;
}
.frequency_ask_question details:not([open]) {
  height: auto;
}
.frequency_ask_question details[open] {
  height: auto;
    color:#212121;
}
.frequency_ask_question details:not([open]) .risposta {
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 55px;
  transition: all 0.2s linear;
color:#212121;
  height: auto;
}
.frequency_ask_question summary::-moz-list-bullet {
  list-style-type: none;
}
.frequency_ask_question details summary::-webkit-details-marker {
  display: none;
}
.frequency_ask_question summary {
  display: block;
}
.frequency_ask_question summary {
  list-style-type: none;
}
/* to change the pointer on hover */
.frequency_ask_question details summary {
  cursor: pointer;
}
/* using content this time for a unicode character */
.frequency_ask_question summary::-webkit-details-marker {
  display: none;
}
.frequency_ask_question details summary svg {
  position: absolute;
  right: 17px;
  top: 17px;
  transition: all 0.2s;
  width: 16px;
  height: 16px;
  transform: translate(0px, 0px)
}
.frequency_ask_question details summary:hover svg {
  fill: #FFFFFF;
}
.frequency_ask_question details[open] summary svg {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  transition: all 0.2s;
  fill: #FFFFFF;
}
.frequency_ask_question details summary svg.freccetta {
  position: absolute;
  left: 17px;
  top: 12px;
  transition: all 0.2s;
  width: 23px;
  height: 23px;
  transform: translate(0px, 0px);
  fill: #000000;
}
.frequency_ask_question details summary:hover svg.freccetta {
  fill: #ffffff;
}
.frequency_ask_question details[open] summary svg.freccetta {
  position: absolute;
  left: 17px;
  top: 12px;
  width: 23px;
  height: 23px;
  transform: rotate(180deg);
  transition: all 0.2s;
  fill: #FFFFFF;
}
.frequency_ask_question details[open] summary.sottotitolo svg.freccetta, .frequency_ask_question details summary.sottotitolo svg.freccetta {
  top: 27px;
}
.frequency_ask_question details[open] summary.sottotitolo svg, .frequency_ask_question details summary.sottotitolo  svg {
  top: 33px;
}
.frequency_ask_question details[open] .apri_chiudi {
  fill: #212121;
}
.frequency_ask_question details[open] .arrow {
  fill: #212121;
}
.frequency_ask_question details[open]:hover .apri_chiudi {
  fill: #FFFFFF;
}
.frequency_ask_question details[open]:hover .arrow {
  fill: #FFFFFF;
}
.frequency_ask_question details[open] summary {
/*  background-color: #6ea1b3 ;*/
  color: #212121;
  transition: all 0s;
}
.frequency_ask_question details[open] summary h4 {
  color: #212121;
    transition: all 0s;
}
.frequency_ask_question details[open]:hover summary h4 {
  color: #FFFFFF;
    transition: all 0s;
}
.frequency_ask_question details[open] summary:hover {
 /* background-color:  #d4e0e7;*/
  color: #FFFFFF;
  transition: all 0s;
}
.frequency_ask_question details[open] .risposta {
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 30px;
 padding-left: 55px;
  height: auto;
  transition: all 0.2s linear;
  color: #212121;
}
.frequency_ask_question details[open]:hover .risposta {
  color: #ffffff;
}
 
.frequency_ask_question .bottone {
    transition: height 0.2s ease;
    overflow: hidden;
    border-radius: 45px;
    background-color: #e9e9e9;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #212121;
    padding-left: 50px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}
.frequency_ask_question .bottone:hover {
    background-color: #00abc7;
    color: #ffffff!important;
    background-image: url(../img/lente_piu.svg);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 30px auto;
}
.frequency_ask_question .bottone h4,.frequency_ask_question  .bottone h5 {
    color:#fff!important;
}
.frequency_ask_question  .bottone:hover h4,.frequency_ask_question .bottone:hover h5  {
    color: #ffffff!important;
}
.frequency_ask_question  .bottone:hover h4 a:link, .frequency_ask_question  .bottone:visited h4 a:link, .frequency_ask_question  .bottone:visited h4 a:visited, .frequency_ask_question  .bottone:hover h4 a:visited, .frequency_ask_question  .bottone:visited h5 a:visited, .frequency_ask_question  .bottone:hover h5 a:visited,.frequency_ask_question .bottone:hover h5 a:link,.frequency_ask_question .bottone:visited h5 a:link  {
    color: #ffffff!important;
}
.frequency_ask_question  .bottone:hover h4 a:hover, .frequency_ask_question  .bottone:active h4 a:link,.frequency_ask_question .bottone:hover h5 a:hover,.frequency_ask_question .bottone:active h5 a:link  {
    text-decoration: underline;  
        color: #ffffff!important;
}


.espansioni details summary {
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  padding-left: 55px;
  padding-right: 45px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
  font-weight: 700;
}
.espansioni details summary h4, .espansioni details summary h5 {
  color: #212121;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

}.espansioni details summary:hover h4 {
  color: #ffffff;
        border-radius: 45px;
}
.espansioni details summary:hover  h5 {
  color: #ffffff;
}

.espansioni details {
    transition: height 0.2s ease;
    overflow: hidden;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    color:#212121;
}
.espansioni details summary:hover {
     background-color: #212121;
    color: #ffffff;
}
.espansioni details:not([open]) {
  height: auto;
}
.espansioni details[open] {
  height: auto;
    color:#212121;
}
.espansioni details[open]:hover {
    color:#212121;
}
.espansioni details[open]:hover summary{
    color:#212121;
}
.espansioni details[open]:hover summary h4{
    color:#212121!important;
}
.espansioni details[open]:hover summary .freccetta .arrow, .espansioni details[open]:hover summary .apri_chiudi{
    fill:#212121!important;
}
.espansioni details[open]:hover summary:hover .freccetta .arrow, .espansioni details[open]:hover summary:hover .apri_chiudi{
    fill:#fff!important;
}
.espansioni details[open]:hover summary:hover h4{
    color:#fff!important;
}
.espansioni details:not([open]) .risposta {
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 55px;
  transition: all 0.2s linear;
color:#212121;
  height: auto;
}
.espansioni summary::-moz-list-bullet {
  list-style-type: none;
}
.espansioni details summary::-webkit-details-marker {
  display: none;
}
.espansioni summary {
  display: block;
}
.espansioni summary {
  list-style-type: none;
}
/* to change the pointer on hover */
.espansioni details summary {
    cursor: pointer;
    border-radius: 45px;
}
/* using content this time for a unicode character */
.espansioni summary::-webkit-details-marker {
  display: none;
}
.espansioni details summary svg {
  position: absolute;
  right: 17px;
  top: 17px;
  transition: all 0.2s;
  width: 16px;
  height: 16px;
  transform: translate(0px, 0px)
}
.espansioni details summary:hover svg {
  fill: #FFFFFF;
}
.espansioni details[open] summary svg {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  transition: all 0.2s;
  fill: #FFFFFF;
}
.espansioni details summary svg.freccetta {
  position: absolute;
  left: 17px;
  top: 12px;
  transition: all 0.2s;
  width: 23px;
  height: 23px;
  transform: translate(0px, 0px);
  fill: #000000;
}
.espansioni details summary:hover svg.freccetta {
  fill: #ffffff;
}
.espansioni details[open] summary svg.freccetta {
  position: absolute;
  left: 17px;
  top: 12px;
  width: 23px;
  height: 23px;
  transform: rotate(180deg);
  transition: all 0.2s;
  fill: #FFFFFF;
}
.espansioni details[open] summary.sottotitolo svg.freccetta, .espansioni details summary.sottotitolo svg.freccetta {
  top: 27px;
}
.espansioni details[open] summary.sottotitolo svg, .espansioni details summary.sottotitolo  svg {
  top: 33px;
}
.espansioni details[open] .apri_chiudi {
  fill: #212121;
}
.espansioni details[open] .arrow {
  fill: #212121;
}
.espansioni details[open]:hover .apri_chiudi {
  fill: #FFFFFF;
}
.espansioni details[open]:hover .arrow {
  fill: #FFFFFF;
}
.espansioni details[open] summary {
/*  background-color: #6ea1b3 ;*/
  color: #212121;
  transition: all 0s;
}
.espansioni details[open] summary h4 {
  color: #212121;
    transition: all 0s;
}
.espansioni details[open]:hover summary h4 {
  color: #FFFFFF;
    transition: all 0s;
}
.espansioni details[open] summary:hover {
 /* background-color:  #d4e0e7;*/
  color: #FFFFFF;
  transition: all 0s;
}
.espansioni details[open] .risposta {
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 30px;
 padding-left: 55px;
  height: auto;
  transition: all 0.2s linear;
  color: #212121;
}
 
.espansioni .bottone {
    transition: height 0.2s ease;
    overflow: hidden;
    border-radius: 45px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #212121;
    padding-left: 50px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}
.espansioni .bottone:hover {
    background-color: #212121;
    color: #ffffff;
    border-width: 0px;
}
.espansioni .bottone h4,.espansioni  .bottone h5 {
    color:#212121;
}
.espansioni  .bottone:hover h4,.espansioni .bottone:hover h5  {
    color: #ffffff!important;
}
.espansioni  .bottone:hover h4 a:link, .espansioni  .bottone:visited h4 a:link,.espansioni .bottone:hover h5 a:link,.espansioni .bottone:visited h5 a:link  {
    color: #ffffff;
}
.espansioni  .bottone:hover h4 a:hover, .espansioni  .bottone:active h4 a:link,.espansioni .bottone:hover h5 a:hover,.espansioni .bottone:active h5 a:link  {
    text-decoration: underline;  
}
/* PADDING TOP */
.padding_top_0, h4.padding_top_0, h5.padding_top_0 { padding-top: 0px!important; }
.padding_top_10 { padding-top: 10px; }
.padding_top_15 { padding-top: 15px; }
.padding_top_20 { padding-top: 20px; }
.padding_top_30 { padding-top: 30px; }
.padding_top_40 { padding-top: 40px; }
.padding_top_50 { padding-top: 50px; }
.padding_top_60 { padding-top: 60px; }
.padding_top_70 { padding-top: 70px; }
.padding_top_80 { padding-top: 80px; }
.padding_top_90 { padding-top: 90px; }
.padding_top_100 { padding-top: 100px; }
.padding_top_110 { padding-top: 110px; }
.padding_top_120 { padding-top: 120px; }
.padding_top_130 { padding-top: 130px; }
.padding_top_140 { padding-top: 140px; }
.padding_top_150 { padding-top: 150px; }
.padding_top_160 { padding-top: 160px; }
.padding_top_170 { padding-top: 170px; }
.padding_top_180 { padding-top: 180px; }
.padding_top_190 { padding-top: 190px; }
.padding_top_200 { padding-top: 200px; }
.padding_top_210 { padding-top: 210px; }
.padding_top_220 { padding-top: 220px; }
.padding_top_230 { padding-top: 230px; }
.padding_top_240 { padding-top: 240px; }
.padding_top_250 { padding-top: 250px; }

/* PADDING BOTTOM */
.padding_bottom_0, h2.padding_bottom_0, h3.padding_bottom_0,h4.padding_bottom_0, h5.padding_bottom_0, section.padding_bottom_0 { padding-bottom: 0px!important; }
.padding_bottom_10 { padding-bottom: 10px; }
.padding_bottom_20 { padding-bottom: 20px; }
.padding_bottom_30 { padding-bottom: 30px; }
.padding_bottom_40 { padding-bottom: 40px; }
.padding_bottom_50 { padding-bottom: 50px; }
.padding_bottom_60 { padding-bottom: 60px; }
.padding_bottom_70 { padding-bottom: 70px; }
.padding_bottom_80 { padding-bottom: 80px; }
.padding_bottom_90 { padding-bottom: 90px; }
.padding_bottom_100 { padding-bottom: 100px; }
.padding_bottom_110 { padding-bottom: 110px; }
.padding_bottom_120 { padding-bottom: 120px; }
.padding_bottom_130 { padding-bottom: 130px; }
.padding_bottom_140 { padding-bottom: 140px; }
.padding_bottom_150 { padding-bottom: 150px; }
.padding_bottom_160 { padding-bottom: 160px; }
.padding_bottom_170 { padding-bottom: 170px; }
.padding_bottom_180 { padding-bottom: 180px; }
.padding_bottom_190 { padding-bottom: 190px; }
.padding_bottom_200 { padding-bottom: 200px; }
.padding_bottom_210 { padding-bottom: 210px; }
.padding_bottom_220 { padding-bottom: 220px; }
.padding_bottom_230 { padding-bottom: 230px; }
.padding_bottom_240 { padding-bottom: 240px; }
.padding_bottom_250 { padding-bottom: 250px; }

/* MARGIN TOP */
.margin_top_0 { margin-top: 0px; }
.margin_top_10 { margin-top: 10px; }
.margin_top_20 { margin-top: 20px; }
.margin_top_30 { margin-top: 30px; }
.margin_top_40 { margin-top: 40px!important; }
.margin_top_50 { margin-top: 50px; }
.margin_top_60 { margin-top: 60px; }
.margin_top_70 { margin-top: 70px; }
.margin_top_80 { margin-top: 80px; }
.margin_top_90 { margin-top: 90px; }
.margin_top_100 { margin-top: 100px; }
.margin_top_110 { margin-top: 110px; }
.margin_top_120 { margin-top: 120px; }
.margin_top_130 { margin-top: 130px; }
.margin_top_140 { margin-top: 140px; }
.margin_top_150 { margin-top: 150px; }
.margin_top_160 { margin-top: 160px; }
.margin_top_170 { margin-top: 170px; }
.margin_top_180 { margin-top: 180px; }
.margin_top_190 { margin-top: 190px; }
.margin_top_200 { margin-top: 200px; }
.margin_top_210 { margin-top: 210px; }
.margin_top_220 { margin-top: 220px; }
.margin_top_230 { margin-top: 230px; }
.margin_top_240 { margin-top: 240px; }
.margin_top_250 { margin-top: 250px; }

/* MARGIN BOTTOM */
.margin_bottom_0 { margin-bottom: 0px; }
.margin_bottom_10 { margin-bottom: 10px; }
.margin_bottom_20 { margin-bottom: 20px; }
.margin_bottom_30 { margin-bottom: 30px; }
.margin_bottom_40 { margin-bottom: 40px; }
.margin_bottom_50 { margin-bottom: 50px; }
.margin_bottom_60 { margin-bottom: 60px; }
.margin_bottom_70 { margin-bottom: 70px; }
.margin_bottom_80 { margin-bottom: 80px; }
.margin_bottom_90 { margin-bottom: 90px; }
.margin_bottom_100 { margin-bottom: 100px; }
.margin_bottom_110 { margin-bottom: 110px; }
.margin_bottom_120 { margin-bottom: 120px; }
.margin_bottom_130 { margin-bottom: 130px; }
.margin_bottom_140 { margin-bottom: 140px; }
.margin_bottom_150 { margin-bottom: 150px; }
.margin_bottom_160 { margin-bottom: 160px; }
.margin_bottom_170 { margin-bottom: 170px; }
.margin_bottom_180 { margin-bottom: 180px; }
.margin_bottom_190 { margin-bottom: 190px; }
.margin_bottom_200 { margin-bottom: 200px; }
.margin_bottom_210 { margin-bottom: 210px; }
.margin_bottom_220 { margin-bottom: 220px; }
.margin_bottom_230 { margin-bottom: 230px; }
.margin_bottom_240 { margin-bottom: 240px; }
.margin_bottom_250 { margin-bottom: 250px; }

.padding_top {
  padding-top: 50px;
}
.foto_sezione {
  padding-right: 100px;
  padding-top: 0px;
  padding-bottom: 20px;
}
span.nascondi {
  display: none;
  visibility: hidden;
}


#sede {
        padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 130px;
    font-size: 21px;
}
#sede span{
    clear: both;
    float: none;
    display: block;
}

h1#titleabsolute {
    position: absolute;
    top: -100px;
    left: 0px;
    z-index: 0;
    font-size: 12px;
}

.altezza_blocco {
    min-height: 285px;    
}

.borditondi{
    border-radius: 30px;
}
.fotofluida.borditondi img{
    border-radius: 30px;
}
.tabs .fotofluida{
    max-width: 300px;
    position: absolute;
    top: 50%;
    right: calc(33% - 300px);
    transform: translateY(-50%)
}
.tabs{
    position: relative;
    background-color: hsla(0,0%,100%,1.00);
    border-radius: 18px;
    -webkit-box-shadow: 0px 0px 15px hsla(0,0%,0%,0.21);
    box-shadow: 0px 0px 15px hsla(0,0%,0%,0.21);
}

.tabs.verticale{
    width: 75%;
    float: left;
    height: 690px;
    z-index: 80;
    overflow-y: hidden;    
  transform: translateX(0px);
}
.borditondi_16, .borditondi_16 img, img.borditondi_16 {
    border-radius: 16px;
}
.bordi3px{
    border: 3px solid #000000;
}
.bordi6px{
    border: 6px solid #000000;
}
.bordi6px_gialli{
    border: 6px solid #fdaa00;
}

.anteprima_articolo {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 120px;
    min-height: 108px;
    background-color: #FFFFFF;
    padding-top: 0px; 
    padding-bottom: 0px;
    padding-right: 5px;
    margin-bottom: 20px;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-shadow: 0px 10px 15px hsla(0,0%,0%,0.16);
    box-shadow: 0px 10px 15px hsla(0,0%,0%,0.16);
    transition: all 0.3s ease;
    background-size: 110px auto;
    border: 1px solid #b3b3b3;
    border-radius: 30px;
}.anteprima_articolo:hover {
    -webkit-box-shadow: 0px 10px 15px hsla(0,0%,0%,0.40);
    box-shadow: 0px 10px 15px hsla(0,0%,0%,0.40);
    transition: all 0.3s ease;
}
sidebar {
    margin-top: 50px;
    display: block;
}
sidebar .anteprima_articolo h3{
    font-size: 16px;
    line-height: 20px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0px, -50%);
}
.anteprima_articolo h3 a{
    padding-left: 120px;
    display: block;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 60px;
    width: 165px;
}
/*.estratto p {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 16px;
    line-height: 20px;
    height: 60px;
    overflow-y: hidden;
}*/
.minheight700 {
min-height: 700px;
}
.mh_600 {
min-height: 600px;
}
.mh_350 {
min-height: 400px;
}
.blutrasparente {
    background-color: hsla(211,100%,18%,0.80);
}
.w_500 {
    width: 500px;
    float: left;
    margin-right: auto;
    margin-left: auto;
}
.w_400 {
    width: 400px;
    float: left;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.post.esterno {
    padding-top: 14px;
    padding-right: 7px;
    padding-bottom: 14px;
    padding-left: 7px;
}

td {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
        color: #000000;

}th {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    color: #000000;
    text-align: left;
}
tr:nth-child(even) {
    background-color:  #AAD0EE ;
}
tr:nth-child(odd) {
    background-color: #d7ebf8;
}
table {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: 0px solid #EFEFEF;
}
dl.didascalia {
    background-color: #f6f6f6;
    color: #000000;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #DBDBDC;
    padding-top: 10px;
    padding-bottom: 10px;
}
p.info{
    padding-top: 10px;
    padding-bottom: 30px;
}
.info strong{
    color: #ffc448;  
}
.info a{
    text-decoration: underline;
}
.email{
    background-image: url(../img/e-mail.svg);
    background-position: left center;
    background-size: 16px auto;
    padding-left: 22px;
    background-repeat: no-repeat;
}
.tel{
    background-image: url(../img/tel.svg);
    background-position: left center;
    background-size: 16px auto;
    padding-left: 20px;
    background-repeat: no-repeat;
    margin-left: 20px;
}

#passa {
  position: absolute;
  width: 300px;
  left: -330px;
  top: 70px;
  background-color: #FFFFFF;
  z-index: 200;
  transition: 0.3s ease;
  padding-left: 25px;
}
#passa:focus {
  position: absolute;
  width: 300px;
  left: 50px;
  top: 70px;
  background-color: #FFFFFF;
  transition: 0.3s ease;
  padding-left: 25px;
}
p.button#unisciti {
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    width: 230px;
}
p.button#unisciti a:link,p.button#unisciti a:visited{
    background-image: url("../img/arrow-circle_celeste.svg");
    background-size: auto 25px;
    font-size: 14px;
    font-weight: 700;
     background-color: #6ea1b3;
    color: #FFFFFF;
}
 p.button#unisciti a:hover,p.button#unisciti a:active{
    background-color: #FFFFFF;
    color: #000000;
    font-size: 14px;
     font-weight: 700;
}
/* ---------- menu è lo stile del div quando è chiuso */
#destinsazione_popup {
    background-color: hsla(0,0%,100%,0.85);
    position: fixed;
    padding-top: 0px;
    top: 0px;
    right: 0px;
    z-index: 3000;
    width: 100vw;
    height: 100vh;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 14px;
    padding-bottom: 0px;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
}
/* ---------- menu:target è lo stile del div quando è aperto */
#destinsazione_popup:target {
    display: block;
    position: fixed;
    right: 0px;
    z-index: 3000;
    bottom: 100px;
    visibility: visible;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
      width: 100vw;
    height: 100vh;
    opacity: 1;
        backdrop-filter: blur(5px);

}

#popup {
    background-color: #fff;
    border-radius: 30px;
    visibility: hidden;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    width: 660px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4000;
    border: 1px solid #d4e0e7;
    -webkit-box-shadow: 0px 10px 35px hsla(0,0%,0%,0.06);
    box-shadow: 0px 10px 35px hsla(0,0%,0%,0.06);
}
#destinsazione_popup:target #popup {

visibility: visible;
}

#destinsazione_popup a#chiudi_pop_up:hover {

    background-image: url(../img/chiudi_popup_hover.svg);
    background-position: center center;
    background-size: 913px auto;
    background-repeat: no-repeat;
}#destinsazione_popup a#chiudi_pop_up {
    background-image: url(../img/chiudi_popup.svg);
    background-position: center center;
    background-size: 913px auto;
    background-repeat: no-repeat;
}
#destinsazione_popup:target a#chiudi_pop_up {
    display: block;
    position: fixed;
    right: 0px;
    z-index: 3000;
    bottom: 0px;
    visibility: visible;
    padding-top: 0vh;
    padding-right: 0px;
    padding-bottom: 0vh;
    padding-left: 0px;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-image: url(../img/chiudi_popup.svg);
    background-position: center center;
    background-size: 913px auto;
    background-repeat: no-repeat;
}
#destinsazione_popup:target a#chiudi_pop_up:hover {
    display: block;
    position: fixed;
    right: 0px;
    z-index: 3000;
    bottom: 0px;
    visibility: visible;
    padding-top: 0vh;
    padding-right: 0px;
    padding-bottom: 0vh;
    padding-left: 0px;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-image: url(../img/chiudi_popup_hover.svg);
    background-position: center center;
    background-size: 913px auto;
    background-repeat: no-repeat;
}#destinsazione_popup:target a#chiudi_pop_up span {
    position: absolute;
    top: 50vh;
}
#destinsazione_popup a#chiudi_pop_up {
    display: block;
    position: fixed;
    right: 0px;
    z-index: 0;
    bottom: 0px;
    visibility: hidden;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 0vw;
    height: 0vh;

}
.menu_del_footer ul {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    text-transform: uppercase;
  
}
.menu_del_footer a:link, .menu_del_footer a:visited{
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}.menu_del_footer a:hover, .menu_del_footer a:active{
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
}
ul.social#footer {
  position: static;
  height: 40px;
  margin-top: 205px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
ul.social li {
    width: 40px;
    height: 40px;
    overflow-x: hidden;
    overflow-y: hidden;
    display: block;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scrollbar-height: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: left;
}
ul.social li::-webkit-scrollbar {
  display: none;
}
ul.social li a {
    padding-left: 70px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 40px auto;
    display: block;
    height: 40px;
}
li.facebook a:link, li.facebook a:visited {
  background-image: url("../img/facebook.svg");
}
li.facebook a:hover,li.facebook a:active {
  background-image: url("../img/facebook_hover.svg");
}
li.instagram a:link, li.instagram a:visited {
  background-image: url("../img/istagram.svg");
}
li.instagram a:hover, li.instagram a:active {
  background-image: url("../img/istagram_hover.svg");
}
li.linkedin a:link, li.linkedin a:visited {
  background-image: url("../img/linkedin.svg");
}
li.linkedin a:hover, li.linkedin a:active {
  background-image: url("../img/linkedin_hover.svg");
}
a#postaelettronica {
    margin-top: 180px;
    display: block;
}
.mappa iframe {
    border-radius: 30px;
}
/* ---------- STILE SLIDE  */
.carusel, .slide {
    height: 761px;
    position: relative;
}
.slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1920px auto;
}

.layer {
    background-image: url(../img/layer.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1600px auto;
    display: block;
    height: 761px;
    background-color: hsla(0,0%,0%,0.40);
    position: relative;
}
.titoli {
    width: 400px;
    height: 600px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%, 0px);
}
.titoli h2{
    color: #FFFFFF;
    text-transform: none;
}
.titoli h2 strong em, .titoli h2 em strong{
    display: block;
       font-style: normal;
}
header h2 strong em, header h2 em strong{
    display: block;
       font-style: normal;
}
#nerotrasp {
    background-color: hsla(0,0%,0%,0.65);
}
#aranciotrasp {
    background-color: hsla(24,65%,54%,0.65);
}
#grigiotrasp {
    background-color: hsla(0,0%,70%,0.65);
}
.bordobianco {
    border: 1px solid #FFFFFF;
}
      .stroke_arancio {
        fill: none;
        stroke: #ef6a07;
        stroke-miterlimit: 10;
        stroke-width: 2px;
           transition: all 0.5s;
      }
.post:hover .stroke_arancio {
        stroke: #ffffff;
    fill: #ef6a07;
      }

     .post:hover .fill_arancio {
        fill: #ffffff;
      }
.fill_arancio {
        fill: #ef6a07;
     transition: all 0.5s;
      }
.icona_punti  {
    width: 100px;
    margin-right: auto;
    margin-left: auto;
      }
.icona_punti svg {
    width: 100px;
      }
.punti .post {
    padding-bottom: 10px;
    padding-left: 75px;
    padding-right: 75px;
}
#padding_servizi {
    margin-left: 430px;
    padding-top: 50px;
}
.padding_splide {

    padding-top: 50px;
}

#padding_servizi  h2, .padding_splide  h2{
    color: #6EA1B3;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#padding_servizi  h3, .padding_splide  h3{
    color: #000000;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}
#padding_servizi  h3 strong em, #padding_servizi  h3 em strong,.padding_splide h3 strong em,.padding_splide h3 em strong{
    display: block;
    font-style: normal;
}

.scheda_servizi {
    height: 900px;
    position: relative;
    display: block;
    clear: both;
    overflow-y: hidden;
    width: 100vw;
    overflow-x: hidden;
      -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
.scheda_servizi::-webkit-scrollbar {
  display: none;
}.categoria_splide {
    height: 900px;
    position: static;
    display: block;
    clear: both;
    overflow-y: hidden;
    width: 100vw;
    overflow-x: hidden;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    scrollbar-height: none; /* Firefox */
}
.categoria_splide::-webkit-scrollbar {
  display: none;
}
.servizio {
    border: 1px solid hsla(196,31%,57%,0.00);
    background-color: hsla(36,28%,93%,1.00);
    transition: all 0.3s;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    height: 650px;
}
.servizio .post{
    overflow-x: hidden;
      -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
.servizio .post::-webkit-scrollbar {
  display: none;
}

.servizio:hover {
    border: 1px solid hsla(196,31%,57%,1.00);
    background-color: hsla(36,28%,93%,0.00);
    transition: all 0.3s;
}
.servizio:hover h4 {
    transition: all 0.3s;
    color: #6ea1b3 ;
}
.altezza_fissa {
    height: 850px;
    position: relative;
}.categoria_splide .altezza_fissa {
    height: 650px;
    position: relative;
}
.card {
    margin-left: 10px;
    margin-right: 10px;
    border: none;
  border-radius: 35px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    height: 650px;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    width: 340px;
    overflow: hidden;
position: relative;
}
.card img {
    border-radius: 30px;
}
p.vai  {
    text-align: right;
    text-transform: uppercase;
}
p.vai a {
    background-image: url(../img/vai.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px auto;
    padding-right: 14px;
}
p.link a span {
    background-image: url(../img/guarda.svg);
    background-repeat: no-repeat;
    background-position: right 3px;
    background-size: 8px auto;
    padding-right: 12px;
    font-weight: 700;
}
p.ghirigoro a span {
    background-image: url(../img/vai.svg);
    background-repeat: no-repeat;
    background-position: right 6px;
    background-size: 8px auto;
    padding-right: 12px;
}
.bottone .guarda a span {
    background-image: url("../img/guarda.svg");
    background-repeat: no-repeat;
    background-position: right 6px;
    background-size: 15px auto;
    padding-right: 25px;
    font-weight: 700;
}
.bottone:hover .guarda a span {
    background-image: url("../img/guarda_bianco.svg");
    background-repeat: no-repeat;
    background-position: right 6px;
    background-size: 15px auto;
    padding-right: 25px;
    font-weight: 700;
}
p.freccia a span {
    background-image: url("../img/freccia.svg");
    background-repeat: no-repeat;
    background-position: right 6px;
    background-size: auto 7px;
    padding-right:20px;
}
p.guardasu a span {
    background-image: url("../img/guarda.svg");
    background-repeat: no-repeat;
    background-position: right 3px;
    background-size: auto 10px;
    padding-right:15px;
}
.color_bianco p.freccia a span, p.color_bianco a span{
    background-image: url("../img/freccia_bianca.svg");
}
.color_bianco p.freccia a span, p.color_bianco a span{
    background-image: url("../img/freccia_bianca.svg");
}
.testo_in_bianco p.freccia a span, p.testo_in_bianco a span{
    background-image: url("../img/freccia_bianca.svg");
}
 p.testo_in_bianco.button a:hover span, p.testo_in_bianco.button a:active span {
  background-image: url("../img/freccia.svg");
}
.color_bianco p.link a span {
    background-image: url("../img/guarda_bianco.svg");
}
.color_bianco p.ghirigoro a span {
    background-image: url("../img/vai_bianco.svg");

}
 p.ghirigoro.font_24 a span {
    background-size: 20px auto;
    padding-right: 30px;
    background-position: right 8px;
}
.padding_card  {
    padding-top: 20px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
}
.padding_card h3{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
.padding_card h3.font_16{
    line-height: 19px;
}.padding_card h4{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}.learning .padding_card h4{
    position: absolute;
    top: 10px;
    right: 25px;
}
.card.categoria {
    margin-bottom: 20px;
}
.titolocard {
    margin-top: 223px;
    background-image: url(../img/maschera.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 282px auto;
}
.titolocard .post {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;    
}
.titolocard .post h3 {
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.titolocard .post h3 a{
    padding-top: 90px;
    display: block;
}
.titolocard .post h3 a:link, .titolocard .post h3 a:visited{
    background-image: url("../img/arrow-circle.svg");
    background-repeat: no-repeat;
    background-position: 35px 10px;
    background-size: 50px auto;
    text-decoration: none;
    color: #000000;
}.titolocard .post h3 a:hover, .titolocard .post h3 a:active{
    background-image: url("../img/arrow-circle_celeste.svg");
    background-repeat: no-repeat;
    background-position: 35px 10px;
    background-size: 50px auto;
    color:  #6ea1b3;
}
.frecce {
    background-repeat: no-repeat;
    background-image: url(../img/arcofrecce.svg);
    background-position: center top;
    background-size: 1200px auto;
}
.quattro-colonne .post {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.quattro-colonne h4 {
    font-size: 17px;
}
#motto {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 30px;
    font-weight: 700;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: block;
}
.scroll_muovi#motto {
    right: auto;
    left: 100px;
    top: 300px;
    font-size: 76px;
}
.upper {
    text-transform: uppercase;
}

ul.ancore {
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    list-style-type: none;
    border-radius: 50px;
    width: 1380px;
    background-color: #FFFFFF;
    text-align: left;
    -webkit-box-shadow: 0px 3px 10px hsla(0,0%,0%,0.16);
    box-shadow: 0px 3px 10px hsla(0,0%,0%,0.16);
}
ul.ancore li{
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
}
ul.ancore li a:link, ul.ancore li a:visited{;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 13px;
    display: block;
    background-image: url(../img/trattino_ancora.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 7px auto;
}
ul.ancore li a:hover, ul.ancore li a:active{;
    text-decoration: underline;
}
ul.ancore li.login{
    text-align: right;
    float: right;
}
ul.ancore li.login a{
    text-align: right;
    float: right;
    background-image: url(../img/login.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 18px;
    background-size: 13px auto;
}
ul.ancore li:nth-last-child(2) a{
    background-image:none;
}
#banner_interno ul.ancore li:nth-last-child(1) a{
    background-image:none;
}
#banner_interno ul.ancore li:nth-last-child(2) a{
background-image: url(../img/trattino_ancora.svg);
}
.sottotitolo{
    font-size: 22px;
    line-height: 27px;
}
.fondogrigio{
    background-color: #d7e0e3;
}
.fontmini{
    font-size:0.8em!important;
}
footer .forminator-custom-form input{
    background-color: #d7e0e3;
    border-top: 0px solid hsla(0,0%,0%,0.00);
    border-left: 0px solid hsla(0,0%,0%,0.00);
    border-right: 0px solid hsla(0,0%,0%,0.00);
    border-bottom: 1px solid #000;
    width: calc(100% - 100px);
}
footer .forminator-custom-form label{
    min-width: 100px;
    display: inline-block;
}
footer .forminator-custom-form label.forminator-checkbox {
    min-width: 20px;
    display: block;
    float: left;
    background-color: #fff;
    margin-right: 5px;transform: translate(0px, 5px);
}footer .forminator-custom-form .forminator-error-message{
display: none;
    visibility: hidden;
}
footer .forminator-custom-form .forminator-button-submit{
    position: absolute;
    bottom: 20px;
    right: 40px;
    background-color: #d7e0e3;
    border-top: 0px solid hsla(0,0%,0%,0.00);
    border-left: 0px solid hsla(0,0%,0%,0.00);
    border-right: 0px solid hsla(0,0%,0%,0.00);
    border-bottom: 0px solid hsla(0,0%,0%,0.00);
    background-image: url(../img/invia_messaggio.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px auto;
    padding-right: 18px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
     transition: all 0.3s;
}
footer .forminator-custom-form .forminator-button-submit:hover{
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
footer .forminator-custom-form .forminator-row{
    margin-top: 10px!important;
    margin-right: 0px;
    margin-bottom: 10px!important;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
footer .forminator-custom-form label.forminator-checkbox {
    transition: all 0.2s;
        transform: scale(0.7);
    margin-top: 4px;
}
footer .forminator-custom-form label.forminator-checkbox:hover {
  background-color: #286487;
    transition: all 0.2s;
}
footer .forminator-custom-form label.forminator-checkbox:active {
  background-color: #88b04b;
    transition: all 0.2s;
}
footer .forminator-custom-form input[type='checkbox'] {
    width: auto;
    min-width: auto;
      border-top: 0px solid hsla(0,0%,0%,0.00);
    border-left: 0px solid hsla(0,0%,0%,0.00);
    border-right: 0px solid hsla(0,0%,0%,0.00);
    border-bottom: 0px solid hsla(0,0%,0%,0.00);
opacity: 0;
    transform: scale(1.4);
}
footer .forminator-custom-form input[type='checkbox']:checked {
    width: auto;
    min-width: auto;
      border-top: 0px solid hsla(0,0%,0%,0.00);
    border-left: 0px solid hsla(0,0%,0%,0.00);
    border-right: 0px solid hsla(0,0%,0%,0.00);
    border-bottom: 0px solid hsla(0,0%,0%,0.00);
opacity:1;
}
.asterisco {
    position: absolute;
  bottom: 15px;
  left: 35px;
}
footer .forminator-custom-form span.forminator-required {
transform: translate(-7px, -5px);
    display: inline-block;
    font-size: 10px;
}
.relative {
    position: relative;
}
.border-top {
    padding-top: 10px;
    border-top: 1px solid #000;
}
span.separa {
    padding-left: 5px;
    padding-right: 5px;
}
.petrolio, .petrolio a:link , .petrolio a:visited {
color: #286487;
}
.petrolio a:hover , .petrolio a:active {
color: #00abc7;
}
.quadre a::after {
          content: " \00a0 \00a0 ]";
    
}
.quadre a {
      background-image: url(../img/quadre.svg);
        background-repeat: no-repeat;
    background-position: right center;
    background-size: 22px auto;
}
.quadre a::before {
     content: "[ ";
}
.loghi  {
    background-repeat: no-repeat;
    background-size: auto 40px;
    background-position: right 95%;
}
.fascia_di_loghi  {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    padding-bottom: 180px;
}
.loghi.logo_grande  {
    background-size: auto 70px;
        background-position: right 99%;

}
.loghi.loghi_fascia  {
    background-size: auto 100px;
        background-position: left 99%;
padding-bottom: 100px;
}
p.paragrafo_loghi  {
    width: 60%;
    font-weight: 700;
    padding-top: 30px;
    font-size: 12px;
}
.scatola p {
    font-size: 21px;
    line-height: 28px;
}
.scatola .post {
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
}
/*.scatola.testo_in_bianco .post div{
    border-bottom: 1px solid #fff;
}*/
.linea {
    background-image: url(../img/linea.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 1px;
    padding-bottom: 20px;
}
.testo_in_bianco .linea {
    background-image: url("../img/linea_bianca.svg");
}
.bold{
    font-weight: 700;
}
.grassetto{
    font-weight: 440;
}
.font_8, h2.font_8, h3.font_8, h4.font_8, p.font_8, .font_8 h2, .font_8 h3, .font_8 h4, .font_8 p {
    font-size: 8px;
    line-height:12px;
}
.font_9, h2.font_9, h3.font_9, h4.font_9, p.font_9, .font_9 h2, .font_9 h3, .font_9 h4, .font_9 p {
    font-size: 9px;
    line-height:13px;
}
.font_10, h2.font_10, h3.font_10, h4.font_10, p.font_10, .font_10 h2, .font_10 h3, .font_10 h4, .font_10 p {
    font-size: 10px;
    line-height:14px;
}
.font_11, h2.font_11, h3.font_11, h4.font_11, p.font_11, .font_11 h2, .font_11 h3, .font_11 h4, .font_11 p {
    font-size: 11px;
    line-height:15px;
}
.font_12, h2.font_12, h3.font_12, h4.font_12, p.font_12, .font_12 h2, .font_12 h3, .font_12 h4, .font_12 p {
    font-size: 12px;
    line-height:16px;
}
.font_13, h2.font_13, h3.font_13, h4.font_13, p.font_13, .font_13 h2, .font_13 h3, .font_13 h4, .font_13 p {
    font-size: 13px;
    line-height:17px;
}
.font_14, h2.font_14, h3.font_14, h4.font_14, p.font_14, .font_14 h2, .font_14 h3, .font_14 h4, .font_14 p {
    font-size: 14px;
    line-height:18px;
}
.font_15, h2.font_15, h3.font_15, h4.font_15, p.font_15, .font_15 h2, .font_15 h3, .font_15 h4, .font_15 p {
    font-size: 15px;
    line-height:19px;
}
.font_16, h2.font_16, h3.font_16, h4.font_16, p.font_16, .font_16 h2, .font_16 h3, .font_16 h4, .font_16 p {
    font-size: 16px;
    line-height:20px;
}
.font_17, h2.font_17, h3.font_17, h4.font_17, p.font_17, .font_17 h2, .font_17 h3, .font_17 h4, .font_17 p {
    font-size: 17px;
    line-height:21px;
}
.font_18, h2.font_18, h3.font_18, h4.font_18, p.font_18, .font_18 h2, .font_18 h3, .font_18 h4, .font_18 p {
    font-size: 18px;
    line-height:24px;
}
.font_19, h2.font_19, h3.font_19, h4.font_19, p.font_19, .font_19 h2, .font_19 h3, .font_19 h4, .font_19 p {
    font-size: 19px;
    line-height:23px;
}
.font_20, h2.font_20, h3.font_20, h4.font_20, p.font_20, .font_20 h2, .font_20 h3, .font_20 h4, .font_20 p {
    font-size: 20px;
    line-height:24px;
}
.font_21, h2.font_21, h3.font_21, h4.font_21, p.font_21, .font_21 h2, .font_21 h3, .font_21 h4, .font_21 p {
    font-size: 21px;
    line-height:25px;
}
.font_22, h2.font_22, h3.font_22, h4.font_22, p.font_22, .font_22 h2, .font_22 h3, .font_22 h4, .font_22 p {
    font-size: 22px;
    line-height:26px;
}
.font_23, h2.font_23, h3.font_23, h4.font_23, p.font_23, .font_23 h2, .font_23 h3, .font_23 h4, .font_23 p {
    font-size: 23px;
    line-height:27px;
}
.font_24, h2.font_24, h3.font_24, h4.font_24, p.font_24, .font_24 h2, .font_24 h3, .font_24 h4, .font_24 p {
    font-size: 24px;
    line-height:28px;
}
.font_25, h2.font_25, h3.font_25, h4.font_25, p.font_25, .font_25 h2, .font_25 h3, .font_25 h4, .font_25 p {
    font-size: 25px;
    line-height:34px;
}
.font_26, h2.font_26, h3.font_26, h4.font_26, p.font_26, .font_26 h2, .font_26 h3, .font_26 h4, .font_26 p {
    font-size: 26px;
    line-height:29px;
}
.font_27, h2.font_27, h3.font_27, h4.font_27, p.font_27, .font_27 h2, .font_27 h3, .font_27 h4, .font_27 p {
    font-size: 27px;
    line-height:30px;
}
.font_28, h2.font_28, h3.font_28, h4.font_28, p.font_28, .font_28 h2, .font_28 h3, .font_28 h4, .font_28 p {
    font-size: 28px;
    line-height:31px;
}
.font_29, h2.font_29, h3.font_29, h4.font_29, p.font_29, .font_29 h2, .font_29 h3, .font_29 h4, .font_29 p {
    font-size: 29px;
    line-height:32px;
}
.font_30, h2.font_30, h3.font_30, h4.font_30, p.font_30, .font_30 h2, .font_30 h3, .font_30 h4, .font_30 p {
    font-size: 30px;
    line-height:33px;
 }  
.font_32, .font_32 p {
    font-size: 32px;
    line-height:35px;
 }  
.font_45, h2.font_45 {
    font-size: 45px;
    line-height:50px;
 }  
.font_50, h1.font_50, h2.font_50 {
    font-size: 50px;
    line-height:55px;
 }  
.font_58, h2.font_58 {
    font-size: 58px;
    line-height:63px;
 }  
.line_height_18, .line_height_18 p {
 line-height:18px!important;
 } 
.line_height_22, .line_height_22 p {
 line-height:22px!important;
 } 
.line_height_26, .line_height_26 p {
 line-height:26px!important;
 }  
.line_height_25, .line_height_25 p {
 line-height:25px!important;
 }  
h1 span.font_35 {
    font-size: 35px;
    line-height:44px;
 }  h2.font_35 {
    font-size: 35px;
    line-height:40px;
 }  
h1 span.font_40 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 400;
 }  

.schede.splide {
    padding-right: 80px;
    padding-left: 80px;
}
.schede .card .fotofluida img {
    width: calc(100% - 40px);
    margin-right: 20px;
    margin-left: 20px;
}
.schede.fisse .card .fotofluida img {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}
.schede.fisse {
    padding-right: 35px;
    padding-left: 35px;
}
.schede.fisse .post {
    padding-right: 1px;
    padding-left: 1px;
}
.fisse .card {
    float: left;
    margin-right: 23px;
    margin-left: 23px;
}
.learning.background {
    background-repeat: repeat-x;
    background-image: url(../img/bg_learning.svg);
    background-position: left bottom;
    background-size: auto 252px;
}
.learning.traslittera_in_basso {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.learning .card img{
   border-radius: 0px;
}

.learning .card {
    border-radius: 30px;
    -webkit-box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
    box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
    height: 550px;
    background-image: url(../img/learning_card.svg);
    background-repeat: repeat-x;
    background-position: center 472px;
    background-size: auto 1px;
}
.learning .card h3{
    height: 46px;
    overflow-y: hidden;
}
.learning .card h3.no_testo{
    height: 132px;
    overflow-y: hidden;
}
.learning .card .excerpt{
    height: 86px;
    overflow-y: hidden;
}
p.data {
padding-top: 30px;
  padding-right: 35px;
  padding-bottom: 5px;
  padding-left: 35px;

}
p.guarda {
    margin-top: 20px;
}p.accedi {
    margin-top: 20px;
    padding-bottom: 20px;
    clear: both;
    float: none;
    display: block;
}
.guarda button{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 11px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-transform: uppercase;
    background-color: #fff;
    border: none;
    transition: all 0.2s;
    background-image: url(../img/guarda.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 8px auto;
}
.guarda button:hover{
    cursor: pointer;
     transition: all 0.2s;
}
p.lucchetto{
    margin-top: 0px;
    line-height: 32px;
    padding-right: 87px;
    position: absolute;
    left: 35px;
    bottom: 15px;
}.originals p.lucchetto{
    margin-top: 35px;
    position: static;
    left: auto;
    bottom: auto;
}
.no_video button{
cursor: default!important;
}
.documenti p.lucchetto{
    margin-top: 15px;
}
.documenti h4{
    margin-top: 25px;
}
p.lucchetto.libero{
    background-image: url(../img/libero.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 32px;
}
p.lucchetto.libero:hover{
    background-image: url(../img/libero_hover.svg);
}
p.lucchetto.riservato{
    background-image: url(../img/riservato.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 32px;
    margin-top: 20px;
}
p.lucchetto.riservato:hover{
    background-image: url(../img/riservato_hover.svg);
}
.documenti {
min-height: 270px;
    overflow: hidden;
    transition: height 0.3s ease; /* Aggiunge una transizione fluida */
}

.documenti.espanso {
    height: auto;
    transition: height 0.3s ease; /* Aggiunge una transizione fluida */
    padding-bottom: 20px;
}
a.sfoglia {
    background-image: url(../img/sfoglia.svg);
    background-repeat: no-repeat;
    background-position: right 0px;
    background-size: auto 22px;
    border-bottom: 1px solid #202020;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-right: 30px;
}
a.richiedi {
    border-bottom: 1px solid #202020;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-right: 0px;
    min-width: 200px;
    display: inline-block;
}
.espansione {
    text-align: center;
       margin-top: 15px;
}
.espansione button{
    padding-top: 10px;
    background-color: hsla(0,0%,0%,0.0);
    border: none;
    cursor: pointer;
    width: 100%;
    height: 30px;
    background-image: url("../img/espandi.svg");
    background-position: center bottom;
    background-size: 20px auto;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #000000;
    border-bottom: 0px solid #000000;
    padding-bottom: 10px;
    margin-bottom: 35px;
}
.espansione button.espanso{
    background-image: url("../img/contrai.svg");
        border-top: 0px solid #000000;
    border-bottom: 1px solid #000000;
      padding-bottom: 10px;
       background-position: center top;
}
.colonna_uno .espansione button{
    padding-top: 10px;
    background-color: hsla(0,0%,0%,0.0);
    border: none;
    cursor: pointer;
    width: 80%;
    height: 30px;
    background-image: url("../img/espandi.svg");
    background-position: center bottom;
    background-size: 20px auto;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #000000;
    border-bottom: 0px solid #000000;
    padding-bottom: 10px;
    margin-bottom: 35px;
}
.colonna_uno .espansione button.espanso{
    background-image: url("../img/contrai.svg");
        border-top: 0px solid #000000;
    border-bottom: 1px solid #000000;
      padding-bottom: 10px;
       background-position: center top;
}
.scatolafissa {
    padding-top: 50px;
    padding-right:50px;
    padding-bottom: 50px;
    padding-left: 50px;
    position: relative;
}
.scatolafissa .font_21 p{
   line-height:25px;
}
.scatolafissa.image {
    padding-bottom: 150px;
}
.scatolafissa h2{
    font-weight: 700;
    font-size: 42px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 38px;
}
.scatolafissa h3{
    font-weight: 300;
    font-size: 19px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 25px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.scatolafissa.ombratesto h3{
    text-shadow: 0px 1px 2px hsla(0,0%,0%,0.20);

}
.immagine_decorativa{
    position: absolute;
    right: 0px;
    bottom: -100px;
    width: 235px;
    height: 235px;
}
.immagine_decorativa img{
    border-radius: 30px;
}
.fotogalleria img {
opacity:  1;
    transition: all 0.3s;

}.fotogalleria:hover img {
opacity:  0.2;
    transition: all 0.3s;
}
.testigallery{
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0px;
    text-align: center;
    width: 100%;
    transition: all 0.3s;
    transform: translate(0px, -50%)
}
.testigallery a{
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.testigallery p{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.fotogalleria:hover .testigallery {
opacity:  1;
transition: all 0.3s;
}
.seguici {
    color: #286487;
    font-weight: 700;
}.seguici a:link, .seguici a:visited {
    color: #286487;
}
.seguici a:hover, .seguici a:active {
    color: #286487;
    text-decoration: underline;
}

/*TASTO TORNA SU */
.tornasu {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 30px;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 200;
  transition: all 0.5s ease;
}
.tornasu:hover {
  transition: all 0.5s ease;
}
.tornasu a:link, .tornasu a:visited {
  padding-left: 70px;
  background-color: #ffffff;
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("../img/contrai.svg");
  background-repeat: no-repeat;
  background-position: 15px 15px;
  background-size: 20px auto;
  transition: all 0.5s ease;
}
.tornasu a:hover, .tornasu a:active {
  background-color: #d7e0e3;
  background-repeat: no-repeat;
  background-position: 15px 15px;
  background-size: 20px auto;
  transition: all 0.5s ease;
}
/* FINE TASTO TORNA SU */
.ombratesto {
    text-shadow: 0px 3px 4px hsla(0,0%,0%,0.55);
}
.ombratxt_leggera{
    text-shadow: 0px 2px 4px hsla(0,0%,0%,0.30);
}
.ombrabox {
-webkit-box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
  box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
}


.traslittera {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;}
.padding_ampi {
    padding-top: 100px;
    padding-bottom: 50px;

}.padding_top {
    padding-top: 75px;
}
.padding_bottom {
    padding-bottom: 30px;
}
.h_250{
    min-height: 250px;
}
#contenuto {
    padding-top: 58px;
}
.homepage {
    width: 66.66%;
    margin-left: 0px;
    position: relative;
}
.homepage #banda {
 width: 66.66%;
}
.homepage .box {
 width: 100%;
}
.articoli_random {
    background-color: #3a3a3a;
    height: 100vh;
    width: 33.33%;
    position: fixed;
    top: 0px;
    right: 0px;
    color: #fff;
    -webkit-box-shadow: 0px 0pt 15px hsla(0,0%,0%,0.80);
    box-shadow: 0px 0pt 15px hsla(0,0%,0%,0.80);
    z-index: 101;
     overflow: hidden;
}
.articoli_random h2,
.articoli_random h3,
.articoli_random h4,
.articoli_random h5,
.articoli_random h6{
    color: #fff;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 5px;
}
.articoli_random h3{
    font-size: 22px;
}
.articoli_random a:link,.articoli_random a:visited{
    color: #fff;
}
.articoli_random a:hover,.articoli_random a:active{
    color: #fff;
    text-decoration: underline;
}
.articoli_random img {
    border-radius: 16px;

}
.articolo_random img {
    transform: scale(1.0);
    transition: all 0.3s;
}

.articolo_random:hover  img{
transform: scale(1.1);
    transition: all 0.3s;
}
.articoli_random .padding_left {
    padding-left: 35px;
}
.articoli_random .padding_right {
    padding-right: 35px;
}
.banda.posizione_sotto {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}
.banda.posizione_sopra {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.banda.learning {
    padding-bottom: 50px;
}
.banda.home.colonne_tre {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.home.colonne_tre h3 strong em, .home.colonne_tre h3 em strong   {
    font-style: normal;
    display: block;
    font-weight: 300;
}
.banda.home.colonne_tre h2 strong em, .banda.home.colonne_tre h2 em strong{
    display: block;
    font-style: normal;
}
.articoli_slide {
    position: absolute;
    top: 0; left: 0; width: 100%; 
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s;
    flex-direction: column;
     pointer-events: none;
}

.articoli_slide.active {
    position: static;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s, visibility 0.5s;
     pointer-events: auto;
}
.articoli_slide {
    display: none; /* Tutti nascosti di default */
}
.articoli_slide.active {
    display: block; /* Solo quello attivo è visibile */
}
.articolo_random {
    min-height: 33.33vh;  
}
.articoli_slide .titolo,
.articoli_slide .sottotitolo, 
.articoli_slide .estratto {
    opacity: 0;
    transform: translateY(20px);
}
.articoli_slide.active .titolo,
.articoli_slide.active .sottotitolo,
.articoli_slide.active .estratto {
    opacity: 1;
    transform: translateY(0);
}

ul.tags{
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
    border-top: 1px solid #212121;
    font-size: 11px;
}
.colonne_tre ul.tags{

    font-size: 14px;
}
.color_bianco ul.tags{
    border-top: 1px solid #fff;
}
.colonne_quattro ul.tags{
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px);
}
.colonne_quattro .unquarto{
    padding-bottom: 100px;
    padding-top: 50px;
}
#colori {}
.hover_286487 a:hover {
    color: #286487!important;
    text-decoration: none;    
}
.hover_286487 a:hover svg {
 fill:  #286487!important;
}
.bg_286487 {
    background-color: #286487!important;  /* blu petrolio*/
    fill:  #fff!important;
}
a.bg_286487:hover svg {
    fill:  #286487!important;
}
p.button a.bg_286487:hover {
    color:  #286487!important;
}.bg_286487.trasparente {
    background-color: hsla(202,54%,34%,0.90)!important;
    fill: #fff!important;
}
a.bg_286487.trasparente:hover svg {
    fill: hsla(202,54%,34%,0.90)!important;
}
p.button a.bg_286487.trasparente:hover {
    color: hsla(202,54%,34%,0.90)!important;
}

.bg_00abc7 {
    background-color: #00abc7!important; /* celete brillante */
    fill: #fff!important;
}
a.bg_00abc7:hover svg {
    fill: #00abc7!important;
}
p.button a.bg_00abc7:hover {
    color: #00abc7!important;
}
.color_00abc7 {
    color: #00abc7!important;
}

.bg_00abc7.trasparente {
    background-color: hsla(188,100%,39%,0.90)!important;
    fill: #fff!important;
}
a.bg_00abc7.trasparente:hover svg {
    fill: hsla(188,100%,39%,0.90)!important;
}
p.button a.bg_00abc7.trasparente:hover {
    color: hsla(188,100%,39%,0.90)!important;
}

.bg_e4572e{
    background-color: #e4572e!important; /* rosso mattone*/
    fill: #fff!important;
}
a.bg_e4572e:hover svg {
    fill: #e4572e!important;
}
p.button a.bg_e4572e:hover {
    color: #e4572e!important;
}

.bg_e4572e.trasparente {
    background-color: hsla(14,77%,54%,0.90)!important;
    fill: #fff!important;
}
a.bg_e4572e.trasparente:hover svg {
    fill: hsla(14,77%,54%,0.90)!important;
}
p.button a.bg_e4572e.trasparente:hover {
    color: hsla(14,77%,54%,0.90)!important;
}

.bg_dbe5ea {
    background-color: #dbe5ea!important; /* grigio molto chiaro*/
    fill: #fff!important;
}
a.bg_dbe5ea:hover svg {
    fill: #dbe5ea!important;
}
p.button a.bg_dbe5ea:hover {
    color: #dbe5ea!important;
}

.bg_f9a826 {
    background-color: #f9a826!important; /* giallo aranciato*/
    fill: #fff!important;
}
a.bg_f9a826:hover svg {
    fill: #f9a826!important;
}
p.button a.bg_f9a826:hover {
    color: #f9a826!important;
}

.bg_6f6f6f {
    background-color: #6f6f6f!important; /* grigio medio*/
    fill: #fff!important;
}
a.bg_6f6f6f:hover svg {
    fill: #6f6f6f!important;
}
p.button a.bg_6f6f6f:hover {
    color: #6f6f6f!important;
}

.bg_fddca8 {
    background-color: #fddca8!important; /* grigio medio*/
    fill: #212121!important;
}
a.bg_fddca8:hover svg {
    fill: #212121!important;
}
p.button a.bg_fddca8:hover {
    color: #212121!important;
}

.bg_d4e0e7{
    background-color: #d4e0e7!important; /* ghiaccio */
    fill: #fff!important;
}
a.bg_d4e0e7:hover svg {
    fill: #d4e0e7!important;
}
p.button a.bg_d4e0e7:hover {
    color: #d4e0e7!important;
}

.bg_e1e0de{
    background-color: #e1e0de!important; /* ghiaccio */
    fill: #fff!important;
}
a.bg_e1e0de:hover svg {
    fill: #e1e0de!important;
}
p.button a.bg_e1e0de:hover {
    color: #e1e0de!important;
}

.bg_f0efee{
    background-color: #f0efee!important; /* ghiaccio */
    fill: #fff!important;
}
a.bg_f0efee:hover svg {
    fill: #f0efee!important;
}
p.button a.bg_f0efee:hover {
    color: #f0efee!important;
}


.button a.bg_286487:link, .button a.bg_286487:visited {
    border: 2px solid #286487;
}
.button a.bg_00abc7:link, .button a.bg_00abc7:visited {
    border: 2px solid #00abc7!important; /* celete brillante */
}
.button a.bg_e4572e:link, .button a.bg_e4572e:visited {
    border: 2px solid #e4572e!important; /* rosso mattone*/
}
.button a.bg_dbe5ea:link, .button a.bg_dbe5ea:visited {
    border: 2px solid #dbe5ea!important; /* grigio molto chiaro*/
}
.button a.bg_f9a826:link, .button a.bg_f9a826:visited {
    border: 2px solid #f9a826!important; /* giallo aranciato*/
}
.button a.bg_6f6f6f:link, .button a.bg_6f6f6f:visited {
    border: 2px solid #6f6f6f!important; /* grigio medio*/
}
.button a.bg_fddca8:link, .button a.bg_fddca8:visited {
    border: 2px solid #fddca8!important; /* grigio medio*/
}
.button a.bg_d4e0e7:link, .button a.bg_d4e0e7:visited {
    border: 2px solid #d4e0e7!important; /* ghiaccio */
}

.button a.bg_286487:hover, .button a.bg_286487:active,
.button a.bg_00abc7:hover, .button a.bg_00abc7:active ,
.button a.bg_e4572e:hover, .button a.bg_e4572e:active ,
.button a.bg_dbe5ea:hover, .button a.bg_dbe5ea:active ,
.button a.bg_f9a826:hover, .button a.bg_f9a826:active,
.button a.bg_6f6f6f:hover, .button a.bg_6f6f6f:active,
.button a.bg_fddca8:hover, .button a.bg_fddca8:active ,
.button a.bg_d4e0e7:hover, .button a.bg_d4e0e7:active {
    background-color: #fff!important;    
    color: #212121!important;
}
.button.color_bianco a.bg_286487:hover, .button.color_bianco a.bg_286487:active,
.button.color_bianco a.bg_00abc7:hover, .button.color_bianco a.bg_00abc7:active ,
.button.color_bianco a.bg_e4572e:hover, .button.color_bianco a.bg_e4572e:active ,
.button.color_bianco a.bg_dbe5ea:hover, .button.color_bianco a.bg_dbe5ea:active ,
.button.color_bianco a.bg_f9a826:hover, .button.color_bianco a.bg_f9a826:active,
.button.color_bianco a.bg_6f6f6f:hover, .button.color_bianco a.bg_6f6f6f:active,
.button.color_bianco a.bg_fddca8:hover, .button.color_bianco a.bg_fddca8:active ,
.button.color_bianco a.bg_d4e0e7:hover, .button.color_bianco a.bg_d4e0e7:active {
text-shadow: none!important;
}
.button.color_bianco.freccia a.bg_286487:hover span, .button.color_bianco.freccia a.bg_286487:active span,
.button.color_bianco.freccia a.bg_00abc7:hover span, .button.color_bianco.freccia a.bg_00abc7:active  span,
.button.color_bianco.freccia a.bg_e4572e:hover span, .button.color_bianco.freccia a.bg_e4572e:active  span,
.button.color_bianco.freccia a.bg_dbe5ea:hover span, .button.color_bianco.freccia a.bg_dbe5ea:active  span,
.button.color_bianco.freccia a.bg_f9a826:hover span, .button.color_bianco.freccia a.bg_f9a826:active span,
.button.color_bianco.freccia a.bg_6f6f6f:hover span, .button.color_bianco.freccia a.bg_6f6f6f:active span,
.button.color_bianco.freccia a.bg_fddca8:hover span, .button.color_bianco.freccia a.bg_fddca8:active  span,
.button.color_bianco.freccia a.bg_d4e0e7:hover span, .button.color_bianco.freccia a.bg_d4e0e7:active span {
    background-image: url(../img/freccia.svg);
}
.colonne_tre p.button a:hover span,.colonne_tre p.button a:active span {
  background-image: url("../img/arrow_scuro.svg");
}

.color_bianco,.color_bianco h2,.color_bianco h3,.color_bianco h4,.color_bianco h5,.color_bianco h6 ,.color_bianco a:link {
    color: #ffffff;
/*    text-shadow: 2px 2px 3px hsla(0,0%,0%,0.20) ;
*/}
 .color_bianco a:visited,.color_bianco a:hover, .color_bianco a:active {
    color: #ffffff;
    text-decoration: underline;
}
.color_nero,.color_nero h2,.color_nero h3,.color_nero h4,.color_nero h5,.color_nero h6 ,.color_nero a:link {
    color: #212121!important;
}
 .color_nero a:visited,.color_nero a:hover, .color_nero a:active {
    color: #000!important;
    text-decoration: underline;
}
.barra_nera {
    background-color: #212121;
    border-radius: 50px;
    display: block;
    z-index: 1;
    position: absolute;
    bottom: -52px;
    padding-left: 15px;
    padding-right: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    min-width: 1000px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.quadrato_borditondi {
    border-radius: 30px;
    padding-top: 150px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
    position: relative;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 32px;
      min-height: 120px;
}
.quadrato_borditondi span {
    font-size: 18px;
    position: absolute;
    top: 100px;
    left: 30px;
    font-weight: 300;
}
.colonne_tre .estratto {
    min-height: 202px;
    border-top: 1px solid #212121;
    padding-top: 15px;
}
.colonne_tre h3 {
    padding-bottom: 15px;
    margin-bottom: 0px;
}
.colonne_quattro .estratto {
    min-height: 60px;
    padding-top: 25px;
    padding-bottom: 10px;
}
.margin_top_0, .margin_top_0, h4.margin_top_0, h5.margin_top_0 {
    margin-top: 0px!important;   
}
.margin_bottom_0, h4.margin_bottom_0, h5.margin_bottom_0  {
    margin-bottom: 0px!important;   
}
.margin_bottom_25 {
    margin-bottom: 25px!important;   
}
.margin_bottom_250 {
    margin-bottom: 250px!important;   
}
.margin_top_25 {
    margin-top: 25px!important;   
}
.margin_top_35 {
    margin-top: 35px!important;   
}

.videocontent  {
    width: 100%;
    height: auto;
    display: block;
      position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.videocontent iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.estratti .post {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.estratti h3{
    font-size: 14px;
    padding-top: 15px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
ul.video-share {
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 30px;
    margin-left: 20px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    list-style-type: none;
    border-bottom: 1px solid #888d92;
}
.articolo_blog ul.video-share {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
ul.video-share.no_home {
    border-bottom: none;
}
ul.video-share li{
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
    font-size:8px;
}
ul.video-share li.share_copy a{
    background-image: url(../img/share_copia.svg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 0px;
    padding-top: 20px;
    background-size: auto 20px;
}
ul.video-share li.share_whatsapp a{
    background-image: url(../img/share_whatsapp.svg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 0px;
    padding-top: 20px;
    background-size: auto 20px;
  
}
ul.video-share li.share_youtube a{
    background-image: url(../img/share_youtube.svg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 0px;
    padding-top: 20px;
    background-size: auto 20px;
   }

    .container {
  display: flex;
  width: 100%;
}
.left-div {
  flex: 1; /* Occupa lo spazio disponibile */
}
.right-div {
  flex: 1; /* Occupa lo spazio disponibile */
}
.flex {
  flex: 1; /* Occupa lo spazio disponibile */
    position: relative;
}
.columns_2{
    column-count: 2;
    padding-top: 25px;
    padding-right: 35px;
    padding-bottom: 25px;
    padding-left: 0px;

}
.columns_2 p{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;

}
.trafiletto{

}
.trafiletto p{
    line-height: 24px;
    font-style: italic;
      font-size: 16px;
}
.trafiletto p strong{
    font-style: normal;
}
.trafiletto.columns_2{
    background-repeat: no-repeat;
    background-position: 90% 95%;
    background-size:40% auto;
    column-gap: 25px;
}
.fotofondatore {
    float: left;
    margin-right: 25px;
}
.lente {
    background-image: url("../img/lente_piu_scura.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 25px auto;
    padding-bottom: 30px;
    float: left;
  width: 30.32%;
}
.lente:hover {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 25px auto;
    padding-bottom: 30px;
    float: left;
  width: 30.32%;
}
.ingrandisci {
    height: 300px;
    overflow-y: hidden;
    transition: all 0.8s;
    transform: scale(1.0);
    background-color: hsla(100,100%,100%,0.00);
    color: #212121;
    z-index: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ingrandisci a:link, .ingrandisci a:visited {
    color: #212121;
}
.ingrandisci a:hover, .ingrandisci a:active {
    color: #212121;
}

.ingrandisci h4 {
    color: #212121;
}
.ingrandisci:hover {
    min-height:380px;
     height: auto;
    overflow-y: visible;
    transform: scale(1.04);
    transition: all 0.8s;
    margin-bottom: 0px;
    background-color: hsla(100,100%,100%,1.00);
    color: #212121;
    z-index: 1;
     border-radius: 30px;
    -webkit-box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
  box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
}
.ingrandisci:hover a:link, .ingrandisci:hover a:visited {
    color: #212121;
}
.ingrandisci:hover a:hover, .ingrandisci:hover a:active {
    color: #000;
    text-decoration: none;    
}
.ingrandisci:hover h4 {
    color: #212121;
}
.altezza_500 {
 height: 550px;
}
.h_500 {
 height: 500px;
}

.prima_col {
    position: absolute;
    top: 125px;
    left: 25px;
    z-index: 1
}
.seconda_col {
    position: absolute;
    top: 125px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.terza_col {
    position: absolute;
    top: 125px;
    right: 25px;
      z-index: 1;
}
.ingrandisci_interno .prima_col,
.ingrandisci_interno .seconda_col,
.ingrandisci_interno .terza_col {
    position: static;
    top: auto;
    right: auto;
    left: auto;
    z-index: 0;
    transform: translate(0px, 0px);
}

.ingrandisci_interno .ingrandisci {
    height: 480px;
    overflow-y: hidden;
    transition: all 0.8s;
    transform: scale(1.0);
    min-height: 0px;
    background-image: url("../img/lente_piu_scura.svg");
    background-repeat: no-repeat;
    background-position: 95% 95%;
    background-size: 25px auto;
    padding-left: 30px;
    padding-right: 30px;
        border-radius: 30px;
}
.ingrandisci_interno.lista_v .ingrandisci ul li {
    background-image: url(../img/verificated.svg);
}
.ingrandisci_interno.lista_v .ingrandisci:hover ul li {
    background-image: url(../img/verificated.svg);
}
.ingrandisci_interno  .ingrandisci:hover {
  height: 480px;
    overflow-y: hidden;
    transform: scale(1.05);
    transition: all 0.8s;
    margin-bottom: 0px;
    background-color: #fff;
    color: #212121;
    z-index: 1;
    border-radius: 30px;
    min-height: 0px;
        -webkit-box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
  box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
}
.ingrandisci_interno .lente {
    background-image: none;
    padding-bottom: 30px;
    float: left;
width: 33.333333%;
  margin-right: 0px;
  margin-left: 0px;
}
.prima_col:hover, .seconda_col:hover, .terza_col:hover{
    z-index: 2;
}
.citazione {
    padding-top: 100px;
    padding-right: 100px;
    padding-left: 100px;
}
.autore, .contesto {
    padding-top: 25px;
    padding-right: 100px;
    padding-left: 100px;
}
.cit {
    padding-bottom: 100px;
}
/*
.embed_linkedin {
    width: 25%;
    float: left;
}
.embed_linkedin .post{
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
     overflow-y: hidden;
    overflow-x: hidden;
}
.embed_linkedin iframe {
    width:calc(100% + 22px);
}
.embed_linkedin {
     -ms-overflow-style: none;  
    scrollbar-width: none;  
}
.embed_linkedin::-webkit-scrollbar { 
    display: none;
}*/

.reattiva {
    position: relative;
    width: 100%;
    background-image: url(../img/linkedin_bg.svg);
    background-position: left top;
    background-size: auto 100%;
    background-repeat: repeat-x;
        height: 822px;
}

/* Post LinkedIn con posizionamento assoluto */
.reattiva .embed_linkedin {
    position: absolute;
    width: calc(25% - 11.25px);
    float: none;
    transition: all 0.3s ease;
    top: 50px;
    left: 25px;
    height: 350px;
    overflow-y: hidden;
    scrolling: "no"; /* Attributo HTML per disabilitare scroll */
     border-radius: 8px;
}

.reattiva .embed_linkedin.primo {
    height: auto;
}
.reattiva .embed_linkedin.primo .post, .reattiva .embed_linkedin.ultimo .post {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 70px;
    padding-left: 20px;
}
 .embed_linkedin.ultimo{
    position: absolute!important;
    bottom: -100px;
    right: 25px;
    top: auto;
    left: auto;
     height: auto!important;
}



/* Post del ciclo embed - nascondi parte alta */
.reattiva .embed_linkedin .post {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 15px;
    position: relative;
}

.reattiva .ultimo .post {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 40px;
    overflow: hidden;
    background-color: #f4bcab;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 15px;
    position: relative;
    background-image: url(../img/in.svg);
    background-repeat: no-repeat;
    background-position: 95% 95%;
    background-size: 40px auto;
}
.reattiva .embed_linkedin .post.bg_00abc7 {
    background: #00abc7;
    padding-bottom: 40px; 
      background-image: url(../img/in.svg);
    background-repeat: no-repeat;
    background-position: 95% 95%;
       background-size: 40px auto;
}


/* Iframe responsive */
.reattiva .embed_linkedin iframe {
   width: 100%;
    min-height: 400px;
    border: none;
        overflow-y: hidden !important; /* Nasconde scroll verticale */
    scrolling: "no"; /* Attributo HTML per disabilitare scroll */
}

.block {
display: block;
}
.colonne_tre.home ul.tags {
    padding-left: 30px;
}
.paddingvideo{
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    background-color: #000000;
}
.testino {
    height: 120px;
}
p.ghirigoro.light a span{
    font-weight: 300;
}
.light{
    font-weight: 300;
}
h4.fira_code.light{
    font-weight: 300;
}
.didascalia {
    padding-top: 25px;
}
.didascalia.fira_code {
    text-transform: uppercase;
    font-size: 16px;
}
.contenitore {
    margin-top: 35px;
    padding-top: 35px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
}
.quadrato {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    width: 240px;
    float: left;
}.quadrato p {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 50px;
    border-bottom: 1px solid #212121;
}
.fianco_quadrato {
    float: left;
    width: calc(100% - 320px) ;
}
.lista_v ul li {
padding-top: 4px;
  padding-bottom: 4px;
  line-height: 20px;
  background-image: url(../img/verificated.svg);
  background-repeat: no-repeat;
  background-position: 5px 7px;
  background-size: 10px auto;
  padding-left: 30px;
}
.spaziata.lista_v ul li {
padding-top: 10px;
  padding-bottom:10px;
  background-position: 5px 13px;
}
.testo_in_bianco .lista_v ul li, .testo_in_bianco.lista_v ul li {
    background-image: url(../img/verificated_bianco.svg);
}
.lista_v ul {
  list-style: none;
        padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
}

.cinque-colonne {
    background-image: url(../img/bg_punti.svg);
    background-repeat: no-repeat;
    background-position: center 169px;
    background-size: 730px 1px;
}
.colonne_cinque {
padding-bottom: 100px;
}

.icona {
    padding-top: 25px;
}
.palla {
    margin-top: 0px;
    margin-bottom: 35px;
    font-size: 72px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 30px;
    max-width: 100px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    line-height: 72px;
}
.scatola.sovrapposizione {
    position: absolute;
    left: 0px;
    width: 300px;
}
.testo_e_box .scatola.sovrapposizione {
    position: absolute;
    right: 0px;
    width: 41.65%;
    left: auto;
    top: 75px;
}
.bottom_10 { bottom: -10px!important;}
.bottom_20 { bottom: -20px!important;}
.bottom_30 { bottom: -30px!important;}
.bottom_40 { bottom: -40px!important;}
.bottom_50 { bottom: -50px!important;}
.bottom_60 { bottom: -60px!important;}
.bottom_70 { bottom: -70px!important;}
.bottom_80 { bottom: -80px!important;}
.bottom_90 { bottom: -90px!important;}
.bottom_100 { bottom: -100px!important;}
.bottom_110 { bottom: -110px!important;}
.bottom_120 { bottom: -120px!important;}
.bottom_130 { bottom: -130px!important;}
.bottom_140 { bottom: -140px!important;}
.bottom_150 { bottom: -150px!important;}
.bottom_160 { bottom: -160px!important;}
.bottom_170 { bottom: -170px!important;}
.bottom_180 { bottom: -180px!important;}
.bottom_190 { bottom: -190px!important;}
.bottom_200 { bottom: -200px!important;}
.bottom_210 { bottom: -210px!important;}
.bottom_220 { bottom: -220px!important;}
.bottom_230 { bottom: -230px!important;}
.bottom_240 { bottom: -240px!important;}
.bottom_250 { bottom: -250px!important;}

.rettangolo .fotofluida.sovrapposizione {
    position: absolute;
    left: 0px;
    bottom: -50px;
    width: 300px;
}
ul.blocco_tags {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.blocco_tags li {
    margin: 0;
    padding: 0;
}
ul.blocco_tags.tag_count_3 li {
    width: 33.33333%;
    float: left;
}
ul.blocco_tags.tag_count_4 li {
    width: 25%;
    float: left;
}

ul.blocco_tags.tag_count_2 li {
    width: 50%;
    float: left;
}
ul.blocco_tags.tag_count_1 li {
    width: 100%;
    float: none;
}

ul.blocco_tags li a{
    display: block;
    color: #fff;
    height: 250px;
    overflow-y: hidden;
    position: relative;
    background-image: url(../img/lente_piu.svg);
    background-repeat: no-repeat;
    background-position: center 25px;
    background-size: 25px auto;
}

ul.blocco_tags span.tag_title{
    font-size: 21px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 70px;
    text-align: center;
    text-transform: uppercase;
}

ul.blocco_tags span.tag_description{
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    text-align: center;
      width: 90%;
}

ul.blocco_tags li a:hover{
    filter: brightness(1.1);
}

.blocco_tags_container {
    position: relative;
}

.blocco_tags_container.scrollable .blocco_tags_wrapper {
    overflow: hidden;
    width: 100%;
}

.blocco_tags_container.scrollable .blocco_tags {
    display: flex;
    transition: none;
}

/* Desktop: 5 tag visibili */
.blocco_tags_container.scrollable .tag_item {
    flex: 0 0 20%;
    min-width: 20%;
}
.no_sequenza  {

}
.no_sequenza .tag_item {
    min-width: 20%;
    float: left;
}

.tags_navigation {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.tags_nav_btn {
    background: #fff;
    color: #212121;
    border: 1px solid #212121;
    padding-top: 8px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 12px;
    cursor: pointer;
    border-radius: 50px;
    font-size: 18px;
    transition: opacity 0.3s;
    line-height: 18px;
}

.tags_nav_btn:hover:not(:disabled) {
    background-color: #EBEBEB;
}

.tags_nav_btn:disabled {
    cursor: not-allowed;
}


li.tag_item_01 a, li.tag_item_19 a, li.tag_item_37 a, li.tag_item_55 a, li.tag_item_73 a, li.tag_item_91 a {
    background-color: #667a85;
}
li.tag_item_02 a, li.tag_item_20 a, li.tag_item_38 a, li.tag_item_56 a, li.tag_item_74 a, li.tag_item_92 a {
    background-color: #8fa82e;
}
li.tag_item_03 a, li.tag_item_21 a, li.tag_item_39 a, li.tag_item_57 a, li.tag_item_75 a, li.tag_item_93 a {
    background-color: #93a1d2;
}
li.tag_item_04 a, li.tag_item_22 a, li.tag_item_40 a, li.tag_item_58 a, li.tag_item_76 a, li.tag_item_94 a {
    background-color: #93737d;
}
li.tag_item_05 a, li.tag_item_23 a, li.tag_item_41 a, li.tag_item_59 a, li.tag_item_77 a, li.tag_item_95 a {
    background-color: #734741;
}
li.tag_item_06 a, li.tag_item_24 a, li.tag_item_42 a, li.tag_item_60 a, li.tag_item_78 a, li.tag_item_96 a {
    background-color: #e3bebc;
}
li.tag_item_07 a, li.tag_item_25 a, li.tag_item_43 a, li.tag_item_61 a, li.tag_item_79 a, li.tag_item_97 a {
    background-color: #9d6661;
}
li.tag_item_08 a, li.tag_item_26 a, li.tag_item_44 a, li.tag_item_62 a, li.tag_item_80 a, li.tag_item_98 a {
    background-color: #9d6661;
}
li.tag_item_09 a, li.tag_item_27 a, li.tag_item_45 a, li.tag_item_63 a, li.tag_item_81 a, li.tag_item_99 a {
    background-color: #94afc7;
}
li.tag_item_10 a, li.tag_item_28 a, li.tag_item_46 a, li.tag_item_64 a, li.tag_item_82 a, li.tag_item_100 a {
    background-color: #6a912d;
}
li.tag_item_11 a, li.tag_item_29 a, li.tag_item_47 a, li.tag_item_65 a, li.tag_item_83 a, li.tag_item_101 a {
    background-color: #8c517b;
}
li.tag_item_12 a, li.tag_item_30 a, li.tag_item_48 a, li.tag_item_66 a, li.tag_item_84 a, li.tag_item_102 a {
    background-color: #b9c676;
}
li.tag_item_13 a, li.tag_item_31 a, li.tag_item_49 a, li.tag_item_67 a, li.tag_item_85 a, li.tag_item_103 a {
    background-color: #f7be29;
}
li.tag_item_14 a, li.tag_item_32 a, li.tag_item_50 a, li.tag_item_68 a, li.tag_item_86 a, li.tag_item_104 a {
    background-color: #f09c26;
}
li.tag_item_15 a, li.tag_item_33 a, li.tag_item_51 a, li.tag_item_69 a, li.tag_item_87 a, li.tag_item_105 a {
    background-color: #ea7624;
}
li.tag_item_16 a, li.tag_item_34 a, li.tag_item_52 a, li.tag_item_70 a, li.tag_item_88 a, li.tag_item_106 a {
    background-color: #ceb1bd;
}
li.tag_item_17 a, li.tag_item_35 a, li.tag_item_53 a, li.tag_item_71 a, li.tag_item_89 a, li.tag_item_107 a {
    background-color: #a87a95;
}
li.tag_item_18 a, li.tag_item_36 a, li.tag_item_54 a, li.tag_item_72 a, li.tag_item_90 a, li.tag_item_108 a {
    background-color: #e9624e;
}




ul.blocco_tags.no_link li {
    display: block;
    color: #fff;
    height: 250px;
    overflow-y: hidden;
    position: relative;
    width: 16.666666%;
    float: left;
}
ul.blocco_tags.no_link li.ultimo {
    display: block;
    color: #fff;
    height: 250px;
    overflow-y: hidden;
    position: relative;
    width: 33.333333%;
    float: left;
}
ul.blocco_tags.no_link span.tag_title{
    transform: translate(-50%, -50%);
    top: 50%;
}

ul.blocco_tags.no_link li.tag_item_01, ul.blocco_tags.no_link li.tag_item_19, ul.blocco_tags.no_link li.tag_item_37, ul.blocco_tags.no_link li.tag_item_55, ul.blocco_tags.no_link li.tag_item_73, ul.blocco_tags.no_link li.tag_item_91 {
    background-color: #667a85;
}
ul.blocco_tags.no_link li.tag_item_02, ul.blocco_tags.no_link li.tag_item_20, ul.blocco_tags.no_link li.tag_item_38, ul.blocco_tags.no_link li.tag_item_56, ul.blocco_tags.no_link li.tag_item_74, ul.blocco_tags.no_link li.tag_item_92 {
    background-color: #8fa82e;
}
ul.blocco_tags.no_link li.tag_item_03, ul.blocco_tags.no_link li.tag_item_21, ul.blocco_tags.no_link li.tag_item_39, ul.blocco_tags.no_link li.tag_item_57, ul.blocco_tags.no_link li.tag_item_75, ul.blocco_tags.no_link li.tag_item_93 {
    background-color: #93a1d2;
}
ul.blocco_tags.no_link li.tag_item_04, ul.blocco_tags.no_link li.tag_item_22, ul.blocco_tags.no_link li.tag_item_40, ul.blocco_tags.no_link li.tag_item_58, ul.blocco_tags.no_link li.tag_item_76, ul.blocco_tags.no_link li.tag_item_94 {
    background-color: #93737d;
}
ul.blocco_tags.no_link li.tag_item_05, ul.blocco_tags.no_link li.tag_item_23, ul.blocco_tags.no_link li.tag_item_41, ul.blocco_tags.no_link li.tag_item_59, ul.blocco_tags.no_link li.tag_item_77, ul.blocco_tags.no_link li.tag_item_95 {
    background-color: #734741;
}
ul.blocco_tags.no_link li.tag_item_06, ul.blocco_tags.no_link li.tag_item_24, ul.blocco_tags.no_link li.tag_item_42, ul.blocco_tags.no_link li.tag_item_60, ul.blocco_tags.no_link li.tag_item_78, ul.blocco_tags.no_link li.tag_item_96 {
    background-color: #e3bebc;
}
ul.blocco_tags.no_link li.tag_item_07, ul.blocco_tags.no_link li.tag_item_25, ul.blocco_tags.no_link li.tag_item_43, ul.blocco_tags.no_link li.tag_item_61, ul.blocco_tags.no_link li.tag_item_79, ul.blocco_tags.no_link li.tag_item_97 {
    background-color: #9d6661;
}
ul.blocco_tags.no_link li.tag_item_08, ul.blocco_tags.no_link li.tag_item_26, ul.blocco_tags.no_link li.tag_item_44, ul.blocco_tags.no_link li.tag_item_62, ul.blocco_tags.no_link li.tag_item_80, ul.blocco_tags.no_link li.tag_item_98 {
    background-color: #94afc7;
}
ul.blocco_tags.no_link li.tag_item_09, ul.blocco_tags.no_link li.tag_item_27, ul.blocco_tags.no_link li.tag_item_45, ul.blocco_tags.no_link li.tag_item_63, ul.blocco_tags.no_link li.tag_item_81, ul.blocco_tags.no_link li.tag_item_99 {
    background-color: #6a912d;
}
ul.blocco_tags.no_link li.tag_item_10, ul.blocco_tags.no_link li.tag_item_28, ul.blocco_tags.no_link li.tag_item_46, ul.blocco_tags.no_link li.tag_item_64, ul.blocco_tags.no_link li.tag_item_82, ul.blocco_tags.no_link li.tag_item_100 {
    background-color: #8c517b;
}
ul.blocco_tags.no_link li.tag_item_11, ul.blocco_tags.no_link li.tag_item_29, ul.blocco_tags.no_link li.tag_item_47, ul.blocco_tags.no_link li.tag_item_65, ul.blocco_tags.no_link li.tag_item_83, ul.blocco_tags.no_link li.tag_item_101 {
    background-color: #b9c676;
}
ul.blocco_tags.no_link li.tag_item_12, ul.blocco_tags.no_link li.tag_item_30, ul.blocco_tags.no_link li.tag_item_48, ul.blocco_tags.no_link li.tag_item_66, ul.blocco_tags.no_link li.tag_item_84, ul.blocco_tags.no_link li.tag_item_102 {
    background-color: #f7be29;
}
ul.blocco_tags.no_link li.tag_item_13, ul.blocco_tags.no_link li.tag_item_31, ul.blocco_tags.no_link li.tag_item_49, ul.blocco_tags.no_link li.tag_item_67, ul.blocco_tags.no_link li.tag_item_85, ul.blocco_tags.no_link li.tag_item_103 {
    background-color: #f09c26;
}
ul.blocco_tags.no_link li.tag_item_14, ul.blocco_tags.no_link li.tag_item_32, ul.blocco_tags.no_link li.tag_item_50, ul.blocco_tags.no_link li.tag_item_68, ul.blocco_tags.no_link li.tag_item_86, ul.blocco_tags.no_link li.tag_item_104 {
    background-color: #ea7624;
}
ul.blocco_tags.no_link li.tag_item_15, ul.blocco_tags.no_link li.tag_item_33, ul.blocco_tags.no_link li.tag_item_51, ul.blocco_tags.no_link li.tag_item_69, ul.blocco_tags.no_link li.tag_item_87, ul.blocco_tags.no_link li.tag_item_105 {
    background-color: #ceb1bd;
}
ul.blocco_tags.no_link li.tag_item_16, ul.blocco_tags.no_link li.tag_item_34, ul.blocco_tags.no_link li.tag_item_52, ul.blocco_tags.no_link li.tag_item_70, ul.blocco_tags.no_link li.tag_item_88, ul.blocco_tags.no_link li.tag_item_106 {
    background-color: #a87a95;
}
ul.blocco_tags.no_link li.tag_item_17, ul.blocco_tags.no_link li.tag_item_35, ul.blocco_tags.no_link li.tag_item_53, ul.blocco_tags.no_link li.tag_item_71, ul.blocco_tags.no_link li.tag_item_89, ul.blocco_tags.no_link li.tag_item_107 {
    background-color: #54569A;
}
ul.blocco_tags.no_link li.tag_item_18, ul.blocco_tags.no_link li.tag_item_36, ul.blocco_tags.no_link li.tag_item_54, ul.blocco_tags.no_link li.tag_item_72, ul.blocco_tags.no_link li.tag_item_90, ul.blocco_tags.no_link li.tag_item_108 {
    background-color: #e9624e;
}


.paragrafo {
    padding-top: 15px;
    padding-bottom: 15px;   
    position: relative;
}

.paragrafo .post{
    min-width: 300px;
}
.paragrafo .icona_item{
    min-width: 200px;
    min-height: 60px;
}

.icona_item img {
    width: 90px;
    height: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.middle {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    max-width: 200px;
    line-height: 28px!important;
}
img.middle {
    left: calc(15% - 90px);
}
.secondo_testo .post {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.tab  {
    padding-left: 0px;
    padding-right: 0px;
}
.tabs  {
   transform: translateY(-35px)
}
.tab a {
    display: inline-block;
    padding-top: 12px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 50px;
    margin-right: 0px;
    background-color: #fff;
    color: #fff;
    text-decoration: none;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0px 3px 5px hsla(0,0%,0%,0.17);
    box-shadow: 0px 3px 5px hsla(0,0%,0%,0.17);
    width: 50%;
    margin-left: 0px;
    text-align: center;
}.tab.verticale a {
    -webkit-box-shadow: 0px 3px 5px hsla(0,0%,0%,0.0);
    box-shadow: 0px 3px 5px hsla(0,0%,0%,0.0);
}
.tab.verticale  {
    width: 25%;
    float: left;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.tab.verticale ul li a {
    display: block;
    padding-top: 0px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 0px;
    margin-right: 0px;
    background-color: #fff;
    color: #fff;
    width: calc(100% - 50px);
    margin-left: 0px;
    float: left;
    border-radius: 0px 18px 18px 0px;
    height: 138px;
    position: relative;
    text-align: left;
}
.tab.verticale a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}
.tab.verticale.inattivo_principale ul li:nth-child(odd) a {
    filter: brightness(0.9);
}
.tab.verticale ul li:nth-child(odd) a.active {
    filter: brightness(1);
}


.tab a:hover {
    background-color: #fff;
    color: #212121;
    text-decoration: underline;
        -webkit-box-shadow: 0px 3px 5px hsla(0,0%,0%,0.25);
    box-shadow: 0px 3px 5px hsla(0,0%,0%,0.25);
}
.tab.verticale a:hover {
        -webkit-box-shadow: 0px 3px 5px hsla(0,0%,0%,0.0);
    box-shadow: 0px 3px 5px hsla(0,0%,0%,0.0);
}
.tab.verticale ul li a:hover {
    filter: brightness(1.2);
    text-decoration: none;
}

.tab.verticale ul li:nth-child(odd)  a:hover {
    filter: brightness(1.2);
    text-decoration: none;
}
.tab.verticale ul li a:link.active, .tab.verticale ul li a:visited.active {
background-color: #fff;
}

.tab a.active {
    background-color: #fff;
    color: #212121;
    -webkit-box-shadow: 0px 3px 5px hsla(0,0%,0%,0.25);
    box-shadow: 0px 3px 5px hsla(0,0%,0%,0.25);
}
.tab.verticale a.active {
    -webkit-box-shadow: 0px 3px 5px hsla(0,0%,0%,0.0);
    box-shadow: 0px 3px 5px hsla(0,0%,0%,0.0);
}
.tab.verticale ul li a.active {
    background-color: #fff;
    color: #212121;

}
.tabs .scatola .post{
    padding-top: 100px;
    padding-right: 100px;
    padding-bottom: 100px;
    padding-left: 100px;
}.tabs .scatola {
    max-width: 350px;
}

/* Nascondi tutti i tab per default */
div[id^="tab_"] {
    display: none;
}

/* Mostra solo il tab attivo */
div[id^="tab_"].active {
    display: block !important;
}
ul.lista_tab_verticale {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    position: relative;
     width: 100%;
      transform: translateX(-35px);
}

ul.lista_tab_verticale li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    display: block;
    width: 100%;
}


.icone_e_testi {
    padding-top: 30px;
}


.icone_e_testi .post {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 200px;
}
.icone_e_testi .icona_item img {
  width: 84px;
}


.video {
    padding-left: 20px;
    height: 191px;
    overflow-y: hidden;
}
.padding_left_span  {
    padding-left: 33px;
    display: block;
}
.padding_lati_0 {
    padding-left: 0px;
    padding-right: 0px;
}
.padding_lati_10  {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.padding_lati_15  {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.padding_lati_20  {
    padding-left: 20px;
    padding-right: 20px;
}
.padding_lati_25  {
    padding-left: 25px;
    padding-right: 25px;
}
.padding_lati_30  {
    padding-left: 30px;
    padding-right: 30px;
}
.padding_lati_35  {
    padding-left: 35px;
    padding-right: 35px;
}
.padding_lati_47  {
    padding-left: 47px;
    padding-right: 47px;
}

.padding_lati_70 {
    padding-left: 70px;
    padding-right: 70px;
}
.padding_lati_75 {
    padding-left: 75px;
    padding-right: 75px;
}
.padding_lati_100 {
    padding-left: 100px;
    padding-right: 100px;
}
.padding_lati_130 {
    padding-left: 130px;
    padding-right: 130px;
}
.padding_lati_150 {
    padding-left: 150px;
    padding-right: 150px;
}

.anteprima_tag {
margin-left: 25px;
  margin-right: 25px;
  border: none;
  height: 800px;
  margin-bottom: 20px;
  width: 270px;
  overflow: hidden;
  position: relative;
  float: left;
}
.anteprima_tag .post{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.anteprima_tag ul.tags {
    position: absolute;
    bottom: 50px;
    left: 10px;
    width: calc(100% - 20px);
}
.anteprima_tag p.leggi {
    position: absolute;
    bottom: 102px;
    left: 30px;
}
.anteprima_tag .sottotitolo {
    max-height: 60px;
    overflow-y: hidden;
    line-height: 16px!important;
}.anteprima_tag .introduzione {
    max-height: 162px;
    overflow-y: hidden;
    margin-top: 20px;
}
.anteprima_tag li.anteprima_tag_item {
    max-height: 12px;
    overflow-y: hidden;
}/*
h2.diagnosi-precoce a:link, h2.diagnosi-precoce a:visited {
    color: #00abc7;
}
h2.empowerment-di-pazienti-e-caregiver a:link, h2.empowerment-di-pazienti-e-caregiver a:visited {
    color: #b2d18c;
}
h2.insieme-per-colmare-il-gap a:link, h2.insieme-per-colmare-il-gap a:visited {
    color: #f74915;
}
h2.cooperare-per-la-cura a:link, h2.cooperare-per-la-cura a:visited {
    color: #f26b7e;
}
h2.reti-e-team-multidisciplinari  a:link, h2.reti-e-team-multidisciplinari  a:visited {
    color: #7a7a7a;
}
h2.parola_chiave a:hover, h2.diagnosi-precoce a:active {
filter: brightness(1.2);
}*/
.tag_anteprime .splide{
width: 960px;
  margin-left: auto;
  margin-right: auto;
}
ul.collegamenti {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    list-style-type: none;
}
ul.collegamenti li{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
}
ul.collegamenti li a{
    padding-top: 10px;
    padding-right: 11px;
    padding-bottom: 10px;
    padding-left: 10px;
    list-style-type: none;
    display: block;
    text-transform: uppercase;
    background-image: url(../img/trattino_collegamenti.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1px 35px;
}
ul.collegamenti li:last-child a{
    padding-left: 9px;
    background-image: none;

}
.spazio_bianco {
    padding-top: 0px;
    padding-right: 25px;
    padding-bottom: 0px;
    padding-left: 15px;
}
.filtri_tag {
    margin: 20px 0;
    padding: 15px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    top: 300px;
    left: 50%;
    transform: translateX(-50%);
    width: 1280px;
    text-align: center;
    text-transform: uppercase;
}

.checkbox_group {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}
.checkbox_group input {
    visibility: hidden;
    display: none;
    width: 0px;
}

.checkbox_item {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    transition: all 0.2s ease;
    color: #212121;
    padding-left: 13px;
    padding-right: 13px;
    background-image: url(../img/trattino_collegamenti.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1px auto;
}
.checkbox_item:last-child {
    background-image: none;
}

.checkbox_item input[type="checkbox"]:checked ~ span,
.checkbox_item:has(input[type="checkbox"]:checked) {
     color: #00abc7;
}


.checkbox_item:hover {
    opacity: 0.8;
    text-decoration: underline;    

}

.anteprima_tag {
    will-change: opacity, transform;
    transition: transform 0.2s ease;
    margin-bottom: 80px;
}

.anteprima_tag:hover {
    transform: translateY(-2px);
}

.tag_anteprime .box {
    position: relative;
}

h2.parola_chiave {
    min-height: 60px;
}
span.accapo {
    display: block;
}
.testo_che_compare {
/*    background-image: url(../img/trattini.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 3px;*/
    border-top: 1px solid #212121;
    position: relative;

}
section.freccia_comparsa {
    /*    background-image: url("../img/freccia_trattini.svg");*/
    
    background-repeat: no-repeat;
    background-position: 46px center;
    background-size: 25px auto;
    padding-left: 123px;
    height: 185px;
    background-image: url(../img/invia_messaggio.svg);
}
.testo_che_compare p {
    max-width: 790px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 123px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.blocco_anteprime_tag {
    padding-top: 50px;
}
.menu_aperto {
position: fixed;
  height: 85vh;
  width: 40vw;
  background-color: #fff;
  z-index: 1;
  -webkit-box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
  box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
  border-bottom-right-radius: 30px;
  top: 73px;
  left: 0px;
    display: none;
}
ul.stacca li:first-child{
    padding-bottom: 20px;
}
ul.stacca li ul li:first-child{
    padding-bottom: 0px;
}
.menu_aperto.menu_attivo {
    display: block;
}
.menu_aperto ul{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    display: block;
}
.menu_aperto ul li {;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    list-style-type: none;
    display: block;
}
.menu_aperto ul li a{;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.menu_aperto .post {
    margin-top:50px;
    margin-left: 100px;
}
.menu_item input[type="checkbox"] {
    visibility: hidden;
    display: none;
}
span.menu_checkmark {
    display: block;
    padding-left: 7px;
}
span.menu_checkmark:hover {
    cursor: pointer;
    color: #e4572e;
    text-decoration: underline;
}
.linea_rettangolo {
    background-image: url(../img/striscia_rettangolo_scura.svg);
    background-repeat: no-repeat;
    background-position: center calc(100% - 40px);
    background-size: 200px 1px;
    padding-bottom: 20px;
}
.testo_in_bianco .linea_rettangolo {
    background-image: url("../img/linea_scatola.svg");
        background-position: center calc(100% - 50px);
    background-size: 358px 1px;
}
.scatola .linea_rettangolo {
    background-size: 463px 1px;
}

.bg_articoli{
    background-color: #E1E0DE;
}
.bg_articoli_chiaro{
    background-color: #f0efee;
}
.banner_articoli h1 {
    padding-top: 100px;
    line-height: 65px;
}
.banner_articoli.single h1 {
    padding-top: 20px;
    line-height: 65px;
}
.banner_articoli h1 strong em, .banner_articoli h1 em strong {
    font-style: normal;
    font-weight: 300;
    display: block;
}
.banner_testo {
    font-size: 20px;
}
.galleria_blog .conteggio_1 .post{
    padding-left: 0px; 
     padding-right: 40px;    
}
.galleria_blog .conteggio_3 .post{
    padding-right: 0px;  
    padding-left: 40px; 
}
.galleria_blog .post{
    padding-right: 20px;  
    padding-left: 20px; 
}
section.sezione_paragrafo {
    border-bottom: 1px solid #888d92;
    padding-bottom: 10px;
    padding-top: 10px;
}
.articoli_container {
    margin-top: 150px;
    margin-left: 50px; 
    padding-top: 25px;
    padding-bottom: 25px;
}
.articoli_container.articoli_single {
    margin-top: 0px;
    margin-bottom: 100px;
}
ul.tag_random {
    list-style-type: none;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}ul.tag_random li {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
        letter-spacing: -1px;

}
.articolo_item {

}
.articolo_item .post  {
    border-bottom: 1px solid #212121;
    margin-top: 0px;
    margin-right: 50px;
    margin-bottom: 0px;
    margin-left: 50px;
    padding-right: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
    padding-top: 25px;
}
.articolo_item:last-child .post  {
    border-bottom:none;
}
.social_wall_item .post {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 15px;
    position: relative;
    margin-right:0px;
    margin-left: 0px;
}
.social_wall_item {
    height: 350px;
    overflow-y: hidden;
    scrolling: "no"; /* Attributo HTML per disabilitare scroll */
    border-radius: 8px;
    overflow-x: hidden;
margin-right: 20px;
  margin-left: 20px;
    margin-top: 25px;
    -webkit-box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
  box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
}
.social_wall_item iframe {
   width: calc(100% + 15px);
    min-height: 400px;
    border: none;
        overflow-y: hidden !important; /* Nasconde scroll verticale */
    scrolling: "no"; /* Attributo HTML per disabilitare scroll */
}
.social_wall_item.primo .post, .social_wall_item.ultimo .post {
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 70px;
    padding-left: 20px;
}
.contenuti_testo_articolo p {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 25px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.contenuti_testo_articolo {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #212121;
}
.bordo_superiore {
    border-top: 1px solid #212121;
    margin-top: 35px;
    margin-bottom: 35px;
}
.bottone {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #212121;
    padding-right: 25px;
        transition: all 0.3s;
background-color: #fff;
}
.bottone:hover {
background-color: #b3dfe8;
    transition: all 0.3s;
}
.translate_y {
transform: translateY(-4px);
}
.nuovo_faq summary {
  list-style-type: none;
    cursor: pointer;
}
.nuovo_faq details summary span, .nuovo_faq details summary svg{
opacity: 1;
    transition: 0.2s;
}
.nuovo_faq details[open] summary span{
opacity: 0;
    transition: 0.2s;
}
.nuovo_faq details summary svg{
transform: rotate(90deg);
        transition: 0.2s;
}
.nuovo_faq details[open] summary svg{
opacity: 0;
}
.foto_con_espandi .nuovo_faq details[open]{
    background-color: #e0ebf0;
    border-radius: 30px;
    border-bottom: none;
     transition: 0.3s;
}
.nuovo_faq details[open] summary p.allineamentodestra::after{
    content: "x";
opacity: 1;
    transition: 0.2s;
}
.foto_con_espandi .nuovo_faq details {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 15px;
     background-color: #fff;
     transition: 0.3s;
}
.nuovo_faq details {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #212121;
}


.width_350  {
    width: 350px;
}
.transalte_x-20  {
transform: translateX(-20px);
}
.linkedin_wall {
    padding-left: 20px;
    padding-right: 30px;
}
.tre_colonne_home {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.anteprima_cat {
    margin-left: 25px;
    margin-right: 25px;
    border: none;
    height: 600px;
    margin-bottom: 20px;
    width: 270px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #fff;
    border-radius: 30px;
        transition: all 0.3s;
}
.anteprima_cat:hover {
transform: translateY(-5px);
    transition: all 0.3s;
}
.anteprima_cat  .post{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.anteprima_cat  ul.tags {
    position: absolute;
    bottom: 25px;
    left: 10px;
    width: calc(100% - 20px);
}
.anteprima_cat  ul.tags li {
padding-left: 15px;
}
.anteprima_cat  p.leggi {
    position: absolute;
    bottom: 82px;
    left: 30px;
}
.anteprima_cat  .sottotitolo {
    max-height: 60px;
    overflow-y: hidden;
    line-height: 16px!important;
}.anteprima_cat .introduzione {
    max-height: 162px;
    overflow-y: hidden;
    margin-top: 20px;
}
.anteprima_cat  li.anteprima_tag_item {
    max-height: 12px;
    overflow-y: hidden;
}
.translate_y_10 { transform: translateY(10px); }
.translate_y_15 { transform: translateY(15px); }
.translate_y_20 { transform: translateY(20px); }
.translate_y_30 { transform: translateY(30px); }
.translate_y_40 { transform: translateY(40px); }
.translate_y_50 { transform: translateY(50px); }
.translate_y_60 { transform: translateY(60px); }
.translate_y_70 { transform: translateY(70px); }
.translate_y_80 { transform: translateY(80px); }
.translate_y_90 { transform: translateY(90px); }
.translate_y_100 { transform: translateY(100px); }
.translate_y_110 { transform: translateY(110px); }
.translate_y_120 { transform: translateY(120px); }
.translate_y_130 { transform: translateY(130px); }
.translate_y_140 { transform: translateY(140px); }
.translate_y_150 { transform: translateY(150px); }
.translate_y_160 { transform: translateY(160px); }
.translate_y_170 { transform: translateY(170px); }
.translate_y_180 { transform: translateY(180px); }
.translate_y_190 { transform: translateY(190px); }
.translate_y_200 { transform: translateY(200px); }
.translate_y_210 { transform: translateY(210px); }
.translate_y_220 { transform: translateY(220px); }
.translate_y_230 { transform: translateY(230px); }
.translate_y_240 { transform: translateY(240px); }
.translate_y_250 { transform: translateY(250px); }
.translate_y_-10 { transform: translateY(-10px); }
.translate_y_-15 { transform: translateY(-15px); }
.translate_y_-20 { transform: translateY(-20px); }
.translate_y_-30 { transform: translateY(-30px); }
.translate_y_-40 { transform: translateY(-40px); }
.translate_y_-50 { transform: translateY(-50px); }
.translate_y_-60 { transform: translateY(-60px); }
.translate_y_-70 { transform: translateY(-70px); }
.translate_y_-80 { transform: translateY(-80px); }
.translate_y_-90 { transform: translateY(-90px); }
.translate_y_-100 { transform: translateY(-100px); }
.translate_y_-110 { transform: translateY(-110px); }
.translate_y_-120 { transform: translateY(-120px); }
.translate_y_-130 { transform: translateY(-130px); }
.translate_y_-140 { transform: translateY(-140px); }
.translate_y_-150 { transform: translateY(-150px); }
.translate_y_-160 { transform: translateY(-160px); }
.translate_y_-170 { transform: translateY(-170px); }
.translate_y_-180 { transform: translateY(-180px); }
.translate_y_-190 { transform: translateY(-190px); }
.translate_y_-200 { transform: translateY(-200px); }
.translate_y_-210 { transform: translateY(-210px); }
.translate_y_-220 { transform: translateY(-220px); }
.translate_y_-230 { transform: translateY(-230px); }
.translate_y_-240 { transform: translateY(-240px); }
.translate_y_-250 { transform: translateY(-250px); }
ul.no_lista {
    list-style-type: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.border_bottom {
    border-bottom: 1px solid #212121;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
p.button.bg_articoli a:link, p.button.bg_articoli a:visited{
    background-color: #958F8B;
    border: 3px solid #958F8B;
    width: auto;
    min-width: inherit;
}
p.button.bg_articoli a:hover, p.button.bg_articoli a:active{
    background-color: #fff;
    color: #212121;
}
       p#perchiudere {
display: none;
        visibility: hidden;
}
.inattivo {
display: none;
    visibility: hidden;
}
#access_matters {
    position: absolute;
    top: -60%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: block;
}
#access_matters p{
    text-align: center;
    text-transform: uppercase;
    font-size: 6vw;
    font-weight: 700;
    letter-spacing: 10px;
}

#banner_homepage {
    height: 84vh;
    position: relative;
}
#banner_homepage header {
    position: absolute;
    top: 45%;
    left: 0px;
    width: 100%;
    text-align: center;
}
  #banner_homepage header h2{
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 80px;
}
#video {
position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
#banner .header_video {
position: absolute;
    top: 25px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%)
}
#isheo {

}
@media screen and (max-height: 905px) {
  #banner_homepage header {
    top: 59%;
  }
    #access_matters {
  top: -90%;
}
      #banner_homepage header h2{;
    padding-top: 20px;
          width: 65%;
}
}
@media screen and (max-height: 810px) {
/*  #banner_homepage header {
    top: 64%;
  }*/
}

@media screen and (max-width: 1610px) {
  #larghezza1610 {}
/*    #banner_homepage header {
    top:58%;
}*/
    .tre-colonne .post {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    }
.testino {
height: 154px;
    overflow: hidden;
}
    .trafiletto p{
    line-height: 24px;
          font-size: 15px;
}
    .fondatore .estratti h3 {
height: 33px;
}
}
@media screen and (max-width: 1500px) {
  #larghezza1500 {}
    .citazione {
    padding-top: 70px;
    padding-right:70px;
    padding-left: 70px;
}
.autore, .contesto {
    padding-top: 25px;
    padding-right: 70px;
    padding-left: 70px;
}
.cit {
    padding-bottom: 70px;
}
    #padding_servizi {
    margin-left: 170px;
}
.quadrato_borditondi {
    padding-left: 15px;
    padding-right: 15px;
}
    .quadrato_borditondi span{
   left: 15px;
}
.padding_lati_30  {
    padding-left: 15px;
    padding-right: 15px;
}
    .barra_nera {
    margin-right: 0px;
    margin-left: 0px;
    min-width:90%;
        font-size: 15px!important;
}
}
@media screen and (max-width: 1380px) {
  #larghezza1380 {}
    .homepage h2.font_45 {
    font-size: 40px;
}
    .social_wall_item, .social_wall_item .fira_code strong {
    margin-right: 5px;
    margin-left: 5px;
    font-size: 11px !important;
    white-space: normal!important;
    word-spacing: normal!important;
    letter-spacing: normal!important;
    line-height: normal!important;
}
    .social_wall_item.primo .post, .social_wall_item.ultimo .post {
    padding-bottom: 80px;
}
    .social_wall_item.primo .post.bg_00abc7 {
      background-image: url(../img/in.svg);
    background-repeat: no-repeat;
    background-position: 95% 95%;
       background-size: 40px auto;
}
    .social_wall_item h2, .social_wall_item strong {
    font-size: 16px!important;
          line-height: 20px!important;
    margin-bottom: 5px!important;
    padding-bottom: 5px!important;
}
    .progetti .flex .altezza_500 .post {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
  }
   .progetti .flex .altezza_500 .padding_lati_20 {;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
  }
    .prima_col {;
left: 15px;
  }
    .prima-colonna {
  flex: 40%;
}
.progetti .flex .altezza_500 {
  height: 650px;
}
.seconda-colonna {
  flex: 60%;
}
    .progetti .ingrandisci {
  height: 328px;
}
    .progetti .ingrandisci:hover {
    min-height:380px;
     height: auto;
}
    .barra_nera {;
    min-width: 91%;
  }
    #banner_homepage {
    height: 81vh;
    position: relative;
}/*
    #banner_homepage header {
    position: absolute;
    top:68%;
    left: 100px;
    transform: translateY(-50%)
}*/
    .tre_colonne_home {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

    
      ul.ancore {
    width: 100%;
  }
    .quadrato_borditondi {
    font-size: 25px;  
}
        .barra_nera {
  bottom: -51px;
}
}
@media screen and (max-width: 1300px) {
  #larghezza1300 {}
    .container {
    display: inherit;
    width: 100%;
}
.left-div {
  flex: 0; /* Occupa lo spazio disponibile */
}
.right-div {
  flex: 0; /* Occupa lo spazio disponibile */
}
}
@media screen and (max-width: 1280px) {
  #larghezza1280 {}
  .box {
    width: 100%;
  }/*
    #banner header {
   width: 90%;
  margin-right: auto;
  margin-left: auto;
        padding-left: 5%;
        padding-right: 5%;
}*/
    .colonne_quattro .flex {
  flex: 1;
  position: relative;
  width: 50%;
  float: left;
  height: 662px;
}
        .barra_nera {;
  font-size: 14px!important;
  }
}
@media screen and (max-width: 1200px) {
  #larghezza1200 {}
    .tags_navigation {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.button a:link, .button a:visited,.button a:hover, .button a:active  {
    font-size: 12px!important;
}
    .colonne_tre.home h3  {
    min-height: 90px;
    }
}

@media screen and (max-width: 1024px) {
  #larghezza1024 {}
      #banner_homepage header h2.font_45{
    font-size: 30px!important;
}
  #banner_homepage header {
          padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #banner_homepage header h2{
    width: 100%;
}
.prima_col, .seconda_col, .terza_col   {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    z-index: 0;
    transform: translateX(0%);
}.lente {
  background-image: none;
}

      .progetti .flex .altezza_500 {
    height: auto;
  }
    .colonne_due.fondatore .estratti, .linkedin_wall, .hidden_smart {
        display: none;
        visibility: hidden;
    }
    .freccia_comparsa.font_32 p{
        font-size: 16px!important
    }
    .rettangolo .fotofluida.sovrapposizione {
    position: static;
    left: auto;
    bottom: auto;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}
    .inattivo {
visibility: visible;
        display: block;
}
    .tab.verticale {
display: none;
}
    .tabs.verticale {
    width: auto;
        height: auto;
    }
    .tabs {
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 15px hsla(0,0%,0%,0);
    box-shadow: 0px 0px 15px hsla(0,0%,0%,0);
    width: auto;
}
    ul.blocco_tags.no_link li {
  width: 33.3333%;
}
  
      .testino {
    height: auto;
    overflow: visible;
  }      .estratti, .bordo_superiore, .cinque-colonne {
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
    .scatola.sovrapposizione {
    position: static;
    left: auto;
    width: auto;
}
    .testi_a_comparsa, .padding_lati_20_smart{
    padding-left: 20px;
    padding-right: 20px;
}
.testo_e_box .scatola.sovrapposizione {
    position: static;
    right: auto;
    width: 90%;
    left: auto;
    top: auto;
    margin-right: auto;
    margin-left: auto;
}
.padding_top_10 { padding-top: 0px; }
.padding_top_15 { padding-top: 0px; }
.padding_top_20 { padding-top: 0px; }
.padding_top_30 { padding-top: 0px; }
.padding_top_40 { padding-top: 0px; }
.padding_top_50 { padding-top: 0px; }
.padding_top_60 { padding-top: 0px; }
.padding_top_70 { padding-top: 0px; }
.padding_top_80 { padding-top: 0px; }
.padding_top_90 { padding-top: 0px; }
.padding_top_100 { padding-top: 0px; }
.padding_top_110 { padding-top: 0px; }
.padding_top_120 { padding-top: 0px; }
.padding_top_130 { padding-top: 0px; }
.padding_top_140 { padding-top: 0px; }
.padding_top_150 { padding-top: 0px; }
.padding_top_160 { padding-top: 0px; }
.padding_top_170 { padding-top: 0px; }
.padding_top_180 { padding-top: 0px; }
.padding_top_190 { padding-top: 0px; }
.padding_top_200 { padding-top: 0px; }
.padding_top_210 { padding-top: 0px; }
.padding_top_220 { padding-top: 0px; }
.padding_top_230 { padding-top: 0px; }
.padding_top_240 { padding-top: 0px; }
.padding_top_250 { padding-top: 0px; }
    
.padding_bottom_10 { padding-bottom: 0px; }
.padding_bottom_20 { padding-bottom: 0px; }
.padding_bottom_30 { padding-bottom: 0px; }
.padding_bottom_40 { padding-bottom: 0px; }
.padding_bottom_50 { padding-bottom: 0px; }
.padding_bottom_60 { padding-bottom: 0px; }
.padding_bottom_70 { padding-bottom: 0px; }
.padding_bottom_80 { padding-bottom: 0px; }
.padding_bottom_90 { padding-bottom: 0px; }
.padding_bottom_100 { padding-bottom: 0px; }
.padding_bottom_110 { padding-bottom: 0px; }
.padding_bottom_120 { padding-bottom: 0px; }
.padding_bottom_130 { padding-bottom: 0px; }
.padding_bottom_140 { padding-bottom: 0px; }
.padding_bottom_150 { padding-bottom: 0px; }
.padding_bottom_160 { padding-bottom: 0px; }
.padding_bottom_170 { padding-bottom: 0px; }
.padding_bottom_180 { padding-bottom: 0px; }
.padding_bottom_190 { padding-bottom: 0px; }
.padding_bottom_200 { padding-bottom: 0px; }
.padding_bottom_210 { padding-bottom: 0px; }
.padding_bottom_220 { padding-bottom: 0px; }
.padding_bottom_230 { padding-bottom: 0px; }
.padding_bottom_240 { padding-bottom: 0px; }
.padding_bottom_250 { padding-bottom: 0px; }

.margin_top_10 { margin-top: 0px; }
.margin_top_20 { margin-top: 0px; }
.margin_top_30 { margin-top: 0px; }
.margin_top_40 { margin-top: 0px!important; }
.margin_top_50 { margin-top: 0px; }
.margin_top_60 { margin-top: 0px; }
.margin_top_70 { margin-top: 0px; }
.margin_top_80 { margin-top: 0px; }
.margin_top_90 { margin-top: 0px; }
.margin_top_100 { margin-top: 0px; }
.margin_top_110 { margin-top: 0px; }
.margin_top_120 { margin-top: 0px; }
.margin_top_130 { margin-top: 0px; }
.margin_top_140 { margin-top: 0px; }
.margin_top_150 { margin-top: 0px; }
.margin_top_160 { margin-top: 0px; }
.margin_top_170 { margin-top: 0px; }
.margin_top_180 { margin-top: 0px; }
.margin_top_190 { margin-top: 0px; }
.margin_top_200 { margin-top: 0px; }
.margin_top_210 { margin-top: 0px; }
.margin_top_220 { margin-top: 0px; }
.margin_top_230 { margin-top: 0px; }
.margin_top_240 { margin-top: 0px; }
.margin_top_250 { margin-top: 0px; }

/* MARGIN BOTTOM */
.margin_bottom_10 { margin-bottom: 0px; }
.margin_bottom_20 { margin-bottom: 0px; }
.margin_bottom_30 { margin-bottom: 0px; }
.margin_bottom_40 { margin-bottom: 0px; }
.margin_bottom_50 { margin-bottom: 0px; }
.margin_bottom_60 { margin-bottom: 0px; }
.margin_bottom_70 { margin-bottom: 0px; }
.margin_bottom_80 { margin-bottom: 0px; }
.margin_bottom_90 { margin-bottom: 0px; }
.margin_bottom_100 { margin-bottom: 0px; }
.margin_bottom_110 { margin-bottom: 0px; }
.margin_bottom_120 { margin-bottom: 0px; }
.margin_bottom_130 { margin-bottom: 0px; }
.margin_bottom_140 { margin-bottom: 0px; }
.margin_bottom_150 { margin-bottom: 0px; }
.margin_bottom_160 { margin-bottom: 0px; }
.margin_bottom_170 { margin-bottom: 0px; }
.margin_bottom_180 { margin-bottom: 0px; }
.margin_bottom_190 { margin-bottom: 0px; }
.margin_bottom_200 { margin-bottom: 0px; }
.margin_bottom_210 { margin-bottom: 0px; }
.margin_bottom_220 { margin-bottom: 0px; }
.margin_bottom_230 { margin-bottom: 0px; }
.margin_bottom_240 { margin-bottom: 0px; }
.margin_bottom_250 { margin-bottom: 50px!important; }
header{
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
    .tabs .fotofluida{
    max-width: 300px;
    position: static;
    top: auto;
    right: auto;
    transform: translateY(0%);
    margin-right: auto;
    margin-left: auto;
}
.tab.font_20 {
    font-size: 14px!important;
    line-height: 20px!important
}

    .icona_item img {
    width: 90px;
    height: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.middle {
    top: 100%;
    position: static;
    transform: translateY(-0%);
    max-width: 200px;
    line-height: 28px!important;
}
img.middle {
    left: auto;
}
    .fianco_quadrato {
  float: none;
  width: 100%;
        clear: both;
}
    .quadrato {
  width: auto;
  float: none;
}
    #banner_interno {
  height: auto;
}
    #banner_interno h1 {
  font-size: 28px;
        padding: 15px;
}
#banner_interno header {
  width: 100%;
}
    #banner_interno header p.sottotitolo {
padding: 15px;
}
    .altezza_500 {
 height: auto;
}
    
        .progetti .ingrandisci:hover {
    min-height:auto;
     height: auto;
              padding-bottom: 0px;
}
    .lente:hover {
    float: none;
  width: 100%;
          padding-bottom: 0px;
}
    .lente {
    float: none;
    width: 100%;
    height: auto;
    padding-bottom: 0px;
}
    .progetti .ingrandisci {
    height: auto;
  }
    .ingrandisci:hover {
    min-height:inherit;
     height: auto;
    overflow-y: visible;
    transform: scale(1.00);
    transition: all 0.8s;
    margin-bottom: 0px;
    background-color: hsla(100,100%,100%,0.00);
    color: #212121;
    z-index: 1;
     border-radius: 0px;
    -webkit-box-shadow: 2px 3px 5px hsla(0,0%,0%,0);
  box-shadow: 2px 3px 5px hsla(0,0%,0%,0);
            padding-bottom: 0px;

}
    .ingrandisci {
    min-height:inherit;
     height: auto;
    overflow-y: visible;
    transform: scale(1.00);
    transition: all 0.8s;
    margin-bottom: 0px;
    background-color: hsla(100,100%,100%,0.00);
    color: #212121;
    z-index: 1;
     border-radius: 0px;
    -webkit-box-shadow: 2px 3px 5px hsla(0,0%,0%,0);
  box-shadow: 2px 3px 5px hsla(0,0%,0%,0);
            padding-bottom: 0px;


}
    #menu {
  margin-left: 0px;
  margin-top: 74px;
}
    nav {
    background-color: #fff;
    padding: 10px;
        width: 100vw;
  }
.menu_aperto .post {
  margin-top: 20px;
  margin-left: 20px;
}
.menu_aperto {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: #fff;
  z-index: 1;
  -webkit-box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
  box-shadow: 2px 3px 5px hsla(0,0%,0%,0.16);
  border-bottom-right-radius: 30px;
  top: 130px;
  left: 0px;
  display: none;
}
    #motto{
        right: 100px;
    }
    .homepage #banda {
  width: 100%;
}
        .blocco_tags_container.scrollable .tag_item {
        flex: 0 0 33.333333%;
        min-width: 33.333333%;
    }
    
        .barra_nera {
    bottom: auto;
    position: static;
    left: auto;
    transform: translateX(0px);
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
            font-size: 14px!important;
}
        .colonne_tre.home h3, .estratto {
    min-height: inherit;
    }
    .quadrato_borditondi {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 0px;
}
    .quadrato_borditondi span {
    position: static;
    left: auto;
    top: auto;
    display: block;
}
    .articoli_random {
display: none;
        visibility: hidden;
}
    .homepage {
width: auto;
}
    .frecce {
  background-image: none;
}
    #banner {
    background-size: cover
}
    .fisse .card {
  float: none;
  margin-right: auto;
  margin-left: auto;
}

    footer #logofooter img {
  margin-left: 30px;
}
a#postaelettronica {
  margin-top: 30px;
}
    ul.social#footer {
  margin-top: 25px;
}

/* -------------------------------------------------------- menu */
    
/* ---------- peraprire è lo stile del tasto che apre il menu (o il div di destinazione) */
p#peraprire {
    display: block;
    position: fixed;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 60px;
    height: 60px;
    left: calc(95vw - 60px);
    top:7px;
    transition: all 0.3s;
    overflow-y: hidden;
    overflow-x: hidden;
    border: 0px none hsla(0, 0%, 0%, 0.00);
    background-color: #FFFFFF;
    background-image: url(../img/menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 90;
    visibility: visible;
}
 
p#peraprire a {
    transition: all 0.3s;
    padding-left: 70px;
    display: block;
}
p#peraprire {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
p#peraprire::-webkit-scrollbar {
  display: none;
}
p#peraprire:hover, p#peraprire:active {
  background-color: #000000;
  background-image: url(../img/menu_hover.svg);
  color: #FFFFFF;
}
p#peraprire a span {
  display: block;
  padding-left: 70px;
}
a#per_aprire {
  display: block;
  position: fixed;
  padding-top: 0px;
  z-index: 2000;
  color: #000000;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 45px;
  height: 45px;
  right: 20px;
  top: 90px;
  overflow-y: hidden;
  overflow-x: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 35px;
}

a#per_aprire span {
  display: block;
  padding-left: 70px;
}
/* ---------- menu è lo stile del div quando è chiuso */
#destinazione {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
    #destinazione:target ~ .rolebanner {
    display: none;
    visibility: hidden;
        z-index: 0;
  }
#destinazione:target ~ main {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
#destinazione:target #menu, #destinazione:target nav {
  display: block;
  visibility: visible;
  transition: all 0.3s;
  height: auto;
}

    #destinazione:target p#perchiudere {
    display: block;
    position: fixed;
    padding-top: 0px;
    z-index: 2000;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 60px;
    height: 60px;
    left: calc(95vw - 60px);
    top: 7px;
    transition: all 0.3s;
    overflow-y: hidden;
    overflow-x: hidden;
    border: 0px none hsla(0, 0%, 0%, 0.00);
    background-color: #FFFFFF;
    background-image: url("../img/chiudi.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 44px auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
        visibility: visible;
}

    
p#perchiudere a {
    transition: all 0.3s;
    padding-left: 70px;
    display: block;
}
p#perchiudere {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
p#perchiudere::-webkit-scrollbar {
  display: none;
}
 #destinazione:target p#perchiudere:hover, p#perchiudere:active {
  background-color: #000000;
  background-image: url(../img/chiudi_menu_hover.svg);
  color: #FFFFFF;
}
    p#perchiudere a span {
  display: block;
  padding-left: 70px;
}
#contenuto {
    display: inherit;
    transition: all 0s;
    visibility: visible;
    position: relative;
}
    #destinazione:target ~ #contenuto {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
/* ---------- menu:target è lo stile del div quando è aperto */
#destinazione:target {
    display: block;
    visibility: visible;
    transition: all 0.3s;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 30000;
}
#destinazione:target ~ p#peraprire {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
#destinazione:target ~ #logo {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
/* ---------- proprietà dell'icona del menu (o il tasto di apertura) una volta fatto il clik */
/* ---------- area di chiusura del tasto chiudi quando il div è aperto */


a#per_chiudere {
  visibility: hidden;
}
a#per_aprire {
  visibility: visible;
}
a#per_chiudere span {
  display: block;
  padding-left: 70px;
}
/* -------------------------------------------------------- finemenu */

  .post {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
  }
  .padding_top {
    padding-top: 0px;
  }
  .nuovo_paragrafi_numerati ol.numeri {
    padding-right: 25px;
    padding-left: 25px;
  }
  .allinea_destra {
    text-align: left;
  }
  .destra {
    margin-left: 25px;
    margin-right: 25px;
  }
  .sinistra {
    margin-left: 25px;
    margin-right: 25px;
  }
  .centrato {
    margin-left: 25px;
    margin-right: 25px;
  }
  .destra {
    position: relative;
    top: auto;
    width: auto;
    left: auto;
    margin-top: 100px;
  }
  .sinistra {
    position: relative;
    top: auto;
    width: auto;
    left: auto;
    margin-top: 0px;
  }
  .centrato {
    position: relative;
    top: auto;
    width: auto;
    left: auto;
    margin-top: 100px;
  }



  .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .venti, .venticinque, .trenta, .trentatre, .trentacinque, .quaranta, .cianquanta, .sessanta, .sessantacinque, .sessantasette, .settanta, .ottanta, .novanta, .cento {
    float: left;
    width: 100%;
  }
  html, body {
    height: 100vh;
    width: 100vw;
  }
    .post.padding_destra {
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 30px;
}
  .duecolonne .post, .colonna .post, .trecolonne .post {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  header#nuovo_banner.pag_tag h2 {
    top: 70px;
    left: 25px;
    max-width: calc(100% - 25px);
    width: calc(100% - 25px);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

}
@media screen and (max-width: 900px) {
  #larghezza900 {}
        .padding_splide {
    padding-top: 100px;
    padding-left: 30px;
}
  .center_txt p.button a:link, .center_txt p.button a:visited {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    padding-left: 40px;
    padding-right: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-position: 10px center;
  }
  ul#navslide {
    bottom: 78px;
  }
  header hgroup {
    width: 90%;
  }
    footer, #prefooter, #dopofooter {
    display: inherit;
    visibility: visible;
  }
  #menu:target + #content {
    width: 90%;
    transition: all 1s;
  }
  .immagine {
    position: relative;
    width: 100%;
    height: auto;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
  }
  .immagine {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    scrollbar-height: none; /* Firefox */
  }
  .immagine::-webkit-scrollbar {
    display: none;
  }
  .immagine picture, .immagine img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 30px;
  }
  footer em {
    display: inline;
  }
  #chiudi {
    cursor: pointer;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(360px, -360px);
    z-index: 1005;
  }
}
@media screen and (max-width: 800px) {
  #larghezza800 {}
    .boxampio {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
  .centro {
    transform: translate(-50%, -50%);
    width: 600px;
    height: 450px;
    background-size: 100% auto;
  }
  #chiudi {
    top: 50%;
    left: 50%;
    transform: translate(-25px, -360px);
    z-index: 1005;
  }

}
@media screen and (max-width: 761px) {
  #larghezza761 {} 
    #access_matters {
    top: -40%;
}
     #banner_homepage header {
    top: 31%;
  }
    ul.blocco_tags.no_link li {
  width: 50%;
}
    .columns_2 {
  column-count: 1;
}
      .colonne_quattro .flex {
    width: 100%;
    height: auto;
  }
        #motto{
    font-size: 14px!important;
    }
      .homepage h2.font_45 {
    font-size: 25px;
  }
    
   p.font_30 {
    font-size: 20px;
  }
    
    .checkbox_group {
        flex-direction: column;
        gap: 10px;
    }
    .blocco_tags_container.scrollable .tag_item {
        flex: 0 0 50%;
        min-width: 50%;
    }

.lente {
    background-image: none;
    float: none;
  width: 100%;
}/*
.ingrandisci {
    height: auto;
    overflow-y: visible;
    transition: all 0.8s;
    transform: scale(1.0);
    background-color: hsla(37,95%,56%,0.00);
    color: #fff;
    z-index: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ingrandisci h4 {
    color: #fff;
}
.ingrandisci:hover {
    min-height:0px;
     height: auto;
    overflow-y: visible;
    transform: scale(1.00) translateY(0px);
    transition: all 0.8s;
    margin-bottom: 0px;
 background-color: hsla(37,95%,56%,0.00);
    color: #fff;
    z-index: 1;
     border-radius: 0px;
}
.ingrandisci:hover h4 {
    color: #fff;
}*/
.altezza_500 {
 height: auto;
}

.prima_col {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
}
.seconda_col {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    transform: translateX(0%);
}
.terza_col {
    position: static;
    top: auto;
    right: auto;
    z-index: auto;
}
.prima_col:hover, .seconda_col:hover, .terza_col:hover{
    z-index: 2;
}
    .fascia_di_loghi  {
    padding-bottom:175%;
}
    .col_7.translate {
  transform: translate(0px, -100px);
}
    .schede.fisse .post {
  padding-right: 0px;
  padding-left: 0px;
}
    .schede.fisse {
  padding-right: 0px;
  padding-left: 0px;
}
    .schede.splide {
  padding-right: 0px;
  padding-left: 0px;
}
    .fisse .card {
  float: left;
  margin-right: 5%;
  margin-left: 5%;
}
    .card {
    width: 90%;
}
    p.lucchetto.libero, p.lucchetto.riservato{
    background-position: right bottom;
}    p.lucchetto span.allinea_destra,p.lucchetto a.allinea_destra {
    float: none;
    clear: both;
    display: block;
}
    p.lucchetto a {
    display: block;
    width: 100%;
         
}p.lucchetto {
    padding-right: 50px;
    margin-top: 15px;
}
 p.riservato.lucchetto{
    margin-top: 0px;
}  
    .immagine_decorativa {
  position: absolute;
  right: auto;
        left: 50%;
  bottom: -180px;
  width: 235px;
  height: 235px;
        transform: translate(-50%, 0px)
}
    .scatolafissa {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 80px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 190px;
}
    a.sfoglia{
    float: none;
    clear: both;
    display: block;
}
    p.paragrafo_loghi{
    width: 100%;
    padding-bottom:70px;
    padding-top: 20px;
}
    ul.ancore li{
    display: block;   
}
    ul.ancore li.login {
  text-align: left;
  float: none;
}
    ul.ancore li.login a:link, ul.ancore li.login a:visited, ul.ancore li.login a:hover, ul.ancore li.login a:active {
  text-align: left;
  float: none;
  background-image: url(../img/login.svg);
  background-repeat: no-repeat;
  background-position: 8px center;
  padding-right: 0px;
  background-size: 12px auto;
        padding-left: 25px;
}
    ul.ancore li a:link, ul.ancore li a:visited, ul.ancore li a:hover, ul.ancore li a:active {
  background-image: none;
}
    #banner {
    background-size: auto 100%;
}
    #banner h1 {
  padding-top: 20px;
  padding-bottom:20px;
}
    #banner header {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}
    #motto{
top:50px;
        font-size: 15px;
}
    .scatola .post{
    padding-top: 35px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
}
    .categoria_splide {
  height: 950px;
}
    .post_smart {
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
    .punti {

    text-align: center;
}
    .categoria_splide h3 {
    padding-bottom: 50px;
}    
    #padding_servizi {
    margin-left: 20px;
    padding-bottom: 50px;
}
    .slide {
    background-size: auto 100%;
}
.layer {
    background-image: url(../img/layer.svg);
    background-size: auto 761px ;
    background-color: hsla(0,0%,0%,0.40);

}


    .bordi6px_gialli.smartnone{
    border: 0px solid #fdaa00;
}
    .w_400 {
    width: auto;

}
    h1{
    font-size: 31px;
}
    h2{
    font-size: 26px;
}
    h3{
    font-size: 23px;
}
  .frequency_ask_question.report summary h4 {
    padding-right: 0px;
    font-size: 16px;
    line-height: 25px;
  }
  #menu {
    background-image: none;
  }

  .frequency_ask_question details:not([open]) {
    height: auto;
  }
  #banner {
    background-position: center top;
  }
  #menu {
    background-size: auto 30px;
    background-position: 15px 40px;
  }
  .center_txt p.button a:link, .center_txt p.button a:visited {
    background-image: url(../img/freccia_link_bianca.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: auto 15px;
    transition: all 0.5s ease;
    text-decoration: none;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 40px;
    padding-right: 20px;
  }
  .center_txt p.button {
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .center_txt p.button a:link, .center_txt p.button a:visited {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.5s ease;
    padding-left: 35px;
    padding-right: 15px;
    color: #f6f6f6;
    background-color: #004b93;
    border: 0px solid #5AA1FF;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .center_txt p.button a:hover, .center_txt p.button a:active {
    transition: all 0.5s ease;
    background-position: 13px center;
    text-decoration: none;
    background-color: #6ea1b3 ;
    color: #FFFFFF;
    border: 0px solid #36C486;
  }
  .center_txt p.button a:hover, .center_txt p.button a:active {
    transition: all 0.5s ease;
    background-position: 13px center;
    text-decoration: none;
    background-color: #d4e0e7 ;
    color: #FFFFFF;
    border: 0px solid #36C486;
  }
  .colonna {
    padding-left: 0px;
    padding-right: 0px;
  }
  ul.breadbrumb {
    margin-left: 15px;
  }
  #banner h1 {
    font-size: 32px;
  }
  #banner h2 {
    font-size: 25px;
  }

  .post {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }
    .post.postsmart {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
  }
    .txt_center_smart {
    text-align: center;
  }

  .due_colonne {
    column-count: 1;
    column-gap: 0px;
  }
  .tre_colonne {
    column-count: 1;
    column-gap: 0px;
  }
    #cta-footer {
  width: auto;
  margin-right: auto;
  margin-left: auto;
}
}
@media screen and (max-width: 600px) {
  #larghezza600 {}
 #banner_homepage header h2 {
    padding-top: 115px;
  }
    #access_matters {
    top: -30%;
}
    #access_matters p {
 width: 100%!important;
}
    #banner_homepage header p{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
  header#nuovo_banner.con_testo {
    height: 800px;
  }
  .centro {
    width: 400px;
    height: 300px;
  }    
}
@media screen and (max-width: 550px) {
  #larghezza550 {}
        ul.blocco_tags.no_link li {
  width: 100%;
}
}
@media screen and (max-width: 400px) {
  #larghezza400 {}
  .centro {
    width: 300px;
    height: 225px;
  }
     p.lucchetto.riservato{
    margin-top: 20px;
}  
}