html,body{margin:0;padding:0;}
body{margin:0; padding:0;background: #910c36; color: #666;font: 18px;font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ; line-height:22px;}
h1,h2{font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;text-transform:uppercase;font-weight:normal;}
a{color:#21aabd;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}

    .header_logo{color:#000;
        float:left;
        display:block;
        padding:20px;
	border-radius: 50%;
    }

  
  /* Logo a sinistra */
  .logo {
	flex: 0 0 auto; /* Imposta la dimensione del logo come contenuto auto-regolabile */
}  
  
  .logo img {
	max-width: 150px; /* Imposta la larghezza massima del logo */
	height: auto; /* Mantiene il rapporto d'aspetto dell'immagine */
	border-radius: 50%;
  }
  
  /* Menu a destra */
  nav {
	flex: 0 0 auto; /* Imposta la dimensione del menu come contenuto auto-regolabile */
	text-align: right; /* Allinea il testo del menu a destra */
  }
  
  /* Voci del menu */
  nav ul {
	list-style: none; /* Rimuove i punti elenco predefiniti */
	margin: 0; /* Azzera i margini predefiniti */
	padding: 0; /* Azzera la padding predefinita */
  }
  
  nav ul li {
	display: inline-block; /* Dispone le voci del menu in linea */
	margin-left: 20px; /* Aggiungi spazio tra le voci del menu */
  }
  
  /* Link all'interno delle voci del menu */
  nav ul li a {
	text-decoration: none; /* Rimuove la sottolineatura predefinita */
	color: #333; /* Imposta il colore del testo dei link */
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Scegli un font dinamico */
	font-size: 16px; /* Imposta la dimensione del font */
	font-weight: normal; /* Imposta il peso del font normale */
  }
  
  nav ul li a:hover {
	color: #007bff; /* Imposta un colore diverso per i link al passaggio del mouse */
  }
  
  /* Menu responsive (opzionale) */
  @media (max-width: 768px) {
	header {
	  flex-direction: column; /* Dispone gli elementi in colonna per schermi piccoli */
	}
  
	.logo {
	  order: 2; /* Posiziona il logo sotto il menu su schermi piccoli */
	}
  
	nav {
	  order: 1; /* Posiziona il menu sopra il logo su schermi piccoli */
	  width: 100%; /* Espandi il menu a tutta larghezza */
	  text-align: center; /* Centra il testo del menu */
	}
  
	nav ul li {
	  margin: 10px 0; /* Aggiungi spazio tra le voci del menu su schermi piccoli */
	}
  }
  ul:not(nav ul) li:hover::before {
	background-color: #007bff; /* Cambia il colore dell'indicatore al passaggio del mouse */
  }
	
    .header_menu{ 
		float: right;
		margin: 4.3% 0 3% 0;
		padding: 0;
	}
    
    
    .header_menu_item{
        display: inline-block;
        }
    
    .header_menu_item a{
        color: #fff;
        font-size: 18px;
        margin: -20px 0 0 0;
        display:block;
        padding:20px;
        }
    
    .header_menu_item a:hover{
        background: #a5cbe863;
        border-radius:10%;
        text-decoration: none;
        }

		.slider-wrapper{

			border-radius: 10px; /* Rounded corners */
		}
		
/* Titoli principali */
h1 {
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; /* Scegli un font allegro e leggibile */
	font-size: 2.5em; /* Dimensione generosa per i titoli principali */
	color: #ffffff; /* Blu primario per risaltare */
	text-align: center; /* Allineamento centrale */
	margin-bottom: 1.5em; /* Spazio sottostante */
  }
  
  /* Sottotitoli */
  h2 {
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 1.5em; /* Dimensione leggermente inferiore */
	color: #fff; /* Grigio scuro per un tono più sobrio */
	text-align: left; /* Allineamento centrale */
	margin-bottom: 1em; /* Spazio sottostante */
  }
  
  /* Sottotitoli secondari */
  h3 {
	font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans';
	font-size: 1.2em;
    color: #910c36;
	text-align: left;
	margin-bottom: 1em;
  }
  
  /* Testo del corpo */
  body {
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 16px;
    font-weight:300;
	line-height: 1.5;
	color: #fff;
	margin: 0;
	padding: 20px;
  }

  span {
	color: #0069b3;
  }

  body {
	text-align: left;
	font-size: 14px;

  }

h1, h2, h3 {
  text-transform: none; /* Rimuove lo stampatello maiuscolo */
  font-weight: normal; /* Rimuove il grassetto */
}
 
  /* Immagine di sfondo per l'header */
  header {
	background: #910937;
	background-repeat: repeat;
	background-position: center;
  }

  /* Stile generico per il logo */
  .logo {
	display: inline-block; /* Visualizza il logo come blocco in linea */
	margin: 0; /* Azzera i margini predefiniti */
	padding: 0; /* Azzera la padding predefinita */
  }
  
  /* Stile per il logo nell'header menu */
  .header-menu .logo {
	width: 100px; /* Imposta la larghezza del logo */
	height: 100px; /* Imposta l'altezza del logo */
	border-radius: 50%; /* Angoli arrotondati al 50% */
  }
  
  footer {
    background-color: #fff !important;
	border-radius: 20px;
	padding: 20px;
	color: white;
	text-align: center;
  }



/* Menu mobile */
.header_icon-bar {
	display: block;
	float: right;
	padding: 20px;
	display: none;
}

.header_icon-bar span {
	display: block;
	height: 3px;
	width: 30px;
	background: #000;
	margin-bottom: 5px;
}
		
/*** Header ***/

    

    
/*** Slider ***/
.q-slider {
	display: inline-block;
	position: relative;  
	width: 100%;
	margin-top: -1px;
    margin-bottom: 4%;
}
.q-slider > .q-an {
	display: none;
}
.q-slider > ul {
	position: relative;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
}
.q-slider > ul > div {
	width: 100%;
	visibility: hidden;
	font-size: 0px;
	line-height: 0;
}

.q-slider > ul > li.q-im img {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 0.3%;
	width: 100%;
	max-height: 500px;
	margin: 0;
	object-fit: cover;
	object-position: 50% 50%;
}
.q-slider > ul > li.q-im {
	font-size: 0pt;
}
.q-slider > ul > li {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 15px;
	font-size: initial;
	line-height: normal;
	white-space: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.q-slider > ul > li.q-im,
.q-slider > .q-arrp,
.q-slider > .q-arrn,
.q-slider > .q-bu,
.q-slider > .q-pl-pa {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.q-slider > .q-arrp,
.q-slider > .q-arrn {
	position: absolute;
	top: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 5;
}
.q-slider > .q-arrp > label,
.q-slider > .q-arrn > label {
	position: absolute;
	text-decoration: none;
	cursor: pointer;
	opacity: 0;
	z-index: -1;
}
.q-slider > .q-arrp {
	left: 0;
}
.q-slider > .q-arrn {
	right: 0;
}
.q-slider > .sl:checked ~ .q-arrp > label,
.q-slider > .sl:checked ~ .q-arrn > label {
	opacity: 0;
	z-index: -1;
}
.q-slider > #q-sl-0:checked ~ .q-arrp > label.n-2,
.q-slider > #q-pa-0:checked ~ .q-arrp > label.n-2,
.q-slider > #q-sl-0:checked ~ .q-arrn > label.n-1,
.q-slider > #q-pa-0:checked ~ .q-arrn > label.n-1, 
.q-slider > #q-sl-1:checked ~ .q-arrp > label.n-0,
.q-slider > #q-pa-1:checked ~ .q-arrp > label.n-0,
.q-slider > #q-sl-1:checked ~ .q-arrn > label.n-2,
.q-slider > #q-pa-1:checked ~ .q-arrn > label.n-2, 
.q-slider > #q-sl-2:checked ~ .q-arrp > label.n-1,
.q-slider > #q-pa-2:checked ~ .q-arrp > label.n-1,
.q-slider > #q-sl-2:checked ~ .q-arrn > label.n-0,
.q-slider > #q-pa-2:checked ~ .q-arrn > label.n-0 {
	opacity: 1;
	z-index: 5;
}

/* calculate autoplay */
@-webkit-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100% { opacity: 0; z-index: -1; }
}
@-moz-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100% { opacity: 0; z-index: -1; }
}
@keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100% { opacity: 0; z-index: -1; }
}
.q-slider > #q-pl:checked ~ .q-arrp > label.n-2,
.q-slider > #q-pl:checked ~ .q-arrn > label.n-1 {
	-webkit-animation: arrow 12300ms infinite -1000ms;
	-moz-animation: arrow 12300ms infinite -1000ms;
	animation: arrow 12300ms infinite -1000ms;
}
.q-slider > #q-pl:checked ~ .q-arrp > label.n-0,
.q-slider > #q-pl:checked ~ .q-arrn > label.n-2 {
	-webkit-animation: arrow 12300ms infinite 3100ms;
	-moz-animation: arrow 12300ms infinite 3100ms;
	animation: arrow 12300ms infinite 3100ms;
}
.q-slider > #q-pl:checked ~ .q-arrp > label.n-1,
.q-slider > #q-pl:checked ~ .q-arrn > label.n-0 {
	-webkit-animation: arrow 12300ms infinite 7200ms;
	-moz-animation: arrow 12300ms infinite 7200ms;
	animation: arrow 12300ms infinite 7200ms;
}

