@import "../font-awesome/css/all.min.css";
@import "boilerplate.css";
@import "general.css";
@import "imagehover.css";
@import "hover-min.css";
@import "animate.min.css";
@import "../cookie/cookiebar.css";
/*FASCIONE 1*/
#fullfascione1 {
	width:100%;
	min-height:50px;
	display:block;
	margin:0;
	background-color:#4E4D51;
	z-index:1;
}
#fascione1 {
	clear:both;
	float:left;
	display:block;
	width:80%;
	min-height:50px;
	margin:0 10%;
	padding:30px 0;
	text-align:center;
}
#fascione1 .testo {
	clear:both;
	float:left;
	position:relative;
	display:block;
	width:100%;
	min-height:50px;
	margin-top:0;
	margin-bottom:20px;
	margin-left:0;
	margin-right:0;
	text-align:center;
}
#fascione1 .testo h1 {
	margin-top:0;
	margin-bottom:25px;
	margin-left:0;
	margin-right:auto;
	padding:0;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.0em; /*26px*/
	line-height:30px;
	letter-spacing:1px;
	color:#FFF;
}
#fascione1 .testo p {
	font-weight:400;
	margin-top:10px;
	margin-bottom:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-size:1.15em; /* 15px */
	line-height:24px;
	color:#CCC;
}
#fascione1 .testo p a {
	text-decoration:underline;
}
#fascione1 .immagine {
	display:block;
	float:left;
	clear:none;
	width:100%;
	height:auto;
	margin-top:0;
	margin-bottom:10px;
	margin-left:0;
	margin-right:0;
	text-align:center;
}
#fascione1 .immagine img {
	display:block;
	width:100%;
	height:auto;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}
/*FASCIONE 1*/

/*FASCIONE 2*/
#fullfascione2 {
	width:100%;
	min-height:50px;
	display:block;
	margin:0;
	z-index:1;
}
#fascione2 {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:50px;
	margin:0 5%;
	padding:30px 0;
	text-align:center;
} 
#wrapper-fascione2 {
	position:relative;
	display:inline-block;
	width:100%;
	min-height:auto;
}
ul#wrapper-fascione2 {
	position:relative;
	display:block;
	width:100%;
	min-height:auto;
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:20px;
	text-align:center;
}
#fascione2 h6 {
	margin-top:25px;
	margin-bottom:25px;
	margin-left:0;
	margin-right:auto;
	padding:0;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.38em; /*18px*/
	line-height:24px;
	color:#121212;
	text-align:center;
	letter-spacing:normal;
}     
li.card-wrapper {
	display:inline-block;
	vertical-align:top;
	width:46.5%;
	min-height:80px;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-top:0;
	margin-bottom:30px;
}
.testo-figure {
  	position: relative;
	display:block;
	width:90%;
	padding:0;
	padding-left:5%;
	padding-right:5%;
	min-height:80px;
}
.testo-figure a {
	text-decoration:none;
}
.testo-figure h2 {	
	font-family: "Abel", sans-serif;
	font-weight: 400;
	padding-left:0;
	padding-right:0;
	padding-top:15px;
	padding-bottom:2%;
	margin:0 auto;
	font-style: normal;
	font-size:1.076em; /* 14 px */
	line-height:20px;
	color:#000;
	text-align:center;
}
.testo-figure p {	
	font-family: "Abel", sans-serif;
	font-weight: 400;
	padding:0 ;
	margin:0 auto;
	font-style: normal;
	font-size:0.76em; /* 10 px */
	letter-spacing:2px;
	color:#666;
	text-align:center;
}
.testo-figure span {
	display:block;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	letter-spacing:1px;
	padding-left:0;
	padding-right:0;
	padding-top:3%;
	padding-bottom:2%;
	margin:0 auto;
	font-style: normal;
	font-size:1.23em; /* 16 px */
	color:#000;
	text-align:center;
}
.figure {
  	position: relative;
	display:block;
	width:100%;
	height:auto;
}
.figure img {
	display: block;
	max-width: 100%;
	height: auto;
}
.figure .image-hover {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	opacity: 0;
	transition: opacity .2s;
	transition-timing-function: linear;
	transition: transform .2s; /* Animation */
}
.figure:hover .image-hover {
	opacity: 1;	
	transition: opacity 300ms ease-in-out;
	transition: transform .8s; /* Animation */
	transform: scale(1.1);
/*FASCIONE 3*/
}
/* Layout tablet portrait: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
/*FASCIONE 1 */
#fullfascione1 {
	width:100%;
	min-height:50px;
	display:block;
	margin:0;
	z-index:1;
}
#fascione1 {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:500px;
	margin:0 5%;
	padding:30px 0;
	text-align:left;
}
#fascione1 .testo {
	clear:both;
	float:left;
	position:relative;
	display:block;
	width:100%;
	min-height:50px;
	margin-top:0;
	margin-bottom:30px;
	margin-left:0;
	margin-right:0;
	text-align:left;
}
#fascione1 .testo h1 {
	margin-top:0;
	margin-bottom:25px;
	margin-left:0;
	margin-right:auto;
	padding:0;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.30em; /*30px*/
	line-height:36px;
	letter-spacing:1px;
	color:#FFF;
	text-align:left;
}
#fascione1 .testo p {
	font-weight:400;
	margin-top:10px;
	margin-bottom:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-size:1.15em; /* 15px */
	line-height:24px;
	color:#CCC;
}
#fascione1 .immagine {
	display:block;
	float:left;
	clear:none;
	width:80%;
	height:auto;
	margin-top:0;
	margin-bottom:20px;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
}
/*FASCIONE 1 */

