@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;700&family=Roboto+Slab:wght@600&family=Roboto:wght@400;700&display=swap');
@import url("https://fonts.googleapis.com/icon?family=Material+Icons&style=outlined");
/* adds icon in front of the element */

    /* adds icon in front of the element */
    .someclass:before { 
        /* https://github.com/google/material-design-icons/blob/master/iconfont/codepoints */
        content: "\E3E7"; 
        font-family: "Material Icons"; 
    }
/* ------------------------------------------- ATTRIBUTI GENERICI*/

html {
	scroll-behavior: smooth;
}
html, body, nav, nav ul, nav ul li {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: 0;
    padding-top: 0px;
}
input:focus, button:focus {
  outline: 0;
}
img {
  vertical-align: middle;
}
a {
  text-decoration: none;
}
ul li {
}
html, body {
  height: 100%;
  width: 100%;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fff;
    color: #5b5653;
    padding-top: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    letter-spacing: 0.03em;
    font-weight: 300;
    font-size: 18px;    
}
h1 {
    font-size: 45px;
    font-weight: 400;
    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: #5b5653;
} 
h1, h2 {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
        line-height: normal;
} 
 h2 {
    font-size: 40px;
    font-weight: 100;
    margin-top: 0px;
    color: #E30D1B;
} 
h3, h4, h5 {
     font-weight: 700;
            font-family: 'Roboto', sans-serif;
    margin-top: 0px;
    padding-top: 0px;
        line-height: normal;
} 

h3 {
    background-image: url("../img/riga_h3.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-size: 50px auto;
} 
.center_txt h3, h3.center_txt  {
    background-position: center bottom;
} 


.bg_speciale h3 {
    background-image: url("../img/riga_h3_bianca.svg")
} 
.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: 28px;
}
a:link,  a:visited{
    color: #B4020A;
    transition: 0.4s all;
  }
a:hover, a:active
{
    color: #e30d1b;
    transition: 0.4s all;
}
.bg_speciale a:link, .bg_speciale a:visited{
color: #DDDDDD;
    transition: 0.4s all;
  }
.bg_speciale a:hover, .bg_speciale a:active
{
    color: #FFC9CA;
    transition: 0.4s all;
}
section a:link, section a:visited{
    color: #B4020A;
    transition: 0.4s all;
    background-image: url(../img/freccia_link_rossa.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10px auto;
    padding-left: 15px;
    display: inline-block;
    margin-left: 4px;
  }
section a:hover, section a:active
{
     background-position: 2px center;
    color: #e30d1b;
    transition: 0.4s all;
}
.bg_speciale section a:link, .bg_speciale section a:visited{
color: #DDDDDD;
    transition: 0.4s all;
        background-image: url(../img/freccia_link_bianca.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10px auto;
    padding-left: 15px;
    display: inline-block;
  }
.bg_speciale section a:hover, .bg_speciale section a:active
{
         background-position: 2px center;
    color: #FFC9CA;
    transition: 0.4s all;
}
.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: 26px;
}
hr{
    margin:0px;
    padding:0px;
    clear:both;
    height:0px;
    width:90%;
    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;
}
strong, b {
	font-weight: 700;
}
/* -------------------------------------------------------- menu */

.menuicon  {
    display: none;
    visibility: hidden;
}
.condividiicon  {
    display: none;
    visibility: hidden;
}

#hamburger {
    visibility: hidden;
    display: none;
}
#condividi {
    visibility: hidden;
    display: none;
}
nav#menu {
    position: fixed;
    z-index: 200;
    top: 60px;
    transition: all 0.5s ease;
    font-size: 18px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 900px;
    left: 35%;
    font-weight: 700;
}
nav#menu.guida {
    position: fixed;
    z-index: 200;
    top: 0px;
    transition: all 0.5s ease;
    font-size: 18px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
    left: 0%;
    font-weight: 700;
    background-color: #e20e18;
}
nav#menu.solo {

    top: 10px;

}
.primo{
    position: absolute;
    left: 20%;
}
.secondo{
    position: absolute;
    left: 60%;
}

nav#menu ul {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
}
nav#menu ul li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    padding-top: 0px;
    display: inline-block;
}
nav#menu ul li a{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: block;
}
nav#menu ul li:hover ul.sub-menu{
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 12px;
    padding-right: 0px;
    padding-bottom: 12px;
    padding-left: 0px;
}

nav#menu ul li a:link, nav#menu ul li a:visited{
    color: #ffffff;
}
nav#menu ul li li a:link, nav#menu ul li li a:visited{
    color: #000000;
}
nav#menu.solo  ul li a:link, nav#menu.solo  ul li a:visited{
    color: #000000;
}
nav#menu ul li a:hover, nav#menu ul li a:active{
    color: #e30d1b;
    background-color: #ffffff;
}
nav#menu ul li li a:hover, nav#menu ul li li a:active{
    color: #e30d1b;
    background-color: #ffffff;
}
nav#menu.solo ul li a:hover, nav#menu.solo ul li a:active{
    color: #e30d1b;
    background-color: #ffffff;
}