/* stop */
.q-slider > .sl:checked ~ .q-arrp > label,
.q-slider > .sl:checked ~ .q-arrn > label,
.q-slider > .pa:checked ~ .q-arrp > label,
.q-slider > .pa:checked ~ .q-arrn > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/* calcola autoplay */
.q-slider > .q-bu {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 6;
	font-size: 0;
	line-height: 8pt;
	text-align: center;
	display: none;
}
.q-slider > .q-bu > div {
	margin-left: -50%;
	width: 100%;
}
.q-slider > .q-bu > label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.q-slider > .q-bu > label > .q-th {
	visibility: hidden;
	position: absolute;
	opacity: 0;
	z-index: 1;
	line-height: 0;
	left: -50px;
	top: -50px;
}
.q-slider > .q-bu > label > .q-th > img {
	max-width: none;
}.q-slider > .q-de {
	z-index: 3;
}
.q-slider > .q-de a,
.q-slider > .q-de a:visited,
.q-slider > .q-de a:active {
	color: inherit;
}
.q-slider > .q-de a:hover {
	text-decoration: none;
}
.q-slider > .q-de > label {
	position: absolute;
	word-wrap: break-word;
	white-space: normal;
	text-align: left;
	max-width: 50%;
	left: 0;
}
.q-slider > .q-de > label > span {
	vertical-align: top;
}
.q-slider > .q-de > label span {
	display: inline-block;
}
.q-slider .q-ge {
	visibility: hidden;
	position: absolute;
	font-size: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	-webkit-transition: visibility .3s linear, opacity .3s linear;
	-o-transition: visibility .3s linear, opacity .3s linear;
	transition: visibility .3s linear, opacity .3s linear;
}
.q-slider .q-ge.q-show {
	visibility: visible;
	opacity: 1;
}
.q-slider .q-ge.q-show img {
	width: 33.333333333333336%;
}
.q-slider .q-ge.q-show .q-fi-im {
	position: absolute;
	left: -33.333333333333336%;
	top: 0;
}
.q-slider .q-ge.q-show .q-la-im {
	position: absolute;
	left: 100%;
	top: 0;
}
.q-slider .q-ge > div {
	position: absolute;
	left: 0;
	top: 0;
	width: 300%;
}.q-slider > ul > li.n-0 {
	left: 0%;
}
.q-slider > ul > li.n-1 {
	left: 100%;
}
.q-slider > ul > li.n-2 {
	left: 200%;
}
.q-slider > #q-sl-0:checked ~ ul > li,
.q-slider > #q-pa-0:checked ~ ul > li {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
.q-slider > #q-sl-1:checked ~ ul > li,
.q-slider > #q-pa-1:checked ~ ul > li {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}
.q-slider > #q-sl-2:checked ~ ul > li,
.q-slider > #q-pa-2:checked ~ ul > li {
	-webkit-transform: translateX(-200%);
	-moz-transform: translateX(-200%);
	transform: translateX(-200%);
}
.q-slider > ul > li {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	opacity: 1;
	-webkit-transition: -webkit-transform 1000ms;
	-moz-transition: -moz-transform 1000ms;
	transition: transform 1000ms;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

/* calcola autoplay */
@-webkit-keyframes slide {
	0%, 25.203252032520325% { -webkit-transform: translateX(0%); }
	33.333333333333336%, 58.53658536585366% { -webkit-transform: translateX(-100%); }
	66.66666666666667%, 91.869918699187% { -webkit-transform: translateX(-200%); }
}
@-moz-keyframes slide {
	0%, 25.203252032520325% { -moz-transform: translateX(0%); }
	33.333333333333336%, 58.53658536585366% { -moz-transform: translateX(-100%); }
	66.66666666666667%, 91.869918699187% { -moz-transform: translateX(-200%); }
}
@keyframes slide {
	0%, 25.203252032520325% { transform: translateX(0%); }
	33.333333333333336%, 58.53658536585366% { transform: translateX(-100%); }
	66.66666666666667%, 91.869918699187% { transform: translateX(-200%); }
}
.q-slider  > #q-pl:checked ~ ul > li {
	-webkit-animation: slide 12300ms infinite;
	-moz-animation: slide 12300ms infinite;
	animation: slide 12300ms infinite;

}
.q-slider > #q-pl:checked ~ ul > li,
.q-slider > .pa:checked ~ ul > li {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* calcola autoplay */
.q-slider > .q-arrp,
.q-slider > .q-arrn {
	top: 0;
	bottom: 0;
	width: 15%;
	opacity: .5;
	
}
.q-slider > .q-arrp:hover,
.q-slider > .q-arrn:hover {
	opacity: .9;
}
.q- > .q-arrp {
	left: 0;
}
.q-slider > .q-arrn {
	right: 0;
}
.q-slider > .q-arrp > label,
.q-slider > .q-arrn > label {
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}
.q-slider > .q-arrp > label span,
.q-slider > .q-arrn > label span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.q-slider > .q-arrp > label span {
	float: left;
}
.q-slider > .q-arrn > label span {
	float: right;
}
.q-slider > .q-arrp > label span:after,
.q-slider > .q-arrn > label span:after {
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -23px;
	font: 64px "bootstrapcontrols";
	color: #fff;
	line-height: 47px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.q- > .q-arrp > label span:after {
	content: '\2039';
}
.q-slider > .q-arrn > label span:after {
	content: '\203A';
}.q-slider > .q-bu {
	bottom: 20px;
	width: 70%;
	left: 15%;
}
.q-slider > .q-bu > label {
	margin: 0 2px;
	padding: 5px;
	border-radius: 50%;
	background: transparent;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff; 
}
.q-slider > .q-bu > label > .q-th {
	border: 3px solid #fff;
	margin-top: -15px;
	-webkit-transition: opacity .3s, visibility .3s;
	-moz-transition: opacity .3s, visibility .3s;
	transition: opacity .3s, visibility .3s;
}
.q-slider > .q-bu > label > .q-th:before {
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	left: 50%;
	margin-left: -5px;
	bottom: -10px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #fff;
}
.q-slider > .q-bu > label:hover > .q-th {
	opacity: 1;
	visibility: visible;
}
.q-slider > #q-sl-0:checked ~ .q-bu > label.n-0,
.q-slider > #q-pa-0:checked ~ .q-bu > label.n-0,
.q-slider > #q-sl-1:checked ~ .q-bu > label.n-1,
.q-slider > #q-pa-1:checked ~ .q-bu > label.n-1,
.q-slider > #q-sl-2:checked ~ .q-bu > label.n-2,
.q-slider > #q-pa-2:checked ~ .q-bu > label.n-2 {
	background:#179e9e;
}

/* calcola autoplay */
@-webkit-keyframes bullet {
	0%, 33.32333333333334% {
		background: #fff;
	}
	33.333333333333336%, 100% {
		background: transparent;
		margin-bottom: 0;
	}
}
@-moz-keyframes bullet {
	0%, 33.32333333333334%	{
		background: #fff;
	}
	33.333333333333336%, 100% {
		background: transparent;
		margin-bottom: 0;
	}
}
@keyframes bullet {
	0%, 33.32333333333334%	{
		background: #fff;
	}
	33.333333333333336%, 100% {
		background: transparent;
		margin-bottom: 0;
	}
}
.q-slider > #q-pl:checked ~ .q-bu > label.n-0 {
	-webkit-animation: bullet 12300ms infinite -1000ms;
	-moz-animation: bullet 12300ms infinite -1000ms;
	animation: bullet 12300ms infinite -1000ms;    
}
.q-slider > #q-pl:checked ~ .q-bu > label.n-1 {
	-webkit-animation: bullet 12300ms infinite 3100ms;
	-moz-animation: bullet 12300ms infinite 3100ms;
	animation: bullet 12300ms infinite 3100ms;
}
.q-slider > #q-pl:checked ~ .q-bu > label.n-2 {
	-webkit-animation: bullet 12300ms infinite 7200ms;
	-moz-animation: bullet 12300ms infinite 7200ms;
	animation: bullet 12300ms infinite 7200ms;
}
.q-slider > #q-pl:checked ~ .q-bu > label > .q-po,
.q-slider > .pa:checked ~ .q-bu > label > .q-po {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* stop */
.q-slider > .sl:checked ~ .q-bu > label > .q-po,
.q-slider > .pa:checked ~ .q-bu > label > .q-po {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/* calcola autoplay */
.q-slider > .q-de > label {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12pt;
	line-height: normal;
	bottom: 50px;
	left: 20%;
	right: 20%;
	top: auto;
	z-index: 3;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	max-width: 100%;
	color: #fff;
	display: none;
}
.q-slider > .q-de > label .q-ti {
	margin-bottom: 10px;
	font-size: 24px;
}
.q-slider > .q-de > label .q-de {
	font-size: 14px;
}
.q-slider > #q-sl-0:checked ~ .q-de > .n-0 > .q-ti,
.q-slider > #q-sl-0:checked ~ .q-de > .n-0 > .q-de,
.q-slider > #q-pa-0:checked ~ .q-de > .n-0 > .q-ti,
.q-slider > #q-pa-0:checked ~ .q-de > .n-0 > .q-de,
.q-slider > #q-sl-1:checked ~ .q-de > .n-1 > .q-ti,
.q-slider > #q-sl-1:checked ~ .q-de > .n-1 > .q-de,
.q-slider > #q-pa-1:checked ~ .q-de > .n-1 > .q-ti,
.q-slider > #q-pa-1:checked ~ .q-de > .n-1 > .q-de,
.q-slider > #q-sl-2:checked ~ .q-de > .n-2 > .q-ti,
.q-slider > #q-sl-2:checked ~ .q-de > .n-2 > .q-de,
.q-slider > #q-pa-2:checked ~ .q-de > .n-2 > .q-ti,
.q-slider > #q-pa-2:checked ~ .q-de > .n-2 > .q-de {
	opacity: 1;
	visibility: visible;
}
.q-slider > .q-de > label > .q-ti {
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	-webkit-transition: opacity .4s, visibility .4s;
	-moz-transition: opacity .4s, visibility .4s;
	transition: opacity .4s, visibility .4s;    
}
.q-slider > .q-de > label > .q-de {
	font-size: 0.8em;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	-webkit-transition: opacity .4s, visibility .4s;
	-moz-transition: opacity .4s, visibility .4s;
	transition: opacity .4s, visibility .4s;
}

/* calcola autoplay */
@-webkit-keyframes q-ti {
	4.065040650406504%, 33.333333333333336% { opacity: 1; z-index: 2; visibility: visible;}
	37.39837398373984% { opacity: 0; z-index: 2; visibility: hidden;}
	37.408373983739835%, 100% { z-index: 0; }
}
@-moz-keyframes q-ti {
	4.065040650406504%, 33.333333333333336% { opacity: 1; z-index: 2; visibility: visible;}
	37.39837398373984% { opacity: 0; z-index: 2; visibility: hidden;}
	37.408373983739835%, 100% { z-index: 0; }
}
@keyframes q-ti {
	4.065040650406504%, 33.333333333333336% { opacity: 1; z-index: 2; visibility: visible;}
	37.39837398373984% { opacity: 0; z-index: 2; visibility: hidden;}
	37.408373983739835%, 100% { z-index: 0; }
}
.q-slider > #q-pl:checked ~ .q-de > .n-0  > .q-ti {
	-webkit-animation: q-ti 12300ms infinite -700ms ease;
	-moz-animation: q-ti 12300ms infinite -700ms ease;
	animation: q-ti 12300ms infinite -700ms ease;
}
.q-slider > #q-pl:checked ~ .q-de > .n-1  > .q-ti {
	-webkit-animation: q-ti 12300ms infinite 3400ms ease;
	-moz-animation: q-ti 12300ms infinite 3400ms ease;
	animation: q-ti 12300ms infinite 3400ms ease;
}
.q-slider > #q-pl:checked ~ .q-de > .n-2  > .q-ti {
	-webkit-animation: q-ti 12300ms infinite 7500ms ease;
	-moz-animation: q-ti 12300ms infinite 7500ms ease;
	animation: q-ti 12300ms infinite 7500ms ease;
}
.q-slider > #q-pl:checked ~ .q-de > .n-0  > .q-de {
	-webkit-animation: q-ti 12300ms infinite -700ms ease;
	-moz-animation: q-ti 12300ms infinite -700ms ease;
	animation: q-ti 12300ms infinite -700ms ease;
}
.q-slider > #q-pl:checked ~ .q-de > .n-1  > .q-de {
	-webkit-animation: q-ti 12300ms infinite 3400ms ease;
	-moz-animation: q-ti 12300ms infinite 3400ms ease;
	animation: q-ti 12300ms infinite 3400ms ease;
}
.q-slider > #q-pl:checked ~ .q-de > .n-2  > .q-de {
	-webkit-animation: q-ti 12300ms infinite 7500ms ease;
	-moz-animation: q-ti 12300ms infinite 7500ms ease;
	animation: q-ti 12300ms infinite 7500ms ease;
}
.q-slider > #q-pl:checked ~ .q-de > label > .q-ti,
.q-slider > #q-pl:checked ~ .q-de > label > .q-de,
.q-slider > .pa:checked ~ .q-de > label > .q-ti,
.q-slider > .pa:checked ~ .q-de > label > .q-de {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;

}

