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

@media only screen and (max-width: 1300px)
{

	#six .dato4 {
		right: 5%;
	}
}

@media only screen and (max-width: 1200px)
{
#gallery4 p
{
line-height:30px;
}
/*#four h2, #five h2, #seven h2 {
		font-size: 66px;
		line-height: 60px;
	}
#five .evid .anim::before {
    top: 20px;
}
#five h2 {
    width: 425px;
right: -60px;
}
#five .evid .anim.indent::before {
    max-width: 250px;
}*/
#five h2 {
    width: 127%;
}
#four h2, #five h2, #seven h2 {
    font-size: 82px;
}
#orbite {
    width: 80%;
}
}

@media only screen and (max-width: 1023px)
{	

	#six .dato4 {
		right: 0;
	}
	
#four h2, #five h2, #seven h2 {
    font-size: 61px;
    line-height: 60px;
}
/*#four .tabella .cella,#five .tabella .cella,#seven .tabella .cella
{
vertical-align:top;
}*/
	#gallery4 h3
	{
		margin-top:0;
	}
	#gallery4 .slick-dots {
		bottom: 5%;
	}

	#seven #grafico .cella {
		display: block;
	}

	#grafico .cella, #seven #grafico p {
		text-align: center;
	}

	#grafico {
		max-width: 600px;
		margin-top: 0;
	}

	#seven {
		padding-top: 75px;
	}

	#gallery4 {
   		 margin-top: 50px;
	} 

	#seven .riga p {
		padding-bottom: 0px;
	}

	 #seven .riga {
	 	 margin-bottom: 40px;
	 }

	#three .focus svg {
		margin-top: 20px;
	}

	

	#visore p, #two p {
	    font-size: 19px;
	    line-height: 30px;
	}

	#visore #wrap_intro {
	    max-width: 500px;
	}

	#visore {
		height: 780px;
	}

	#visore h2 {
		font-size: 24px;
	}

	#visore #wrap_sottotitolo {
    	top: 40%;
	}

	#first .focus {
		max-width: 578px;
	}

	#first p, #four p, #five p, #five h3 {
		max-width: 495px;
	}

	#page p, #page li, #five .riga p {
		font-size: 16px;
		line-height: 23px;
	}

	#two {
		height: 400px;
	}

	#three .slide .dato span {
		font-size: 50px;
	}

	#three p, #six p {
		font-size: 16px;
	}

	#first .focus {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.focus  {
		max-width: 580px;
	}

	#map h2, #six h2, #seven .focus.go_top h2 {
		font-size: 50px;
		line-height: 50px;
	}


	

	#four .riga span.indice,#seven .riga span.indice,#five .riga span.indice {
	font-size: 250px;
line-height: 175px;
	}

	
	#four h3, #five h3 {
		font-size: 25px;
line-height: 34px;
	}

	#four .focus.go_top h3, #five h3 {
		max-width: 495px;
	}

	#four .focus.go_top,#four #target_dots2 {
	    max-width: 611px; 
	}
#four .focus.go_top {
    padding-bottom: 30%;
    margin-bottom: -30%;
}

	#gallery2 .slide, #gallery2 .slide img, #gallery3 .slide, #gallery3 .slide img {
		width: 98%;
	}

	#five h2 {
    width: 400px;
}

	



	#five .evid .anim.indent::before {
		width: 200px;
	}
#five .evid .anim::before {
    top: 10px;
}

	#gallery3 .slide span, #five h3 span, .dida-orbita span {
		font-size: 18px;
	}

	#orbite {
		max-width: 450px;
	}

	#six .dato span {
		font-size: 40px;
	}

	#six .dato small {
	    font-size: 18px;
    	line-height: 22px;
	}

	#six .dato1 {
		right: 60%;
	}

	#six .dato2 {
		transform: translate(56%, -50%);
	}
	#seven .slide .riga p
	{
		padding-bottom:70px;
		padding-right: 20%;
		margin-top:20px;
	}

}

