/*@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url("https://fonts.googleapis.com/icon?family=Material+Icons&style=outlined");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0");
/* 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*/

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

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

body {
        font-family: 'Lato', sans-serif;
font-weight: 400;
font-style: normal;
    background-color: #FFFFFF;
    color: #161615;
    padding-top: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 18px;    
}
h1 {
    font-size: 50px;
    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: #161615;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
} 
 h2 {
    font-weight: 400;
        line-height: normal;
    font-size:32px;
    margin-top: 0px;
    color: #161615;
         background-image: url(../img/riga_h2.svg);
    background-repeat: no-repeat;
    background-position: left top;
         background-size: 110px 1px;
         padding-top: 30px;
} 
#due_foto h2 {
    font-weight: 400;
        line-height: normal;
    font-size:25px;
    margin-top: 0px;
    color: #161615;
         background-image: none;
         padding-top: 10px;
} 
h3, h4, h5 {
     font-weight: 700;
    color: #161615;
    margin-top: 0px;
    padding-top: 0px;
        line-height: normal;
} 

h3 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-size: 50px auto;
} 
.center_txt h3, h3.center_txt  {
    background-position: center bottom;
} 


.bg_speciale h1 {
    color: #FFFFFF;
} 
.trecolonne h3 {
    margin-top: 0px;
    padding-top: 15px;
} 
h2.center_txt, .center_txt h2 {
    background-position: center top;
 
} 
  
a
{
	text-decoration: none;
}
p
{
    line-height: 28px;
}
a:link,  a:visited{
    color: #161615;
    transition: 0.4s all;
    text-decoration: underline;
  }
a:hover, a:active
{
    color: #008EAE;
    transition: 0.4s all;
    text-decoration: underline;
}
section a{
    text-decoration: underline;
}
.bg_speciale a:link, .bg_speciale a:visited{
    color: #F2F2F2;
    transition: 0.4s all;
    text-decoration: underline;
  }
.bg_speciale a:hover, .bg_speciale a:active
{
    color: #36C486;
    transition: 0.4s all;
}
section a:link, section a:visited{
    color: #161615;
    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-image: url(../img/freccia_link_verde.svg);
     background-position: 2px center;
    color: #008EAE;
    transition: 0.4s all;
}
.bg_speciale section a:link, .bg_speciale section a:visited{
color: #F2F2F2;
    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: #ffffff;
    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 */
input#hamburger, .menuicon {
    visibility: hidden;
    display: none;
}

#menu
 {
    position: absolute;
    right: 5%;
    top: 30px;
     z-index: 101;
}
#menu.nobanner
 {
    right: 80px;
}
#menu .post, #menu 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;
}
.menu-item-has-children{
    background-image: url(../img/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px auto;
}
#menu ul li
 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: inline-block;
}
#menu ul li a:link, #menu ul li a:visited
 {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #161615;
    text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:active
 {
    color: #008EAE;
    text-decoration: none;     
}
#menu.menu-bianco ul li a:link, #menu.menu-bianco ul li a:visited
 {
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 20px;
    color: #ffffff;
    text-decoration: none;
}
#menu.menu-bianco ul li a:hover, #menu.menu-bianco ul li a:active
 {
    color: #FF9200;
    text-decoration: none;     
}
#menu nav ul li ul {
    position: fixed;
    height: 0;
    overflow: hidden;
    left:15px;
}
	
#menu nav ul li:hover ul{
    height: auto;
    padding-top: 14px;
    position: absolute;
    left: 220px;
    top: 20px;
}

#menu nav ul li ul li {
    font-size: 14px;
    font-weight: normal;
    float: none;
    padding: 0;
    min-width: 280px;
    background-color: hsla(0,0%,0%,0.74);
}

#menu nav ul li ul li a {
    padding-top: 10px;
    padding-right: 32px;
    padding-left: 32px;
    padding-bottom: 10px;
    display: block;
    font-weight: normal;
}

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