/* stop */
.q-slider > .sl:checked ~ .q-de > label,
.q-slider > .pa:checked ~ .q-de > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/* calcola autoplay */
/* nelle versioni mobile si nascondono i pallini e le descrizioni */
@media
only screen and (max-width: 480px),
only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 480px),
only screen and (max--moz-device-pixel-ratio: 2)    and (max-width: 480px),
only screen and (-o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (max-device-pixel-ratio: 2)         and (max-width: 480px),
only screen and (max-resolution: 192dpi)            and (max-width: 480px),
only screen and (max-resolution: 2dppx)             and (max-width: 480px) { 
	.q-slider > .q-de,
	.q-slider > .q-bu {
		display: none;
	}
}


/*** Div Evidenza ***/
#evidenza {
    width:100%;
    margin-top: 1%;
}

#evidenza.animated {
    animation-duration: 2.5s;
    animation-iteration-count: 1;
}

#evidenza img {
    box-shadow: 10px 8px 14px 1px #938e8b;
}
		
		/*** Contenuto evi ***/
.item-evi {
    width: 22%;
    padding: 4% 4% 4% 7%;
    float: left;
}

.item-evi p {
    font-size: 15px;
    line-height: 27px;
}

.item-evi h2 {
    margin-top:12%;
	font-size: 18px !important;
}

		

