@charset "utf-8";
/* CSS Document */

#pretitle{
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0px;
    background-color: #fff;
    z-index: 9999;
    background-image: url(img/Sfondo_graphicnovel.jpg);
}
#pretitle p{
	color:#fff;
	    color: #fff;
    font-size: 20px;
    font-family: Aleo;
    padding: 20px;
    text-align: center;
    display: block;
}
section.prima {
    font-size: 0;
    text-align: center;
    background:#000;
}
.nascosto{
 opacity:0;
	}
#content-wrapper{display: none}
@media all and  (min-aspect-ratio:15/8)  {
#pretitle{
	display:none}
	#content-wrapper{
		display: block
	}
}
@media all and (display-mode: fullscreen) {
  #pretitle{
	display:none}
	#content-wrapper{
		display: block
	}
}
img.prefutura {
    max-width: 100%;
    transform: rotateY(185deg);
    position: absolute;
    bottom: 0;
    right: 0px;
}
.elemento1,
.elemento2,
.elemento3,
.elemento4,
.elemento5{
	opacity: 1;
}
.play1, .play2{
	background-image:url("img/PLAY POD white.png");
	    width: 41vh;
    height: 20vh;
    background-size: 100%;
}
.play3{
	background-image:url("img/PLAY POD black.png");
	    width: 41vh;
    height: 20vh;
    background-size: 100%;
}
.prosegui1, .prosegui2{
background: url(img/Continua_white.png);
    width: 41vh;
    height: 12vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: RIGHT;
    cursor: pointer;
	
    display: none;
}
.prosegui3{
	background: url("img/Continua_viola scuro.png");
    width: 41vh;
    height: 12vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: RIGHT;
    cursor: pointer;
   display: none;
}
.stop1, .stop2, .stop3, .stop4{
	 width: 41vh;
    height: 40vh;
    background-size: 100%;
    right: 0vh;
    position: absolute;
}
.titoli{
background-image: url(img/Scritte_graphicnovel.png);
    width: 100%;
    height: 100vh;
    top: 0px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
	z-index: 999;
    position: absolute;
}
.containercover {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: -28px;
}

.tavola1{
	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/01/1-sfondo.jpg");
	    background-size: 100% 100%	;
	background-position: center;
}
.tavola2{
	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/02/2-sfondo.jpg");
	    background-size: 100%;
	background-position: center;
}
.tavola3{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/03/Bg_cielo_03.jpg");

}
.tavola4{
background-size: 100% 100%;   
	width: 100%; 
    overflow: hidden;
    height: 100vh;
    left: 0px;
    background:#fff;

}
.tavola4a{
	position: absolute;
background-size: 100% 100%;   
	width: 41%; 
    overflow: initial;
	display: inline-block;
    height: 100vh;
    left: 0px;
    background-image:url("img/04/Part Sx_Bg cielo_02.png");

}
.tavola4b{
	
    position: absolute;
    background-size: 100% 100%;
    width: 58.5%;
    overflow: hidden;
    height: 100vh;
    right: 0px;
    background-image: url("img/04/Part Dx_Bg cielo_02.png");
    display: inline-block;
}
.tavola5{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/05/05Background_01.jpg");

}
.tavola6{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/06/SC6-cielo_02.jpg");
	 perspective: 1200px;

}
.tavola7{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/07/Bg cielo_sc7_01.jpg");
	 perspective: 5200px;

}
.tavola8{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/08/scena9bg.jpg");
perspective: 500px;
}
.tavola9{
    background-position: 0%;
    width: 100%;
    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image: url(img/09/Part09Sx_Background_01.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
.tavola10{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/10/Part Dx_Background_02.jpg");
perspective: 500px;
}
.tavola11{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/11/Background_sc_11_01.jpg");
perspective: 500px;
}
.tavola12{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/12/Background_sc_12_01.jpg");
perspective: 500px;
}
.tavola13{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/Background_sc_11_01.jpg");
perspective: 500px;
}
.tavola14{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/14/Background_sc14_01.jpg");
perspective: 500px;
}
.tavola15{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/15/Background_sc_15_01.jpg");
perspective: 500px;
}
.tavola16{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 

    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-color:#5E6485;
perspective: 500px;
}
.rete14{
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 
animation: glare 5s linear infinite;
    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/14/Griglia visrtuale_sc14_03.png");
}
#nubi16-1{
    position: absolute;
    background-size: 100%;
    background-position: 0%;
    width: 110vw;
    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/16/Nuvole rarefatte_sc_16_04.png");
}
#nubi16-2{
    position: absolute;
    background-size: 100%;
    background-position: 0%;
    width: 100%;
    overflow: hidden;
    height: 100vh;
    top: 0px;
    background-image:url("img/16/Nuvole rosa secondopiano_sc_16_03.png");
}
#nubi16-3{
	position: absolute;