/* -------------------------------------------------------- FINE menu */
/* -------------------------------------------------------- bar */



  #logo {
    position: absolute;
    left: 5%;
    background-image: url(../img/logo.svg);
    height: 50px;
    width:200px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 50px;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: all 0.4s;
    z-index: 200;
    top: 20px;
  }  
#logo.logobanner {
    background-image: url("../img/logo_bianco.svg");
  }  
#logo a {
    padding-left: 210px;
    display: block;
      height: 50px;
}

/* -------------------------------------------------------- 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: 50px;
    padding-bottom: 80px;
    color: #161615;
    text-align: left;
    font-size: 16px;
    background-color: #F2F2F2;
}


footer #logofooter img{
    width: 250px;
    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;
    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{

}

footer em {
	font-style: normal;
}

footer a
{
}




/* -------------------------------------------------------- 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;
}
.sezione{
    padding-left: 0px;
    padding-right: 0px;
    overflow-y: hidden;
    display: block;
    padding-top: 100%;
     position: relative;
}
.intera{
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 20px;
    overflow-y: hidden;
    display: block;
    padding-top: 42.3%;
    position: relative;
}
.intera img
{
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0px, -50%)
}
.sezione img{
    position: absolute;
    top: 0px;
    left: 0px;
}
.spaziopre.marca{
    padding-top: 100px;
}
.marchio img{
    padding-top: 13px;
}
.marca header{
    padding-bottom: 35px;
}
.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: #161615;
}

.bg_secondario{
    background-color: #F2F2F2;
      color: #161615;
}
.bg_speciale{
    color: #F2F2F2;
    background-color: #161615;
}
.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: #161615;
}
.bg_secondario h2, .bg_primario h2{
    color: #161615;
}
 .bg_secondario section a:link,  .bg_secondario section a:visited, .bg_primario section a:link,  .bg_primario section a:visited{
    color: #161615;
    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-image: url(../img/freccia_link_verde.svg);
     background-position: 2px center;
    color: #008EAE;
    transition: 0.4s all;
}
.bg_scuro{
    background-color: #14171A;
}

.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.orizzontale {
    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: 50%;
}
.gallery.duefoto 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: 50%;
}
.gallery dl img{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.gallery dt {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;

}

.gallery a {
    background-color: #000000;
    background-image: url(../img/lente.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px auto;
    display: block;
    margin-right: 25px;
    transition: all 0.5s;
}
.gallery a:hover img {
opacity: 0.8;
     transition: all 0.5s;
}

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

p.button {
    margin-top: 35px;
    background-image: none;
}
p.button a:link, p.button a:visited {
    background-image: url(../img/freccia_link.svg);
    background-repeat: no-repeat;
   background-position: calc(100% - 35px)  center;
    background-size: auto 20px;
    transition: all 0.5s ease;
    text-decoration: none;
}
p.button a:hover, p.button a:active {
transition: all 0.5s ease;
   background-position: calc(100% - 30px)  center;
      text-decoration: 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 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 22px;
    transition: all 0.5s ease;
    padding-left: 40px;
    padding-right: 80px;
    color: #161615;
    border: 1px solid #161615;
}
.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: #F2F2F2;
    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: #F2F2F2;
        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: 40px;
    background-image: url(../img/freccia_link.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px)  center;
    background-size: 28px auto;
    transition: all 0.3s ease;
    padding-right: 80px;
}
 .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: calc(100% - 20px)  center;
    transition: all 0.3s ease;
}
p.button a:hover, p.button a:active{
    transition: all 0.5s ease;
    color: #161615;
    border: 1px solid #161615;

}

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: #52B0BF;
}
.bg_speciale section p.button a:hover, .bg_speciale section p.button a:active {
    background-color: #36C486;
}

p.button.bianco a:hover, p.button.bianco a:active{
    transition: all 0.5s ease;
    color: #161615;

}



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

.loop_standard {
    height: 385px;
    overflow-y: hidden;
    background-color: #FFFFFF;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    border: 3px solid #FFFFFF;
        transition: all 0.5s ease;

}
.loop_standard:hover {
    border: 3px solid #161615;
        transition: all 0.5s ease;

}

.loop_standard a{
    text-decoration: underline;
  }

.loop_standard .post {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}


.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: #F2F2F2;
    padding-top: 80px;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
}
.bg_speciale .riquadro .post{
    background-color: #161615;
    padding-top: 80px;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
    color: #ffffff;
}
.bg_speciale h2{

}
.borditondi{
    border-radius:35px;
}
.bordi{
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5%;
}
.bordi_laterali{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5%;
}
.frecce{
    fill:#161615;
}
.frecce:hover{
    fill:#008EAE;
}

/* -------------------------------------------------------- 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;
}
#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;

}
#banner p {
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
        position: absolute;
  bottom: 2%;
    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;
}

/* ---------- 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;    
}
#senza_banner h1#categoria{
    margin-top: 20px;    
}
.cat h2, .cat h3{
    font-size: 20px;
    font-weight: 400;
    padding-top: 10px;
    line-height: 30px;
    background-image: none;
}
#marginicategoria{
    padding-top: 30px;
    padding-bottom: 30px;
}
ol.numeri{
      counter-reset: my-awesome-counter;
  list-style: none;
}

.paragrafi_numerati ol span.numero{
    color: #161615;
    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.whatsapp, ul.menu li.youtube {
    width: 30px;
    overflow-x: hidden;
    margin-right: 0px;
    margin-top: 0px;
    overflow-y: hidden;
     -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
    scrollbar-height: none;  /* Firefox */
}
ul.menu li.facebook::-webkit-scrollbar, ul.menu li.instagram::-webkit-scrollbar, ul.menu li.whatsapp::-webkit-scrollbar, ul.menu li.youtube::-webkit-scrollbar {
 display: none;
}