/*** Slogan ***/

#mes-full {
    width:92%;
    height: 38%;
    padding: 4%;
    overflow: auto;
    clear:both;
    background: #fff;
    box-shadow: -2px 0px 20px 6px #d9baaab0;
}

.sloganmodificato h3 {
    color:#000 !important;
    font-size: 40px;
}

.sloganmodificato p {
    color:#000 !important;
    font-size: 30px !important;
    margin-top: 10% !important;
    line-height: 1.2em !important;
}

.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 2s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

#mes-full p {
    font-family: oswald;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
	margin-right: 10%;
    margin-top: 8%;
}	
        
.slogan {
    width: 45%;
    float: left;
    padding-left: 3%;
    padding-right: 2%;
}
    
.imgslogan {
    width: 49%;
        float: left;
}

.imgslogan img {
    box-shadow: 10px 8px 14px 1px #938e8b;
}


		
		/*** Contenuto ***/

#contentdue {
    width: 88%;
    margin: 6% 6% 6% 7%;
}

#contentdue h3{
    text-transform: uppercase;
    color:#fff;
    font-size: 20px;
}

#contentdue p {
    font-size: 18px;
    line-height: 27px;
    text-align: justify;
}

/*** tre servizi ***/

.treservizi {
    background-color: #a3d1d1;
    width: 100%;
    overflow: auto;
    box-shadow: -2px 0px 20px 6px #938e8b;
}