background-size: 110% 110%;
    background-position: 0%;	   
	width: 100%; 
    overflow: hidden;
    height: 100vh;
    bottom: 0px;
    background-image:url("img/16/Nuvole viola primopiano_sc_16_02.png");
}
.bagliore14{
	width: 100vw;
	height: 10vh;
	position: absolute;
	bottom: 0vh;
}
.vignetta1{
	
    position: absolute;
	width: 100%; 
	top: 0px;

    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/vignetta1@2x.png");
}
#vignetta9{
	
    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/vignetta9@2x.png");
}
#vignetta10b{
    position: absolute;
    width: 42vh;
    top: 0px;
    height: 42vh;
    background-size: 100% 100%;
    background-position: center;
	background-image:url("img/10/Separatore_sc10.png");
}
.corpo1{
	    position: absolute;
    width: 110%;
    top: 0px;
    height: 100vh;
    background-size: 100%;
    background-position: center;
    background-image: url("img/10/Part Dx_corpo 1_03.png");
    overflow: visible;
    left: -5%;
}
.corpo2{
	    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/10/Part Dx_corpo 2_04.png");
}
.corpo3{
	    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/10/Part Dx_corpo 3_05.png");
}
.corpo4{
	    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/10/Part Dx_corpo 4_06.png");
}
.corpo5{
	    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/10/Part Dx_corpo 5_07.png");
}
.corpo6{
	    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/10/Part Dx_corpo 6_08.png");
}
.corpo7{
	    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/10/Part Dx_corpo 7_09.png");
}
.corpo8{
	    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/10/Part Dx_corpo 8_10.png");
}
.corpo9{
	    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/10/Part Dx_corpo 9_11.png");
}
.barre5-1{
    position: absolute;
    width: 71%;
    top: 0px;
    height: 100vh;
    background-size: 100% 100%;
    background-position-X: 100%;
    background-position-y: 44%;
	background-image:url("img/05/Raggi_03_A-sx.png");
}
.barre5-1b{
    position: absolute;
    width: 29%;
    top: 0px;
    height: 100vh;
    background-size: 100% 100%;
    background-position-X: 0;
    background-position-y: 44%;
    background-image: url("img/05/Raggi_03_A-dx.png");
    right: 0;
}
.barre5-2{
    position: absolute;
    width: 71%;
    top: 0px;
    height: 100vh;
    background-size: 100% 100%;
    background-position-X: 100%;
    background-position-y: 44%;
	background-image:url("img/05/Raggi_04_B-sx.png");
}
.barre5-2b{
    position: absolute;
    width: 29%;
    top: 0px;
    height: 100vh;
    background-size: 100% 100%;
    background-position-X: 0;
    background-position-y: 44%;
    background-image: url("img/05/Raggi_04_B-dx.png");
    right: 0;
}
.barre5-3{
    position: absolute;
    width: 71%;
    top: 0px;
    height: 100vh;
    background-size: 100% 100%;
    background-position-X: 100%;
    background-position-y: 44%;
	background-image:url("img/05/Raggi_05_C-sx.png");
}
.barre5-3b{
    position: absolute;
    width: 29%;
    top: 0px;
    height: 100vh;
    background-size: 100% 100%;
    background-position-X: 0;
    background-position-y: 44%;
    background-image: url("img/05/Raggi_05_C-dx.png");
    right: 0;
}
.futura5{
	  background-image: url("img/05/Fututa_volante_02.png");
    position: absolute;
    width: 48vh;
    height: 23vh;
    background-size: 100%;
    left: 64vh;
    top: 30vh;
    background-repeat: no-repeat;
}
#futura16{
	  background-image: url("img/16/Futura_sc_16_05.png");
    position: absolute;
    width: 90vh;
    height: 41vh;
    background-size: 100%;
left: -21vh;
    top: 65vh;
    background-repeat: no-repeat;
}
.separatore{
	
    position: absolute;
	width: 100%; 
	top: 0px;
    height: 100vh;
	background-size: 100% 100%	;
	background-position: center;
	background-image:url("img/Separatore parti_00.png");
}

