@import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&family=Sansation:wght@300;400;700&display=swap');

/* ------------------------------------------- ATTRIBUTI GENERICI*/
#loading {
  position: fixed;
  top: -9000px;
  left: -90000px;
  z-index: -99999999999999;
  display: none;
  visibility: hidden;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip; /* evita lo scroll orizzontale da elementi che sbordano (es. widget Trustindex) */
}
/* Trustindex: il margine negativo fa sbordare la pagina di 8px su mobile */
@media screen and (max-width: 768px) {
  .ti-widget .ti-reviews-container-wrapper {
    margin: 0 !important;
  }
}
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: "Sansation", sans-serif;
  font-weight:300;
  font-style: normal;
    background-color: #1e1e1e;
    color: #fff;
    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: 17px;
    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-family: "Agdasima", sans-serif;
    font-style: normal;
  font-size: 58px;
  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: #fff;
  font-weight: 400;
}
h1.dodici {
padding-left: 12%
}
h2 {
    font-family: "Agdasima", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  margin-top: 0px;
  color: #fff;
      margin-bottom: 10px;
    padding-bottom: 0px;
}
h3 {
            font-family: "Agdasima", sans-serif;
  padding-bottom: 20px;
        font-size: 26px;
    font-weight: 400;   
     color: #fff;
      font-style: normal;

}
 h4, h5 {
        font-family: "Agdasima", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  margin-top: 0px;
  padding-top: 0px;
  line-height: normal;
}
h4, h5 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}
h5 {
  font-size: 18px;
}

.center_txt h3, h3.center_txt {
  background-position: center bottom;
}
.bg_speciale h3 {}

.bg_speciale h2, .bg_speciale h3, .bg_speciale h4 {
      color: #FFFFFF;

}
.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: 26px;
}
a:link, a:visited {
    color: #fff;
    transition: 0.4s all;
}
a:hover, a:active {
    color: #FF2E34;
    transition: 0.4s all;
}
footer a:hover, footer a:active {
    color: #FF2E34;
    transition: 0.4s all;
    text-decoration: none;
}
section a {
  text-decoration: underline;
}
.bg_speciale a:link, .bg_speciale a:visited, .bg_azzurro a:link, .bg_azzurro a:visited {
  color: #ffffff;
  transition: 0.4s all;
}
.bg_speciale a:hover, .bg_speciale a:active, .bg_azzurro a:hover, .bg_azzurro a:active {
  color: #FF2E34;
  transition: 0.4s all;
     text-decoration: underline;
}
section a:link, section a:visited {
  color: #d6783b ;
  transition: 0.4s all;
        text-decoration: underline;

}
section a:hover, section a:active {
  color: #4377BB;
  transition: 0.4s all;
}
.bg_speciale section a:link, .bg_speciale section a:visited, .bg_azzurro section a:link, .bg_azzurro section a:visited {
  color: #fff;
  transition: 0.4s all;
}
.bg_speciale section a:hover, .bg_speciale section a:active, .bg_azzurro section a:hover, .bg_azzurro section a:active {
    color: #fff;
    transition: 0.4s all;
    text-decoration: underline;
}
.bg_speciale .post p.button a:link, .bg_speciale .post p.button a:visited {
  background-image: none;
  padding-left: 40px;
}
.bg_speciale .post p.button a:hover, .bg_speciale .post p.button a:active {
  background-image: none;
  padding-left: 40px;
}
.post ul li, .post ol li {
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 30px;
}
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;
}
/* ----------------------------- menu */
p#peraprire {
    display: block;
    position: fixed;
    padding-top: 0px;
    z-index: 2000;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 60px;
    height: 60px;
    right: 20px;
    top: 20px;
    transition: all 0.3s;
    overflow-y: hidden;
    overflow-x: hidden;
    border: 0px none hsla(0, 0%, 0%, 0.00);
    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;
}
p#peraprire.nel_banner {
    background-image: url(../img/menu.svg);
}
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-image: url(../img/menu_hover.svg);
  color: #212121;
}
p#peraprire a span {
  display: block;
  padding-left: 70px;
}
#destinazione:target ~ p#peraprire {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
.perchiudere{
    display: none;
    visibility: hidden;
}
#destinazione:target ~ main {
  display: none;
  transition: all 0.3s;
  visibility: hidden;
}
#destinazione:target ~ .head {
    z-index: 0;  
}
#destinazione:target ~ #peraprire {
display: none;
    visibility: hidden;
}
#destinazione:target #menu, #destinazione:target nav {
  display: block;
  visibility: visible;
  transition: all 0.3s;
}
#destinazione:target {
      position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
     height: 100vh;
    width: 100vw;
}
#menu  {
    height: 100vh;
    width: 100vw;
    display: none;
    visibility: hidden;
    background-color: #1e1e1e;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    color: #fff;
    overflow-y: scroll;
}
 #menu nav {

  }
#menu h2 {
    color: #fff;
    font-size: 30px;
    background-position: left bottom;
    padding-bottom: 20px;
    border-bottom: 1px solid #3d3c3f;
  }
#menu h2#separatore {
    color: #fff;
    font-size: 18px;
    background-image: url("../img/separatore_bianco.svg");
    background-repeat: no-repeat;
    background-size: 100px 1px;
    background-position: left 49px;
    padding-bottom: 0px;
    padding-top: 100px;
  }
#menu nav 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;
    font-weight: 300;
    font-size: 18px;
  }
#menu nav ul.social {
    margin-top: 100px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
#menu nav ul 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;
  }
#menu nav ul li.menu-item-has-children {

  }
.perchiudere {
    display: none;
    visibility: hidden;
    width: 0px;
    overflow-x: hidden;
    float: left;
            -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
    scrollbar-height: none;  /* Firefox */
  }
.perchiudere::-webkit-scrollbar {
 display: none;
} 
.perchiudere {
    display: none;
    visibility: hidden;
    width: 0px;
    overflow-x: hidden;
    float: left;
            -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
    scrollbar-height: none;  /* Firefox */
  }
.perchiudere a{
    display: none;
    visibility: hidden;
    width: 0px;
    overflow-x: hidden;
    float: left;
                -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
    scrollbar-height: none;  /* Firefox */
  }.perchiudere a::-webkit-scrollbar {
 display: none;
} 
#destinazione:target li#perchiudere {
  visibility: visible;
  position: fixed;
  right: 20px;
  top: 20px;
  display: block;
  z-index: 4000;
  width: 60px;
  height: 60px;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border: none;
}
#destinazione:target li#perchiudere {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
#destinazione:target li#perchiudere::-webkit-scrollbar {
  display: none;
}
#destinazione:target li#perchiudere a {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 70px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-repeat: no-repeat!important;
    background-position: 5px 5px!important;
    background-size: 50px auto!important;
    display: block;
    z-index: 999999999999999999;
}
#destinazione:target #menu nav li#perchiudere a:link, #destinazione:target  #menu nav li#perchiudere a:visited {
  background-image: url("../img/chiudi_menu.svg");
}
#destinazione:target  #menu nav li#perchiudere a:hover, #destinazione:target  #menu nav li#perchiudere a:active {
  background-image: url("../img/chiudi_menu_hover.svg");
  background-color: #000;
}
li#perchiudere a span {
  display: block;
  padding-left: 70px;
}
#menu nav ul li a:link, #menu nav ul li a:visited{
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    display: block;
    color: #FFFFFF;
  }
#menu nav ul.recapiti li a:link, #menu nav ul.recapiti li a:visited{
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 0px;
    display: inline-block;
    color: #FFFFFF;
  }
#menu nav ul.recapiti li a:hover, #menu nav ul.recapiti li a:active{
background-color: transparent;
    color: #FF2E34;
  }
#menu a:link, #menu  a:visited {
    color: #FFFFFF;
  }
#menu a:hover, #menu  a:active {
    color: #FF2E34;
  }
#menu nav ul li a:hover, #menu nav ul li a:active {
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    display: block;
    color: #FF2E34;
    background-color: #000000;
  }

