/* CUSTOMIZZO IL CAPTION*/
@-webkit-keyframes slideOut {
    0% {
        left: 17%;
        opacity: 0;
    }
    100% {
    /*    left:0;*/
        opacity: 1;
    }
}
@-moz-keyframes slideIn {
    0% {
        left: 17%;
        opacity: 0;
    }
    100% {
     /*   left: 0;*/
        opacity: 1;
    }
}
@-o-keyframes slideIn {
    0% {
    /*    left: 15%;*/
        opacity: 0;
    }
    100% {
    /*    left: 0;*/
        opacity: 1;
    }
}
@keyframes slideIn {
    0% {
        left: 17%;
        opacity: 0;
    }
    100% {
      /*  left: 0;*/
        opacity: 1;
}
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.flex-control-nav {
  bottom: 40px;
}
.flex-control-nav li {
  margin: 0 6px;
}
.flex-control-paging li a {
  background: rgba(255, 255, 255, 1);
}
.flex-control-paging li a:hover {
  background: #00508A;
}
.flex-control-paging li a.flex-active {
  background: #00508A;
}
.flex-caption {
	display:inline-block;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
	/*top:39%; */
/*	text-shadow:  0px 0px 10px #000;*/
	/*left:0;*/
	text-align:center;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	z-index:8;
	vertical-align: middle;
	/* ANIMAZIONE CAPTION */	
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 4s; /* Firefox < 16 */
	-ms-animation: fadein 4s; /* Internet Explorer */
	-o-animation: fadein 4s; /* Opera < 12.1 */
	 animation: fadein 4s;
}
.flex-caption h2 {
	display:inline-block;
	width:100%;
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size: 3.07em; /*40px */
	letter-spacing:1px;
/*	text-transform:uppercase;*/
	width:auto;
	padding-right: auto;
	padding-left:auto;
	line-height:40px;
	text-align:center;
	-webkit-text-shadow: 1px 1px 0 #000;
	-moz-text-shadow: 1px 1px 0 #000;
	text-shadow: 1px 1px 0 #000;
}
.animate {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#fullfascione  {
	display:block;
	width:100%;
	min-height:auto;
	margin:0 auto;
	padding:0;
}
#wrapper_fascione {
	position:relative;
	display:flex;
	height:65vh;
	width:100vw;
	padding:0;
	margin:0;
}
.flexslider, .flex-viewport	{
	display:block;
	width:100%;
	height:100%!important;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	z-index:0;
}
.flexslider .slides	{
	height:100%!important;
}		
.flexslider .slides li 	{
	width:100%;
	height:100%!important; 
	margin:0;
	padding:0;			
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}	
.flex-control-nav {
	bottom:5%;
	display:none;	
}
.flex-direction-nav {
	display:none;
}
/* Layout tablet portrait: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
#wrapper_fascione {
	position:relative;
	display:flex;
	height:50vh;
	width:100vw;
}
.flexslider, .flex-viewport	{
	display:block;
	width:100%;
	height:100%!important;
/*	height:92%!important;*/
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	z-index:0;
}
.flex-caption {
	display:inline-block;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
	/*top:39%; */
/*	text-shadow:  0px 0px 10px #000;*/
	/*left:0;*/
	text-align:center;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	color:#fff;
	z-index:8;
	vertical-align: middle;
}
.flex-caption h2 {
	display:inline-block;
	width:96%;
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size: 3.84em; /*50px */
	letter-spacing:1px;
/*	text-transform:uppercase;*/
	width:auto;
	padding: 1.5%;
	line-height:50px;
	text-align:center;
	-webkit-text-shadow: 1px 1px 0 #000;
	-moz-text-shadow: 1px 1px 0 #000;
	text-shadow: 1px 1px 0 #000;
	-webkit-animation: fadeInUp 1.5s ease-in-out;
	animation: fadeInUp 1.5s ease-in-out;
}		
.flex-control-nav {
	display:block;
	bottom:5%; 
}
.flex-control-nav { 
	bottom: 5%;
}
}
@media only screen and (min-width: 769px ) {
#wrapper_fascione {
	position:relative;
	display:flex;
	margin-top:105px;
	height: 60vh;
	width:100vw;
}
.flexslider, .flex-viewport	{
	flex-grow: 1;
	width:100%;
	height:100%!important;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	z-index:0;
}
.flex-caption {
	display:inline-block;
	position: relative;
    top: 53%;
    transform: translateY(-50%);
	/*top:39%; */
/*	text-shadow:  0px 0px 10px #000;*/
	/*left:0;*/
	text-align:center;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	color:#fff;
	z-index:8;
	vertical-align: middle;
}
.flex-caption h2 {
	display:inline-block;
	width:96%;
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:4.61em; /* 60px */
	letter-spacing:1px;
/*	text-transform:uppercase;*/
	width:auto;
	padding:0.5% 1.5%;
	line-height:60px;
	text-align:center;
	-webkit-text-shadow: 1px 1px 0 #000;
	-moz-text-shadow: 1px 1px 0 #000;
	text-shadow: 1px 1px 0 #000;
}		
.flex-caption p {
	font-size: 3.84em; /* 50px */
}
.flex-control-nav {
	bottom:5%; 
}
}
/* Layout desktop: da 1025 px a superiori. Eredita stili da: Layout tablet landscape */
@media only screen and (min-width: 1025px ) {
#wrapper_fascione {
	position:relative;
	display:flex;
	margin-top:0;
	height: 65vh;
	width:100vw;
}
.flexslider, .flex-viewport	{
	display:inline-block;
	width:100%;
/*	height:86%!important;*/
	height:100%!important;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	z-index:0;
}
.flex-caption {
	display:inline-block;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
	/*top:39%; */
/*	text-shadow:  0px 0px 0px #000;*/
	/*left:0;*/
	text-align:center;
	width:80%;
	margin-left:4%;
	margin-right:16%;
	color:#fff;
	z-index:8;
	vertical-align: middle;
}
.flex-caption img {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	max-width:400px;
}		
.flex-caption h2 {
	display:inline-block;
	width:96%;
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	line-height:86px;
	font-size: 7.38em; /* 96px */
	letter-spacing:1px;
/*	text-transform:uppercase;*/
	width:auto;
	padding:0 2%;
	text-align:left;
}
.flex-caption p {
	font-size: 4.92em; /* 64px */
}
.flex-control-nav { 
	bottom: 5%;	
}			
}