div#elemento1 {
    background: url(img/01/1-dune1.png);
	width: 100%; 
    height: 100vh;
    background-size: cover;
    position: absolute;
	
    background-position: center bottom;
}
.bolla11-1{
	 background: url("img/11/Bolla 1_sc_11_03.png");
    width: 100%;
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center;

}
.bolla11-2{
	 background: url("img/11/Bolla 2_sc_11_04.png");
    width: 100%;
    height: 100vh;
    background-size: 110%;
    position: absolute;
    background-position: center;
}
.bolla11-3{
	 background: url("img/11/Bolla 3_sc_11_05.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
	
    background-position: center bottom;

}
.bolla12-1{
	 background: url("img/12/Bolla centrale 6_sc12_06.png");
	width: 89vh;
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    left: calc(calc(100vw - 89vh) / 2);

}
.bolla12-2{
    background: url("img/12/Bolla raggio 1_sc12_01.png");
    width: 71vh;
    height: 41vh;
    background-size: 110%;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    top: 50vh;
}
.bolla12-3{

    transform-origin: bottom right;
	background: url("img/12/Bolla raggio 2_sc12_02.png");
    width: 50vh;
    height: 31vh;
    background-size: 100%;
    position: absolute;
    background-position: center bottom;
    background-repeat: no-repeat;
    top: 17vh;
    left: 21vh;
}
.bolla12-4{

    transform-origin: bottom right;
	background: url("img/12/Bolla raggio 3_sc12_03.png");
    width: 35vh;
    height: 23vh;
    background-size: 110%;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 48vh;
}
.bolla12-5{
	 background: url("img/12/Bolla raggio 4_sc12_04.png");
width: 41vh;
    height: 41vh;
    background-size: 100%;
    position: absolute;
    background-position: center bottom;
    background-repeat: no-repeat;
    top: 1vh;
    right: 33vh;
}
.bolla12-6{
	 background: url("img/12/Bolla raggio 5_sc12_05.png");
    width: 77vh;
    height: 57vh;
    background-size: 110%;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    top: 20vh;
    right: 2vh;
}
.bolla12-7{
	 background: url("img/12/Bolla raggio 6_sc12_06.png");

    transform-origin: top left;
	width: 39vh;
    height: 31vh;
    background-size: 100%;
    position: absolute;
    background-position: center bottom;
    background-repeat: no-repeat;
    bottom: 0vh;
    right: 37vh;
}
.separatore11{
	 background: url("img/Separatore_sc_11_01.png");
	width: 100%; 
    height: 100vh;
    background-size: 110% 100%;
    position: absolute;
    background-position: center bottom;
}
.separatore11-1{
	width: 41%; 
	position: absolute;
	right: 0px;
	height: 100vh;
	background:#fff;
}
.separatore13{
	 background: url("img/13/Separatore_sc_13_02.png");
	width: 100%; 
    height: 100vh;
    background-size:110%;
    position: absolute;
    background-position: center bottom;
}
.separatore13-1{
	width: 50%; 
	position: absolute;
	right: 0px;
	height: 100vh;
	background:#fff;
    z-index: 999;
}
.bolla11-4{
	 background: url("img/11/Bolla 4_sc_11_06.png");
	width: 100%; 
    height: 100vh;
    background-size:110%;
    position: absolute;
	
    background-position: center bottom;

}
div#dune3 {
    background: url("img/03/Bg_montagne_04.png");
	width: 100%; 
    height: 100vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
}
div.dune4 {
    background: url("img/04/Part Sx_Bg montagne_01.png");
	width: 100%; 
    height: 100vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
}
div.dune4b {
    background: url("img/04/Part Dx_Bg_montagne_01.png");
	width: 100%; 
    height: 100vh;
    background-size: cover;
    position: absolute;
    background-position: right bottom;
}
div#futura {
    background: url("img/03/Futura_da sola_01.png");
	width: 100%; 
    height: 100vh;
    background-size: cover;
    position: absolute;
	
    background-position: center bottom;
}
div#futura13 {
    background: url("img/13/Futura_sc_13_03.png");
    width: 70vh;
    height: 85vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 0;
    left: 14vh;
}
div#futura14 {
    background: url("img/14/Futura_sc14_04.png");
    width: 15.5vh;
    height: 44vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 24vh;
    left: 73vh;
	
    animation: wiggle2 2.5s ease-in-out infinite;
}
div#ombrafutura14 {
    background: url("img/14/Ombra Futura_sc14_02.png");
    width: 19.5vh;
    height: 7vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 19vh;
    left: 68vh;
    animation: wiggle2b 2.5s ease-in-out infinite;
}
div#futura15 {
    background: url("img/15/Futura_sc_15_02.png");
    width: 164.5vh;
    height: 100vh;
    background-size: cover;
    position: absolute;
    background-position: left bottom;
    bottom: 0vh;
    left: 0vh;
}
div.bacarozzoscia {
    background: url("img/04/Part Sx_Bug_04.png");
    width: 56vh;
    height: 56vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 9vh;
    left: 12vh;
}
.baloon9-1{
background: url("img/09/Baloon_sc9_alto sx_02.png");
    width: 21vh;
    height: 12vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    top: 4vh;
    left: 32vh;
}
.baloon9-2{
    background: url("img/09/Baloon_sc9_alto sx_03.png");
        width: 42vh;
    height: 19vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    top: 15vh;
    left: 18vh;
}
.tavola9-b{
position: absolute;
    background-size: 100% 100%;
    width: 68.5%;
    overflow: hidden;
    height: 100vh;
    right: 0px;
    background-image: url("img/09/Part09Dx_Background_01.jpg");
    display: inline-block;
}
.baloon10-1 {
    background: url("img/10/Baloon_sc10_alto sx_02.png");
    width: 32vh;
    height: 22.5vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    top: 3vh;
    left: 4vh;
} 
.baloon10-2{
	background: url("img/10/Baloon_sc10_centro_03.png");
       width: 40vh;
    height: 34.5vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 56vh;
    left: 60vh;
}
.baloon10-3{
	background: url("img/10/Baloon_sc10_dx_04.png");
    width: 25vh;
    height: 25vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 23vh;
    left: 101vh;
}
.baloon11-1 {
    background: url("img/11/Baloon_sc11_alto sx_01.png");
    width: 23vh;
    height: 23.5vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    top: 25vh;
    left: 46vh;
} 
.baloon11-2{
	background: url("img/11/Baloon_sc11_basso dx_03.png");
    width: 44vh;
    height: 27vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 9vh;
    left: 54vh;
}
.baloon11-3{
	background: url("img/11/Baloon_sc11_alto sx_02.png");
    width: 33vh;
    height: 24vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 4vh;
    right: 12vh;
}
.baloon4-1{
    background: url(img/04/Baloon_sc4_sx_01.png);
    width: 29vh;
    height: 26vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    top: 15vh;
    left: 32vh;
}
.baloon4-2{
    background: url(img/04/Baloon_sc4_centro_02.png);
    width: 30vh;
    height: 43vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 26vh;
    right: 0;
    z-index: 999;
}
.baloon4-3{
background: url(img/04/Baloon_sc4_dx_03.png);
    width: 45vh;
    height: 25vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    bottom: 15vh;
    right: 0vh;
}
div.bacarozzo12 {
        background: url("img/12/Bacarozz 6_sc12_06.png");
    animation: wiggle2 1.5s ease-in-out infinite;
    width: 12vh;
    height: 7.5vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
        left: calc(50vw - 3.25vh);
	top: 45vh;
}
div.bacarozzo13 {
        background: url("img/13/Bacarozzo_sc_13_05.png");
    animation: wiggle2 1.5s ease-in-out infinite;
    width: 9vh;
    height: 5.5vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    left: 32vh;
    top: 29vh;
    z-index: 999;
}
div.bacarozzo14 {
        background: url("img/14/Bacarozzo_sc14_05.png");
    animation: wiggle2 1.5s ease-in-out infinite;
    width: 7vh;
    height: 5.5vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    left: 88vh;
    top: 34vh;
    z-index: 999;
}
div.bacarozzo15 {
        background: url("img/15/Bacarozzo_sc_15_04.png");
    animation: wiggle2 1.5s ease-in-out infinite;
    width: 11vh;
    height: 8.5vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
left: 143vh;
    top: 31vh;
    z-index: 999;
}
div.bacarozzo15-2 {
        background: url("img/15/Pallozzo Bacarozzo_sc_15_03.png");
	 animation: wiggle2 1.5s ease-in-out infinite;
    width: 19vh;
    height: 15.5vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
left: 140vh;
    top: 27vh;
    z-index: 999;
}
div.bacarozzo2 {
        background: url(img/04/bacarozzo.fw.png);
    animation: wiggle2 1.5s ease-in-out infinite;
    width: 30vh;
    height: 13vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    left: 20%;
    top: 9vh;
}
div.bacarozzo-8 {
    background: url(img/08/Bug_sc8_03.png);
    animation: wiggle2 1.5s ease-in-out infinite;
    width: 14vh;
    height: 13vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    right: 8vh;
    bottom: 23vh;
}
div.bacarozzo-10 {
    background: url("img/10/Part Dx_bacarozz+scia_12.png");
    width: 105vh;
    height: 26vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
    left: -10vh;
    bottom: 39vh;
}

div#bacarozzo {
    background: url("img/03/Bug_da solo_02.png");
    width: 11vw;
    height: 17vh;
    background-size: cover;
    position: absolute;
    animation: wiggle2 1.5s ease-in-out infinite;
    background-position: center bottom;
    left: 90vh;
    top: 30vh;
}
div#elemento2 {
    background: url(img/01/1-dune2.png);
	width: 100%; 
    height: 100vh;
	bottom: 0px;
	background-position: bottom;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
}
div#elemento3 {
    background: url(img/01/1-dune3.png);
	width: 100%; 
    height: 100vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
}
div#elemento4 {
    background: url(img/01/1-dune4.png);
	width: 100%; 
    height: 100vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
}
div#elemento5 {
    background: url(img/01/1-dune5.png);
	width: 100%; 
    height: 100vh;
    background-size: cover;
    position: absolute;
    background-position: center bottom;
}
div#testo1 {
width: 121vh;
    height: 8vh;
    display: block;
    position: absolute;
    top: -8vh;
    z-index: 999; 
	background: url("img/01/Baloon/Dida_sc1_01.png");
    background-size: cover;
        background-position: bottom;
    left: 0;
    color: #000;
    font-size: 20px;
    text-align: left;
    }