#menu nav ul li ul {
    padding-left: 30px;
}
	
#menu nav ul li:hover ul{

}
#menu nav ul li ul li {

}
#menu nav ul li ul li a:link, #menu nav ul li ul li a:visited {

}
#menu nav ul li ul li a:hover, #menu nav ul li ul li a:active {

}

.menu-item-has-children{
    background-image: url("../img/arrow_down.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px auto;
}.menu-item-has-children:hover{
    background-color: #FF2E34; 
        background-image: url("../img/arrow_down.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px auto;
}

/* ----------------------------- fine menu */
.rolebanner {
    display: inherit;
    visibility: visible;
  }
.logo {
    font-family: "Agdasima", sans-serif;
    position: absolute;
    left: 20px;
    height: 60px;
    z-index: 101;
    top: 20px;
    padding-left: 0px;
    padding-top: 0px;

    width: 206px;
    overflow-x: hidden;
    overflow-y: hidden;
}.logo a {
    background-image: url("../img/logo_pasquinelli_bianco.svg");
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: left top;
    height: 150px;
    display: block;
    padding-left: 210px;
    padding-top: 22px;
    font-size: 47px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #1E1E1E;
}
.logo a em {
display: block;
  text-transform: lowercase;
  text-align: right;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  transform: translateY(-10px);
}
.logo a:link, #logo a:visited {
color: #ffffff;
}
.logo a:hover, #logo a:active {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 0px 30px hsla(0,0%,100%,0.35);
}
#logo_footer {
  font-family: "Agdasima", sans-serif;
    
    width: 260px;
    overflow-x: hidden;
    overflow-y: hidden;
}
#logo_footer a {
    background-image: url("../img/logo_pasquinelli_bianco.svg");
    background-size: auto 65px;
    background-repeat: no-repeat;
    background-position: left top;
    height: 150px;
    display: block;
    padding-left: 310px;
    padding-top: 22px;
    font-size: 47px;
    font-weight: 700;
    text-transform: uppercase;
}
#logo_footer a em {
display: block;
  text-transform: lowercase;
  text-align: right;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
}
#logo_footer a:link, #logo_footer a:visited {
color: #ffffff;
}
#logo_footer a:hover, #logo_footer a:active {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 0px 30px hsla(0,0%,100%,0.35);
}
#logo_footer h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    background-image: none;
    padding-bottom: 0px;
}
        .fill-azzurro {
        fill: #0061a4;
      }

      .fill_bianco {
        fill-rule: evenodd;
      }

      .fill_bianco, .fill-fff {
        fill: #fff;
      }
/* -------------------------------------------------------- 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: #fff;
    text-align: left;
}
footer .box {
border-top: 1px solid #ffffff;
}
footer .post p{
    line-height: 30px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
footer #logofooter img {
  width: 140px;
  height: auto;
  margin-left: 0px;
}
footer strong {
  color: #fff;
  display: block;
  padding-bottom: 5px;
}
footer a:link, footer a:visited {
  color: #f4f4f4;
}
footer a:hover, footer a:active {
    color: #FF2E34;
}
.bordodestro {
 border-right: 1px solid #3d3c3f;
}
footer .post {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 40px;
}
/* -------------------------------------------------------- Fine footer */
.box {
    width: 1500px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.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: 50px;
  padding-right: 50px;
  padding-left: 50px;
  padding-bottom: 50px;
}
.post.header {
  padding-top: 50px;
  padding-right: 50px;
  padding-left: 50px;
  padding-bottom: 0px;
}
.post.header h3{
 margin-bottom: 0px;
  padding-bottom: 30px;
}
.post.foto {
  padding-top: 50px;
  padding-right: 0px;
  padding-left: 50px;
  padding-bottom: 50px;
}
.post.foto.blog {
  padding-top: 50px;
  padding-right: 0px;
  padding-left: 50px;
  padding-bottom: 0px;
}
.post.foto.blog .fotofluida img{
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    display: block;
}
.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 {
  text-align: right;
}
.pre {
  padding-top: 35px;
}
.paddingtop {
  padding-top: 50px;
}
.paddinglati {
    padding-right: 50px;
    padding-left: 50px;
}
.paddingdestra {
  padding-right: 40px;
}
.paddingbottom {
  padding-bottom: 20px;
}
.paddingbottom50 {
  padding-bottom: 50px;
}
.topbottom {
  padding-bottom: 25px;
  padding-top: 25px;
}

.spaziopre {
  padding-top: 40px;
}
.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;
}
.bg_primario {
  background-color: #1e1e1e;
  color: #ffffff;
}
.bg_secondario {
  background-color: #f4f4f4;
  color: #202020;
}
.bg_speciale {
  color: #FFFFFF;
  background-color: #000;
}.bg_terzo {
  color: #FFFFFF;
  background-color: #d6783b;
}
.bg_terzo h2 {
  color: #FFFFFF;
}
.bg_terzo h3 {
  color: #FFFFFF;
}
.bg_terzo h4, .bg_terzo h5 {
  color: #FFFFFF;
}
.bg_terzo section a:link, .bg_terzo section a:visited, .bg_terzo section a:link, .bg_terzo section a:visited {
  color: #ffffff;
  transition: 0.4s all;
}
.bg_terzo section a:hover, .bg_terzo section a:active, .bg_terzo section a:hover, .bg_terzo section a:active {
  color: #d7e0e3;
  transition: 0.4s all;
  text-decoration: underline;
}
.bg_terzo a:link,.bg_terzo a:visited,.bg_terzo a:link,.bg_terzo  a:visited {
  color: #ffffff;
  transition: 0.4s all;
}
.bg_terzo a:hover,.bg_terzo a:active,.bg_terzo a:hover,.bg_terzo a:active {
    color: #d7e0e3;
    transition: 0.4s all;
    text-decoration: underline;
}

.bg_cat {
  color: #FFFFFF;
  background-color: #FF2E34 ;
}
.bg_cat h2, .bg_cat h3 {
  color: #FFFFFF;
  text-decoration: none;
  background-image: none;
}
.bg_cat a:link, .bg_cat a:visited {
  color: #FFFFFF;
  text-decoration: none;
  background-image: none;
}
.bg_cat a:hover, .bg_cat a:active {
  color: #FFFFFF;
  text-decoration: underline;
  background-image: none;
}
.bg_cat .sezione p.titolo_sezione {
  color: #FFFFFF;
}
.bg_speciale h2, .bg_speciale h3, .bg_speciale h4, .bg_speciale h5 {
  color: #FFFFFF;
}

.bg_secondario section a:link, .bg_secondario section a:visited, .bg_primario section a:link, .bg_primario section a:visited {
  color: #d6783b ;
  transition: 0.4s all;
}
.bg_secondario section a:hover, .bg_secondario section a:active, .bg_primario section a:hover, .bg_primario section a:active {
  color: #4377BB;
  transition: 0.4s all;
}
.bg_scuro {
  background-color: #202020;
}
.fotofluida picture, .fotofluida img {
  width: 100%;
  height: auto;
  display: block
}
.fotofluida a, .fotofluida a:link, .fotofluida a:visited, .fotofluida a:hover, .fotofluida a:active, .bg_secondario section .fotofluida a, .bg_secondario section .fotofluida a:link, .bg_secondario section .fotofluida a:visited, .bg_secondario section .fotofluida a:hover, .bg_secondario section .fotofluida a:active, .bg_primario section .fotofluida a, .bg_primario section .fotofluida a:link, .bg_primario section .fotofluida a:visited, .bg_primario section .fotofluida a:hover, .bg_primario section .fotofluida a:active, .bg_speciale section .fotofluida a, .bg_speciale section .fotofluida a:link, .bg_speciale section .fotofluida a:visited, .bg_speciale section .fotofluida a:hover, .bg_speciale 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;
}
.margini {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  margin-left: 10px;
}
/* -------------------------------------- BUTTON */

p.button {
    margin-top: 35px;
    background-image: none;
    font-size: 18px;
    text-transform: none;
}

