@media screen and (min-width: 1513px) {
    /*Da 1350 in poi (crescendo)*/
    #top {
        min-width: 900px;
    }

    #top_menu {
        margin-top: 50px;
        background-color: blue;
    }

    .bottom_menu#first {
        margin-left: 570px;
    }

    .bottom_menu#second {
        margin-left: 625px;
    }

    img#logo {
        max-width: 100%;
        margin-left: 16px;
    }

    .titolo {
        position: fixed;
        bottom: 20%;
        right: 0;
        overflow: hidden;
        height: 100px;
        float: right;
        color: white;
        font-size: 80px;
    }

    .titolo_mob {
        display: none;
    }
}
@media screen and (min-width: 900px) and (max-width: 1512px){
    /*Da 1512 in giu (diminuendo)*/
    #navigation_menu {width: 380px;
    }
    
    #top_menu {margin-top: 10px;
               margin-right:  60px;
    }.titolo {
        position: fixed;
        bottom: 20%;
        right: 0;
        overflow: hidden;
        height: 100px;
        float: right;
        color: white;
        font-size: 80px;
    }
    .titolo_mob{display:none;}
    
}

@media screen and (min-width: 1150px) {
  body { min-width: 900px;}
}

@media screen and (max-width: 900px) {
    body { width:  100%;
    }
    img#logo {
        max-width: 100%;
    }
 #menu {
  display: none;
}
#top {
  background-color: #fff;
  z-index: 99;
  width: 100%;
  top: 0;
}
#bottom {
  display:  none;
}
.central {
  display:  none;
}
.titolo {
  display:none;
}
.titolo_mob {
    
 text-decoration:none;
  margin-top: 15%;
  /* right: 0; */
  /* overflow: hidden; */
  /* height: 100px; */
  float: left;
  /* color: white; */
  font-size: 35px;
}
.titolo_mob a { text-decoration:none; color:  white;}
.acca_uno{background-color: rgba(181, 175, 150, 0.8);
 
          color:  white;/* height: 50px; */
  z-index: 99999999999;
  position: relative;
  /* float: left; */
  /* width: 200px; */
  /* top: 50%; */
  margin: 10px 0px 0px 0px;}
.acca_due{background-color:rgba(44, 105, 10, 0.8);
  color:  white;/* height: 50px; */
  z-index: 99999999999;
  position: relative;
  /* float: left; */
  /* width: 200px; */
  /* top: 50%; */
  margin: 10px 0px 0px 0px;}
.acca_tre{background-color: rgba(73, 175, 17, 0.8);
  color:  white;/* height: 50px; */
  z-index: 99999999999;
  position: relative;
  /* float: left; */
  /* width: 200px; */
  /* top: 50%; */
  margin: 10px 0px 0px 0px;}
.acca_quattro{background-color: rgba(73, 175, 17, 0.8);
  color:  white;/* height: 50px; */
  z-index: 99999999999;
  position: relative;
  /* float: left; */
  /* width: 200px; */
  /* top: 50%; */
  margin: 10px 0px 0px 0px;}
.acca_cinque{background-color: rgba(113, 100, 90, 0.8);
  color:  white;/* height: 50px; */
  z-index: 99999999999;
  position: relative;
  /* float: left; */
  /* width: 200px; */
  /* top: 50%; */
  margin: 10px 0px 0px 0px;}
}
@font-face {
	font-family: 'MyriadProCondensed';

    
src: url('../myriadpro-cond.eot');

    src: url('../myriadpro-cond.eot') format('embedded-opentype'),

         url('../myriadpro-cond.woff') format('woff'),

         url('../myriadpro-cond.ttf') format('truetype'),

         url('../myriadpro-cond.svg#MyriadProCondensed') format('svg');
}



#counter {
display: none;
}

*{
	margin:0px;
	padding:0px;
	border:0px;
    font-family: Corbel;
}

a:focus{
	outline-style:none;
    background-color: transparent;
}

.menu_fondo a:hover,  #navigation_menu a:hover, #condivisione a:hover, #sottomenu a:hover{
    
    text-decoration: underline;
    padding:  0;
}

.menu_fondo a,  #navigation_menu a, #condivisione a, #sottomenu a{
	color:inherit;
	text-decoration:none;
    margin:  0px 10px 0px 10px;
}

body{
	margin:0px auto 0 auto;
    
    cursor: default;

}

#top{
    background-color: #fff;
    height:  110px;
    z-index:99;
         width:100%;
         top:  0;
         
}

img {
    overflow: hidden;
}

img#logo{
    float: left;
    
}

img#logoshort1{
    display: none;
    margin-top: 76px;
    float: left;
    margin-left: 16px;
}

img#logoshort{
    display: none;
    margin-top: 76px;
    float: right;
    margin-right: 16px;
}
#menu{
    float: right;
   /* margin-right: 10px;*/
}


#top_menu {
    background-color: #fff;
    float: right;
}

.bottom_menu {
    padding-top: 60px;
    margin-left: 400px;
}





.central {
    margin-top: 0px;
}


#left{
    
  margin-top:  0px;
    background-color:  #94867b;    
    z-index: 20;
    padding:  18px;
    float:  left;
    color:  #eeeeee;
    overflow:  hidden;
    position: fixed;
    opacity: 0;
}