div.baloon4-4 {
    display: block;
    position: absolute;
    top: -8vh;
    z-index: 999; 
	background: url("img/04/Dida_sc4_01_basso dx.png");
    background-size: cover;
        background-position: bottom;
    right: 0;
	    width: 119vh;
    height: 8vh;
    }
div.baloon12-1 {
    display: block;
    position: absolute;
    bottom: -8vh;
    z-index: 999;
    background: url("img/12/Baloon/Dida_sc11_01_basso sx.png");
    background-size: cover;
    background-position: top;
    right: 0;
    width: 134vh;
    height: 14vh;
    }
div.baloon13-5 {
    background: url("img/13/Baloon/Dida_sc13_04_basso dx.png");
    display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: bottom;
    right: 1vh;
    width: 100vh;
    height: 27vh;
	bottom:-27vh
}
div.baloon14-1 {
    background: url("img/14/Baloon/Dida_sc14_01_alto sx.png");
    display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: bottom;
    right: 1vh;
    width: 202vh;
    height: 10vh;
    top: -10vh;
    max-width: 99vw;
}
div.baloon14-2 {
    background: url("img/14/Baloon/Dida_sc14_02_basso sx.png");
    display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: top;
    right: 1vh;
    width: 205vh;
    height: 13vh;
    bottom: -13vh;
    max-width: 99vw;
}
div.baloon15-1 {
    background: url("img/15/Baloon/Baloon_sc15_alto sx_01.png");
     display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: top;
    left: 8vh;
    width: 43vh;
    height: 12vh;
    bottom: 35vh;
}
div.baloon15-2 {
    background: url("img/15/Baloon/Baloon_sc15_alto sx_02.png");
    display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: top;
    left: 15vh;
    width: 43vh;
    height: 12vh;
    bottom: 24vh;
}
div.baloon15-3 {
    background: url("img/15/Baloon/Baloon_sc15_alto sx_03.png");
display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: top;
    left: 4vh;
    width: 46vh;
    height: 19vh;
    bottom: 6vh;
}
div.baloon15-4 {
    background: url("img/15/Baloon/Baloon_sc15_alto dx_04.png");
     display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: top;
    right: 4vh;
    width: 52vh;
    height: 27vh;
    top: 6vh;
	
    max-width: 21vw;
    max-height: 11vw;
}
div.baloon16-1 {
    background: url("img/16/Baloon/Baloon_sc16_centro alto_01.png");
    display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: top;
    left: 80vh;
    width: 43vh;
    height: 17vh;
    top: 12vh;
}
div.baloon16-2 {
    background: url("img/16/Baloon/Baloon_sc16 basso dx_02.png");
    display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: top;
    right: 7vh;
    width: 25vh;
    height: 25vh;
    bottom: 35vh;
}
div.baloon16-3 {
    background: url("img/16/Baloon/Dida_sc16_basso dx_03.png");
    display: block;
    position: absolute;
    z-index: 999;
    background-size: cover;
    background-position: top;
    right: 1vh;
    width: 39vh;
    height: 12vh;
    bottom: -12vh;
}
a.scarica {
    display: inline-block;
    position: absolute;
    right: 1vh;
    width: 25vh;
    height: 12vh;
}
a.rivedi {
    display: inline-block;
    position: absolute;
    left: 0vh;
    width: 13vh;
    height: 12vh;
}
div.baloon5-1 {
   display: block;
    position: absolute;
    top: 11vh;
    z-index: 999;
    background: url(img/05/Baloon_sc5_sx_01.png);
    background-size: cover;
    background-position: bottom;
    left: 69vh;
    width: 52vh;
    height: 18vh;
    }
div.baloon5-2 {
    display: block;
    position: absolute;
    bottom: 2vh;
    z-index: 999;
    background: url(img/05/Baloon_sc4_dx_02.png);
    background-size: 100%;
    background-position: bottom;
    right: 10vh;
    width: 44vh;
    height: 44vh;
    background-repeat: no-repeat;
    }
div.baloon6-1 {
    display: block;
    position: absolute;
    bottom: 2vh;
    z-index: 999;
    background: url(img/06/Baloon_sc6_centro_01.png);
    background-size: 100%;
    background-position: bottom;
    left: 68vh;
    width: 42vh;
    height: 44vh;
    background-repeat: no-repeat;
    }
div.baloon6-2 {
    display: block;
    position: absolute;
    bottom: 20vh;
    z-index: 999;
    background: url(img/06/Baloon_sc6_dx_02.png);
    background-size: 100%;
    background-position: bottom;
    right: 26vh;
    width: 35vh;
    height: 39vh;
    background-repeat: no-repeat;
    }
div#testo9 {
width: 66vh;
    height: 8vh;
    display: block;
    position: absolute;
    bottom: -8vh;
    z-index: 999; 
	background: url(img/02/baloon09.png);
    background-size: cover;
        background-position: top;
    right: 0;
    color: #000;
    font-size: 20px;
    text-align: left;
    }
div#testo5 {
width: 170vh;
    height: 10vh;
    display: block;
    position: absolute;
    top: -8vh;
    z-index: 999;
    background: url("img/01/Baloon/Dida_sc1_02.png");
    background-size: cover;
    background-position: bottom;
    left: 0vh;
    color: #000;
    font-size: 20px;
    text-align: left;
    }