nav ul li ul {
    position: fixed;
    height: 0;
    overflow: hidden;
    background-color: #ffffff;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
nav ul li:hover  {
  position: relative;
}
nav ul li:hover ul {
  height: auto;
  padding-top: 0px;
  position: absolute;
  left: 0px;
  top: 40px;
}
nav ul li ul li {
  font-weight: normal;
  float: none;
  padding: 0;
  min-width: 250px;
  border-top: none;
  text-transform: none;
}
nav ul li ul li a {
  padding: 10px 32px;
  display: block;
  margin-left: 0px;
  font-size: 15px;
  font-weight: 400;
}
.menu-item-has-children a::after {
    content: "\e5c5";
    font-family: "Material Icons";
    float: right;
    padding-left: 6px;
    font-size: 20px;	  
  } .menu-item-has-children ul li  a::after {
    content: "";
    float: none;
    padding-left: 0px;
    font-size: 0px;	  
  }.menu-item-has-children ul li  a {

    padding-left: 25px;

  }
  
/* -------------------------------------------------------- finemenu */

/* -------------------------------------------------------- bar */


 #bar {
    height: 90px;
    width: 100%;
    z-index: 102;
    position: fixed;
    top: 0px;
    transition: all 0.4s;
    padding-top: 50px;
}
 #bar.solo {
     transition: all 0.4s;
      padding-top: 0px;
      background-color: #FFFFFF;
     height: 70px;
}


  #bar #logo {
    position: absolute;
    left: 5%;
  }  
#bar #logo img {
    width: auto;
    height: 40px;
    padding-top: 5px;
     transition: all 0.4s;
}
#bar.solo #logo img {
    height: 45px;
    padding-top: 17px;
    transition: all 0.4s;
}

/* -------------------------------------------------------- fine bar */



/* -------------------------------------------------------- footer */

footer{
    width: auto;
    display: block;
    padding-right: auto;
    padding-left: auto;
    transition: all 1s;
    position: static;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 150px;
    padding-bottom: 80px;
    color: #FFFFFF;
    text-align: left;
    font-size: 14px;
    background-image: url(../img/footer-2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #36302c;
        border-top: 15px solid #e30d1b;

}


footer #logofooter img{
    width: 160px;
    height: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

footer h2{
	font-size: 30px;
	color: #000000;
	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;
	line-height: 25px;
}
footer h3{
    font-size: 22px;
    color: #fff;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    line-height: 18px;
    font-weight: 400;
}
footer .boxmini 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;

}
footer strong{
    color: #ffffff;
    display: block;
    padding-bottom: 5px;
}

footer em {
	font-style: normal;
}

footer a
{
}
footer a:link,footer   a:visited{
color: #f1efeb;
  }
footer a:hover, footer a:active
{
    color: #ffffff;
}



/* -------------------------------------------------------- Fine footer */

#content{
	background-color: #f7f7f6;
	padding-top: 0px;
	width: 25%;
	display: block;
	padding-right: 5%;
	padding-bottom: 60px;
	padding-left: 5%;
	position: static;
}

.box {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.minibox {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.boxmini {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.boxmenu {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.post {
    padding-top: 50px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
}
.duecolonne .post, .colonna .post, .trecolonne .post {
    padding-top: 10px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
}
.duecolonne  {
    padding-top: 0px;

}
.paddinglati {
    padding-right: 25px;
    padding-left: 25px;
}


.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%;
}
.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;	
}
.pre{
    padding-top: 35px;
}
.paddingtop{
    padding-top: 50px;
}
.paddingdestra{
    padding-right: 40px;
}
.paddingbottom{
    padding-bottom: 20px;
}
.topbottom{
    padding-bottom: 25px;
    padding-top: 25px;
}

.spazio {
    padding-top: 25px;
    padding-bottom: 25px;
}
.spaziopre{
    padding-top: 40px;
}
.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;
}
.nerotrasp{
    background-color: hsla(0,0%,0%,0.45);
}



.bg_primario{
    background-color: #FFFFFF;
      color: #5b5653;
}

.bg_secondario{
    background-color: #f0f0f0;
      color: #5b5653;
}
.bg_speciale{
    background-color: #B4020A;
    color: #ffffff;
}
.bg_speciale h2, .bg_speciale h3, .bg_speciale h4, .bg_speciale h5{
    color: #ffffff;
}
 .bg_secondario h3, .bg_secondario h4, .bg_secondario h5, .bg_primario h3, .bg_primario h4, .bg_primario h5{
  color: #5b5653;
}
.bg_secondario h2, .bg_primario h2{
    color: #E30D1B;
}
 .bg_secondario section a:link,  .bg_secondario section a:visited, .bg_primario section a:link,  .bg_primario section a:visited{
    color: #B4020A;
    transition: 0.4s all;
    background-image: url(../img/freccia_link_rossa.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10px auto;
    padding-left: 15px;
    display: inline-block;
    margin-left: 4px;
  }
 .bg_secondario section a:hover,  .bg_secondario section a:active, .bg_primario section a:hover,  .bg_primario section a:active
{
     background-position: 2px center;
    color: #e30d1b;
    transition: 0.4s all;
}
.bg_scuro{
    background-color: #2F2F2F;
}

.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;
}
#pagina {
    padding-top: 120px;
    padding-bottom: 20px;
}