#left_chi{
    
  margin-top:  0px;
    background-color:  #94867b;    
    
    padding:  18px;
    float:  left;
    color:  #eeeeee;
    overflow:  hidden;
    position: fixed;
    opacity: 0;
}


#back{
    
    width: 20px;
height: 20px;
background-color: rgb(148, 134, 123);
padding: 10px;
position: absolute;
z-index: 100;
left: 0;
float: left;
color:  white;
}

#right{
    
        
margin-bottom: 20px;
    
    overflow:  hidden;
}

#right_chi{
    
        
margin-bottom: 20px;
    
    overflow:  hidden;
}

.quadrovert {
    
    width: 33%;
    float:  left;
}

.quadrovert img{
    
 max-width:  100%;
}

.quadrovert a{
    margin:  0 auto;
}

.quadrobig {
    
    width: 100%;
    float:  left;
}

.quadrobig img{
    
 max-width:  100%;
}

.quadrobig a{
    margin:  0 auto;
}


.quadro {
    
   
   
    float:  left;
}

.quadro img{
    
 max-width:  100%;
}

.quadro a{
    margin:  0 auto;
}





.slide {
    
    width: 100%;
    float:  left;
}

#prj_left{
    max-width: 266px;
padding: 18px;
overflow: hidden;
height: 100%;
float: left;
text-align: justify;
position: fixed;
z-index: 333;
background-color: rgb(148, 134, 123); 
    color:  white;
   
    
}

#prj_right{
    width: 63%;
background-color: rgb(148, 134, 123);
float: right;
color: rgb(238, 238, 238);
overflow: hidden;
 
    
}


#leftb{
    
    width: 30%;
    background-color:  #948f7b;    
    height: 500px;
    float:  left;
}

#rightb{
    
    width: 70%;
    background-color:  #b5af96;    
    height: 500px;
    float:  left;
}

#bottom {
    background-color: #fff;
    height: 45px;
    position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index:  400;
min-width: 900px;
}



.menu_fondo{
    float: left;
    cursor: pointer;
    padding-top: 10px
}

#condivisione{
    float:  right;
    background-color: #fcfffb;
    height: 30px;
}

/* SLIDER PROGETTI */
@import url(http://fonts.googleapis.com/css?family=Unica+One);

/* Plugin base styles */

.slider { 
  position: relative;
  width: 100%; 
  overflow: hidden; 
}

.slides { 
  position: relative;
  padding: 0;
  list-style: none;
  letter-spacing: 0;
  word-spacing: 0;
  font-size: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
}

.slides li { 
  display: inline-block; 
  -webkit-backface-visibility: hidden;
}



.slide-nav { 
  position: absolute; 
  bottom: 60px;
  right: 20px;
  z-index: 1;
}

.slide-nav ul {
  letter-spacing: 0;
  word-spacing: 0;
  font-size: 0;
}

.slide-nav li { display: inline-block; }

.slide-nav li a {
  display: block;
  color: #444;
  background: #FFF;
  text-decoration: none;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  text-align: center;
  margin: 0 0 0 6px;
}

.slide-nav li a.active { color: #DEBB1E; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative; /* MODIFICATO PER SOVRAPPORRE PIU CAROSELLI.*/
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative; /* MODIFICATO PER SOVRAPPORRE PIU CAROSELLI.*/
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}


/* EFFETTO PRIMA PAGINA INIZIO  DA FIRSTPAGEEFFECTSTYLE.CSS*/

@font-face {
	font-family: 'MyriadProCondensed';

    
src: url('../myriadpro-cond.eot');

    src: url('../myriadpro-cond.eot') format('embedded-opentype'),

         url('../myriadpro-cond.woff') format('woff'),

         url('../myriadpro-cond.ttf') format('truetype'),

         url('../myriadpro-cond.svg#MyriadProCondensed') format('svg');
}

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 110px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 140px;
    left: 260px;
    width: 100%;
    text-align: left;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 20s linear infinite 0s;
    -moz-animation: titleAnimation 20s linear infinite 0s;
    -o-animation: titleAnimation 20s linear infinite 0s;
    -ms-animation: titleAnimation 20s linear infinite 0s;
    animation: titleAnimation 20s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'MyriadProCondensed', 'Corbel', 'Arial Narrow', Arial, sans-serif;
    font-size: 80px;
    padding: 0;
    line-height: 100px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/sl1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/sl2.jpg);
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/sl3.jpg);
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/sl4.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/sl5.jpg);
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}



.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4;
    -ms-animation-delay: 4s;
    animation-delay: 4s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}

/* Animation for the slideshow images */


@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
    }

    8% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

    17% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

    19% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
    }

    100% {
        opacity: 0;
    }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
   
    0%
{
    opacity: 0;
    transform: translateX(200px);
}

    8% {
        opacity: 1;
        transform: translateX(0px);
    }

    17% {
        opacity: 1;
        transform: translateX(0px);
    }

    19% {
        opacity: 0;
        transform: translateX(-400px);
    }

    100% {
        opacity: 0;
    }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 60px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 40px }
}

@media handheld and (max-width: 100px) { 
    .cb-slideshow li div h3 { font-size: 20px }
}

/* EFFETTO PRIMA PAGINA FINE DA FIRSTPAGEEFFECTSTYLE.CSS*/