div#testo2 {
    width: 15vh;
    height: 13vh;
    display: block;
    position: absolute;
    bottom: 44vh;
    z-index: 999;
    left: 24vh;
    text-align: center;
    background: url(img/01/Baloon/baloon2@2x.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
div#testo3 {
    width: 15vh;
    height: 13vh;
    display: block;
    position: absolute;
    bottom: 35vh;
    z-index: 999;
    left: 28vh;
    text-align: center;
    background: url(img/01/Baloon/baloon3@2x.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
div#testo4 {
    width: 42vh;
    height: 36vh;
    display: block;
    position: absolute;
    bottom: 1vh;
    z-index: 999;
    left: 6vh;
    text-align: center;
    background: url(img/01/Baloon/baloon4@2x.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
div#testo6 {
    width: 32vh;
    height: 51vh;
    display: block;
    position: absolute;
    bottom: 1vh;
    z-index: 999;
    left: 3vw;
    text-align: center;
    background: url(img/01/baloon6.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
div#testo7 {
    width: 25vh;
    height: 60vh;
    display: block;
    position: absolute;
    bottom: 1vh;
    z-index: 999;
    left: 26vh;
    text-align: center;
    background: url(img/01/baloon7.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
div#testo8 {
    width: 37vh;
    height: 33vh;
    display: block;
    position: absolute;
    z-index: 999;

    right: 39vh;
	text-align: center;
    background: url(img/02/baloon08.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
div#testo10 {
    width: 132vh;
    height: 8vh;
    display: block;
    position: absolute;
    top: -8vh;
    z-index: 999;
    text-align: center;
    background: url("img/03/Dida 01_alto sx.png");
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}
div#testo11 {
    width: 37vh;
    height: 48vh;
    display: block;
    position: absolute;
    z-index: 999;
    right:-40vh;
	bottom: 0;
    text-align: center;
    background: url("img/03/Dida 02_basso dx.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
div#testo12 {

    width: 37vh;
    height: 33vh;
    display: block;
    position: absolute;
    z-index: 999;
    left: 69vh;
    text-align: center;
    background: url(img/03/Baloon_sc3_01.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    bottom: 20vh;

}
div#testo13 {
    width: 20vh;
    height: 33vh;
    display: block;
    position: absolute;
    z-index: 999;
    left: 99vh;
    text-align: center;
    background: url(img/03/Baloon_sc3_02.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    bottom: 5vh;
}
div#palla {
width: 100vw;
    height: 1vh;
    display: block;
    position: absolute;
    bottom: 37.5vh;
    z-index: 999;
    left: 0;
    text-align: center;
    background: url(img/01/bolla.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
div#palla2 {
    width: 30vw;
    height: 54vh;
    display: block;
    position: absolute;
    bottom: 18.5vh;
    z-index: 999;
    left: 35vw;
    text-align: center;
    background: url(img/02/pallaaperta.fw.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	animation: pulse2 13s infinite;
}

div#pezzo-6-1 {
    background: url("img/06/pezzo1.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
	animation: spin3d 3s infinite;
	 transform-style: preserve-3d;
}
div#pezzo-6-2 {
    background: url("img/06/pezzo2.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
		animation: spin3d 3.5s infinite;
	 transform-style: preserve-3d;
}
div#pezzo-6-3 {
    background: url("img/06/pezzo3.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
		animation: spin3d2 4s infinite;
	 transform-style: preserve-3d;
}
div#pezzo-6-4 {
    background: url("img/06/pezzo4.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
		animation: spin3d2 5s infinite;
	 transform-style: preserve-3d;
}
div#pezzo-6-5 {
    background: url("img/06/pezzo5.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
		animation: spin3d2 8s infinite;
	 transform-style: preserve-3d;
}
div#pezzo-6-6 {
    background: url("img/06/pezzo6.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
		animation: spin3d2 10s infinite;
	 transform-style: preserve-3d;
}
div#pezzo-6-7 {
    background: url("img/06/pezzi06.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
	    background-position: center center;
		animation: spin3d2 10s infinite;
	 transform-style: preserve-3d;
}
div#futura-6 {
    background: url("img/06/Fututa_fluttua_02.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
	    background-position: center center;
    animation: wiggle2 4.5s ease-in-out infinite;
	 transform-style: preserve-3d;
}
div.futura-8 {
    background: url("img/08/Futura_sc8_02.png");
	width: 100%; 
    height: 100vh;
    background-size:cover;
    position: absolute;
	    background-position: center center;    bottom: -20vh;
    background-repeat: no-repeat
}
div#futura-9 {
    background: url("img/09/Part Dx_Futura tuffo_03.png");
     width: 48%;
    height: 74vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    bottom: -20vh;
    background-repeat: no-repeat;
    top: -67vh;
    right: 38vh;
}
div.pezzo-8-1 {
    background: url("img/08/Blocco vetri_sc8_01.png");
	width: 100%; 
    height: 100vh;
    background-size: cover;
    position: absolute;
    background-position: center center;
	animation: spin3d2 10s infinite;
	 transform-style: preserve-3d;
	
    background-repeat: no-repeat;
}
div.pezzo-8-2 {
    background: url("img/08/Blocco vetri_sc8_02.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: spin3d2 8s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
}

div.pezzo-8-4 {
    background: url("img/08/Vetro singolo_sc8_01.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
	
    animation: giggle 4.5s infinite;
    transform-style: preserve-3d;
}
div.pezzo-8-5 {
    background: url("img/08/Vetro singolo_sc8_02.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
	
    background-repeat: no-repeat;
    animation: spin3d2 5s infinite;
    transform-style: preserve-3d;
}
div.pezzo-8-6 {
    background: url("img/08/Vetro singolo_sc8_03.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
	
    background-repeat: no-repeat;
    animation: giggle 5.5s infinite;
    transform-style: preserve-3d;
}
div.pezzo-8-7 {
    background: url("img/08/Vetro singolo_sc8_04.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
	
    background-repeat: no-repeat;
    animation: spin3d2 6s infinite;
    transform-style: preserve-3d;
}
div.pezzo-8-8 {
    background: url("img/08/Vetro singolo_sc8_05.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
	
    background-repeat: no-repeat;
    animation: giggle 6.5s infinite;
    transform-style: preserve-3d;
}
div.pezzo-8-9 {
    background: url("img/08/Vetro singolo_sc8_06.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
	
    background-repeat: no-repeat;
    animation: spin3d2 7s infinite;
    transform-style: preserve-3d;
}
div.pezzo-8-10 {
    background: url("img/08/Vetro singolo_sc8_07.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: giggle 7.5s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
}
div.pezzo-8-11 {
    background: url("img/08/Vetro singolo_sc8_08.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: spin3d2 8s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
}
div.pezzo-8-12 {
    background: url("img/08/Vetro singolo_sc8_09.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: giggle 8.5s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
}
div.pezzo-8-13 {
    background: url("img/08/Vetro singolo_sc8_10.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: spin3d2 9s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
}
div.pezzo-8-14 {
    background: url("img/08/Vetro singolo_sc8_11.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: giggle 9.5s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
}
div.pezzo-8-15 {
    background: url("img/08/Vetro singolo_sc8_12.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: spin3d2 9s infinite;
    transform-style: preserve-3d;
}
div.pezzo-8-16 {
    background: url("img/08/Vetro singolo_sc8_13.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: giggle 9.5s infinite;
    transform-style: preserve-3d;
}
div.pezzo-8-17 {
    background: url("img/08/Vetro singolo_sc8_14.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: spin3d2 10s infinite;
    transform-style: preserve-3d;
}

div#pezzo-7-1 {
    background: url(img/07/vetro_01.png);
    width: 22vh;
    height: 14vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: spiny 10s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    left: 20vh;
    bottom: 2vh;
}
div#pezzo-7-2 {
    background: url(img/07/vetro_02.png);
    width: 76vh;
    height: 51vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: lefty 10s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    bottom: 6vh;
    left: -10vh;
}
div#pezzo-7-3 {
background: url(img/07/vetro_03_1.png);
    width: 95vh;
    height: 44vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: lefty2 8s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    top: 8vh;
    left: 54vh;
}
div#pezzo-7-4 {
    background: url(img/07/vetro_03_2.png);
    width: 78vh;
    height: 29vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
   animation: lefty 14s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    top: 7vh;
}
div#pezzo-7-5 {
background: url(img/07/vetro_04.png);
    width: 65vh;
    height: 22vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: toppy 6s ease-in-out infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    top: 0vh;
    right: 22vh;
}
div#pezzo-7-6 {
background: url(img/07/vetro_05.png);
    width: 63vh;
    height: 67vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: spin3d3 10s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    top: 2vh;
    right: 0;
}
div#pezzo-7-7 {
 background: url(img/07/vetro_06.png);
    width: 30vh;
    height: 17vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: spiny 10s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    bottom: 1vh;
    right: 36vh;
}
div#pezzo-7-8 {
background: url(img/07/vetro_07.png);
    width: 33vh;
    height: 27vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: bottomy 10s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    bottom: -9vh;
    right: 0;
}
div#pezzo-7-9 {
    background: url(img/07/vetro_08.png);
    width: 70vh;
    height: 67vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: spin3d3 10s infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    top: 5vh;
    right: 0;
}
div.baloon8-1 {
       background: url(img/08/Baloon_sc8_centro_02.png);
    width: 77vh;
    height: 31vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    bottom: 33vh;
    left: 73vh;
}
div.baloon8-2 {

    background: url(img/08/Baloon_sc8_dx_03.png);
    width: 36vh;
    height: 34vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    top: 10vh;
    right: 9vh;
}
div.baloon8-3 { background: url("img/08/Baloon_sc8_basso sx_01.png");
    width: 103vh;
    height: 23vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    bottom: 0vh;
    left: 38vh;
}
div.baloon9-3 {
    background: url(img/09/Baloon_sc9_dx_03.png);
    width: 47vh;
    height: 19vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    bottom: 17vh;
    right: 67vh;
}
div.baloon9-4 {
     background: url(img/09/Dida_sc9_01_basso.png);
    width: 100%;
    height: 20vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    bottom: -20vh;
    left: 0;
}
div.baloon13-1 {
     background: url("img/13/Baloon/Baloon_sc13_basso sx_01.png");
    width: 87vh;
    height: 33vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    left: 5vh;
    bottom: 5vh;
}
div.baloon13-2 {
     background: url("img/13/Baloon/Baloon_sc13_centrale alto_02.png");
    width: 53vh;
    height: 33vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    left: 89vh;
    top: 5vh;
	
    max-width: 24vw;
}
div.baloon13-3 {
     background: url("img/13/Baloon/Baloon_sc13_dx alto_03.png");
    width: 54vh;
    height: 33vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    right: 3vh;
    top: 8vh;
	
    max-width: 22vw;
}

div#pezzo-7-10 {
background: url(img/07/vetro_09.png);
    width: 75vh;
    height: 67vh;
    background-size: 100%;
    position: absolute;
    background-position: center center;
    animation: wiggle2 8.5s ease-in-out infinite;
    transform-style: preserve-3d;
    background-repeat: no-repeat;
    bottom: -7vh;
    left: 64vh;
}
div#futura-7 {
    background: url("img/07/Futura+ombra_sc7_02.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
	    background-position: center center;
    animation: wiggle2 4.5s ease-in-out infinite;
	 transform-style: preserve-3d;
}
div.baloon7-1{
    width: 132vh;
    height: 8vh;
    display: block;
    position: absolute;
    top: -8vh;
    z-index: 999;
    text-align: center;
    background: url("img/07/Dida_sc7_01_alto sx.png");
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}
div.baloon7-2 {
    width: 99vw;
    height: 20vh;
    display: block;
    position: absolute;
    bottom: -8vh;
    z-index: 999;
    text-align: center;
    background: url("img/07/Dida_sc7_02_basso centro.png");
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}
div.bolla11-5 {
    background: url("img/11/Bolla 5_sc_11_08.png");
	    width: 100%;
    height: 100vh;
    background-size: 90%;
    position: absolute;
    background-position: right top;
    background-repeat: no-repeat;
}
div.braccio11 {
    background: url("img/11/Braccio_sc_11_07.png");
	width: 100%; 
    height: 100vh;
    background-size: 100%;
    position: absolute;
	    background-position: center bottom;
    background-repeat: no-repeat;
	bottom: -20vh
}
div.futura11 {
    width: 15vh;
    height: 43vh;
    display: block;
    position: absolute;
    bottom: 16vh;
    z-index: 999;
    text-align: center;
    background: url(img/11/Futura_sc_11_03.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    left: 50vh;
	
    animation: wiggle2 4.5s ease-in-out infinite;
	 transform-style: preserve-3d;
}
div.bolla13-1 {
    width: 70vh;
    height: 70vh;
    display: block;
    position: absolute;
    bottom: 23vh;
    text-align: center;
    background: url(img/13/Bolla_sc_13_04.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    right: calc(50vw - 80vh);	
    animation: wiggle2 4.5s ease-in-out infinite;
    transform-style: preserve-3d;
}
.Pezzo_palla_01{
    background: url(img/02/Pezzo_palla_01.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse3 4s infinite;
}
.Pezzo_palla_02{
    background: url(img/02/Pezzo_palla_02.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse3 5s infinite;
}
.Pezzo_palla_03{
    background: url(img/02/Pezzo_palla_03.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 6s infinite;
}
.Pezzo_palla_04{
    background: url(img/02/Pezzo_palla_04.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 3s infinite;
}
.Pezzo_palla_05{
    background: url(img/02/Pezzo_palla_05.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 4s infinite;
}
.Pezzo_palla_06{
    background: url(img/02/Pezzo_palla_06.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 4.5s infinite;
}
.Pezzo_palla_07{
    background: url(img/02/Pezzo_palla_07.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse3 4s infinite;
}
.Pezzo_palla_08{
    background: url(img/02/Pezzo_palla_08.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse3 5s infinite;
}
.Pezzo_palla_09{
    background: url(img/02/Pezzo_palla_09.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 4s infinite;
}

.Pezzo_palla_10{
    background: url(img/02/Pezzo_palla_10.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 5s infinite;
}
.Pezzo_palla_11{
    background: url(img/02/Pezzo_palla_11.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 5s infinite;
}
.Pezzo_palla_12{
    background: url(img/02/Pezzo_palla_12.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 5s infinite;
}
.Pezzo_palla_13{
    background: url(img/02/Pezzo_palla_13.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 5s infinite;
}
.Pezzo_palla_14{
    background: url(img/02/Pezzo_palla_14.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 5s infinite;
}
.Pezzo_palla_15{
    background: url(img/02/Pezzo_palla_15.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 5s infinite;
}
.Pezzo_palla_16{
    background: url(img/02/Pezzo_palla_16.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 6s infinite;
}
.Pezzo_palla_17{
    background: url(img/02/Pezzo_palla_17.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 3s infinite;
}
.Pezzo_palla_18{
    background: url(img/02/Pezzo_palla_18.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    width: 30vw;
    height: 54vh;
    animation: pulse 3s infinite;
}

#titlechart {
background-image: url(img/Sfondo_graphicnovel.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
@keyframes wiggle {
    0% { transform: rotate(5deg); }
   50% { transform: rotate(-5deg); }
  100% { transform: rotate(5deg); }
}
@keyframes glare {
    0% {      filter:none }
    10% {      filter:none }
   12% {       filter: drop-shadow(23px 4px 6px black); }
    14% {      filter:none }
  90% {      filter:none }
    93% {       filter: drop-shadow(23px 4px 6px black); }
    97% {       filter: drop-shadow(23px -4px -6px black); }
   99% {      filter:none }
  100% {      filter:none }
}
@keyframes spin3d {
    0% { transform: rotateY(5deg) rotateX(5deg);
	}
   50% { transform: rotateY(-5deg) rotateX(-5deg)}
  100% { transform: rotateY(5deg)  rotateX(5deg)}
}
@keyframes spiny {
    0% { transform: rotateY(25deg) ;
	}
   50% { transform: rotateY(-25deg) }
  100% { transform: rotateY(25deg)  }
}
@keyframes lefty {
    0% { left:-10vh ;
	}
   50% { left:-8vh }
  100% { left:-10vh  }
}@keyframes toppy {
    0% { top:0vh ;
	}
   50% { top:-2vh }
  100% { top:0vh  }
}@keyframes bottomy {
    0% { bottom:-9vh ;
	}
   50% { bottom:-6vh }
  100% { bottom:-9vh  }
}
@keyframes lefty2 {
    0% {/* left:54vh;*/
		transform:  rotateX(0deg);
	}
   50% { /*left:53vh;*/ transform: rotateX(15deg)}
  100% { /*left:54vh;*/transform:  rotateX(0deg);}
}
@keyframes spin3d2 {
    0% { transform: rotateY(1deg) rotateX(1deg);
	}
   50% { transform: rotateY(-1deg) rotateX(-1deg)}
  100% { transform: rotateY(1deg)  rotateX(1deg)}
}
@keyframes spin3d3 {
    0% { transform: rotateY(3deg) rotateX(3deg);
	}
   50% { transform: rotateY(-3deg) rotateX(-3deg)}
  100% { transform: rotateY(3deg)  rotateX(3deg)}
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.95);
	}
}
        @keyframes wiggle2 {
     0% {
    transform: translateY(5px);
  }
  50% {
   transform: translateY(-5px);
  }
  100% {
	  transform: translateY(5px);
}
}
       @keyframes wiggle2b {
     0% {
    width:20vh;
		 
	  height: 7.5vh;
  }
  50% {
  width:19.5vh;
	  height: 7vh;
  }
  100% {
	 width:20vh;
	  height: 7.5vh;
}
}
@keyframes pulse2 {
	0% {
		transform: scale(0.95);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(0.95);
	}
}
@keyframes pulse3 {
	0% {
		transform: scale(0.98);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.98);
	}
}
.myLinkToTop{    width: 10vw;
    width: 7vw;
    animation: wiggle 2.5s infinite;
    background: url(img/play.png);
    border: navajowhite;
    height: 7vw;
    z-index: 999;
    bottom: 18vh;
    position: absolute;
    background-size: cover;
    -webkit-transition: 0.2s -webkit-filter linear;
    -moz-transition: 0.2s -moz-filter linear;
    -moz-transition: 0.2s filter linear;
    -ms-transition: 0.2s -ms-filter linear;
    -o-transition: 0.2s -o-filter linear;
    transition: 0.2s filter linear, 0.2s -webkit-filter linear;
    left: calc(50vw - 3.5vw);
	
    display: none;
}
.myLinkToTop2 p {
    margin-top: 0px;
}
.myLinkToTop2 img {
    max-width: 11%;
    height: auto;
    margin-top: 20px;
}
.close{
    width: 50px;
    cursor: pointer;
    height: 50px;
    position: absolute;
    top: -7px;
    right: -7px;
    background-image: url(img/close.png);
    background-size: 100%;
}
.myLinkToTop2{
	width: 40vw;
    height: 20vh;
    z-index: 999;
    bottom: 15vh;
    position: absolute;
    -moz-transition: 0.2s -moz-filter linear;
    -moz-transition: 0.2s filter linear;
    -ms-transition: 0.2s -ms-filter linear;
    -o-transition: 0.2s -o-filter linear;
    left: 25vw;
    font-size: 36px;
    font-family: Aleo;
    color: #1d2144;
    text-align: center;
    background-color: #ffffffe0;
    padding: 3vw;
}
button#but1:hover {
 filter: hue-rotate(55deg) brightness(2);
}

.scrollmagic-pin-spacer{ background: rgb(255, 255, 255) !important;
}
/*pin tavola1 start1 (duration)*/
div#trigger1 {
    top: 50vh;
    position: relative;
}
/*compare baloon 1 start 3*/
div#trigger2 {
    top: 60vh;
    position: relative;
}
/*compare baloon 2 start 4*/
div#trigger3 {
    top: 150vh;
    position: relative;
}
/*compare baloon 3 start 5*/
div#trigger4 {
    top: 170vh;
    position: relative;
}
/*compare baloon 4 start 6*/
div#trigger5 {
    top: 200vh;
    position: relative;
}
/*scompaiono baloon 1234  start 7*/
div#trigger6 {
    top: 300vh;
    position: relative;
}
/*compare baloon 5 start 8*/
div#trigger7 {
top: 310vh;
    position: relative;
}
/*compare baloon 6 start 9*/
div#trigger8 {
top: 350vh;
    position: relative;
}
/*compare baloon 7 start 10*/
div#trigger9 {
top: 400vh;
    position: relative;
}
/*compare bolla start 11*/
div#trigger10 {
top: 400vh;
    position: relative;
}
/*pinna tavola 2*/
div#trigger11 {
    top: 50vh;
    position: relative;
}
div#trigger12 {
    top: 100vh;
    position: relative;
}
div#trigger13 {
    top: 150vh;
    position: relative;
}
div#ancora1 {
    top: 200vh;
    position: relative;
}
div#ancora1b {
    top: 375vh;
    position: relative;
	height: 10px;
	width:10px;
background-color: #000
}
div#ancora2 {
    top: 220vh;
    position: relative;
}
div#ancora3 {
    top: 325vh;
    position: relative;
}
div#ancora4 {
    top:220vh;
    position: relative;
}
/*pinna tavola 3*/
div#trigger14 {
    top: 50vh;
    position: relative;
}
div#trigger15 {
    top: 150vh;
    position: relative;
}
div#trigger16 {
    top: 200vh;
    position: relative;
}
div#trigger17 {
    top: 250vh;
    position: relative;
}
div#trigger18 {
  top: 50vh;
    position: relative;
}
div#trigger19 {
  top: 80vh;
    position: relative;
}
div#trigger20 {
  top: 120vh;
    position: relative;
}
div#trigger21 {
  top: 160vh;
    position: relative;
}
div#trigger22 {
  top: 220vh;
    position: relative;
}
div#trigger23 {
  top: 50vh;
    position: relative;
}
div#trigger24 {
  top: 200vh;
    position: relative;
}
div#trigger25 {
  top: 220vh;
    position: relative;
}
div#trigger26 {
  top: 50vh;
    position: relative;
}
div#trigger27 {
  top: 120vh;
    position: relative;
}
div#trigger28 {
  top: 180vh;
    position: relative;
}
div#trigger29 {
  top: 50vh;
    position: relative;
}
div#trigger30 {
  top: 100vh;
    position: relative;
}
div#trigger31 {
  top: 180vh;
    position: relative;
}
div#trigger32 {
  top: 50vh;
    position: relative;
}
div#trigger33 {
  top: 80vh;
    position: relative;
}
div#trigger34 {
  top: 110vh;
    position: relative;
}
div#trigger35 {
  top: 200vh;
    position: relative;
}
div#trigger36 {
  top: 250vh;
    position: relative;
}
div#trigger9-1 {
  top: 50vh;
    position: relative;
}
div#trigger9-2 {
  top: 70vh;
    position: relative;
}
div#trigger9-3 {
  top: 120vh;
    position: relative;
}
div#trigger9-4 {
  top: 180vh;
    position: relative;
}
div#trigger9-5 {
  top: 200vh;
    position: relative;
}
div#trigger9-6 {
  top: 220vh;
    position: relative;
}
div#trigger9-7 {
  top: 260vh;
    position: relative;
}
div#trigger10-1 {
  top: 50vh;
    position: relative;
}
div#trigger10-2 {
  top: 70vh;
    position: relative;
}
div#trigger10-3 {
  top: 180vh;
    position: relative;
}
div#trigger10-4 {
  top: 200vh;
    position: relative;
}
div#trigger10-5 {
  top: 250vh;
    position: relative;
}
div#trigger11-1 {
  top: 50vh;
    position: relative;
}
div#trigger11-2 {
  top: 200vh;
    position: relative;
}
div#trigger11-3 {
  top: 120vh;
    position: relative;
}div#trigger11-4 {
  top: 200vh;
    position: relative;
}div#trigger11-5 {
  top: 250vh;
    position: relative;
}
div#trigger12-1 {
  top: 50vh;
    position: relative;
}
div#trigger12-2 {
  top: 80vh;
    position: relative;
}
div#trigger13-1 {
  top: 50vh;
    position: relative;
}
div#trigger13-2 {
  top: 80vh;
    position: relative;
}
div#trigger13-3 {
  top: 200vh;
    position: relative;
}
div#trigger13-4 {
  top: 230vh;
    position: relative;
}
div#trigger13-5 {
  top: 280vh;
    position: relative;
}
div#trigger13-6 {
  top: 300vh;
    position: relative;
}
div#trigger14-1 {
  top: 50vh;
    position: relative;
}
div#trigger14-2 {
  top: 60vh;
    position: relative;
}
div#trigger14-3 {
  top: 150vh;
    position: relative;
}
div#trigger15-1 {
  top: 50vh;
    position: relative;
}
div#trigger15-2 {
  top: 70vh;
    position: relative;
}
div#trigger15-3 {
  top: 100vh;
    position: relative;
}
div#trigger15-4 {
  top: 150vh;
    position: relative;
}
div#trigger15-5 {
  top: 200vh;
    position: relative;
}
div#trigger16-1 {
  top: 50vh;
    position: relative;
}
div#trigger16-2 {
  top: 200vh;
    position: relative;
}
div#trigger16-3 {
  top: 220vh;
    position: relative;
}
div#trigger16-4 {
  top: 240vh;
    position: relative;
}
.barre{
	    margin-left: 15vh;
}
 .barre, .barre >* {
         position: absolute;
    width: 50vh;
    bottom: 0;
    height: 30vh;

   }
.barre img {
    max-width: 100%;
    height: auto;
}
.barre div{
	 animation: giggle 1.5s ease infinite;
         mix-blend-mode: overlay;
}
     
    .barre div.r {
         left:-2px;
      }
    .barre div.g {
         animation-delay:-1s;
      }
   .barre div.b {
         animation-delay:-0.5s;
         left:2px;
      }
   @keyframes giggle {
   0%, 100% {
      transform: translateY(-5px);
   }
   50% {
      transform:translateY(5px);
   }
}