.margini{
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
    margin-left: 10px;
} 

/* -------------------------------------- GALLERY */
.gallery  {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
   
}
.gallery .post a:link, .gallery .post a:visited,.gallery .post a:hover, .gallery .post a:active {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;   
}
.gallery dl {
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 18px;
    margin-left: 0px;
        width: 25%;
}
.gallery dl img{
    border-radius: 15px;
    width: 94%;
    margin-right: auto;
    margin-left: auto;
}
.gallery dt {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; 
}

.gallery .foto-1 {
  width: 50%;
  float: left;
}
.gallery .foto-1 img {
    width: 97.3%;
    height: auto;
    display: block;
        cursor: pointer;
}
.gallery .foto-5  {
    position: relative;
}
.gallery .foto-5 strong {
    position: absolute;
    text-align: center;
    display: block;
    top: 10px;
    left: 60px;
    color: #FFFFFF;
    text-shadow: 1px 1px #000000;
}
.gallery .foto-5 strong a {
cursor: pointer;
    color: #FFFFFF;
    text-shadow: 1px 1px #000000;
}
.gallery img {
        cursor: pointer;
}
.gallery a img{
        cursor: pointer;
}
.gallery .foto-2, .gallery .foto-3, .gallery .foto-4, .gallery .foto-5{
float: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 18px;
margin-left: 0px;
width: 25%;
}
.gallery .foto-2 img, .gallery .foto-3 img, .gallery .foto-4 img, .gallery .foto-5 img{
    width: 94%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    display: block;
        cursor: pointer;
}
.gallery .foto-2 a img, .gallery .foto-3 a img, .gallery .foto-4 a img, .gallery .foto-5 a img{
        cursor: pointer;
}
span.material-icons-outlined {
  font-family: 'Material Icons';
}
.material-icons-round {
  font-size: 45px !important;
}


footer ul#social_f {
    position: absolute;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    z-index: 150;
    top: -100px;
    left: 50%;
    width: 180px;
    transform: translate(-90px,0px)
}
 #social_f 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;
	width: 45px;
	height: 45px;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
	float: left;
}
 #social_f li a {
	padding-left: 45px;
	height: 45px;
	display: block;
	background-image: url(../img/social.svg);
	background-repeat: no-repeat;
	background-size: 350px 300px;
}#social_f li a:link, #social_f li a:visited
{
filter: grayscale(1) brightness(3.0)
}
#social_f li a:hover, #social_f li a:active  {
filter: grayscale(1) brightness(3.5);
    
}
ul#social_f.tondo li#facebook_f a:link, ul#social_f.tondo li#facebook_f a:visited {
	background-position: 0px -100px;
}
 ul#social_f.tondo li#linkedin_f a:link, ul#social_f.tondo li#linkedin_f a:visited {
	background-position: -100px -100px;
}
ul#social_f.tondo li#instagram_f a:link, ul#social_f.tondo li#instagram_f a:visited {
	background-position: -150px -100px;
}
ul#social_f.tondo li#youtube_f a:link, ul#social_f.tondo li#youtube_f a:visited {
	background-position: -300px -100px;
}

/* -------------------------------------- BUTTON */

#banner p.button {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, 0px);
}

#banner p.button a:link, #banner p.button a:visited {
    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;
}

#banner p.button a:hover, #banner p.button a:active {
    background-position: 20px center;
    transition: all 0.3s ease;
}

p.button {
    margin-top: 35px;
    background-image: none;
}
p.button a {
            background-image: none;

}

.trecolonne p.button, .duecolonne p.button {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
}
p.button::after {
content: "";
}
p.button a:link, p.button a:visited {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 22px;
    transition: all 0.5s ease;
    padding-left: 80px;
    padding-right: 40px;
    color: #ffffff;
    background-color: #E20E18;
}
.bg_speciale .post p.button a:link, .bg_speciale .post p.button a:visited, .bg_speciale .post p.button a:hover, .bg_speciale .post p.button a:active {
    color: #ffffff;
}
.bg_secondario .post p.button a:link, .bg_secondario .post p.button a:visited, .bg_secondario .post p.button a:hover, .bg_secondario .post p.button a:active {
    color: #ffffff;
    background-image: none;
    transition: all 0.5s ease;
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
}
.bg_primario .post p.button a:link, .bg_primario .post p.button a:visited, .bg_primario .post p.button a:hover, .bg_primario .post p.button a:active {
    color: #ffffff;
        transition: all 0.5s ease;
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
}
.bg_primario .post p.button a:link, .bg_primario .post p.button a:visited, .bg_secondario .post p.button a:link, .bg_secondario .post p.button a:visited,.bg_speciale .post p.button a:link, .bg_speciale .post 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 .post p.button a:hover, .bg_primario .post p.button a:active, .bg_secondario .post p.button a:hover, .bg_secondario .post p.button a:active, .bg_speciale .post p.button a:hover, .bg_speciale .post p.button a:active {
    background-position: 20px center;
    transition: all 0.3s ease;
}
p.button a:hover, p.button a:active{
    transition: all 0.5s ease;
    background-color: #F73925;
        background-image: none;

}

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;
        background-image: none;

}

