#start{
	opacity:0;
	display:none;

}
#wrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	opacity:0;
	overflow:hidden;
	transition:filter 0.3s  ease-out;
}

#wrapper.attivo{
	background-color:transparent !important;

	opacity:1;

}

#wrapper div{/*questa è la partenza dei pezzetti foto */
	position:absolute;
	overflow:hidden;
	padding:0;
	margin-top:50vh;
	width:12.5vw;
	/*width:12.5vw;*/
	height:0%;
	/*      background-color:#dedede;*/
	background-size:100vw auto;
	background-repeat:no-repeat;
	transition:margin-top 0.8s ease-in,height 0.8s ease-in;
	/*transition:transform 0.8s ease-in;*/
	background-color:#fff;
}


#contenitore #wrapper.vert div.lettera{
	        position:absolute;
        overflow:hidden;
        padding:0;
        margin-top:50vh;
        width:12.5vw;
        /*width:12.5vw;*/
        height:0%;
        /*      background-color:#dedede;*/
        background-size:auto 100vh;
        background-repeat:no-repeat;
	transition:margin-top 0.8s ease-in,height 0.8s ease-in;
        /*transition:transform 0.8s ease-in;*/
        background-color:#fff;



}


#wrapper div span.stretta{
	margin-left:2vw;
	margin-top:40vh;
	opacity:0;
	transform:scaleX(0);
	transform-origin: top center;
}
#wrapper div div{
	position: absolute; top: 0px; left: 0px; z-index: 0; background-color: rgba(0, 0, 0, 0.0); width: 100%;height:100%;
}


#wrapper div span{
	position:absolute;
	/*font-family: 'Abel', sans-serif;*/
	font-family: 'Teko', sans-serif;
	font-size:5vw;
	color:#fff;
	margin-left:-10vw;
	margin-top:40vh;
	opacity:0;
	mix-blend-mode:difference;

}

#wrapper div span.verticale_su{
	margin-left:2vw;
	margin-top:25vh;
	opacity:0;

}

#wrapper div span.verticale_giu{
	margin-left:2vw;
	margin-top:45vh;
	opacity:0;
}

#contenitore #wrapper.attivo div:nth-child(1) span{
/*#wrapper.attivo div span{*/
	transition:margin-left 0.3s ease-out, margin-top 0.3s ease-out,transform 0.3s ease-out, opacity 0.8s linear;
	margin-left:2vw;
	margin-top:40vh;
	opacity:1;
	transform:scaleX(1);
}

#contenitore.sinistra #wrapper.attivo div:nth-child(1) span{
	transition-delay:0.8s;
}
#contenitore.sinistra #wrapper.attivo div:nth-child(2) span{
	transition-delay:2.6s;
}
#contenitore.sinistra #wrapper.attivo div:nth-child(3) span{
	transition-delay:2.7s;
}
#contenitore.sinistra #wrapper.attivo div:nth-child(4) span{
	transition-delay:2.8s;
}
#contenitore.sinistra #wrapper.attivo div:nth-child(5) span{
	transition-delay:2.9s;
}
#contenitore.sinistra #wrapper.attivo div:nth-child(6) span{
	transition-delay:3.0s;
}
#contenitore.sinistra #wrapper.attivo div:nth-child(7) span{
	transition-delay:3.1s;
}
#contenitore.sinistra #wrapper.attivo div:nth-child(8) span{
	transition-delay:3.2s;
}

#contenitore.destra #wrapper.attivo div:nth-child(1) span{
        transition-delay:1.5s;
}

#contenitore.destra #wrapper.attivo div:nth-child(2) span{
        transition-delay:3.1s;
}
#contenitore.destra #wrapper.attivo div:nth-child(3) span{
        transition-delay:3.0s;
}
#contenitore.destra #wrapper.attivo div:nth-child(4) span{
        transition-delay:2.9s;
}
#contenitore.destra #wrapper.attivo div:nth-child(5) span{
        transition-delay:2.8s;
}
#contenitore.destra #wrapper.attivo div:nth-child(6) span{
        transition-delay:2.7s;
}
#contenitore.destra #wrapper.attivo div:nth-child(7) span{
        transition-delay:2.6s;
}
#contenitore.destra #wrapper.attivo div:nth-child(8) span{
        transition-delay:2.5s;
}


#contenitore{
	/*position:relative;*/
	padding:0;
	margin:0;
	width:100%;
	height:100vh;
}


#wrapper.attivo div, #contenitore #wrapper.attivo.vert div.lettera{/*questo è l'arrivo dei pezzetti foto */
	/*transform:scaleX(1);*/
	margin-top:0vh;
	height:100%;

}
#contenitore.sinistra #wrapper div:nth-child(1){
	left:0vw;
	background-position:0 center;
	transition-delay:0ms;
}
#contenitore.sinistra #wrapper div:nth-child(2){
	left:12.5vw;
	background-position:-12.5vw center;
	transition-delay:100ms;
}
#contenitore.sinistra #wrapper div:nth-child(3){
	left:25vw;
	background-position:-25vw center;
	transition-delay:200ms;
}
#contenitore.sinistra #wrapper div:nth-child(4){
	left:37.5vw;
	background-position:-37.5vw center;
	transition-delay:300ms;
}
#contenitore.sinistra #wrapper div:nth-child(5){
	left:50vw;
	background-position:-50vw center;
	transition-delay:400ms;
}
#contenitore.sinistra #wrapper div:nth-child(6){
	left:62.5vw;
	background-position:-62.5vw center;
	transition-delay:500ms;
}
#contenitore.sinistra #wrapper div:nth-child(7){
	left:75vw;
	background-position:-75vw center;
	transition-delay:600ms;
}
#contenitore.sinistra #wrapper div:nth-child(8){
	left:87.5vw;
	background-position:-87.5vw center;
	transition-delay:680ms;

}


#contenitore.destra #wrapper div:nth-child(1){
        left:0vw;
        background-position:0 center;
        transition-delay:680ms;
}
#contenitore.destra #wrapper div:nth-child(2){
        left:12.5vw;
        background-position:-12.5vw center;
        transition-delay:600ms;
}
#contenitore.destra #wrapper div:nth-child(3){
        left:25vw;
        background-position:-25vw center;
        transition-delay:500ms;
}
#contenitore.destra #wrapper div:nth-child(4){
        left:37.5vw;
        background-position:-37.5vw center;
        transition-delay:400ms;
}
#contenitore.destra #wrapper div:nth-child(5){
        left:50vw;
        background-position:-50vw center;
        transition-delay:300ms;
}
#contenitore.destra #wrapper div:nth-child(6){
        left:62.5vw;
        background-position:-62.5vw center;
        transition-delay:200ms;
}
#contenitore.destra #wrapper div:nth-child(7){
        left:75vw;
        background-position:-75vw center;
        transition-delay:100ms;
}
#contenitore.destra #wrapper div:nth-child(8){
        left:87.5vw;
        background-position:-87.5vw center;
        transition-delay:0ms;

}
.menu_scheda.menuattivo{
transition: all 0.3s ease-in-out;
background-color:#fff;
border-left:4px solid #fff;
}

.menu_scheda{
position:absolute;
padding:2vw;
background-color:#dedede;
        z-index:9999;
transition: all 0.3s ease-in-out;
overflow:hidden;
border-left:4px solid #ff0000;
}
.menu_scheda span{
transition: opacity 0.3s linear 0s;
}


.menu_scheda.menuattivo span{
opacity:1;
}