.menu{
    position: relative;
}

#menu ul li.facebook, #menu.menu-bianco ul li.facebook {
    padding-left: 0px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
}
#menu ul li.facebook a, #menu ul  li.instagram a, #menu ul  li.whatsapp a, #menu ul  li.youtube a, #menu.menu-bianco ul li.facebook a, #menu.menu-bianco ul  li.instagram a, #menu .menu-bianco li.whatsapp a, #menu.menu-bianco ul  li.youtube a{
    padding-left: 60px;
    padding-top: 0px;
    margin-top: 4px;
    padding-bottom: 43px;
    overflow-x: hidden;
    overflow-y: hidden;
}
/* Hide scrollbar for Chrome, Safari and Opera */
#menu::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#menu {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
    scrollbar-height: none;  /* Firefox */
}

.intera::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.intera {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
    scrollbar-height: none;  /* Firefox */
}
.sezione::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.sezione {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
    scrollbar-height: none;  /* Firefox */
}

#menu.menu-bianco li.facebook a:link, #menu.menu-bianco li.facebook a:visited{
    background-image: url("../img/facebook_menu.svg");
    background-repeat: no-repeat;
    background-position: left 0px;
    background-size: 25px auto;
    padding-left: 120px;
}
#menu li.facebook a:link, #menu li.facebook a:visited{
    background-image: url("../img/facebook_menu_bianco.svg");
    background-repeat: no-repeat;
    background-position: left 0px;
    background-size: 25px auto;
    padding-left: 120px;
}
#menu.menu-bianco li.facebook a:hover, #menu.menu-bianco li.facebook a:active{
    background-image: url("../img/facebook_menu_hover.svg");
    padding-left: 120px;
}#menu li.facebook a:hover, #menu li.facebook a:active{
    background-image: url("../img/facebook_menu_bianco_hover.svg");
    padding-left: 120px;
}
#menu.menu-bianco li.instagram a:link, #menu.menu-bianco li.instagram a:visited{
    background-image: url("../img/instagram_menu.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25px auto;
    padding-left: 120px;
}
 #menu li.instagram a:link, #menu li.instagram a:visited{
    background-image: url("../img/instagram_menu_bianco.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25px auto;
    padding-left: 120px;
}