p.button.bianco a:hover, p.button.bianco a:active{
    transition: all 0.5s ease;
    color: #e30d1b;
        background-image: none;

}



.articolo{
    height: 450px;
    position: relative;
    overflow-y: hidden;
}

.loop_standard {
    height: 480px;
    overflow-y: hidden;
}
a:link.whatsapp, a:visited.whatsapp{
    display: block;
    padding-left: 40px;
    background-image: url(../img/whatsapp.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px auto;
}
a:hover.whatsapp, a:active.whatsapp{
    background-image: url("../img/whatsapp_hover.svg");
}

.testo_immagine{
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1080px auto;
}
.immagine_testo{
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1080px auto;
}
.immagine_testo .riquadro{
    float: right;  
}
.riquadro{
    width: 600px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.bg_secondario .riquadro .post{
    background-color: #F1EFEB;
    padding-top: 80px;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
}
.bg_speciale .riquadro .post{
    background-color: #4a4a49;
    padding-top: 80px;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
    color: #ffffff;
}
.bg_speciale h2{

}
.borditondi{
    border-radius:35px;
}
.frecce{
    fill:#ED8F4B;
}
.frecce:hover{
    fill:#e30d1b;
}

/* -------------------------------------------------------- Page dinamica */
#banner {
    margin-top: 0px;
    position: relative;
    overflow-y: hidden;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center top;
    color: #000;
    text-align: left;
    background-size: cover;
    background-color: #E20E18;
}
#bannersingle {
    margin-top: 0px;
    position: absolute;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center top;
    color: #000;
    text-align: left;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
    z-index: -10;
}
#bannersingle span{
    position: absolute;
    top: -1000px;
    left: -1000px;

}
#single {
    padding-top: 200px;
}
#bannersingle.img_sfocata {
filter: blur(6px);
    transform: scale(120%);
}

#bannerhome {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
rect.frame {
  fill: hsla(0,0%,0%,0.0);
}
#banner h1 {
    color: #ffffff;
    margin-bottom: 20px;
    line-height: normal;
    position: absolute;
    bottom: 50%;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 80px;
}
#banner h2 {
    font-size: 28px;
    color: #ffffff;
    font-weight: 700;
        position: absolute;
  bottom: 35%;
    width: 100%;
    display: block;
    text-align: center;
            font-family: 'Roboto', sans-serif;

}
#banner p {
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
        position: absolute;
  bottom: 20%;
    width: 100%;
    display: block;
    text-align: center;

}
#banner header {
    margin-top: 0px;
    height: 100vh;
    display: block;
    width: 100%;
    background-color: hsla(0,0%,7%,0.50);
}
.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;
}

.sfuma{
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 48.50%,rgba(0,0,0,0.80) 71.58%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.00) 48.50%,rgba(0,0,0,0.80) 71.58%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.00) 48.50%,rgba(0,0,0,0.80) 71.58%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 48.50%,rgba(0,0,0,0.80) 71.58%);
    display: block;
    padding-top: 650px;
    padding-bottom: 50px;
}
.testo_bianco, .testo_bianco h2{
    color: #FFFFFF;
}
.pienoschermo{
    background-repeat: no-repeat;
    background-position: center top;
}


/* ---------- peraprire è lo stile del tasto che apre il menu (o il div di destinazione) */
#peraprire {
	display: block;
	position: fixed;
	padding-top: 10px;
	z-index: 2000;
	color: #FFFFFF;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 60px;
	height: 60px;
	right: 35px;
	bottom: 35px;
			transition: all 0.3s;

}
/* ---------- 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 + #peraprire {
			transition: all 0.3s;
bottom: 130px;
}
/* ---------- area di chiusura del tasto chiudi quando il div è aperto */
a.perchiudere {
    visibility: hidden;
    transition: all 0.3s;
    background-repeat: no-repeat;
    background-position: 95% 5%;
    background-size: 40px auto;
    background-image: url(../img/loading_bianco.svg);
} .aperto:target a.perchiudere {
    visibility: visible;
    position: fixed;
    right: 0px;
    top: 0px;
    display: block;
    z-index: 999999999;
    width: 100vw;
    height: 100vh;
    background-image: url("../img/chiudi.svg");
    background-repeat: no-repeat;
    background-position: 95% 5%;
    background-size: 40px auto;
    overflow-x: hidden;
    overflow-y: hidden;
}
a.perchiudere span{
    position: fixed;
    top: -100px;
}
/* ---------- stile del bottone del tasto chiudi quando il div è aperto */
a.perchiudere img {
    width: 20px;
    height: 20px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 35px;
}
/* -------------------------------------------------------- chat */


	.centro{
    transition: all 0.3s;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-400px, -300px);
    background-repeat: no-repeat;
    background-position: left top;
    width: 800px;
    height: 600px;
        z-index: 9999999999;
}
.caption {
  z-index: 99999999999;
  position: fixed;
  top: 50%;
  display: block;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: hsla(0,0%,0%,0.60);
  color: #FFFFFF;
  text-align: center;
  width: 800px;
  left: 50%;
  transform: translate(-400px, 300px);
}

	rect.frame{
    fill: hsla(0,0%,0%,0.0);
}

