html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Merriweather', serif;

}
html {scroll-behavior: smooth;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt50 {margin-top: 50px;}
.mb20 {margin-bottom: 20px;}
.mb-20 {margin-bottom: -20px;}
.pd20 {padding-top: 20px; margin-top: -20px}
.mrow {margin-bottom: 20px; padding-bottom:20px; }
.centro {display: block; margin-left: auto; margin-right: auto; width: 100%;}



/* Navbar section */

.nav { width: 100%; height: 75px; position: fixed; line-height: 65px; text-align: center; z-index: 10; }
.nav div.logo { float: left; width: auto; height: auto; padding-left: 30px;} .nav div.logo img {width: 200px; margin-bottom:10px}
.nav div.logo a { text-decoration: none; color: #fff; font-size: 3em;}
.nav div.logo a:hover {color: #00ff00;}
.nav div.main_list {height: 65px; float: right;}
.nav div.main_list ul {width: 100%; height: 65px; display: flex; list-style: none; margin: 0; padding: 0;}
.nav div.main_list ul li {width: auto; height: 65px; padding: 0; padding-right: 3rem;}
.nav div.main_list ul li a { text-decoration: none; color: #fff; line-height: 65px; font-size: 2.4rem; padding-left: 5px; padding-right: 5px}
.nav div.main_list ul li a:hover {color: black;}
.link-1 { position: relative; text-decoration: none; display: inline-block; color: black; padding: 0 1px; -webkit-transition: color ease 0.3s; transition: color ease 0.3s;}
.link-1::after {content: ''; position: absolute; z-index: -1; width: 100%; height: 5%; left: 0; bottom: 10px; background-color: #fff; -webkit-transition: all ease 0.3s; transition: all ease 0.3s;}
.link-1:hover {color: white;}
.link-1:hover::after {height: 70%;}
.navTrigger {display: none;}
.nav { padding-top: 20px; padding-bottom: 20px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

#tornasu {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #000000;
    color: white;
    cursor: pointer;
    padding:  13px 15px 15px 15px;
    border-radius: 50px;
  }





/* Home section */

.home { width: 100%; height: 80vh;}

/* banner section */
#bianco {background-color: rgb(255, 255, 255); padding-bottom: 20px;} #bianco h1 {font-size: 5em; font-family:'Lato', sans-serif; font-weight: 900; line-height:1em; z-index: 1; position: inherit; text-shadow: 10px 10px 20px #FFF;}
#bianco p {font-size: 2em; font-family:'Montserrat', sans-serif; font-weight: 500; line-height:1.2em } #bianco img {z-index: 0} .gigi img{max-width: 300px}
#bianco p2 {font-size: 1.5em !important; line-height:1.2em;} #bianco p2 img {max-width: 20px}
spanE {font-weight: 800; text-decoration: underline;}
#bianco h2 {font-size: 2em; font-family:'Lato', sans-serif; font-weight: 900; line-height:1em; color:white }
#bianco h3 {font-size: 2em; font-family:'Lato', sans-serif; font-weight: 900; line-height:1em; }
#bianco a{color: black; text-decoration: none;} #bianco a:hover {color: #C1002F; background:black; padding: 0 3px 0 3px}
spanR {color: #C1002F; padding-bottom: 8px; background-color: white}
#bianco2 {background-color: rgb(255, 255, 255); padding-bottom: 20px; padding-top: 20px;} #bianco2 h1 {font-size: 5vw; font-family:'Lato', sans-serif; font-weight: 900; line-height:4vw; z-index: 1; position: inherit; text-shadow: 10px 10px 20px #FFF; padding-top: 50px;}
#bianco2 p2 {font-size: 2em !important; line-height:1.2em;} #fsc p2 img {max-width: 20px}

#verde {background-color: #285d4d; padding-bottom: 20px; padding-top: 20px;} #verde h1 {font-size: 4em; color:white; font-family:'Lato', sans-serif; font-weight: 900; line-height:1em; z-index: 1; position: inherit; padding-top: 20px;}
#verde p2 {font-family: 'Merriweather', serif; font-size: 1.5em !important; line-height:1.3em; color:white} #fsc p2 img {max-width: 20px}

#banner {background-image: url('../img/banner1.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-top: 0 !important; margin-bottom: -20px}
#banner2 {background-image: url('../img/bannerhp2.jpg'); background-position: right; background-repeat: no-repeat; height:800px; margin-top: 0 !important; margin-bottom: -20px}
#banner3 {background-image: url('../img/banner2.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-top: 0 !important; margin-bottom: -20px}

#biancol {background-color: rgb(255, 255, 255); margin-top: 20px !important}
#biancol h1 {font-size: 8em; font-family:'Lato', sans-serif; font-weight: 900; line-height:1em; z-index: 1; position: inherit;  padding-bottom: 20px; letter-spacing: 5px}
.shad { text-shadow: 5px 5px 10px #C1002F;}
#biancol p {font-size: 2.5em; font-family:'Montserrat', sans-serif; font-weight: 500; line-height:1em } #biancol img {z-index: 0}
#biancol p2 {font-size: 2em !important; line-height:1.2em;} #bianco p2 img {max-width: 20px}
spanE {font-weight: 800; text-decoration: underline; }
#biancol h2 {font-size: 1em; font-family:'Lato', sans-serif; font-weight: 900; line-height:1em; color:#C1002F }
#biancol h3 {font-size: 2em; font-family:'Lato', sans-serif; font-weight: 900; line-height:1em; }
#biancol a{color: black; text-decoration: none;} #biancol a:hover {color: #C1002F; background:black; padding: 0 3px 0 3px}
.up {position: relative; top: 0; transition: top ease 0.5s;}
.up:hover {top: -10px;
  -webkit-filter: blur(5px);
transition: 1s ease;}
.stella {max-width: 35px;}
.stella{
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */
   /* transform: rotate(.03turn);  */
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
#lavor {margin-top: 250px} #lavor img{max-width: 350px}
.lavor a{ text-decoration: none; color: white; font-size: 7em; font-family:'Lato', sans-serif; font-weight: 900; z-index: 1; letter-spacing: 5px;}
.lavor a:hover { text-decoration: none; color: white;}
.image {margin-top: 20px}
.premi {background-color: #C1002F; width: 280px !important; padding: 40px 20px 40px 20px; border-radius: 15px; color: white; display: block; margin: auto;}
#bannerlavor {background-image: url('../img/lavorob.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-bottom: -20px}
#bannerlavor1 {background-image: url('../img/lavorob1.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-bottom: -20px}
#bannerlavor2 {background-image: url('../img/lavorob2.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-bottom: -20px}
#bannerlavor3 {background-image: url('../img/lavorob3.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-bottom: -20px}
#bannerlavor4 {background-image: url('../img/lavorob4.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-bottom: -20px}
#bannerlavor5 {background-image: url('../img/lavorob5.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-bottom: -20px}
#bannerlavor6 {background-image: url('../img/lavorob6.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-bottom: -20px}

#banneroltre {background-image: url('../img/banner2.jpg'); background-position: center; background-repeat: no-repeat; height:800px; margin-bottom: -20px}
#banneroltre1 {background-image: url('../img/banneroltre1.jpg'); background-position: center; background-repeat: no-repeat; height:500px; margin-bottom: -20px}
#banneroltre2 {background-image: url('../img/banneroltre2.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#banneroltre3 {background-image: url('../img/banneroltre3.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#banneroltre4 {background-image: url('../img/banneroltre4.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#banneroltre5 {background-image: url('../img/banneroltre5.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#banneroltre6 {background-image: url('../img/banneroltre6.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#banneroltre h1 {font-size: 5em; font-family:'Montserrat', sans-serif; color: #FFF; font-weight: 800; z-index: 1; position: inherit;  padding-top: 200px; margin-top: 0 !important; text-shadow: 0 0 1em black, 0 0 0.2em black;}

#bannerorma {background-image: url('../img/banner1.jpg'); background-position: center; background-repeat: no-repeat; height:800px;margin-bottom: -20px}
#bannerorma h1 {font-size: 5em; font-family:'Montserrat', sans-serif; color: #FFF; font-weight: 800; z-index: 1; position: inherit;  padding-top: 200px; margin-top: 0 !important; text-shadow: 0 0 1em black, 0 0 0.2em black;}
#bannerorma1 {background-image: url('../img/banneroltre1.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerorma2 {background-image: url('../img/banneroltre2.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerorma3 {background-image: url('../img/banneroltre3.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerorma4 {background-image: url('../img/banneroltre4.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerorma5 {background-image: url('../img/banneroltre5.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerorma6 {background-image: url('../img/banneroltre6.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}

#bannerdigitale {background-image: url('../img/banner1.jpg'); background-position: center; background-repeat: no-repeat; height:800px;margin-bottom: -20px}
#bannerdigitale h1 {font-size: 5em; font-family:'Montserrat', sans-serif; color: #FFF; font-weight: 800; z-index: 1; position: inherit;  padding-top: 200px; margin-top: 0 !important; text-shadow: 0 0 1em black, 0 0 0.2em black;}
#bannerdigitale1 {background-image: url('../img/banneroltre1.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdigitale2 {background-image: url('../img/banneroltre2.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdigitale3 {background-image: url('../img/banneroltre3.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdigitale4 {background-image: url('../img/banneroltre4.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdigitale5 {background-image: url('../img/banneroltre5.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdigitale6 {background-image: url('../img/banneroltre6.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}

#bannerbraille {background-image: url('../img/banner1.jpg'); background-position: center; background-repeat: no-repeat; height:800px;margin-bottom: -20px}
#bannerbraille h1 {font-size: 5em; font-family:'Montserrat', sans-serif; color: #FFF; font-weight: 800; z-index: 1; position: inherit;  padding-top: 200px; margin-top: 0 !important; text-shadow: 0 0 1em black, 0 0 0.2em black;}
#bannerbraille1 {background-image: url('../img/banneroltre1.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerbraille2 {background-image: url('../img/banneroltre2.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerbraille3 {background-image: url('../img/banneroltre3.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerbraille4 {background-image: url('../img/banneroltre4.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerbraille5 {background-image: url('../img/banneroltre5.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerbraille6 {background-image: url('../img/banneroltre6.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}

#bannertradizionale {background-image: url('../img/banner1.jpg'); background-position: center; background-repeat: no-repeat; height:800px;margin-bottom: -20px}
#bannertradizionale h1 {font-size: 5em; font-family:'Montserrat', sans-serif; color: #FFF; font-weight: 800; z-index: 1; position: inherit;  padding-top: 200px; margin-top: 0 !important; text-shadow: 0 0 1em black, 0 0 0.2em black;}
#bannertradizionale1 {background-image: url('../img/banneroltre1.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannertradizionale2 {background-image: url('../img/banneroltre2.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannertradizionale3 {background-image: url('../img/banneroltre3.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannertradizionale4 {background-image: url('../img/banneroltre4.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannertradizionale5 {background-image: url('../img/banneroltre5.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannertradizionale6 {background-image: url('../img/banneroltre6.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}

#bannerdatovariabile {background-image: url('../img/banner1.jpg'); background-position: center; background-repeat: no-repeat; height:800px;margin-bottom: -20px}
#bannerdatovariabile h1 {font-size: 5em; font-family:'Montserrat', sans-serif; color: #FFF; font-weight: 800; z-index: 1; position: inherit;  padding-top: 200px; margin-top: 0 !important; text-shadow: 0 0 1em black, 0 0 0.2em black;}
#bannerdatovariabile1 {background-image: url('../img/banneroltre1.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdatovariabile2 {background-image: url('../img/banneroltre2.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdatovariabile3 {background-image: url('../img/banneroltre3.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdatovariabile4 {background-image: url('../img/banneroltre4.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdatovariabile5 {background-image: url('../img/banneroltre5.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerdatovariabile6 {background-image: url('../img/banneroltre6.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}

#bannerpanorama {background-image: url('../img/banner1.jpg'); background-position: center; background-repeat: no-repeat; height:800px;margin-bottom: -20px}
#bannerpanorama h1 {font-size: 5em; font-family:'Montserrat', sans-serif; color: #FFF; font-weight: 800; z-index: 1; position: inherit;  padding-top: 200px; margin-top: 0 !important; text-shadow: 0 0 1em black, 0 0 0.2em black;}
#bannerpanorama1 {background-image: url('../img/banneroltre1.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerpanorama2 {background-image: url('../img/banneroltre2.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerpanorama3 {background-image: url('../img/banneroltre3.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerpanorama4 {background-image: url('../img/banneroltre4.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerpanorama5 {background-image: url('../img/banneroltre5.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}
#bannerpanorama6 {background-image: url('../img/banneroltre6.jpg'); background-position: center; background-repeat: no-repeat; height:500px;margin-bottom: -20px}


.ombra {box-shadow:3px 3px 2px 0px rgba(0, 0, 0, 0.32);}
#scusaci a{color: black; text-decoration: none;} #scusaci a:hover {color: #00ff00; background:black; padding: 0 3px 0 3px}

#scusaci {padding-bottom: 40px; padding-top: 40px}
#footer {padding-bottom: 20px; padding-top: 0px}
#footerin {background-color: #00ff00;  margin-bottom: 20px; padding-top: 30px} #footerin p {color: black; font-size: 20px;}
#footerin a{color: black; text-decoration: none;} #footerin a:hover {color: #00ff00; background:black; padding: 0 3px 0 3px}

#cosa {background-color: #00ff00; padding-top: 40px;} #cosa p {color: black; font-size: 20px;}
#scusaci {padding-bottom: 40px; padding-top: 40px}


.cosa{margin-bottom: 50px;}


/* lavori section */



.overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: #00ff00; overflow: hidden; width: 100%; height: 0; transition: .5s ease;}
.text {white-space: nowrap;color: black; font-size: 20px; position: absolute;  overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.descr {font-size: 20px; margin-top: 10px; margin-bottom: 20px;}
.slide {height: 50vh }


/* SLIDESHOW */
.slideshow,
.slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -5;
    list-style: none;
}
.slideshow:after {
    content: '';
    background-color:black;
}
.slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    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 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.slideshow li div {

    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.slideshow li div h3 {
  font-family: "helvetica neue", helvetica;
  text-transform: uppercase;
  font-size: 80px;
  padding: 0;
  line-height: 200px;
	color: rgba(255,255,255, 0.8);
}
.slideshow li:nth-child(1) span { background-image: url('../img/rotocel-5.jpg') }
.slideshow li:nth-child(2) span {
    background-image: url('../img/rotocel-2.jpg');
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
    background-image: url('../img/rotocel-1.jpg');
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
    background-image: url('../img/rotocel-3.jpg');
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.slideshow li:nth-child(5) span {
    background-image: url('../img/rotocel-4.jpg');
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.slideshow li:nth-child(6) span {
    background-image: url('../img/rotocel-6.jpg');
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.slideshow li:nth-child(6) div {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation {
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation {
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation {
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation {
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation {
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) {
	.slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) {
	.slideshow li div h3 { font-size: 50px }
}
/* SLIDESHOW */



/* Media qurey section */

@media screen and (min-width: 768px) and (max-width: 1800px) {
    .container {
        margin: 0;
    }
}

@media screen and (max-width:768px) {
  #bianco h2 {font-size: 1.7em; }
  #bianco h1 {font-size: 2.7em; line-height:1em; padding-top: 20px}
  #bianco h3 {padding-top: 20px}
  #biancol h2 {font-size: 1.7em; }
  #biancol h1 {font-size: 4.8em; line-height:1em; margin-top: 40px}
  #biancol p {font-size: 2em; line-height: 1em;}
  #bianco2 h1 {font-size: 2.7em; line-height:1em; padding-top: 20px}
  #banner2 {background-position: left;}
  .mb20 {margin-bottom: 40px}
  #lavor {margin-top: 0px; padding-top: 200px}
  #lavor img{max-width: 320px}
  #verde h1 {font-size: 2.7em;}
  #biancol {margin-bottom: 20px; margin-top:40px}
  .image {margin-top: 40px}

  #banneroltre h1 {font-size: 2em;}
  #banneroltre { height:500px;}
  #bannerbraille h1 {font-size: 2em;}
  #bannerbraille { height:500px;}
  #bannerdatovariabile h1 {font-size: 2em; margin-top: }
  #bannerdatovariabile { height:500px;}
  #bannerdigitale h1 {font-size: 2em;}
  #bannerdigitale { height:500px;}
  #bannerorma h1 {font-size: 2em;}
  #bannerorma{ height:500px;}
  #bannerpanorama h1 {font-size: 2em;}
  #bannerpanorama{ height:500px;}
  #bannertradizione h1 {font-size: 2em;}
  #bannertradizione{ height:500px;}




  .stella {max-width: 20px;}

  #scusaci {padding-top: 10px; padding-bottom: 10px}
  .mrow {margin-bottom: 0px;}
  .footer {margin-bottom:30px}
  #footer { padding-top: 20px}

  #scusaci p {font-size: 15px}
    .nav {padding-top: 0!important}
    .navTrigger {
        display: block;
    }
    .nav div.logo {
        margin-left: 15px;
    } .nav div.logo { padding-left: 0;}
    .nav div.main_list {
        width: 100%;
        height: 0;
        overflow: hidden;
    }
    .nav div.show_list {
        height: auto;
        display: none;
    }
    .nav div.main_list ul {
        flex-direction: column;
        width: 100%;
        height: auto;
        right: 0;
        left: 0;
        bottom: 0;
        padding-bottom: 50px;
        background-color: #111;
        /*same background color of navbar*/
        background-position: center top;
    }
    .nav div.main_list ul li {
        width: 100%;
        text-align: right;
    }
    .nav div.main_list ul li a {
        text-align: center;
        width: 100%;
        font-size: 3rem;
        padding: 20px;
    }
    .nav div.media_button {
        display: block;
    }
}


/* Animation */

.navTrigger {
    cursor: pointer;
    width: 30px;
    height: 25px;
    margin: auto;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
}

.navTrigger i {
    background-color: #fff;
    border-radius: 2px;
    content: '';
    display: block;
    width: 100%;
    height: 4px;

}

.navTrigger i:nth-child(1) {
    -webkit-animation: outT 0.8s backwards;
    animation: outT 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.navTrigger i:nth-child(2) {
    margin: 5px 0;
    -webkit-animation: outM 0.8s backwards;
    animation: outM 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.navTrigger i:nth-child(3) {
    -webkit-animation: outBtm 0.8s backwards;
    animation: outBtm 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.navTrigger.active i:nth-child(1) {
    -webkit-animation: inT 0.8s forwards;
    animation: inT 0.8s forwards;
}

.navTrigger.active i:nth-child(2) {
    -webkit-animation: inM 0.8s forwards;
    animation: inM 0.8s forwards;
}

.navTrigger.active i:nth-child(3) {
    -webkit-animation: inBtm 0.8s forwards;
    animation: inBtm 0.8s forwards;
}

@-webkit-keyframes inM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes inM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes outM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes inT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(9px) rotate(0deg);
    }
    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes outT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes outT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(9px) rotate(0deg);
    }
    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes inBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes inBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-9px) rotate(0deg);
    }
    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

@-webkit-keyframes outBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes outBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-9px) rotate(0deg);
    }
    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

.affix {
    padding: 0;
    background-color: #111;
}