/*GENERICHE*/
.center {
	display: block;
	/*margin-left: auto;
	margin-right: auto;
	width: 50%;*/
}
.top {
	position: absolute;
	top: 0px;		
}
.next{
width: 12%;
top: 72vh;
left: 87%;
position: absolute;
}

/*SLIDE 1*/
.scritta {	
width: 74%;
left: 12%;
top: 5vh;
position: absolute;
}
.play {
width: 5%;
left: 85%;
top: 14vh;
position: absolute;
cursor: pointer;
}
.testo {
width: 56%;
top: 18vh;
left: 21.5%;
position: absolute;
}

/*SLIDE 2*/
.scritta2 {
width: 47%;
left: 25%;
top: 5vh;
position: absolute;
}
.barra1 {
width: 18%;
top: 15vh;
left: 74%;
position: absolute;
cursor: pointer;
}
.barra2 {
width: 18%;
top: 65vh;
left: 12%;
position: absolute;
cursor: pointer;
}
.barra3 {
width: 18%;
top: 15vh;
left: 16%;
position: absolute;
cursor: pointer;
}
.barra4 {
width: 18%;
top: 57vh;
left: 72%;
position: absolute;
cursor: pointer;
}
.barra5 {
width: 18%;
top: 41vh;
left: 43%;
position: absolute;
cursor: pointer;
}
.coltello {
width: 8%;
top: 20vh;
left: 22%;
position: absolute;
}
.forcella {
width: 15%;
top: 44vh;
left: 43%;
position: absolute;
}
.martello {
width: 16%;
top: 67vh;
left: 13%;
position: absolute;
}
.pistola {
width: 14%;
top: 62vh;
left: 73%;
position: absolute;
}
.spada {
width: 15%;
top: 18vh;
left: 75%;
position: absolute;
}
/*SLIDE 3*/
.qrcode {
width: 7%;
top: 23vh;
left: 69%;
position: absolute;
}
.iphone {
width: 48%;
top: 17vh;
left: 49%;
position: absolute;
cursor: pointer;
}
.iphonepieno {
width: 48%;
top: 17vh;
left: 49%;
position: absolute;
}
/*SLIDE 4*/
.scritta4 {
width: 47%;
left: 1%;
top: 4vh;
position: absolute;
}
.barra6 {
width: 18%;
top: 57vh;
left: 79%;
position: absolute;
cursor: pointer;
}
.barra7 {
width: 18%;
top: 4vh;
left: 78%;
position: absolute;
cursor: pointer;
}
.barra8 {
width: 18%;
top: 31vh;
left: 32%;
position: absolute;
cursor: pointer;
}
.barra9 {
width: 18%;
top: 29vh;
left: 0%;
position: absolute;
cursor: pointer;
}
.cartellodanger {
width: 18%;
top: 46vh;
left: 10%;
position: absolute;
}
.figurino4 {
width: 17%;
top: 9vh;
left: 57%;
position: absolute;
}
.cacciavite {
width: 13%;
top: 15vh;
left: 81%;
position: absolute;
}
.ahiii {
width: 12%;
top: 65vh;
left: 81%;
position: absolute;
}
.sorry {
width: 12%;
top: 37vh;
left: 35%;
position: absolute;
}
.try-again {
width: 12%;
top: 35vh;
left: 3%;
position: absolute;
}
/*SLIDE 5*/
.porta {
width: 18%;
top: 16vh;
left: 10%;
position: absolute;
}
.figurino5 {
width: 22%;
top: 45vh;
left: 10%;
position: absolute;
}
.barra10 {
width: 18%;
top: 42vh;
left: 56%;
position: absolute;
cursor: pointer;
}
.barra11 {
width: 18%;
top: 7vh;
left: 73%;
position: absolute;
cursor: pointer;
}
.barra12 {
width: 18%;
top: 27vh;
left: 29%;
position: absolute;
cursor: pointer;
}
.barra13 {
width: 18%;
top: 65vh;
left: 37%;
position: absolute;
cursor: pointer;
}
.seghetto {
width: 13%;
top: 11vh;
left: 76%;
position: absolute;
}
.ohno {
width: 12%;
top: 49vh;
left: 58%;
position: absolute;
}
.warning {
width: 12%;
top: 32vh;
left: 32%;
position: absolute;
}
.watch-out {
width: 12%;
top: 71vh;
left: 39%;
position: absolute;
}
/*SLIDE 6*/
.portaverde {
width: 18%;
top: 16vh;
left: 10%;
position: absolute;
}
.figurino6 {
width: 15%;
top: 21vh;
left: 12%;
position: absolute;
}
.barra14 {
width: 18%;
top: 66vh;
left: 62%;
position: absolute;
cursor: pointer;
}
.barra15 {
width: 18%;
top: 30vh;
left: 75%;
position: absolute;
cursor: pointer;
}
.barra16 {
width: 18%;
top: 44vh;
left: 44%;
position: absolute;
cursor: pointer;
}
.barra17 {
width: 18%;
top: 14vh;
left: 28%;
position: absolute;
cursor: pointer;
}
.tirapugni {
width: 11%;
top: 50vh;
left: 47%;
position: absolute;
}
.bad {
width: 12%;
top: 19vh;
left: 31%;
position: absolute;
}
.puntini {
width: 12%;
top: 73vh;
left: 65%;
position: absolute;
}
.give-up {
width: 12%;
top: 35vh;
left: 78%;
position: absolute;
}
/*SLIDE 7*/
.garage {
width: 35%;
top: 16vh;
left: 4%;
position: absolute;
}
.figurino7 {
width: 15%;
top: 21vh;
left: 12%;
position: absolute;
}
.barra18 {
width: 18%;
top: 68vh;
left: 45%;
position: absolute;
cursor: pointer;
}
.barra19 {
width: 18%;
top: 24vh;
left: 47%;
position: absolute;
cursor: pointer;
}
.barra20 {
width: 18%;
top: 42vh;
left: 77%;
position: absolute;
cursor: pointer;
}
.barra21 {
width: 18%;
top: 2vh;
left: 72%;
position: absolute;
cursor: pointer;
}
.taglierino {
width: 11%;
top: 77vh;
left: 47%;
position: absolute;
}
.testono {
width: 12%;
top: 30vh;
left: 50%;
position: absolute;
}
.unnecessary {
width: 12%;
top: 50vh;
left: 80%;
position: absolute;
}
.you {
width: 12%;
top: 8vh;
left: 75%;
position: absolute;
}
/*SLIDE 8*/
.porta8 {
width: 19%;
top: 8vh;
left: 4%;
position: absolute;
}
.figurino8 {
width: 24%;
top: 15vh;
left: 3%;
position: absolute;
}
.barra22 {
width: 18%;
top: 17vh;
left: 78%;
position: absolute;
cursor: pointer;
}
.barra23 {
width: 18%;
top: 71vh;
left: 68%;
position: absolute;
cursor: pointer;
}
.barra24 {
width: 18%;
top: 44vh;
left: 44%;
position: absolute;
cursor: pointer;
}
.barra25 {
width: 18%;
top: 3vh;
left: 31%;
position: absolute;
cursor: pointer;
}
.pistola8 {
width: 11%;
top: 75vh;
left: 71%;
position: absolute;
}
.do-you-think {
width: 12%;
top: 24vh;
left: 81%;
position: absolute;
}
.stop {
width: 12%;
top: 50vh;
left: 47%;
position: absolute;
}
.there-is-not {
width: 12%;
top: 9vh;
left: 34%;
position: absolute;
}
/*SLIDE 9*/
.bacio1 {
width: 21%;
top: 2vh;
left: 35%;
position: absolute;
transform: rotate(-36deg);
}
.bacio2 {
width: 21%;
top: 33vh;
left: 5%;
position: absolute;
transform: rotate(25deg);
}
.bacio3 {
width: 21%;
top: 32vh;
left: 65%;
position: absolute;
transform: rotate(-18deg);
}
.bacio4 {
width: 21%;
top: 59vh;
left: 38%;
position: absolute;
transform: rotate(15deg);
}
/*SLIDE 10*/
.computer {
width: 54%;
top: 30vh;
left: 36%;
position: absolute;
cursor: pointer;
}
.cartacredit {
width: 9%;
top: 56vh;
left: 51%;
position: absolute;
}
.rombo {
width: 12%;
top: 39vh;
left: 60%;
position: absolute;
cursor: pointer;
}
.foglio1 {
width: 22%;
top: 4vh;
left: 19%;
position: absolute;
}
.foglio2 {
width: 22%;
top: 38vh;
left: 10%;
position: absolute;
}
.ascia {
width: 14%;
top: 1vh;
left: 35%;
position: absolute;
}
.exit {
width: 6%;
top: 5vh;
left: 81%;
position: absolute;
}