@media only screen and (max-width: 767px) 
{	
	#three .focus svg {
		width: 150px;
		margin-left:-19px;
	}
	#three .slick-dots li
	{
		margin-right: 23px;
	}
	

	#three .slick-dots li.slick-active button {
    	transform: scale(0.7);
   	}
	#three .slick-dots li button
	{
	transform-origin: top;
	}

	#gallery2 .slick-dots li.slick-active {
		width: 30px;
		height: 30px;
		margin-left: -3px;
	}

	#four .linea_v {
		left: -4%;
	}

	#visore h2 {
		font-size: 20px;
	}

	#page p, #page li, #five .riga p {
		font-size: 16px;
		line-height: 22px;
	}

	#first p, #four p, #five p, #five h3 {
		max-width: 295px;
	}

	#first .focus {
		max-width: 376px;
	}

	#map h2, #six h2, #seven h2, #seven .focus.go_top h2 {
	    font-size: 35px;
	    line-height: 40px;
	}

	#gallery4 .cella {
		display: block;
		margin-top: 30px;
   		margin-bottom: 30px;
	}

	#gallery4 {
	    margin-top: 0px;
	}

	#grafico {
		margin-bottom: 20px;
	}

	#gallery4 img {
	    width: 75%;
	}

	#three p, #six p {
	    font-size: 14px;
	}

	#four h2, #five h2 {
	    font-size: 36px;
	    line-height: 30px;
	}

	#four h3, #five h3, #seven h3 {
	    font-size: 14px;
	    line-height: 20px;
	    margin-top: 14px;
   		margin-bottom: 14px;
	}

	#seven .riga span.indice {

	}

	#seven .riga p {
	    font-size: 14px;
	    line-height: 18px;
	}

	#seven .riga span.indice {
	    line-height: 181px;
	}

	#seven h3, #seven .riga p {
     	margin-top: 10px; 
	}

	#seven .riga {
	    margin-bottom: 0px;
	}

	#four .riga span.indice {
	    font-size: 140px;
	    line-height: 89px;
	}

	.evid .anim::before {
		width: 86%;
	}

	.focus {
	    max-width: 370px;
	}

	#gallery2 .slide, #gallery2 .slide img, #gallery3 .slide, #gallery3 .slide img {
		width: 100%;
	}

	#four .focus.go_top h3, #five h3 {
	    max-width: 295px;
	}

	#four .focus.go_top,#four #target_dots2 {
	    max-width: 400px;
	}
	#gallery4 .slick-dots li
	{
		transform:scale(0.7);
		margin-right:30px;
	}
	#gallery4 .slick-dots li.slick-active
	{
		transform:scale(1.4);
	}
	#gallery4 .slick-dots::after
	{
		left:5px;
	}
	#four .focus.go_top h3, #five h3 {
	    font-size: 22px;
    	line-height: 32px;
    }

	#page p, #page li, #five .riga p {
	    font-size: 14px;
	    line-height: 20px;
	}

	#five .evid .anim::before {
	    top: 12px;
	}

	#five .evid .anim.indent::before {
	    left: 60px;
	    max-width: 135px;
	}

	#five h2 {
	    margin-bottom: 0px;
	}

	#gallery3 .slide span, #five h3 span, .dida-orbita span {
	    font-size: 14px;
		padding-right: 3%;
	}