#menu.menu-bianco li.instagram a:hover, #menu.menu-bianco li.instagram a:active{
    background-image: url("../img/instagram_menu_hover.svg");
    padding-left: 120px;
}
#menu li.instagram a:hover, #menu li.instagram a:active{
    background-image: url("../img/instagram_menu_bianco_hover.svg");
    padding-left: 120px;
}

#menu.menu-bianco li.whatsapp a:link, #menu.menu-bianco li.whatsapp a:visited{
    background-image: url("../img/whatsapp_menu.svg");
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: 25px auto;
    padding-left: 120px;
}
#menu li.whatsapp a:link, #menu li.whatsapp a:visited{
    background-image: url("../img/whatsapp_menu_bianco.svg");
    background-repeat: no-repeat;
    background-position: left 0px;
    background-size: 25px auto;
    padding-left: 120px;
}

#menu.menu-bianco li.whatsapp a:hover, #menu.menu-bianco li.whatsapp a:active{
    background-image: url("../img/whatsapp_menu_hover.svg");
    padding-left: 120px;
}
#menu li.whatsapp a:hover, #menu li.whatsapp a:active{
    background-image: url("../img/whatsapp_menu_bianco_hover.svg");
    padding-left: 120px;
}



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 {
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: #FFFFFF;
    padding-top: 95px;
    padding-left: 5%;
}
#bricioledipane.single{
    background-color: #FFFFFF;
    padding-top: 150px;
    padding-left: 5%;
}
ul.breadbrumb{
    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;
}
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: #7B7B7B
}

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 a:link, ul.breadbrumb li a:visited{
    color:  #161615 ;
    text-decoration: underline;
}
ul.breadbrumb li a:hover, ul.breadbrumb li a:active{
    color: #008EAE;
}
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: 28px;
    font-weight: 400;
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #E7E7E7;
    cursor: pointer;
    line-height: normal;
}


#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: #8EB724;
    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;}
#senza_banner{
    padding-top: 80px;
    padding-bottom: 50px;
}
#senza_banner h1{
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.colonna{
    padding-left: 100px;
    padding-right: 100px;
}
input#searchsubmit {
    width: 40px;
    border: 1px solid #ffffff;
    background-image: url("../img/cerca_link.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 25px;
    font-size: 16px;
    height: 40px;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: inline-block;
}
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;
    border: 1px solid #9BA1A5;
}
input#cerca:focus {
    background-color: #36C486;
        border: 1px solid #14171A;
color: #000000;
}

#tag ul{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
}
#tag ul li{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
    display: inline-block;
}
#tag ul li a{
    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;
    display: inline-block;
}
.nav-links span{
    border: 3px solid #9BA1A5;
    padding-top: 13px;
    padding-right: 20px;
    padding-bottom: 13px;
    padding-left: 20px;
    color: #ffffff;
    background-color: #161615;
    margin-right: 10px;
}
.nav-links a{
    padding-top: 13px;
    padding-right: 20px;
    padding-bottom: 13px;
    padding-left: 20px;
    text-decoration: underline;
    margin-right: 10px;
}
.nav-links a:link, .nav-links a:visited{
    border: 3px solid #161615;
    transition: all 0.5s ease;
    background-color: #FFFFFF;
    color: #161615;
}
.nav-links a:hover, .nav-links a:active{
    border: 3px solid #36C486;
    background-color: #008EAE;
    color: #FFFFFF;
    	 transition: all 0.5s ease;
}
#paginazione{
    background-color: #FFFFFF;
}
#paginazione .post{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
}

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

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

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