a.avanti{
    position: fixed;
    right: 0px;
    z-index: 9999999999999999;
    top: 50%;
    width: 100px;
    height: 100px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-image: url(../img/freccia_destra.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px auto;
    transform: translate(0px, -50px)
}
.avanti span{
    position: fixed;
    right: -1000px;
}
.indietro{
    position: fixed;
    left: 0px;
   z-index: 9999999999999999;
    top: 50%;
    width: 100px;
    height: 100px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-image: url("../img/freccia_sinistra.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px auto;
    transform: translate(0px, -50px)
        
}
.indietro span{
    position: fixed;
    left: -1000px;
}


	.parallasse {
	position: relative;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
	text-align: center;
    color: #FFFFFF;
}
.parallasse header {
   background-color: hsla(0,0%,0%,0.68);
    height: 500px;
    display: block;
    width: 100%;
}
.parallasse h2 {
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 120px;
    line-height: normal;
    background-image: none;
}
.parallasse h3 {
    color: #FFFFFF;
    font-weight: 400;
    text-transform: none;
    background-position: center bottom;
}
.foto_di_sfondo {
	position: relative;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 800px;
}
.foto_di_sfondo .spaziopre{
    margin-top: 80px;
}
.foto_di_sfondo header {

}
.foto_di_sfondo h2 {
    margin-bottom: 10px;
    line-height: normal;
    background-image: none;
}
.foto_di_sfondo h3 {
    font-weight: 400;
    text-transform: none;
}
.foto {
  height: 980px;
  background-repeat: no-repeat;
  background-position: center center;
}

.titoliprima h2, .titoliprima h3 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.titoliprima h3.conh2 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.titoliprima.spaziopre {
    padding-top: 55px;
}
 h1#categoria{
    margin-top: 130px;    
}
#cat h2{
    font-size: 22px;
}
ol.numeri{
      counter-reset: my-awesome-counter;
  list-style: none;
}

.paragrafi_numerati ol span.numero{
    color: #e20e18;
    font-size: 100px;
    line-height: 80px;
    position: absolute;
    top: 0px;
    left: -25px;
    display: block;
    z-index: 1;
    font-weight: 700;
}
.paragrafi_numerati ol h2{
    color: #4F4F4F;
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 2;
    line-height: 15px;
}
.paragrafi_numerati ol li{
    padding-top: 85px;
    position: relative;
    padding-bottom: 20px;
    line-height: 30px;
}
.allineamentodestra{
    text-align: right;
}
.carica .col_8 .post{
    padding-top: 65px;
}
.carica h4 {
    font-size: 22px;
}
.allinea_sinistra{
    float: left;
}
.allinea_destra{
    float: right;
}

ul.menu li.facebook, ul.menu li.instagram, ul.menu li.linkedin, ul.menu li.youtube {
    width: 50px;
    overflow-x: hidden;
    margin-right: 0px;
        margin-top: 0px;
}
.menu{
    position: relative;
}
nav#menu ul.menu li.facebook {
    position: absolute;
    right: 125px;
     top: 0px;
}
 nav#menu ul.menu li.instagram{
    position: absolute;
    right: 75px;
    top: 0px;
}
/*nav#menu ul.menu li.linkedin {
        position: absolute;
right: 75px;
     top: 0px;
}*/
nav#menu ul.menu li.youtube {
    position: absolute;
    right: 25px;
     top: 0px;
}


nav#menu ul li.facebook a, nav#menu ul  li.instagram a, nav#menu ul  li.linkedin a, nav#menu ul  li.youtube a{
    padding-left: 60px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
}
ul.menu li.facebook a:link, ul.menu li.facebook a:visited{
    background-image: url("../img/facebook_bianco.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 45px auto;
    padding-left: 60px;
}
.solo ul.menu li.facebook a:link, .solo ul.menu li.facebook a:visited{
    background-image: url(../img/facebook.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 45px auto;
    padding-left: 60px;
}
ul.menu li.facebook a:hover, ul.menu li.facebook a:active, .solo ul.menu li.facebook a:hover, .solo ul.menu li.facebook a:active{
    background-image: url("../img/facebook_hover.svg");
    padding-left: 60px;
}
 ul.menu li.instagram a:link, ul.menu li.instagram a:visited{
    background-image: url("../img/instagram_bianco.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 45px auto;
    padding-left: 60px;
}
.solo ul.menu li.instagram a:link,.solo ul.menu li.instagram a:visited{
    background-image: url(../img/instagram.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 45px auto;
    padding-left: 60px;
}
ul.menu li.instagram a:hover, ul.menu li.instagram a:active, .solo ul.menu li.instagram a:hover, .solo ul.menu li.instagram a:active{
    background-image: url("../img/instagram_hover.svg");
    padding-left: 60px;
}



ul.menu li.linkedin a:link, ul.menu li.linkedin a:visited{
    background-image: url("../img/linkedin_bianco.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 40px auto;
    padding-left: 60px;
}
.solo ul.menu li.linkedin a:link, .solo ul.menu li.linkedin a:visited{
    background-image: url(../img/linkedin.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 40px auto;
    padding-left: 60px;
}
ul.menu li.linkedin a:hover, ul.menu li.linkedin a:active, .solo ul.menu li.linkedin a:hover,.solo  ul.menu li.linkedin a:active{
    background-image: url("../img/linkedin_hover.svg");
    padding-left: 60px;
}


ul.menu li.youtube a:link, ul.menu li.youtube a:visited{
    background-image: url("../img/youtube_bianco.svg");
    background-repeat: no-repeat;
    background-position: 2px top;
    background-size: 40px auto;
    padding-left: 60px;
}
.solo ul.menu li.youtube a:link, .solo ul.menu li.youtube a:visited{
    background-image: url(../img/youtube.svg);
    background-repeat: no-repeat;
    background-position: 3px top;
    background-size: 40px auto;
    padding-left: 60px;
}
ul.menu li.youtube a:hover, ul.menu li.youtube a:active, .solo ul.menu li.youtube a:hover, .solo  ul.menu li.youtube a:active{
    background-image: url("../img/youtube_hover.svg");
    padding-left: 60px;
}
p.button.pdf, p.button.doc {
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;
} 
ul.breadbrumb{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 50px;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 25px;
    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;
}

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: 27px;
    background-repeat: no-repeat;
    background-position: left 15px;
    background-image: url(../img/home.svg);
    background-size: auto 20px;
}
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;
}
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;
}

summary{
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 30px;
    font-weight: 700;
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #E7E7E7;
    cursor: pointer;
}

#guida dl{
    background-color: #F3F3F3;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    margin-top: 10px;
}
#guida details p:last-child{
    padding-bottom: 30px;
}
#guida ol {
  counter-reset:item;
}
 