p.button a:link, p.button a:visited  {
    background-image: url("../img/arrow.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size: auto 25px;
    transition: all 0.5s ease;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 60px;
    color: #f4f4f4;
    background-color: #1e1e1e;
    display: inline-block;
    border: 1px solid #ffffff;
}
p.button a:hover, p.button a:active {
    font-size: 18px;
    transition: all 0.5s ease;
    background-position: calc(100% - 15px) center;
    text-decoration: none;
  color: #fff;
  background-color: #000;
  border: 1px solid #e41921;
}
.trecolonne p.button, .duecolonne p.button {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 20px;
}
p.button::after {
  content: "";
}
/*
.bg_speciale section p.button a:link, .bg_speciale section p.button a:visited, .bg_speciale section p.button a:hover, .bg_speciale section p.button a:active {
  color: #1E1E1D;
}
.bg_secondario section p.button a:link, .bg_secondario section p.button a:visited, .bg_secondario section p.button a:hover, .bg_secondario section p.button a:active {
  color: #f6f6f6;
  background-image: none;
  transition: all 0.5s ease;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
}
.bg_primario section p.button a:link, .bg_primario section p.button a:visited, .bg_primario section p.button a:hover, .bg_primario section p.button a:active {
  color: #f6f6f6;
  transition: all 0.5s ease;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
}
.bg_primario section p.button a:link, .bg_primario section p.button a:visited, .bg_secondario section p.button a:link, .bg_secondario section p.button a:visited, .bg_speciale section p.button a:link, .bg_speciale section p.button a:visited {
  padding-left: 60px;
  background-image: url(../img/freccia_link_bianca.svg);
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 28px auto;
  transition: all 0.3s ease;
}
.bg_primario section p.button a:hover, .bg_primario section p.button a:active, .bg_secondario section p.button a:hover, .bg_secondario section p.button a:active, .bg_speciale section p.button a:hover, .bg_speciale section p.button a:active {
  background-position: 20px center;
  transition: all 0.3s ease;
}

p.button.bianco a:link, p.button.bianco a:visited {
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
  transition: all 0.5s ease;
  padding-left: 40px;
  padding-right: 40px;
  color: #fff;
}
.bg_speciale section p.button a:link, .bg_speciale section p.button a:visited {
  background-color: #5AA1FF;
}
.bg_speciale section p.button a:hover, .bg_speciale section p.button a:active {
  background-color: #36C486;
}
.bg_speciale p.button a:link, .bg_speciale p.button a:visited {}
.bg_speciale p.button a:hover, .bg_speciale p.button a:active {
  background-color: #FF2E34 ;
}
.bg_azzurro p.button a:hover, .bg_azzurro p.button a:active {
  background-color: #61BAFF;
  color: #202020;
  background-image: url(../img/freccia_link_scura.svg);
}
#test .bg_azzurro p.button a:hover, #test .bg_azzurro p.button a:active {
  background-color: #61BAFF;
  color: #202020;
  background-image: url(../img/freccia_link_scura.svg);
}
p.button.bianco a:hover, p.button.bianco a:active {
  transition: all 0.5s ease;
  color: #004b93;
}*//*
.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: 
      scrollbar-width: none;
      scrollbar-height: none;
}
.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: #202020;
}
.loop_standard a:hover, .loop_standard a:hover, .loop_standard:hover a:link, .loop_standard:hover a:visited {
  color: #FF2E34 ;
}
.loop_standard .post {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}
.frecce {
  fill: #004b93;
}
.frecce:hover {
  fill: #FF2E34 ;
}*/
/* -------------------------------------------------------- Page dinamica */


.articolo .post h2 {
    font-size: 23px;
    line-height: 26px;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 6px;
}
.articolo .post h3 {
    font-size: 18px;
    line-height: 21px;
    padding-top: 6px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 3px;
    text-align: center;
    border-top: 1px dotted #3d3c3f;
    display: block;
        transition: all 0.3s;
}
.articolo{
    height: 445px;
    overflow-y: hidden;
    border: 1px solid #3d3c3f;
    transition: all 0.3s;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    background-color: #1e1e1e;
    position: relative;
}
.articolo:hover{
    border: 1px solid #e30d1b;
    transition: all 0.3s;
    background: #000;
}
.articolo .post{
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
.articolo:hover  .post h3{
        border-top: 1px dotted #e30d1b;
    transition: all 0.3s;
}
.testo_articolo {
  height: 155px;
  overflow: hidden;
}
#category .data {
    position: absolute;
    top: 65px;
    width: 28px;
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 7px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    background-color: #1e1e1e;
    border-top: 1px solid #3d3c3f;
    border-right: 1px solid #3d3c3f;
    border-bottom: 1px solid #3d3c3f;
    left: 0px;
    z-index: 101;
    transition: all 0.3s;
    font-weight: 700;
}
#notizie .data {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.fotofluida .data {
    position: absolute;
    top: 20px;
    width: 28px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    background-color: #1e1e1d;
    border-top: 0px none #3d3c3f;
    border-right: 0px none #3d3c3f;
    border-bottom: 0px none #3d3c3f;
    left: auto;
    z-index: 101;
    transition: all 0.3s;
    font-weight: 700;
    border-left-width: 0px;
    border-left-style: none;
    right: 20px;
}
.articolo:hover .data {
    background-color: #e30d1b;
    border-top: 1px solid #e30d1b;
    border-right: 1px solid #e30d1b;
    border-bottom: 1px solid #e30d1b;
    color: #FFFFFF;
        transition: all 0.3s;
}
ul.lista_categorie {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
}
ul.lista_categorie li{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
}
ul.lista_categorie li ul{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
}
ul.lista_categorie li ul li{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
    border-bottom: 1px solid #DCDCDC;
}


ul.ultimi_articoli {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
}
ul.ultimi_articoli li{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
        border-bottom: 1px solid #DCDCDC;
}
#banner {
  margin-top: 0px;
  position: relative;
  overflow-y: hidden;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: left top;
  color: #000;
  text-align: left;
  background-size: cover;
  width: 100vw;
  overflow-x: hidden;
}
#banner {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
}
#banner::-webkit-scrollbar {
  display: none;
}
#banner h1 {
    padding-top: 0px;
    color: #1e1e1e;
    font-size: 60px;
    font-weight: 700;
    border-bottom: 1px solid #1e1e1e;
    padding-left: 25px;
    padding-right: 25px;
}
#banner h2 {
    font-size: 28px;
    color: #1e1e1e;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 0px;
        padding-left: 25px;
    padding-right: 25px;
}
#banner p {
  font-size: 20px;
  color: #1e1e1e;
  font-weight: 400;
}
#banner header {
position: absolute;
  bottom:20vh;
  right: 10%;
  width: 700px;
  text-align: left;
     background-color: hsla(0,0%,100%,0.32);
     backdrop-filter: blur(4px);
    z-index: 20;
}
#banner header.testi_banner_bianchi {
    background-color: hsla(0,0%,0%,0.32);
}
#banner header.testi_banner_bianchi h1 {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
#banner header.testi_banner_bianchi h2 {
    color: #ffffff;
}
/* Banner home*/
#banner.home header {
/*  background-color: hsla(0, 0%, 0%, 0.0);
*/  color: #202020;
}

.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;
    padding-top: 80px;
    padding-bottom: 80px;
}
.trasparente {
    background-color: hsla(0,0%,0%,0.78);
}
.parallasse header {

}
.parallasse h2 {

}
.parallasse h3 {

}
.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;
}