.reveal2{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 2s all ease;
}
.reveal2.active{
  transform: translateY(0);
  opacity: 1;
}


.item-evi img {
    box-shadow: 10px 8px 14px 1px #938e8b;
}

#content .articolo {
    border-bottom:1px solid #eee;
    min-height:190px;
    padding:0px 0 10px 0;
}

#content .articolo img{
    float:left;
    margin: 0 20px 0 0;
}
			
#content .last {
    border-bottom:none;
}

/* Stile base per il footer */
#footer {
    margin-top: 9%;
	background-color: #ffffff40;
	flex-wrap: wrap;
	justify-content: space-between;
    padding: 20px; /* Add padding for spacing */
    text-align: center;
    overflow: hidden;
  }
  
.footer-container {
	width: 90%; /* Set the width of the container */
	margin: 0 auto; /* Center the container horizontally */
  }
  
.footer-content {
	display: flex; /* Use flexbox for layout */
	flex-wrap: wrap; /* Allow items to wrap to multiple lines */
	justify-content: space-between; /* Distribute items evenly */
  }
	
#footer h4 {
    font-size: x-large;
}

#footer p{
    font-size: 23px;
    line-height: 27px;
}

#foouno {
    width: 33%;
    padding: 2% 0 2% 7%;
    float:left;
}