#guida ol>li {

  text-indent:-2em;
  list-style-type:none;
  counter-increment:item;
}
#guida ol>li dl {

  text-indent: 0em;
  list-style-type:none;
  counter-increment:item;
}
 
#guida ol>li:before {
  display:inline-block;
  width:1.5em;
  padding-right:0.5em;
  font-weight:bold;
  text-align:right;
  content:counter(item) ".";
}
#menu_guida{
    padding-bottom:150px;
            padding-top: 80px;

}
#menu_guida .box{
    border-top: 3px solid #e20e18;
        padding-top: 40px;

}
#menu_guida .post{
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
}
#menu_guida ul li a{
    background-image: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}
#menu_guida 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;
}
#menu_guida 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;
        font-weight: 700;

}
#menu_guida ul li 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: 23px;
    font-weight: 400;
    background-image: url(../img/freccia_link_rossa.svg);
    background-size: 7px auto;
    background-repeat: no-repeat;
    background-position: 5px center;
}

#vai_al_menu{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 25px;
    top: 25px;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 200;
}
#vai_al_menu a:link, #vai_al_menu a:visited{
    padding-left: 70px;
    background-color: #333333;
    display: block;
    width: 100px;
    height: 100px;
    background-image: url("../img/menu.svg");
    background-repeat: no-repeat;
    background-position: 13px 17px;
    background-size: 25px auto;
	 transition: all 0.5s ease;
}
#vai_al_menu a:hover, #vai_al_menu a:active{
    background-color: #e20e18;
    background-repeat: no-repeat;
	 transition: all 0.5s ease;
}
.contornofoto img{
    border: 1px solid #D4D4D4;
}
table{
    width: 100%;
        border: 1px solid #D4D4D4;

}
tr{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
td{
        padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
tr:nth-child(even) {background-color: #f2f2f2;}
#crilucca{
    background-color: #008E91;    
}
.cmplz-fmail-domain {
    visibility: hidden!important;
    width: 0px;
    overflow-x: hidden;
    display: none;
}
   @media screen and (max-height: 900px)
{
    #900altezza {}
    /* -------------------------------------------------------- navigation */

    
 }
@media screen and (max-width: 1680px)
{
    .immagine picture, .immagine img{
	width: 120vh;
    height: 120vh;
    display: block
}

}

@media screen and (max-width: 1500px)
{
#larghezza1500 {}
/* -------------------------------------------------------- IMMAGINE PRINCIPALE */

/* -------------------------------------------------------- FINE IMMAGINE PRINCIPALE */
}

@media screen and (max-width: 1400px)
{
        footer em {
	display: block;
}
footer em::before  {
content: "";
}
	.box_largo{
    width: auto;
}
    nav#menu {
    left: 22%;
}
}
    @media screen and (max-width: 1300px)
{
#larghezza1300 {}
#content{
	width: 40%;
}
    header hgroup{
	width: 40%;
} 
    footer{
	width: 100%;
}
   
    
footer{
}
    .immagine{
	width: 50%;
	height: auto;
	right: 0px;
	bottom: 0px;
}
.immagine picture, .immagine img{
	width: 140%;
    height: auto;
    display: block
}


}
@media screen and (max-width: 1200px)
{
#larghezza1200 {}
    #banner h1 {
    font-size: 60px;
}
	#obiettivi{
    border-left: 0px solid #5da0cd;
    border-right: 0px solid #5da0cd;
    border-bottom: 0px solid #5da0cd;
    border-top: 0px solid #5da0cd;
    position: static;
    right: auto;
    top: auto;
    width: auto;
    line-height: 28px;
}
	.onmousehover .testi{
    width: 80%;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    margin-left: 5%;
    margin-top: 5%;
    line-height: 20px;
}
.onmousehover .testi p{
    padding-top: 15px;
    padding-bottom: 15px;
}
.box{
	width: 100%;
}
    .allinea_sinistra{
    float: none;
}
.allinea_destra{
    float: none;
}

	#banner{
    position: relative;
}

}
@media screen and (max-width: 1150px)
{
    #larghezza1150 {}
    #bar #logo {
  left: 2%;
}
    nav#menu ul li a {
  padding-right: 9px;
  padding-left: 9px;
}
    nav#menu ul.menu li.facebook {
    right: 180px;
}
 nav#menu ul.menu li.instagram{
    right: 130px;
}
nav#menu ul.menu li.youtube {
    right: 80px;
}
    }