/*------------------------------------------------------------ slide home */
#home_slide {
  height: 100vh;
  width: 100vw;
  overflow-x: visible;
  overflow-y: visible;
}
.slider-container {
  position: absolute;
  top: 0px;
  left: 0px;
}
.slider {
  width: 100vw;
  height: 100vh;
  margin: 0px;
  overflow: hidden;
  position: relative;
}
.slides {
  display: flex;
  overflow-x: scroll;
  position: relative;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.slide {
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100vw;
  height: 100vh;
  scroll-snap-align: center;
  margin-right: 0px;
  box-sizing: border-box;
  transform-origin: center center;
  transform: scale(1);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
.slide__text {
  font-size: 40px;
  font-weight: bold;
  font-family: sans-serif;
}
.trasp {
  background-color: hsla(0, 0%, 0%, 0.30);
  width: 100vw;
  height: 100vh;
}
.slide a {
  background: none;
  border: none;
}
.slide h2 {
    background-image: none;
    text-align: left;
    color: #161615;
    font-size: 65px;
    text-transform: uppercase;
    font-weight: 700;
}
.scritte_bianche .slide h2 {
  background-image: none;
  text-align: left;
  color: #FFFFFF;
}
.scritte_bianche .slide h2 a:link, .scritte_bianche .slide h2 a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.scritte_bianche .slide h2 a:hover, .scritte_bianche .slide h2 a:active {
    color: #FF9200;
    text-decoration: none;
}
.slide h2 a:link, .slide h2 a:visited {
    color: #161615;
    text-decoration: none;
}
 .slide h2 a:hover, .slide h2 a:active {
    color: #008EAE;
    text-decoration: none;
}
a.slide__prev, .slider::before {
  left: 60px;
  background-image: url(../img/prev_w.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px auto;
}
a.slide__next, .slider::after {
  right: 60px;
  z-index: 100;
  background-image: url("../img/next_w.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px auto;
}
a.slide__prev:hover, .slider::before {
  left: 60px;
  background-image: url(../img/prev_h.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px auto;
}
a.slide__next:hover, .slider::after {
  right: 60px;
  z-index: 100;
  background-image: url("../img/next_h.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px auto;
}
.slider::before, .slider::after, .slide__prev, .slide__next {
  position: absolute;
  top: 48%;
  width: 60px;
  height: 60px;
  padding: 3px;
  box-sizing: border-box;
  z-index: 100;
}
.slider::before, .slider::after {
  content: "";
  z-index: 1;
  background: none;
  pointer-events: none;
}
.slider__nav {
  box-sizing: border-box;
  position: absolute;
  bottom: 5%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  text-align: center;
}
.slider__navlink {
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: black;
  margin: 0 10px 0 10px;
}
.content_slide {
  position: absolute;
  padding-top: 60vh;
  padding-left: 70vw;
  transform: translate(-25vw, -15vh);
  z-index: 1;
  text-align: left;
  color: #161615;
}
.scritte_bianche .content_slide {
  position: absolute;
  padding-top: 60vh;
  padding-left: 70vw;
  transform: translate(-25vw, -15vh);
  z-index: 1;
  text-align: left;
  color: #FFFFFF;
}
#slides__1 .content_slide {
  visibility: visible;
  display: inherit;
}
#content_slide__2, #content_slide__3, #content_slide__4, #content_slide__5 {
  visibility: hidden;
  display: none;
}
#slides__2:target #content_slide__2, #slides__3:target #content_slide__3, #slides__4:target #content_slide__4, #slides__5:target #content_slide__5 {
  visibility: visible;
  display: inherit;
}
.slide__prev span {
  display: none;
  visibility: hidden;
}
.slide__next span {
  display: none;
  visibility: hidden;
}
/*------------------------------------------------------------ FINE slide home */
#marchi{
    padding-bottom: 70px;
    position: relative;
}
#le_marche{
    height: 130px;
    overflow-y: hidden;
    padding-bottom: 0px;
    transition: all 0.5s ease;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
ul.marche{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.marche li{
    width: 20%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    float: left;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 200px auto;
    height: 150px;
    overflow-x: hidden;
    overflow-y: hidden;
    opacity: 0.7;
        	 transition: all 1s linear;

}
.marche li a{
    padding-left: 150%;
    padding-top: 150%;
    display: block;
}

.marche li:hover, .marche li:active {
opacity:1;
        	 transition: all 0.5s ease;

}

    /* -------------------------------------------------------- espandi */

input#espandi{
    visibility: hidden;
    display: none;
}

#espandi:checked ~ .espandiicon span#aprire{
visibility: hidden;
}

#espandi:checked ~ .espandiicon span#chiudere{
visibility: visible;
}
.espandiicon span#aprire{
visibility: visible;
}
.espandiicon span#aprire, .espandiicon span#chiudere{
filter: invert(98%) sepia(22%) saturate(301%) hue-rotate(232deg) brightness(113%) contrast(100%)}