#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;
}
h p.button.pdf a, .bg_speciale .post p.button.pdf a, .bg_speciale .post p.button.pdf a:link, .bg_speciale .post p.button.pdf a:visited, .bg_speciale .post p.button.pdf a:hover, .bg_speciale .post p.button.pdf a:active, .bg_primario .post p.button.pdf a:link, .bg_primario .post p.button.pdf a:visited, .bg_primario .post p.button.pdf a:hover, .bg_primario .post p.button.pdf a:active, .bg_secondario .post p.button.pdf a:link, .bg_secondario .post p.button.pdf a:visited, .bg_secondario .post p.button.pdf a:hover, .bg_secondario .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;
}
p.button.doc a, .bg_speciale .post p.button.doc a, .bg_speciale .post p.button.doc a:link, .bg_speciale .post p.button.doc a:visited, .bg_speciale .post p.button.doc a:hover, .bg_speciale .post p.button.doc a:active, .bg_primario .post p.button.doc a:link, .bg_primario .post p.button.doc a:visited, .bg_primario .post p.button.doc a:hover, .bg_primario .post p.button.doc a:active, .bg_secondario .post p.button.doc a:link, .bg_secondario .post p.button.doc a:visited, .bg_secondario .post p.button.doc a:hover, .bg_secondario .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: #1e1e1e;
  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: #202020;
  text-decoration: underline;
}
ul.breadbrumb li a:hover, ul.breadbrumb li a:active {
  color: #FF2E34 ;
}
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.bg_secondario {
  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 #202020;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.colonna {
  padding-left: 100px;
  padding-right: 100px;
}

  .searchform {
    padding-top: 0px;
    width: 350px;
    float: left;
    padding-left: 0%;
    padding-right: 0%;
    height: auto;
    position: absolute;
    right: 100px;
    top: 20px;
    z-index: 101;

  }
  .searchform h2 {
    color: #212121;
  }
  .searchform form {
    transition: all 0.3s ease;
  }
  .searchform form:hover {
   
    transition: all 0.3s ease;
  }
  input.searchsubmit {
    background-image: url("../img/cerca_link_bianco.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;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
        background-color: transparent;
  }
  input.searchsubmit:hover {
          background-color: #1e1e1e;

}
  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);
    color: #fff;
    border: none;
    float: left;
    height: 40px;
    font-size: 16px;
    opacity: 0;
    transition: all 0.3s ease;
        background-color:#000;
  }
  input::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
  }
  input.searchsubmit:focus {
    color: #fff;
    transition: all 0.3s ease;
    opacity: 1;
  }
  input.cerca:focus {
    color: #fff;
    transition: all 0.3s ease;
    opacity: 1;
        background-color: #000;
  }
.searchform:hover input.cerca {
    color: #fff;
    transition: all 0.3s ease;
    opacity: 1;
        background-color: #000;
  }
  input.cerca:hover {
    color: #fff;
    transition: all 0.3s ease;
    opacity: 1;
    background-color: #000;
  }
.nel_banner input.searchsubmit {
    background-image: url("../img/cerca_link_bianco.svg");
    color: #fff;
  }
 .nel_banner input.cerca {
    color: #fff;
  }
 .nel_banner input::placeholder {
    color: #fff;
  }
  .nel_banner input.searchsubmit:focus {
    color: #fff;
  }
 .nel_banner input.cerca:focus {
    color: #fff;
        background-color: hsla(0,0%,0%,0.5);
  }
 .searchform.nel_banner:hover input.cerca {
    color: #fff;
        background-color: hsla(0,0%,0%,0.5);
  }
 .nel_banner input.cerca:hover {
    color: #fff;
    background-color: hsla(0,0%,0%,0.5);
  }
.nav-links span {
  border: 1px solid #fff;
  padding-top: 13px;
  padding-right: 20px;
  padding-bottom: 13px;
  padding-left: 20px;
  color: #ffffff;
  background-color: #1e1e1e;
  margin-right: 10px;
}
.nav-links a {
  padding-top: 13px;
  padding-right: 20px;
  padding-bottom: 13px;
  padding-left: 20px;
  margin-right: 10px;
}
.nav-links a:link, .nav-links a:visited {
    border: 1px solid #3d3c3f;
    transition: all 0.5s ease;
    background-color: #1e1e1e;
    color: #B8B8B8;
}
.nav-links a:hover, .nav-links a:active {
  border: 1px solid #ffffff;
  background-color: #000;
  color: #fff;
  transition: all 0.5s ease;
}
#paginazione {
  background-color: #1e1e1e;
}
#paginazione .post {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.senza_foto {
  background-color: #1e1e1e;
}
.faq {
  border-bottom: 1px solid #E6E6E6;
}
.frequency_ask_question summary {
  color: #202020;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  border-top: 1px solid #E6E6E6;
  background-color: #1e1e1e;
  padding-left: 55px;
  padding-right: 45px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
  font-weight: 700;
}
.frequency_ask_question summary h4 {
  color: #202020;
  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.report summary h4 {
  color: #202020;
  padding-top: 0px;
  padding-right: 120px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 18px;
}
.frequency_ask_question summary:hover {
  transition: all 0.2s;
  background-color: #1e1e1e ;
  color: #FFFFFF;
}
.frequency_ask_question summary:hover h4 {
  color: #FFFFFF;
}
.frequency_ask_question details {
  transition: height 0.8s ease;
  overflow: hidden;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
}
.frequency_ask_question details:not([open]) {
  height: auto;
}
.frequency_ask_question details[open] {
  height: auto;
}
.frequency_ask_question details:not([open]) .risposta {
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  transition: all 0.8s linear;
  color: hsla(0, 0%, 0%, 0.00);
  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: #202020;
}
.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] .apri_chiudi {
  fill: #FFFFFF;
}
.frequency_ask_question details[open] .arrow {
  fill: #FFFFFF;
}
.frequency_ask_question details[open] summary {
  background-color: #FF2E34 ;
  color: #FFFFFF;
  transition: all 0.2s;
}
.frequency_ask_question details[open] summary h4 {
  color: #FFFFFF;
}
.frequency_ask_question details[open] summary:hover {
  background-color:  #d6783b;
  color: #FFFFFF;
  transition: all 0.2s;
}
.frequency_ask_question details[open] .risposta {
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  height: auto;
  transition: all 0.8s linear;
  color: hsla(0, 0%, 0%, 1.00);
}
.banda {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 100%;
  position: relative;
}
.banda.parallasse {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.padding_top {
  padding-top: 50px;
}
.foto_sezione {
  padding-right: 100px;
  padding-top: 0px;
  padding-bottom: 20px;
}
span.nascondi {
  display: none;
  visibility: hidden;
}

#motto {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 15.5px;
}
#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: -300px;
    left: -600px;
    z-index: 0;
    font-size: 12px;
}

.altezza_blocco {
    min-height: 285px;    
}
.bg_icona {
    background-position: 20px center;
    background-size: auto 120px;
    background-repeat: no-repeat;
}
.bg_icona section{
    padding-left: 100px;
}
.borditondi{
    border-radius: 47px;
}
.bordi3px{
    border: 3px solid #202020;
}
.bordi6px{
    border: 6px solid #202020;
}
.bordi6px_gialli{
    border: 6px solid #FF2E34;
}
.bg_speciale .bordi3px{
    border: 3px solid #FFFFFF;
}

.anteprima_articolo {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 120px;
    min-height: 108px;
    background-color: #1e1e1e;
    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: 25px;
}.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;
    height: 90px;
    overflow-y: hidden;
}

.minheight700 {
min-height: 700px;
}
.mh_600 {
min-height: 600px;
}
.mh_350 {
min-height: 400px;
}

.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;
}

