/* CSS Document */

.swiper-pagination{
	z-index: 5;
}

#animation_container{
	width: 100vw!important;
    height: calc(80vw * 0.70)!important;
    position: absolute;
    background-color: red;
    z-index: 2;
	display: none;
    justify-content: center;
	align-items:flex-end;
}

#animation_container canvas{
	width: calc(80vw - 28px)!important;
    height: calc(80vw * 0.70 - 20px)!important;
}


.mostra{
	display: flex!important;
	z-index: 5;
}

.animazione {
    width: 100%;
    height: calc(80vw * 0.70 - 20px)!important;
	flex: none;
}

@media only screen and (max-width: 480px) and (min-height: 660px) and (max-height: 736px) {
	.animazione {
		width: 100%;
		height: calc(70vw * 0.70 - 20px)!important;
		flex: none;
	}	
	
	#animation_container canvas{
		width: calc(70vw - 28px)!important;
		height: calc(70vw * 0.70 - 20px)!important;
	}
}