@media screen and (max-width: 1024px) {
	#larghezza1024 {
}
    .allinea_destra ul li{
    margin-left: 0px;
}
    .allinea_destra {
    text-align: left;
}
    #banner h1 {
    bottom: 65%;

}
    .paragrafi_numerati ol h2 {
    line-height: normal;
    font-size: 18px;
}
    #banner h1, #banner h2 {
    line-height: normal;
}
    .duecolonne .primacolonna, .trecolonne .primacolonna, .trecolonne .secondacolonna {
    background-image: url(../img/riga.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 1px;
}
    nav#menu ul li a {
  padding-top: 5px;
  padding-bottom: 5px;

}
    .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: 100px;
}
.centrato  {
    position: relative;
    top: auto;
    width: auto;
    left: auto;
    margin-top: 100px;
}

 #bar {

     padding-top: 0px
}

 
#bar #logo img {
    width: auto;
    height: 45px;
    padding-top: 10px;
}


    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: #000000;
}
    nav#menu ul li a:hover, nav#menu ul li a:active{
    color: #e30d1b;
    background-color: #ffffff;
}
.menuicon  {
    display: inherit;
    visibility: visible;
}.condividiicon  {
    display: inherit;
    visibility: visible;
}
.menuicon span{
    background-image: url("../img/apri_menu.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px auto;
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    cursor: pointer;
    position: fixed;
    top: 25px;
    left: 58%;
    z-index: 105;
}
    .condividiicon span{
    background-image: url("../img/condividi.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px auto;
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    cursor: pointer;
    position: fixed;
    top: 15px;
    left: 2%;
    z-index: 105;
}
    .condividiicon span em{
    padding-left: 60px;
    padding-top: 60px;
    display: block;
}

    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;
}
    
.menuicon span:hover{
    background-image: url("../img/apri_menu_hover.svg");

}
    .condividiicon span:hover{
    background-image: url("../img/condividi_hover.svg");

}
.menuicon em {
    display: block;
    margin-left: 80px;
}
    #hamburger:checked ~ nav#menu {
    display: block;
    visibility: visible;
    transition: all 0.5s ease;
    z-index: 300;
    width: 350px;
    top: 70px;
    left: 0%;
    background-color: #fff;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#hamburger:checked ~ .menuicon span{
    background-image: url("../img/chiudi_menu.svg");
    background-size: 35px auto;
}
#hamburger:checked ~ .menuicon span:hover{
    background-image: url("../img/chiudi_menu_hover.svg");
}

    .gallery dl {
    margin-bottom: 1.5%;
}
    .menuicon span{
    left: 20px;
        right: auto;
        top: 15px;
}
.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: none;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}
	.onmousehover .testi{
    position: absolute;
    display: block;
    width: 250px;
    height: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    color: #FFFFFF;
    opacity: 1;
    top: 60px;
    left: 50%;
    margin-left: auto;
    margin-top: auto;
    transition: all 0.5s ease;
    line-height: 28px;
    margin-right: auto;
        transform: translate(-145px, 0px)
}
.onmousehover .testi p{
    padding-top: 15px;
    padding-bottom: 15px;
}.onmousehover:hover .testi,.onmousehover:active .testi{
  transition: all 0.5s ease;
	opacity: 1;
	
}.onmousehover li {
    background-image: url('../img/validate_nero.svg');
}
	#slideshow {
    padding-bottom: 77%; /* 16:9 */
}

.boxstretto{
    width: auto;
}
	
html, body {
  height: auto;
  width: auto;
}

/* ----------------- div bar per l'attivazione del menu ------------------ */
#bar {
        background-color: #fff;
    height: 80px;
    width: 100vw;
    z-index: 102;
    position: fixed;
    top: 0px;
}
#bar #logo {
    float: none;
    margin-right: 12px;
	width: 80px;
	transform: translate(0px, 0px);
	left: 90px;
	 position: absolute;
}
#bar #logo img {
   width: auto;
    height: 35px;
    padding-top: 15px;
}
    #bar.solo #logo img {
   width: auto;
    height: 35px;
    padding-top: 18px;
}
    .duecolonne .post, .colonna .post, .trecolonne .post {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}