dl.didascalia {
    background-color: #1e1e1e;
    color: #202020;
    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;
}
/* ---------- 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: 0px;
    visibility: visible;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    backdrop-filter: blur(5px);
    overflow-y: scroll;
}

#popup {
    background-color: #fff;
    border-radius: 35px;
    visibility: hidden;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    width: 660px;
    position: static;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #D6783B;
    -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 {
    background-color: #fff;
    border-radius: 35px;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    width: 660px;
    position: static;
    border: 1px solid #D6783B;
    -webkit-box-shadow: 0px 10px 35px hsla(0,0%,0%,0.06);
    box-shadow: 0px 10px 35px hsla(0,0%,0%,0.06);
    margin-right: auto;
    margin-left: auto;
    visibility: visible;
    transform: translate(0%, 0%);
    margin-top: 100px;
    margin-bottom: 100px;
    z-index: 100;
}

#destinsazione_popup:target ~ #contenuto {
    visibility: hidden;
    display: none;
    overflow-y: hidden;
}
#chiudi_pop_up span{
z-index: 0;
    opacity: 0
}
#destinsazione_popup:target {
    z-index: 999999999999999;
visibility: visible;
}

#destinsazione_popup a#chiudi_pop_up {

}
#destinsazione_popup a#chiudi_pop_up {
    background-image: url(../img/chiudi_popup_smart.svg);
    background-position: left 30px;
    background-size: 50px auto;
    background-repeat: no-repeat;
}
#destinsazione_popup:target a#chiudi_pop_up {
    display: block;
    position: fixed;
    right: 0px;
    bottom: 0px;
    visibility: visible;
    padding-top: 0vh;
    padding-right: 0px;
    padding-bottom: 0vh;
    padding-left: 0px;
    width: 20%;
    height: 100vh;
    text-align: center;
}
#destinsazione_popup:target a#chiudi_pop_up:link, #destinsazione_popup:target a#chiudi_pop_up:visited {
    background-image: url(../img/chiudi_popup_smart.svg);
    background-position: left 30px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    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: 20%;
    height: 100vh;
    text-align: center;
}
#destinsazione_popup:target a#chiudi_pop_up:hover, #destinsazione_popup:target a#chiudi_pop_up:active {
        background-image: url(../img/chiudi_popup_hover_smart.svg);
    background-position: left 30px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    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: 20%;
    height: 100vh;
    text-align: center;
}
#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;
}
#menu nav 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/instagram.svg");
}
li.instagram a:hover, li.instagram a:active {
  background-image: url("../img/instagram_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");
}
li.youtube a:link, li.youtube a:visited {
  background-image: url("../img/youtube.svg");
}
li.youtube a:hover, li.youtube a:active {
  background-image: url("../img/youtube_hover.svg");
}
li.tiktok a:link, li.tiktok a:visited {
  background-image: url("../img/tiktok.svg");
}
li.tiktok a:hover, li.tiktok a:active {
  background-image: url("../img/tiktok_hover.svg");
}
a#postaelettronica {
    margin-top: 180px;
    display: block;
}
.mappa iframe {
    border-radius: 35px;
}
#dopofooter {
    font-size: 14px;
}
#prefooter {
    border-width: 0px;
    border-style: none;
    background-image: url(../img/bg_prefooter.svg);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: auto 120px;
    padding-bottom: 0px;
}
#prefooter .post{
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    min-height: 200px;
}
/* ---------- STILE SPECIALE PER IL SITO BEA */
#bea header h2{
    color: #FF2E34;
    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;
}

#bea header h3{
    color: #202020;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}
#bea header h3 strong em, #bea header h3 em strong{
    display: block;
    font-style: normal;
}
/* ---------- 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;
}
#nerotrasp {
    background-color: hsla(0,0%,0%,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: #FF2E34;
    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: #202020;
    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: #FF2E34 ;
}
.altezza_fissa {
    height: 850px;
    position: relative;
}.categoria_splide .altezza_fissa {
    height: 650px;
    position: relative;
}
.card {
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #b3b3b3;
    border-radius: 35px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    height: 500px;
    background-color: #1e1e1e;
    margin-bottom: 5px;
    width: 280px;
}
.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: #202020;
}.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:  #FF2E34;
}
.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;
}.punti {
    text-align: center;
}

p.wathsapp {
  width: 30px;
  height: 50px;
  overflow-x: hidden;
  overflow-y: hidden;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scrollbar-height: none; /* Firefox */
  margin-right: 0px;
  display: inline-block;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 0px;
  position: fixed;
  bottom: 20px;
  left: 50px;
  transform: scale(2);
  z-index: 99999999;
    transition: all 0s;
}
p.wathsapp a:link, p.wathsapp a:visited {
  background-repeat: no-repeat;
  background-position: left 5px;
  background-size: 25px auto;
  padding-left: 60px;
  display: block;
  height: 50px;
  background-image: url("../img/wathsapp_icona.svg");
    transition: all 0s;
}
p.wathsapp a:hover, p.wathsapp a:active {
  background-position: left -70.4px;
    transition: all 0s;
}

#passa {
  position: absolute;
  width: 300px;
  left: -330px;
  top: 70px;
  background-color: #1e1e1e;
  z-index: 200;
  transition: 0.3s ease;
  padding-left: 25px;
}
#passa:focus {
  position: absolute;
  width: 300px;
  left: 50px;
  top: 70px;
  background-color: #1e1e1e;
  transition: 0.3s ease;
  padding-left: 25px;
}
  .head {
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
  }
.barra {
    height: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
  }

/* PADDING TOP */
.padding_top_0, h4.padding_top_0, h5.padding_top_0 { padding-top: 0px; }
.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; }



.padding_left_10 { padding-left: 10px!important; }
.padding_left_15 { padding-left: 15px!important; }
.padding_left_20 { padding-left: 20px!important; }
.padding_left_30 { padding-left: 30px!important; }
.padding_left_40 { padding-left: 40px!important; }
.padding_left_50 { padding-left: 50px!important; }
.padding_left_60 { padding-left: 60px!important; }
.padding_left_70 { padding-left: 70px!important; }
.padding_left_80 { padding-left: 80px!important; }
.padding_left_90 { padding-left: 90px!important; }
.padding_left_100 { padding-left: 100px!important; }
.padding_left_110 { padding-left: 110px!important; }
.padding_left_120 { padding-left: 120px!important; }
.padding_left_130 { padding-left: 130px!important; }
.padding_left_140 { padding-left: 140px!important; }
.padding_left_150 { padding-left: 150px!important; }
.padding_left_160 { padding-left: 160px!important; }
.padding_left_170 { padding-left: 170px!important; }
.padding_left_180 { padding-left: 180px!important; }
.padding_left_190 { padding-left: 190px!important; }
.padding_left_200 { padding-left: 200px!important; }
.padding_left_210 { padding-left: 210px!important; }
.padding_left_220 { padding-left: 220px!important; }
.padding_left_230 { padding-left: 230px!important; }
.padding_left_240 { padding-left: 240px!important; }
.padding_left_250 { padding-left: 250px!important; }


.padding_right_10 { padding-right: 10px!important; }
.padding_right_15 { padding-right: 15px!important; }
.padding_right_20 { padding-right: 20px!important; }
.padding_right_30 { padding-right: 30px!important; }
.padding_right_40 { padding-right: 40px!important; }
.padding_right_50 { padding-right: 50px!important; }
.padding_right_60 { padding-right: 60px!important; }
.padding_right_70 { padding-right: 70px!important; }
.padding_right_80 { padding-right: 80px!important; }
.padding_right_90 { padding-right: 90px!important; }
.padding_right_100 { padding-right: 100px!important; }
.padding_right_110 { padding-right: 110px!important; }
.padding_right_120 { padding-right: 120px!important; }
.padding_right_130 { padding-right: 130px!important; }
.padding_right_140 { padding-right: 140px!important; }
.padding_right_150 { padding-right: 150px!important; }
.padding_right_160 { padding-right: 160px!important; }
.padding_right_170 { padding-right: 170px!important; }
.padding_right_180 { padding-right: 180px!important; }
.padding_right_190 { padding-right: 190px!important; }
.padding_right_200 { padding-right: 200px!important; }
.padding_right_210 { padding-right: 210px!important; }
.padding_right_220 { padding-right: 220px!important; }
.padding_right_230 { padding-right: 230px!important; }
.padding_right_240 { padding-right: 240px!important; }
.padding_right_250 { padding-right: 250px!important; }
  .icona {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px auto;
    padding-left: 60px;
}