#foouno img {
    margin-top: 2% !important;
}

#foodue {
    width: 32.9%;
    padding: 2% 0 2% 0;
    float:left;
}

#foodue a {
    color:#fff;
}

#footre {
    width: 27%;
    padding: 2% 0 2% 0;
    float:left;
}

#footre a {
    color:#fff;
}
      
#footeriva {width:86%;
    padding: 1% 7%;
    clear:both;
    background: #594b4b;
    color:hsl(180, 100%, 99%);
}
		
		
/* Clear */

    
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

/** Pagina statica **/

#mobile{
    display:none;
}

#titpagstat {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 19pt;
    line-height: normal;
    bottom: 50px;
    left: 20%;
    right: 20%;
    top: auto;
    z-index: 3;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    max-width: 100%;
    color: #fff;
    background-color: #625c54a6;
    width: 30%;
    margin: 0 auto;
    margin-top: -23%;
    margin-bottom: 23%;
    border-radius: 15px;
}


/** Pag Servizi **/

#serviziosx {
    padding: 0% 2% 6% 2%;
    box-shadow: 0px 16px 15px 0px #b9b4b1;
    margin: 0 0 7% 0;
    border: 8px #b9b4b1;
    overflow: auto;
}

#serviziodx {
    padding: 0% 2% 6% 2%;
    box-shadow: 0px 16px 15px 0px #b9b4b1;
    margin: 0 0 7% 0;
    border: 8px #b9b4b1;
    overflow: auto;
}

.servizio {
    width: 45%;
    float: left;
    padding-left: 3%;
    padding-right: 2%;
}

.servizio h3 {
    color:#fff;
}

.servizio span {
	color: #fff;
    font-size: 20px;
}
    
.imgservizio {
    width: 49%;
        float: left;
}

.imgservizio  img {
    box-shadow: 10px 8px 14px 1px #938e8b;
	margin-right: 25%;
}