.espandiicon span#aprire:hover,.espandiicon span#chiudere:hover{
filter: invert(51%) sepia(87%) saturate(1594%) hue-rotate(4deg) brightness(107%) contrast(104%);
}

.espandiicon span#chiudere{
visibility: hidden;
}

.espandiicon span#aprire, .espandiicon span#chiudere{
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%)
}

#espandi:checked ~ #le_marche{
    height: 700px;
    overflow-y: visible;
    padding-bottom: 0px;
           	 transition: all 0.5s ease;
}

#logo.homepage{
    height: 125px;
    width: 450px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 110px;
    top: 150px;
    left: 100px;
}

#logo.homepage a {
    padding-left: 500px;
    display: block;
      height: 110px;
}
    .colonna.single .post {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}
    .colonna.single #senza_banner {
  padding-top: 120px;
  padding-bottom:0px;
}

.pagina_marchi #le_marche {
  height: auto;
  overflow-y: visible;
}
#officinauomo{
    background-color: #FF0000;
}

   @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%;
}
    #due_foto h1{
    font-size: 32px;
}
    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 {}
    .scritte_bianche .content_slide {
  position: absolute;
  padding-top: 60vh;
  padding-left: 10vw;
  transform: translate(0vw, -15vh);
  z-index: 1;
  text-align: left;
  color: #FFFFFF;
}
    
    .slide h2{
font-size: 35px;
}
    
    #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 {
}
        .verticale_orizzontale_verticale{
    position: relative;
    padding-top: 86%;
    clear: both;
    float: none;
}  
   .verticale_orizzontale_verticale .gallery dl.orizzontale {
    width: 100%;
    position: absolute;
        left: 0px;
    top: 0px;
}
    
   .verticale_orizzontale_verticale .gallery dl.uno {
    position: absolute;
        left: 0px;
    top: 50%;
}
   .verticale_orizzontale_verticale .gallery dl.tre {
    position: absolute;
        right: 0px;
    top: 50%;
}
        #logo.homepage{

    top: 20px;
}
    #home_slide {
  height: 75vh;
  width: 100vw;
  overflow-x: visible;
  overflow-y: visible;
}
    .marche li{
    background-size: 100% auto;
}
    .intera img
{
    left: 0px;
}
    .intera {

  padding-top: 80%;
}
    nav.post
 {
    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 {
 right: 0px;
}
    .sub-menu{
    font-size: 16px;
}
    #menu.menu-bianco ul li a:link, #menu.menu-bianco ul li a:visited
 {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #ffffff;
    text-decoration: none;
}
    #bricioledipane {
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-left: 5%;
}
    .gallery dl {

        width: 50%;
}
    .bordi_laterali {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
    .bordi {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
   #quattro_foto {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}   #quattro_foto .gallery dl {
    padding-top: 5px; 
}
    .allinea_destra ul li{
    margin-left: 0px;
}
    .allinea_destra {
    text-align: left;
}
    #banner h1 {
    bottom: auto;
top: 15%;
}
    .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;
}
 
    .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;
}

/* -------------------------------------------------------- menu */

/* reset menu*/
#menu
 {
    position: relative;
    left: auto;
    top: auto;
    z-index: 1;
}
#menu.nobanner
 {
    left: auto;
     right: auto;
}
#menu .post, #menu 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;
}
.menu-item-has-children{
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px auto;
}
#menu ul li
 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
}
#menu ul li a:link, #menu ul li a:visited
 {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #161615;
     text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:active
 {
    color: #008EAE;
     text-decoration: none;
}
#menu nav ul li ul {
    position: static;
    height: auto;
    overflow: visible;
    left: auto;
}
	