nav#menu ul.menu li.facebook {
    position: relative;
    right: auto;
    top: auto;
    text-align: center;
}
 nav#menu ul.menu li.instagram{
    position: relative;
    right: auto;
    top: auto;
         text-align: center;

}
/*nav#menu ul.menu li.linkedin {
        position: absolute;
right: 75px;
     top: 0px;
}*/
nav#menu ul.menu li.youtube {
    position: relative;
    right: auto;
    top: auto;
        text-align: center;
}
    nav#menu ul.menu li.youtube,  nav#menu ul.menu li.instagram, nav#menu ul.menu li.facebook{
    margin-right: auto;
    margin-left: auto;
}
 ul.menu li.instagram a:link, ul.menu li.instagram a:visited, .solo ul.menu li.instagram a:link,.solo ul.menu li.instagram a:visited, ul.menu li.youtube a:link, ul.menu li.youtube a:visited, .solo ul.menu li.youtube a:link, .solo ul.menu li.youtube a:visited, ul.menu li.youtube a:hover, ul.menu li.youtube a:active, .solo ul.menu li.youtube a:hover, .solo  ul.menu li.youtube a:active, .solo ul.menu li.facebook a:link, .solo ul.menu li.facebook a:visited,  ul.menu li.facebook a:link,  ul.menu li.facebook a:visited{
    background-position: center top;
}
    ul.menu li.instagram a:link, ul.menu li.instagram a:visited{
    background-image: url("../img/instagram.svg");
}
ul.menu li.facebook a:link, ul.menu li.facebook a:visited{
    background-image: url("../img/facebook.svg");
}
ul.menu li.youtube a:link, ul.menu li.youtube a:visited{
    background-image: url("../img/youtube.svg");
}
    ul.menu li.instagram a:hover, ul.menu li.instagram a:active{
    background-image: url("../img/instagram_hover.svg");
}
ul.menu li.facebook a:hover, ul.menu li.facebook a:active{
    background-image: url("../img/facebook_hover.svg");
}
ul.menu li.youtube a:hover, ul.menu li.youtube a:active{
    background-image: url("../img/youtube_hover.svg");
}
  }
@media screen and (max-width: 900px){
#larghezza900 {}

.riquadro{
    width: 70%;
    padding-top: 400px;
    padding-bottom: 100px;
    margin-right: auto;
    margin-left: auto;
}
	#slideshow h2 a{
    padding-top: 40px;
    padding-bottom: 40px;
	font-size: 25px;
}
 ul#navslide {
    bottom: 78px;
}


    #content{
	width: 90%;
        transition: all 1s;
}
        header hgroup{
	width: 90%;
} 
    footer{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}
    #menu:target + #content{
	width: 90%;
        transition: all 1s;
}
.immagine{
	position: relative;
	width: 100%;
	height: auto;
	right: 0px;
	bottom: 0px;
	overflow-x: hidden;
}
.immagine picture, .immagine img{
	width: 100%;
    height: auto;
    display: block;
    margin-bottom: 30px;
}

        footer em {
	display: inline;
}
footer em::before  {
content: " - ";
}
    .boxmenu{
	width: 100%;
}
      #chiudi{
    cursor: pointer;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(360px,-360px);
    z-index: 1005;
}

    } 
@media screen and (max-width: 800px) {
    #larghezza800  {
}
    
    	 .minibox{
    width: 100%;
}
   	 .caption{
    top: auto;
         bottom: 50px;
    width: 100%;
    left: 0%;
         transform: translate(0px, 0px);
}
            	.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 {}
        	.parallasse, .foto_di_sfondo {
    background-size: auto 100%;
    background-attachment: scroll;
}
    ul.breadbrumb{
    margin-left: 15px;
}
    #banner h1 {

    font-size: 32px;
}
    .gallery .foto-1, .gallery .foto-2, .gallery .foto-3, .gallery .foto-4, .gallery .foto-5{
float: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 18px;
margin-left: auto;
width: 70%;
}
.gallery .foto-1 img, .gallery .foto-2 img, .gallery .foto-3 img, .gallery .foto-4 img, .gallery .foto-5 img{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    display: block;
        cursor: pointer;
}
     h2 {
    font-size: 30px;
} 
    .post {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
} 

.gallery dl {
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 18px;
    margin-left: 0px;
        width: 25%;
}
.gallery dl img{
    border-radius: 15px;
    width: 93%;
    margin-right: auto;
    margin-left: auto;
}
.gallery dt {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; 
}
.gallery dl.foto-1 {
    width: 100%;
    float: none;
}
.gallery dl.foto-1 img {
 width: 98%;
}


.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%;
}
footer span
	{
    display: block;
}
 .due_colonne {
  column-count: 1;
  column-gap: 0px;
}
.tre_colonne {
  column-count: 1;
  column-gap: 0px;
}
    footer ul#social_f {

    bottom: auto;
        top: -100px;

}
}
@media screen and (max-width: 600px)
{
#larghezza600 {}

    	.centro{
    width: 400px;
    height: 300px;
}    	     }
@media screen and (max-width: 550px)
{
#larghezza550 {}    

footer em::before  {
content: "";
}
}
@media screen and (max-width: 400px) {
    #larghezza400  {
}
    	.centro{
    width: 300px;
    height: 225px;
}

}
@media screen and (max-width: 300px)
{
#larghezza300 {}    


}