/** N.B. le animazioni .reveal e .reveal2 si trovano in slogan **/

.reveal3{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 2s all ease;
}
.reveal3.active{
  transform: translateY(0);
  opacity: 1;
}

/** pag. progetti **/

.btn {
	background-color: #0069b3; /* Verde */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 10px; /* Angoli arrotondati di 10 pixel */
	box-shadow: 10px 8px 14px 1px #938e8b;
	margin-bottom: 5%;
 }

 
  
  .btn:hover {
	background-color: #0069b3; /* Verde scuro */
	
		color: #e7e7e7;
		text-decoration: none;
	}
  

/** Call to action **/

#calltoaction {
    width: 13%;
    margin: 0 auto;
    margin-bottom: 4%;
}

#calltoaction a{
    font-weight: 600;
    margin: 0 auto;
    color: #910c36;
    border-radius: 5px;
    letter-spacing: 2px;
    font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif!important;
    text-transform: uppercase!important;
    background-color: #fff;
    padding: 13%;
    box-shadow: 9px 11px 15px 0px #938e8b99;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
}

/* Pag contatti */
.servizio a {
    color:#fff !important;
    font-size:20px !important;
}

.servizio span {
    color: #fff;
    font-size: 25px;
}

.servizio p {
    color: #fff !important;
    font-size: 20px !important;
}


/* Responsive */

@media (min-width: 768px) and (max-width: 3000px) {
	#tablet{
		display: none !important;
	  }
}

@media (min-width: 768px) and (max-width: 980px) {

	.sloganmodificato h3 {
		font-size: 20px;
	}

	.sloganmodificato p {
		font-size: 50px !important;
	}
	
}

@media (min-width: 1px) and (max-width: 767px) {

	.sloganmodificato h3 {
		font-size: 20px;
	}	

}
  
@media (min-width: 1px) and (max-width: 480px) {
	#tablet{
		display: none !important;
	  }
	  .imgslogansm img {
		margin-left: 0% !important;
	}
}


/** tablet pag servizi **/
 
@media (min-width: 481px) and (max-width: 767px) { 
	/* Applica qui gli stili che desideri per questa fascia di risoluzione */
	#pcdesktop{
	  display: none !important;
	}

	#mobile{
		display: none !important;
	  }
	}


@media (max-width: 1600px) {
#evidenza {
margin-top: -4% !important;
}
}


/** Responsive pag servizi **/
/** call to action **/
@media (max-width: 1494px) {
    
    
}


    
@media (max-width: 1200px) {    
    /** evidenza **/
 #evidenza {
     margin-top: 0 !important;
    }
    
.item-evi h2 {
    font-size: 20px !important;
}

.item-evi p {
    font-size: 16px !important;
}
    
/** Pag statica **/
/** Titolo Pag statica **/
#titpagstat {
    font-size: 13pt !important;
}
    
    
/** slogan **/
.slogan span {
    font-size: 20px !important;
}
    
.slogan p {
    font-size: 20px !important;
}
    
/** Body testo **/    
    
#contentdue h3 {
    font-size: 20px !important;
}

#contentdue p {
    font-size: 16px !important;
}
    
/** tre servizi **/
    
.item-evi h3 {
    font-size: 20px !important;
}

.item-evi p {
    font-size: 16px !important;
}
    
/** Footer **/

footer {
	background-color: #60ecec; /* Set the background color */
	padding: 20px; /* Add padding for spacing */
	text-align: center; /* Center the footer content */
  }
  
  .footer-container {
	width: 90%; /* Set the width of the container */
	margin: 0 auto; /* Center the container horizontally */
  }
  
  .footer-content {
	display: flex; /* Use flexbox for layout */
	flex-wrap: wrap; /* Allow items to wrap to multiple lines */
	justify-content: space-between; /* Distribute items evenly */
  }
    
#footer h4 {
    font-size: 20px !important;
}
    
#footer p {
    font-size: 16px !important;
    }    
}
    
@media (max-width: 1024px) {


 
/** evidenza **/
.item-evi h2 {
    font-size: 17px !important;
}

.item-evi p {
    font-size: 14px !important;
}

/* slogan */
#mes-full p {
    margin-top: 5% !important;
}
    
.slogan span {
    font-size: 20px !important;
}
    
.slogan p {
    font-size: 14px !important;
}
    
/** Body testo**/
#contentdue h3 {
    font-size: 17px !important;
}
    
#contentdue p {
    font-size: 14px !important;
}
    
/* 3 servizi pre footer */    
.item-evi h3 {
    font-size: 17px !important;
}
    
/** Responsive pag servizi **/
/** call to action **/

#calltoaction {
    width: 18% !important;
}

    
/** footer **/
    
#footer h4 {
    font-size: 17px !important;
}
    