#five h2
{
right:auto;
left:0;
}
#target_dots2 .slick-dots li
{
width:14px;
height:14px;
margin-bottom:20px;
}
#target_dots2 .slick-dots li::before
{
top:100%;
}
#target_dots2 .slick-dots li.slick-active
{
width:28px;
height:28px;
margin-left:-7px;
}
#target_dots2 .slick-dots
{
left:-5px;
bottom: -45px;
}
	#orbite {
	    max-width: 300px;
	}

	#six .dato small {
	    font-size: 14px;
	    line-height: 18px;
	}

	#six .dato span {
	    font-size: 30px;
	}
	
	#six .dato span {
		line-height: 53px;
	}

	#six .dato3 {
		transform: translateX(-18%);
	}

	#six .dato2 {
	    transform: translate(36%, -50%);
	}

	#five, #six {
		padding-bottom: 50px;
	}

	#gallery3 {
	    margin-top: 35px;
	    margin-bottom: 35px;
	}
	.tabella,.cella {
		display: block;
	}
	#four .riga span.indice {
	    font-size: 290px;
    	line-height: 205px;
	}
	#four h2, #five h2, #seven h2 {
	    font-size: 55px;
	    line-height: 50px;
	    padding-top: 20px;
    	padding-bottom: 20px;
	}

	#seven .focus.go_top h2
	{
		padding-bottom:0;
	}
	#four h3, #four .riga p, #seven h3, #seven .riga p {

    padding-left: 0;

}
#seven .slide .riga p,#seven .slide .riga h3
{
padding-left:6%;
}
#four .riga, #five .riga, #seven .riga {
    margin-bottom: 35px;
}
#gallery2, #gallery3
{
width:130%;
margin-left:-15%;
}
}


@media only screen and (max-width: 699px)
{
	#page {
		margin-top:63px;
	}

	#cont_canvas {
		margin-top:-63px;
	}

	#three #map.on {
		top:63px;
	}
}

@media only screen and (max-width: 480px)
{	

	#three .focus {
		margin-top: -80px;
	}

	#seven .riga p {
	    padding-bottom: 20px;
	}



	#grafico {
		margin-top: 0px;
	}

	#map h2, #six h2, #seven .focus.go_top h2 {
	    font-size: 27px;
	    line-height: 32px;
	}

	#seven .riga img {
	    width: 87%;
	}

	#seven .riga p {
		padding-right: 6%;
	}

	#gallery4 .slick-dots {
		width: 58%;
	}
	#visore h2 {
		font-size: 17px;
	}

	#visore {
	    height: 680px;
	}

	#visore #wrap_sottotitolo {
	    top: 45%;
	}

	#visore p span {
		margin-top: 10px;
		font-size: 16px;
	}

	#first p, #four p, #five p, #five h3 {
	    max-width: 235px;
	}

	#first .focus {
		margin-bottom: 0;
	}


	#four {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}

	

	#four .focus.go_top h3, #five h3 {
	    max-width: 234px;
	}

	#gallery2 .slick-dots {
	    left: 40px;
	}

	#first .linea_v, #four .linea_v, #five .focus.go_top .linea_v {
	    left: 0%;
	}

	#five .riga span.indice {
	    font-size: 300px;
	    line-height: 207px;
	}

	#four .riga span.indice,#seven .riga span.indice
	{
		left:-6%;
	}
	#five .riga span.indice
	{
		right:-6%;
	}

	#four .riga span.indice
	{
		transform: translateX(-15%);	
	}

	#five .riga span.indice {
	    transform: translateX(9%);
	}

	#seven .riga span.indice {
	    transform: translateX(-9%);
	}

	#five h2 {
		left: 0;
	}

	#five .linea_v {
		right: 0;
	}

	#gallery3 .slide span {
		text-align: center;
	}

	#orbite {
	    max-width: 230px;
	}

	#six .dato small {
	    font-size: 12px;
	    line-height: 14px;
	}

	#six .dato3 {
	    transform: translateX(-30%);
	}

	#four .focus.go_top h3, #five h3 {
	    font-size: 18px;
	    line-height: 28px;
	}

	#six .dato2 {
    	top: -32%;
    	right: 10px;
    }

    #three {
    	margin-top: 120px;
    }

    #visore #wrap_sottotitolo {
	    top: 43%;
	}



	#five .evid .anim::before {
	    width: 57%;
	}

	#two {
	    height: 300px;
	}
	
}