#menu nav ul li:hover ul{
    height: auto;
    padding-top: 0px;
    position: static;
    left: auto;
    top: auto;
}

#menu nav ul li ul li {
	font-size: 1em;
	font-weight: normal;
	float:none;
	padding:0;
	min-width:auto;
        background-color: transparent;
}

#menu nav ul li ul li a {
    padding: 16px 32px;
    display: block;
    font-weight: normal;
}

    /* Fine reset menu*/

#condividi {
    visibility: hidden;
    display: none;
}

.menuicon  {
    display: inherit;
    visibility: visible;
}
    .condividiicon  {
    display: inherit;
    visibility: visible;
}
.menuicon span{
    width: 45px;
    height: 45px;
    display: block;
    float: none;
    overflow-x: hidden;
    overflow-y: hidden;
    cursor: pointer;
    position: fixed;
    top: 15px;
    right: 3%;
    z-index: 105;
    font-size: 50px;
    color: #161615;
    background-color: #FAFAFA;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: 700; 
}
    .menuicon span img{
    position: absolute;
    top: 50%;
    left: 50%;
        transform: translate(-50%, -50%)
}




.menuicon span:hover{
    color: #161615;
     background-color: #FF9200;
}
    .condividiicon span:hover{

}
.menuicon span#open{
visibility: visible;
}
.menuicon span#close{
visibility: hidden;
}
#hamburger:checked ~ .menuicon span#open{
visibility: hidden;
}

#hamburger:checked ~ .menuicon span#close{
visibility: visible;
}
    #hamburger:checked ~ #logo{
    background-image: url(../img/logo_bianco.svg);
    }
#menu{
    padding-top: 100px;
}

#menu {
    display: block;
    visibility: hidden;
    transition: all 0.5s;
    width: auto;
    background-color: #FAFAFA;
    text-align: center;
    height: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-size: 200px auto;
}
#menu nav{
    padding-top: 130px;
    font-size: 30px;
}
#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;
}
#menu nav li {
        list-style-type: none;
}
#menu nav li a{
    display: block;
}
#menu nav li a:link, #menu nav li a:visited, #menu.menu-bianco nav li a:link, #menu.menu-bianco nav li a:visited{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
    transition: all 0.5s;
    color: #ffffff;
    text-decoration: none;
}
#menu nav li a:hover, #menu nav li a:active, #menu.menu-bianco nav li a:hover, #menu.menu-bianco nav li a:active{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
    color: #FF9200;
    transition: all 0.25s;
    text-decoration: none;
}
#hamburger:checked ~ #menu {
    display: block;
    visibility: visible;
    transition: all 0.25s;
    width: 100vw;
    background-color: #161615;
    text-align: center;
    height: auto;
    overflow-x: visible;
    overflow-y: visible;
    min-height: 100vh;
}
#contenuto {
  height: auto;
    overflow-x: visible;
    overflow-y: visible;
       visibility: visible;
    display: inherit;
          transition: all 0.5s;
}
#hamburger:checked ~ #contenuto {
      transition: all 0.5s;
  height: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
       visibility: hidden;
    display: none;
}

     #menu ul.menu li.facebook,  #menu ul.menu li.instagram,  #menu ul.menu li.whatsapp,  #menu ul.menu li.youtube {
    width: 50px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-right: auto;
    margin-top: 0px;
    margin-left: auto;
}
    #menu ul.menu li.facebook a,  #menu ul.menu li.instagram a,  #menu ul.menu li.whatsapp a,  #menu ul.menu li.youtube a{
background-position: 12px 4px;
}
    
/* -------------------------------------------------------- finemenu */
 #bar {

     padding-top: 0px
}

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




.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, .box.quattro_foto, .box.verticale_orizzontale_verticale, .box.orizzontale_orizzontale  {
    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: 100%;
  width: 100%;
}

/* ----------------- div bar per l'attivazione del menu ------------------ */
#bar {
        background-color: #fff;

    height: 80px;
    width: 100%;
    z-index: 102;
    position: fixed;
    top: 0px;
}
#bar #logo {
    float: none;
    margin-right: 12px;
	width: 80px;
	transform: translate(-150px, 0px);
	left: 50%;
	 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 {}