#footer p {
    font-size: 14px !important;
}

/** footer IVA **/

#footeriva p {
    font-size: 13px !important;
}
    
}
    


@media (max-width: 768px) {
/* Tablet menu mobile */
    .header_icon-bar {
	display: block;
}

.header_menu {
	width:100%;
    height:0;
    overflow: hidden;
}
    
.header_menu_item{
    display:block;    
    }
    
    .is-open{
        height: 320px;
        overflow: auto;
    }
    
.header_menu_item a {
    padding: 20px 20px 20px 31px !important;
}
    
    
.header_menu_item a:hover{
        background: #a5cbe8;
        border-radius:0 !important;
        }    
    
    
li.header_menu_item {
    border-bottom: 1px solid rgba(0,0,0,0.17);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    
/* Evidenza */
.item-evi h2 {
    font-size: 16px !important;
}
    
.item-evi p {
    font-size: 13px !important;
}
    
/** Servizio in pag Servizi **/
.servizio {
    width: 97% !important;
    padding-top: 5% !important;
}

.imgservizio {
    width: 93% !important;
    padding: 0 4% 0 3% !important;
}

/** Call to act. in pag Servizi **/
    
#calltoaction {
    width: 27% !important;
    margin-bottom: 7% !important;
    margin-top: 8% !important;
}


    /** SLOGAN ***/
#mes-full p {
    font-size: 14px !important;
}
    
/** Testo body **/
    

#contentdue p {
    font-size: 14px !important;
   }
    

/* 3 servizi pre footer */  
    

}







@media (max-width: 600px) {
    
/** menu mobile **/

.header_menu_item a {
    padding: 34px 20px 20px 20px !important;
}

/** slider **/

.q-slider {
    height: 287px !important;
}
    
.q-slider ul {
height: 287px !important;
}

.q-slider ul div {
    width: 177% !important;
    }
    
.q-slider ul li.q-im img {
    height: 287px !important;
}

    /* Evidenza */
.item-evi {
    width: 86% !important;
    padding: 5% 7% !important;
}
    
/** slogan **/
.slogan {
    width: 92% !important;
  }  
    
#mes-full p {
    font-size: 14px !important;
    text-align: justify !important;
}

.imgslogan {
    width: 93%;
    margin-left: 3%;
}
    
/** Testo body **/
#contentdue {
    width: 85% !important;
    margin: 10% 6% 6% 7% !important;
	margin-top: -10%;
}

/*** Pag Statica ***/
#titpagstat {
    font-size: 7pt !important;
}

/*** Footer ***/


#foouno {
    width: 90% !important;
       padding: 2% 0 2% 10% !important;
}


#foodue {
    width: 90% !important;
    padding: 2% 0 2% 10% !important;
}

#footre {
    width: 90% !important;
    padding: 2% 0 2% 10% !important;
}
}




@media (max-width: 480px) {
    
/** slider **/
.q-slider .q-arrp label span {
    height: 147% !important;
}
    
.q-slider .q-arrn label span {
    height: 147% !important;
}
    
.q-slider .sl:checked .q-arrp label  {
    height: 82% !important;
}
    
label.n-0, label.n-1, label.n-2 {
    height: 82% !important;
}

.q-arrp {
    height: 82% !important;
}
    
.q-arrn {
    height: 82% !important;
}
    
    
/** Slogan **/
#mes-full {
    padding: 4% 4% 10% 4%;
}
    
/** Tre servizi **/  
    
.item-evi p {
    text-align: justify !important;
}
    
/** Pag Servizi immagine **/ 
.imgservizio {
    width: 90% !important;
    padding: 6% 5% 0 4% !important;
}
    
.imgservizio img {
    box-shadow: 1px 3px 14px 1px #938e8b;

	
}
    
.servizio {
    width: 90% !important;
    padding-top: 9% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

    
#serviziosx {
    box-shadow: -1px 5px 15px 0px #b9b4b1 !important;
}
    
#serviziodx {
    box-shadow: -1px 5px 15px 0px #b9b4b1 !important;
}
    
/** Animazioni pag statica **/
#mobile{
        display: inline !important;
}
    
#pcdesktop{
        display:none !important;
    }

/** Pag Servizi Call to act. **/
#calltoaction {
    width: 46% !important;
    margin-bottom: 11% !important;
    margin-top: 13% !important;
	


}

}

    
@media (max-width: 396px) {
#calltoaction {
    width: 40% !important;
}    
}

@media (max-width: 320px) {

    /** Testo body **/
#contentdue {
    margin: 14% 6% 6% 7% !important;
    width: 84% !important;
}

/** Titolo pag statica **/
#titpagstat {
    font-size: 5pt !important;
}

/** call to action **/
#calltoaction {
    width: 42% !important;
}    
#calltoaction a {
    font-size: 8px !important;
} 
}