.colonna_uno header {
    padding-left: 50px;
    padding-right: 50px;
}
.colonna_uno h3 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
footer h2 {
    margin-top: 30px;

}
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;
}
footer ul 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;
 
}
.bg_img_testofoto {
    background-repeat: no-repeat;
    background-position: 110% top;
    background-size: auto 100%;
}
.bg_img_testofoto .banda.bg_primario {
    background-color: hsla(0,0%,100%,0.00);
    background-image: url(../img/copertura_bianca.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 55% auto;
}
.intro{
    background-image: url(../img/taglio_b_r.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 50px auto;
    background-color: #FFFFFF;
    height: 368px;
    overflow-y: hidden;
}
/*
.prodotto{
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: relative;
}
.prodotto h4{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.prodotto h4 a:link, .prodotto h4 a:visited{
    width: 100%;
    border-top: 1px solid #000000;
    display: block;
    padding-top: 0px;
    padding-bottom: 400px;

}
.prodotto h4 a:link span, .prodotto h4 a:visited span{
        background-color: #f4f4f4;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    background-image: url(../img/cta.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 32px auto;
        transition: 0.4s all;

}
.prodotto h4 a:hover span, .prodotto h4 a:active span{
    background-position: 98% center;
    transition: 0.3s all;
    background-color: #fff;
    padding-left: 15px;
    color: #000;
}
.prodotto .txt{
    position: absolute;
    bottom: -150px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: hsla(0,0%,100%,1);
    transition: 0.4s all;
    border-top: 1px solid #FF2E34;
}
.prodotto:hover .txt{
    position: absolute;
   bottom:0px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: hsla(0,0%,100%,0.85);
        transition: 0.4s all;
    z-index: 1;
}
.prodotto:hover .txt:hover{
    background-color: hsla(0,0%,100%,1.00);
        transition: 0.4s all;
}
*/
/* Applicazioni */

.applicazioni {
    font-size: 0.9em;
}
.applicazioni .intro{
height: auto;
}
.applicazioni .intro .post.spazio{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.applicazione.spazio{
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.applicazioni ul{
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.applicazioni .post ul li{
    line-height: 23px;
}
.applicazione{
    background-repeat: no-repeat;
    background-position: 30px 0px;
    background-size: 65px auto;
    position: relative;
        transition: 0.7s all;
    height: 555px;

}
.applicazione:hover{
background-color: #fff;
    transition: 0.7s all;
    background-position: 30px 5px;
}
.applicazione li::marker {
  color: #212121;
      transition: 0.7s all;
}
.applicazione:hover li::marker {
  color: #FF2E34;
      transition: 0.7s all;
}
.applicazione:hover h4, .applicazione:hover .txt{
transform: translateY(5px);
    transition: 0.7s all;
}
.applicazione h4{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 70px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
       transition: 0.7s all;
}
.applicazione .txt{
       transition: 0.7s all;
}

.applicazione h4 a:link, .applicazione h4 a:visited{
    width: 100%;
    border-top: 1px solid #000000;
    display: block;
    padding-top: 0px;
    padding-bottom: 400px;

}
.applicazione .txt{
    padding-top: 20px;
    padding-bottom: 20px;
}

/* FINE Applicazioni */
.spazio{
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}



/* ----- FINE carousel-single  */

.parallasse article {
    background-image: url("../img/taglio_article.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 2000px auto;
    width: 500px;
    margin-top: 80px;
    margin-bottom: 80px;
}

.categoria article h3 {
    background-image: none;
    padding-bottom: 0px;
    font-size: 28px;
    position: absolute;
    top: 120px;
    height: 120px;
    overflow-y: hidden;
}
.categoria article h3 a:link, .categoria article h3 a:visited {
    padding-top: 20px!important;
    padding-bottom: 250px!important;
    width: 100%!important;
    display: block;
}
.categoria .estratto {
    position: absolute;
    top: 280px;
    width: 320px;
    z-index: 10;

}
.categoria .estratto p{
    line-height: 26px;
}
.foto_article {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
   width: 350px;
    height: auto;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: all 0.3s;
}

article .foto_article img {
    transform: scale(1.0);
    transition: all 0.3s;
    width: 350px;
    height: auto;
}

.foto_article:hover {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
      width: 350px;
    height: auto;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: all 0.3s;
}
article:hover .foto_article img {
    transform: scale(1.08);
    transition: all 0.3s;
}


.cat {
    padding-left: 0px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40px auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 25px;
    font-weight: 700;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
        transition: all 0.3s;
            font-family: "Agdasima", sans-serif;
}
.post p.cat {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 21px;
    font-weight: 400;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
        transition: all 0.3s;        font-family: "Agdasima", sans-serif;
}
article:hover .cat  {
    transition: all 0.3s;
     margin-top: 5px;
}

#smooth-wrapper {
  overflow: hidden;
}

#smooth-content {
  overflow: visible;
  width: 100%;
}
#single{
    padding-top: 100px;
}
#single h1{
    font-size: 80px;    
        background-image: url(../img/decorazione.svg);
  background-repeat: no-repeat;
  background-size: 300px 3px;
  background-position: left bottom;
  padding-bottom: 20px;
}
#single h1 em strong,#single h1 strong em {
    display: block;
    font-style: normal;
    font-weight: 500;
}
#single h2{
    font-size:36px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 20px;
}
.immagine-banner{
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 315px auto;
}
.cornice{
    background-image: url(../img/cornice.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 500px ;
}
#single-content{
    margin-right: 250px;
}
.colonne_due.image {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 600px;
}
.colonne_tre.image {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 600px;
}
.cornice-triangolo {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 600px;
    background-image: url(../img/cornice-triangolo.svg);
}
.cornice-triangolo .due-colonne, .cornice-triangolo .tre-colonne{
    width: 80%;
}
.bg_bg_tono2{
    background-color: #EAEAEA;    
}
.quattro_otto.bg_tono2{
    background-repeat: no-repeat;
    background-position:  right top;
    background-size: auto 100%;
        background-image: url(../img/tono_2.svg);  

}

table{
    border: 1px solid #F3F3F3;
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
td{
    border: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    width: calc(25% - 30px);
    display: inline-block;
}
tr:nth-child(even){
    background-color: hsla(0,0%,95%,0.80);
}
td:nth-child(even){
    background-color: hsla(0,0%,96%,0.50);
}
tr{
    border: 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;
    display: block;
    width: 100%;
}
th{
    width: calc(25% - 30px);
    display: inline-block;
    border: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    text-align: left;
    background-color: #212121;
    color: #FFFFFF;
}
span.block {
    display: block;
}
#newsletter input {
  background-color: #3d3c3f;
  padding-top: 7px;
  padding-right: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
  border-style: none;
  margin-left: 5px;
}
.piccino{
    font-size: 14px;
}

.colonna_footer {
    min-height: 440px;  
}
footer .piccino {
   line-height: 18px!important;
}
.box_15_destra{
    width: 85%;
    margin-right: 15%;
    position: relative;
}
.box_15_sinistra{
    width: 85%;
    margin-left: 15%;
    position: relative;
}
.foto_e_testo h2 {
  font-size: 40px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 32px;
  border-bottom: 1px solid #fff;
}
.testo_e_foto h2 {
  font-size: 40px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 32px;
  border-bottom: 1px solid #fff;
}
.foto_e_testo .post {
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 50px;
    padding-bottom: 50px;
}
.testo_e_foto .post {
    padding-top: 0px;
    padding-left: 50px;
    padding-right: 80px;
    padding-bottom: 50px;
}

.sequenza{
    position: relative;
}

.foto_cucina p {
    position: absolute;
    left: -100%;
    top: 50px;
    transition: 0.5s all;

}

.foto_cucina {
    width: 85%;
    height: 700px;
    margin-left: 15%;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    background-size: auto 103% ; /* Questo verrà sovrascritto dall'inline style */
    background-repeat: no-repeat;
 transition-property: background-size, width, margin-left, margin-right;
    transition-duration: 0.5s;
    margin-right: 0%;
    margin-bottom:50px;
    display: block;
}

.foto_cucina:hover {
 background-size:   auto 106%; 
         width:82%;
            margin-left: 16.5%;
    margin-right: 1.5%;
    cursor: pointer;
}