/*FASCIONE 2 */
#fullfascione2 {
	width:100%;
	min-height:50px;
	display:block;
	margin:0;
	z-index:1;
}
#fascione2 {
	position:relative;
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:50px;
	margin:0 5%;
	padding:30px 0;
	text-align:center;
}     
li.card-wrapper {
	display:inline-block;
	width:30.5%;
	min-height:80px;
	margin-left:1%;
	margin-right:1%;
	margin-top:0;
	margin-bottom:30px;
/*FASCIONE 2 */	
}
}
/* Layout landscape: da 769 px a 1024 px max.  Eredita stili da: Layout mobile e Layout tablet portrait */
@media only screen and (min-width: 769px ) {
/*FASCIONE 1 */  
#fullfascione1 {
	width:100%;
	min-height:50px;
	display:block;
	margin:0;
	z-index:1;
}
.centrato {
  margin: 0;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
}
#fascione1 {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:50px;
	margin:0 5%;
	padding:38px 0;
	text-align:center;
}
#fascione1 .testo {
	position:relative;
	display:block;
	float:left;
	clear:both;
	width:42%;
	height:auto;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:8%;
	text-align:left;
}
#fascione1 .testo h1 {
	margin-top:20px;
	margin-bottom:20px;
	margin-left:0;
	margin-right:auto;
	padding:0;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.92em; /*38px*/
	line-height:42px;
	color:#FFF;
	text-align:left;
	letter-spacing:normal;
}
#fascione1 .testo p {
	font-weight:400;
	margin-top:10px;
	margin-bottom:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-size:1.23em; /* 16px */
	line-height:24px;
	color:#CCC;
}
#fascione1 .immagine {
	display:block;
	float:left;
	clear:none;
	width:50%;
	height:auto;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	text-align:left;
}
/*FASCIONE 1 */ 

/*FASCIONE 2 */ 
#fullfascione2 {
	width:100%;
	min-height:50px;
	display:block;
	margin:0;
	z-index:1;
}
#fascione2 {
	position:relative;
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:50px;
	margin:0 5%;
	padding:38px 0;
	text-align:center;
}
#fascione2 h6 {
	margin-top:30px;
	margin-bottom:30px;
	margin-left:0;
	margin-right:auto;
	padding:0;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.0em; /*26px*/
	line-height:26px;
	color:#121212;
	text-align:center;
	letter-spacing:normal;
}      
li.card-wrapper {
	display:inline-block;
	width:30.5%;
	min-height:80px;
	margin-left:1%;
	margin-right:1%;
	margin-top:0;
	margin-bottom:30px;
/*FASCIONE 3 */
}
}
/* Layout desktop: da 1025 px a superiori. Eredita stili da: Layout tablet landscape */
@media only screen and (min-width: 1025px ) {
/*FASCIONE 1 */
#fullfascione1 {
	width:100%;
	min-height:50px;
	display:block;
	margin:0;
	z-index:1;
}
#fascione1 {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:50px;
	margin:0 5%;
	padding:40px 0;
	text-align:center;
}
#fascione1 .testo {
	position:relative;
	display:block;
	float:left;
	clear:both;
	width:42%;
	height:auto;
	margin-top:20px;
	margin-bottom:0;
	margin-left:0;
	margin-right:8%;
	text-align:left;
}
#fascione1 .testo h1 {
	margin-top:0;
	margin-bottom:30px;
	margin-left:0;
	margin-right:auto;
	padding:0;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.07em; /*40px*/
	line-height:46px;
	color:#FFF;
	text-align:left;
	letter-spacing:normal;
}
#fascione1 .testo p {
	font-weight:400;
	margin-top:15px;
	margin-bottom:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family: "Abel", sans-serif;
	font-weight: 400;
	font-size:1.30em; /* 16px */
	line-height:26px;
	color:#ccc;
}
#fascione1 .immagine {
	display:block;
	float:left;
	clear:none;
	width:50%;
	height:auto;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	text-align:left;
}
/*FASCIONE 2 */
#fullfascione2 {
	width:100%;
	min-height:50px;
	display:block;
	margin:0;
	z-index:1;
}
#fascione2 {
	position:relative;
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:50px;
	margin:0 5%;
	padding:40px 0;
	text-align:center;
}      
li.card-wrapper {
	display:inline-block;
	width:22.5%;
/*	max-width:250px;*/
	min-height:80px;
	margin-left:1%;
	margin-right:1%;
	margin-top:0;
	margin-bottom:30px;
/*FASCIONE 3 */
}
}