.center_txt p.button a:link, .center_txt p.button a:visited {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    padding-left: 40px;
    padding-right: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-position: 10px center;
}
.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 {}
    .gallery a {
    background-size: 60px auto;

}
    #bricioledipane.single{
    padding-top: 50px;

}
    
    .verticale_orizzontale_verticale{
    padding-top: 130%;

}  
   
    h1 {
    font-size: 30px;
} 
    .gallery.duefoto dl, #quattro_foto .gallery dl,  #quattro_foto  {
        width: 100%;
}    .bordi, .bordi_laterali  {
    padding-left: 5%;
} 
    
    .padding_destra  {
    padding-right: 5%;
}
        #quattro_foto   {
    width: auto;
}
    .bordi_laterali  {
        padding-right: 0%;
}
  .center_txt  p.button a:link, .center_txt p.button a:visited {
    background-image: url(../img/freccia_link_bianca.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: auto 15px;
    transition: all 0.5s ease;
    text-decoration: none;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 40px;
    padding-right: 20px;
}
    .center_txt  p.button  {
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}


.center_txt p.button a:link, .center_txt p.button a:visited {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.5s ease;
    padding-left: 35px;
    padding-right: 15px;
    color: #F2F2F2;
    background-color: #161615;
    border: 0px solid #52B0BF;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
    
     .center_txt p.button a:hover, .center_txt p.button a:active {
transition: all 0.5s ease;
    background-position: 13px center;
      text-decoration: none;
    background-color: #008EAE;
    color: #FFFFFF;
        border: 0px solid #36C486;
}
  p.button a:link,  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;
}
    p.button  {
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}


 p.button a:link, p.button a:visited {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.5s ease;
    padding-left: 35px;
    padding-right: 15px;
    color: #F2F2F2;
    background-color: #161615;
    border: 0px solid #52B0BF;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
    
     .center_txt p.button a:hover, .center_txt p.button a:active {
transition: all 0.5s ease;
    background-position: 13px center;
      text-decoration: none;
    background-color: #008EAE;
    color: #FFFFFF;
        border: 0px solid #36C486;
}      p.button a:hover,  p.button a:active {
transition: all 0.5s ease;
    background-position: 13px center;
      text-decoration: none;
    background-color: #008EAE;
    color: #FFFFFF;
        border: 0px solid #36C486;
}
    .colonna{
    padding-left: 0px;
    padding-right: 0px;
}
    ul.breadbrumb{
    margin-left: 15px;
}
    #banner h1 {
    font-size: 32px;
}
    #banner h2 {
    font-size: 25px;
}
    .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;
} 



.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, .box.quattro_foto, .box.verticale_orizzontale_verticale, .box.orizzontale_orizzontale {
  float: none;
  width: 90%;
}
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;

}
    .gallery.duefoto  dl img {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
    .gallery.duefoto  dl {
  width: 50%;
float: left
}
    .gallery.duefoto  dt {
  width: 100%;
float: left
}
}
@media screen and (max-width: 600px)
{
#larghezza600 {}
    #logo.homepage{
    height: 75px;
    width: 300px;
    background-size: auto 60px;
    left: 50px;
}

#logo.homepage a {
    padding-left: 500px;
    display: block;
}
    
    
    .marche li{
    width: 45%;        
}
    #espandi:checked ~ #le_marche{
    height: 1500px;
    overflow-y: visible;
    padding-bottom: 0px;
           	 transition: all 0.5s ease;
}
    	.centro{
    width: 400px;
    height: 300px;
}    	     }
@media screen and (max-width: 550px)
{
#larghezza550 {}    
        #home_slide {
  height: 60vh;
}
    .slide h2{
font-size: 28px;
}
footer em::before  {
content: "";
}
}
@media screen and (max-width: 400px) {
    #larghezza400  {
}
    	.centro{
    width: 300px;
    height: 225px;
}

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


}