.fisso {
    position: fixed;
    top: 100px;
      left: 0px;
}
.fisso.pos_400 {
    position: absolute;
    top: 410px;
      left: 0px;
}
ul#nav_foto {
      z-index: 9;
    width: 12%;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
}ul#nav_foto li a:link, ul#nav_foto li a:visited {
    display: block;
    text-align: right;
    border-bottom: 1px solid #858585;
        padding-top: 10px;
    padding-bottom: 10px;
    color: #858585;
}
ul#nav_foto li a:hover, ul#nav_foto li a:active {
    border-bottom: 1px solid #fff;
    color: #fff;
    background-color: #000;
}
ul#nav_foto li.attiva a {
    border-bottom: 1px solid #fff;
    color: #fff;
}


ul.blocco_tags {
    display: block;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0%;
    margin-bottom: 0px;
    margin-left: 0%;
    list-style-type: none;
    position: static;
}
ul.blocco_tags li {
display: inline-block;
  width: 100px;
  margin-right: 15px;
  margin-left: 0%;
  margin-bottom: 15px;
    position: relative;
    height: 100px;
}
ul.blocco_tags li a:link span.tag_title, ul.blocco_tags li a:visited span.tag_title {
        background-image: url("../img/finestra.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px auto;
    position: absolute;
    padding-top: 100px;
    padding-left: 0px;
    top: 0px;
    left: 10px;
        width: 100px;
    height: 100px;
opacity: 0;
      padding-bottom: 10px;
       transition: all 0.3s;
    color: #fff;
}
ul.blocco_tags li a:hover span.tag_title {
    visibility: visible;
    display: inherit;
    background-image: url("../img/finestra.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 200px auto;
    position: absolute;
    padding-top: 200px;
    padding-left: 10px;
    top: 0px;
    left: 0px;
    width: 200px;
    opacity: 1;
    padding-bottom: 10px;
    transition: all 0.3s;
    color: #fff;
}
ul.blocco_tags li.colore_bianco a:hover span.tag_title {
    background-image: url("../img/finestra_bianco.svg");
}
ul.blocco_tags li a:link, ul.blocco_tags li a:visited{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    transition: all 0.3s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 120% auto;

}
ul.blocco_tags.specifiche li a:link, ul.blocco_tags.specifiche li a:visited{
    background-size: 100% auto;
}
ul.blocco_tags li.colore_bianco a:link, ul.blocco_tags li.colore_bianco a:visited{
    width: 98px;
    height: 98px;
    border: 1px solid #fff;
      transition: all 0.3s;
}
ul.blocco_tags li.colore_bianco a:hover, ul.blocco_tags li.colore_bianco a:active{
    width: 200px;
    height: 200px;
    border: 0px solid #000;
      transition: all 0.3s;
}
ul.blocco_tags li a:hover{
    position: absolute;
    top: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
    transition: all 0.3s;
    z-index: 100;
}
a.chiudi_colore{
display: none;
    visibility: hidden; 
}
span.colore_titolo {
    display: block;
    padding-top: 100px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url(../img/colore.svg);
    background-repeat:  no-repeat;
    background-position: left top;
    background-size: 496px auto;
    width: 300px;
    margin-top: 20px;
}

                 .tag_item:target {
position: fixed;
                     width: 100vw;
                     height: 100vh;
                     background-color: #000;
                     z-index: 99999999;
                       overflow: hidden;
                     transform: translateY(-50%);
                 }
                 .tag_item:target a.chiudi_colore:visited, .tag_item:target a.chiudi_colore:link, .tag_item:target a.chiudi_colore:hover, .tag_item:target a.chiudi_colore:active {
                                   width: 100vw;
                     height: 100vh;
                     background-color: #000;
                     z-index: 99999999;
                     display: block;
                     visibility: visible;
                     left: 0px;
                     top: 0px;
                     text-align: center;
                 }
           .tag_item:target a.chiudi_colore:visited, .tag_item:target a.chiudi_colore:link {
    background-image: url(../img/chiudi_colore.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 600px 600px;
                 }
.tag_item:target a.chiudi_colore:hover, .tag_item:target a.chiudi_colore:active {
    background-image: url("../img/chiudi_colore_hover.svg");
                 }
ul.blocco_tags li.tag_item:target a:link span.tag_title, ul.blocco_tags li.tag_item:target a:visited span.tag_title, ul.blocco_tags li.tag_item:target a:hover span.tag_title, ul.blocco_tags li.tag_item:target a:active span.tag_title {
        width: 500px;
    height: 500px;
opacity: 1;
    background-size: 100% auto;
  position: absolute;
  padding-top: 520px;
  padding-left: 20px;
  top: auto;
    left: 0px
}


em.inglese {
    font-size: 12px;
    font-style: normal;
    color: #ccc;
    display: block;
    padding-left: 15px;
    margin-top: 0px;
    padding-top: 0px;
    line-height: 12px;
}
h1 em.inglese {
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    padding-left: 5px;
}

.toggle {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #fff;
    cursor: pointer; 
    margin-bottom: 0px;
    margin-top: 0px;
     transition: 0.3s all;
        padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
}
    .toggle:hover {
padding-left: 35px;
    background-color:  #000;
        transition: 0.3s all;
}

.toggle-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    transition: transform 0.3s ease;
}

.toggle.active .toggle-icon {
    transform: rotate(45deg);
}

.toggle-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.toggle-content.active  {
    overflow: visible;;
}
.toggle-content.active {
    max-height: 500px;
}
.altezza_grande .toggle-content.active {
  max-height: 710px;
}
.apriechiudi{
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.apriechiudi.last{
    border-top:  0px solid #fff;
        
}.foto_h_fissa img, .foto_h_fissa picture {
  display: block;
  width: auto;
  height: 105%;
}
.column-count_una {

}

.post.column-count_due p, .post.column-count_tre p, .post.column-count_quattro 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;
}
.column-count_due {
column-count: 2;
}
.column-count_tre {
column-count: 3;
}
.column-count_quattro {
column-count: 4;
}
article.cucina {
    border: solid 1px #1e1e1e;
    transition: 0.3s all;
}
article.cucina:hover {
    border: solid 1px #FF2E34;
    transition: 0.3s all;
}
.wpml-ls-legacy-list-horizontal {
  border: 1px solid transparent;
  padding: 7px;
  clear: both;
  position: absolute!important;
  top: 28px!important;
  right: 66px!important;
}
.video-container {
  position: absolute; /* o fixed se vuoi che rimanga fermo allo scrolling */
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden; /* nasconde eventuali eccedenze del video */
    z-index: 10;
}

/* Il video si adatta senza distorcersi */
.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* riempie lo spazio ritagliando i bordi */
    position: absolute;
        z-index: 1;
        top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.materiale_campione a {
    background-image: url(../img/finestra.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 500px auto;
    padding-bottom: 40px;
    padding-top: 510px;
    padding-left: 20px;
}

.exit a:link, .exit a:active, .exit a:hover, .exit a:visited{
    background-image: url(../img/exit.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px auto;
    padding-left: 33px;
}
#pg {
    background-color: hsla(0,0%,100%,0.32);
    
}
.post ul.materiali_riservati li, .post ol.materiali_riservati li {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 30px;
}
.materiali_riservati {
    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;
        border-top: solid 1px #fff
}
.materiali_riservati li {
display: block;
        margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.materiali_riservati li a:link, .materiali_riservati li a:visited {
    display: block;
    padding-top:25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 55px;
    transition: 0.3s all;
    border-bottom: solid 1px #fff;
    border-left: solid 1px #fff;
    border-right: double1px #fff;
}
.materiali_riservati li:nth-child(odd) a:link, .materiali_riservati li:nth-child(odd) a:visited {
    background-color: hsla(0,0%,0%,0.25);
}
.materiali_riservati li a:hover, .materiali_riservati li a:active, .materiali_riservati li:nth-child(odd) a:hover, .materiali_riservati li:nth-child(odd) a:active {
    display: block;
    padding-top:25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 60px;
        transition: 0.3s all;
background-color: #000;
        background-position: 25px center;
}
.materiali_riservati li.pdf a:link, .materiali_riservati li.zip a:visited {
    background-image: url(../img/pdf.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 25px auto;
}
.materiali_riservati li.zip a:link, .materiali_riservati li.zip a:visited {
    background-image: url(../img/zip.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 25px auto;
}
.materiali_riservati li.rar a:link, .materiali_riservati li.rar a:visited {
    background-image: url(../img/rar.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 25px auto;
}


@media screen and (max-width: 1680px) {
  #larghezza1680 {}
}
@media screen and (max-width: 1500px) {
  #larghezza1500 {}
    #logo,.box {
    width: 100%;
}
}
@media screen and (max-width: 1400px) {
  #larghezza1400 {}
    .altezza_grande .toggle-content.active {
  max-height: 830px;
}
}
@media screen and (max-width: 1300px) {
  #larghezza1300 {}
      .claim, #cta-header{
    width: 70%;
}  
    .altezza_grande .toggle-content.active {
  max-height: 950px;
}
}
@media screen and (max-width: 1200px) {
  #larghezza1200 {}
        .claim, #cta-header{
    width: 80%;
}
  #banner h1 {
    font-size: 60px;
  }
  .box {
    width: 100%;
  }

}
@media screen and (max-width: 1100px) {
  #larghezza1100 {}
    .altezza_grande .toggle-content.active {
  max-height: 1070px;
}
}

@media screen and (max-width: 1024px) {
  #larghezza1024 {}
        .altezza_grande .toggle-content.active {
  max-height: 1190px;
}
.foto_h_fissa img, .foto_h_fissa picture {
  margin-left: auto;
  margin-right: auto;
}
  .post {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
  }  .postsingle {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
  }
    h2.categoria_single {
    padding-top: 25px;
  }
  .padding_top {
    padding-top: 0px;
  }
  .nuovo_paragrafi_numerati ol.numeri {
    padding-right: 25px;
    padding-left: 25px;
  }
  .banda {
    background-repeat: no-repeat;
    background-position: center 40px;
    background-size: 100% auto;
  }
  .allinea_destra {
    text-align: left;
  }
  #banner h1 {
    bottom: auto;
    top: 15%;
  }
  .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;
  }
  nav#menu ul li:hover ul.sub-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;
  }
  nav#menu ul li {
    display: block;
  }
  nav#menu {
    visibility: hidden;
    display: none;
  }
  nav#menu ul li a:link, nav#menu ul li a:visited {
    color: #202020;
  }
  nav#menu ul li a:hover, nav#menu ul li a:active {
    color: #e30d1b;
    background-color: #ffffff;
  }
  nav ul li ul {
    position: static;
    height: auto;
    overflow: visible;
    background-color: hsla(23, 5%, 34%, 0);
  }
  nav ul li:hover ul {
    height: auto;
    padding-top: 0px;
    position: static;
    left: autochi;
    top: auto;
  }
  .menu-item-has-children a::after {
    content: "";
  }
  .menu-item-has-children ul li a {
    padding-left: 0px;
  }
  nav ul li {
    font-weight: 700;
    font-size: 18px;
  }
  nav ul li ul li {
    font-weight: 400;
    font-size: 16px;
  }



  .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 {}
        .altezza_grande .toggle-content.active {
  max-height: 1430px;
}
        .padding_splide {
    padding-top: 100px;
    padding-left: 30px;
}
  .center_txt p.button a:link, .center_txt p.button a:visited {
    border-radius: 0px;
    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 {}
    .materiale_campione a {
   background-image: none;
    padding-top: 270px;
}
               .tag_item:target a.chiudi_colore:visited, .tag_item:target a.chiudi_colore:link {
    background-size: 90% auto;
                 }

ul.blocco_tags li.tag_item:target a:link span.tag_title, ul.blocco_tags li.tag_item:target a:visited span.tag_title, ul.blocco_tags li.tag_item:target a:hover span.tag_title, ul.blocco_tags li.tag_item:target a:active span.tag_title {
width: 290px;
    height: 290px;
      padding-top: 320px;
}
    .griglia_smart{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
            padding-left: 18px;
    }
    .apriechiudi{
    border-right: 1px solid #fff;
}
            .altezza_grande .toggle-content.active {
  max-height: 2200px;
}
.categoria article {
  height: 300px;
}
    .estratto p, #notizie .data {
display: none;
        visibility: hidden;
}
    .categoria article h3 {
    top: 200px;
    z-index: 10;
    left: 20px;
}
    p.cat{
padding-left: 20px;
}
    .categoria article h3 a:link,
    .categoria article h3 a:visited {
    background-color: hsla(0,0%,0%,0.89);
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}    .categoria article h3 a:hover,
    .categoria article h3 a:active {
    background-color: hsla(0,0%,0%,0.95);
}
    .colonna_footer {
  min-height: auto;
}
    footer .post {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}
   #link_colori, #link_ante{
 visibility: hidden;
       display: none;
}
       .column-count_due,.column-count_tre,.column-count_quattro{
  column-count: 1;
}
    .testo_e_foto .post {
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
}
    .foto_e_testo .post {
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
}
    .box_15_destra, .box_15_sinistra {
  width: 100%;
  margin-right: 0%;
            margin-left: 0%;
}
.padding_top_0, .padding_top_10, .padding_top_15, .padding_top_20, .padding_top_30, 
.padding_top_40, .padding_top_50, .padding_top_60, .padding_top_70, .padding_top_80, 
.padding_top_90, .padding_top_100, .padding_top_110, .padding_top_120, .padding_top_130, 
.padding_top_140, .padding_top_150, .padding_top_160, .padding_top_170, .padding_top_180, 
.padding_top_190, .padding_top_200, .padding_top_210, .padding_top_220, .padding_top_230, 
.padding_top_240, .padding_top_250 {
    padding-top: 20px !important;
}

.padding_bottom_0, .padding_bottom_10, .padding_bottom_20, .padding_bottom_30, 
.padding_bottom_40, .padding_bottom_50, .padding_bottom_60, .padding_bottom_70, 
.padding_bottom_80, .padding_bottom_90, .padding_bottom_100, .padding_bottom_110, 
.padding_bottom_120, .padding_bottom_130, .padding_bottom_140, .padding_bottom_150, 
.padding_bottom_160, .padding_bottom_170, .padding_bottom_180, .padding_bottom_190, 
.padding_bottom_200, .padding_bottom_210, .padding_bottom_220, .padding_bottom_230, 
.padding_bottom_240, .padding_bottom_250,
h2.padding_bottom_0, h3.padding_bottom_0, h4.padding_bottom_0, h5.padding_bottom_0, 
section.padding_bottom_0 {
    padding-bottom: 20px !important;
}
        .padding_top_150.no_reset {
    padding-top: 150px !important;
}
    .padding_top_50.no_reset {
    padding-top: 50px !important;
}
    .padding_top_100.no_reset {
    padding-top: 100px !important;
}
    .post_smart{
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}
.bg_img_testofoto, .image {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
}
    .categoria_splide {
  height: 950px;

}
    #banner header {
          bottom: 10vh;
  width: 90%;
}
    .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 #FF2E34;
}
    .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;
  }
  .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;
} 
#logo_footer a {
  background-position: left 20px;
}
}
@media screen and (max-width: 600px) {
  #larghezza600 {}
                .altezza_grande .toggle-content.active {
  max-height: 2600px;
}
  header#nuovo_banner.con_testo {
    height: 800px;
  }
  .centro {
    width: 400px;
    height: 300px;
  }   
.logo {
  left: 0px;
  transform: scale(0.5);
}
    .searchform {
  right: 0px;
  top: 67px;
          width: 250px;
}

.video-container {
  top: 130px; /* sotto la ricerca (top 67px + 60px di altezza) */
  height: 50vh;
}
    #banner header {
    background-color: hsla(0,0%,0%,0.80);
}
    #banner h1 {
  color: #fff;
}    #banner h2 {
  color: #fff;
}
}
@media screen and (max-width: 550px) {
  #larghezza550 {}
}
@media screen and (max-width: 400px) {
  #larghezza400 {}
  .centro {
    width: 300px;
    height: 225px;
  }
}
@media screen{
}