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

html,body
{
overflow:auto !important;
}

body
{
font-family: 'Source Sans Pro', arial;
color:#515151;
font-weight:400;
background-color:#fff;
height:auto !important;
}

#page h2,#three .slide .dato span,#six .dato span
{
font-family: 'Source Serif Roman', arial;
color:#000;
font-size:70px;
line-height:83px;
font-weight:900;
}
#page a {
    text-decoration: underline !important;
}

#page p,#page li
{
font-size:20px;
line-height:32px;
font-weight:300;
}

.focus
{
max-width:980px;
position:relative;
z-index:2;
}

.transition,.evid .anim.transition::before,#three .slick-dots li button,#target_dots2 .slick-dots li,#three .focus svg path.level,#diffusore::before,#diffusore::after,#gallery4 .slick-dots li,#gallery4 .slick-dots::after
{
 transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
-moz-transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
-webkit-transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
}

.transition2
{
 transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
-moz-transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
-webkit-transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
}

.evid
{
text-align:left;
}

.evid .anim
{
text-align:left;
display:block;
position:relative;
z-index:2;
}

.evid .anim::before
{
position:absolute;
z-index:0;
top:5px;
left:0;
width:100%;
height:calc(100% - 10px);
content:"";
background-color:#ffd34f;
z-index:1;
}

.evid .anim.indent::before
{
left:-12%;
}

.evid .anim span
{
padding-left:6%;
}

.evid .anim.off::before
{
width:0;
}

.evid span
{
display:block;
position:relative;
z-index:2;

}

.opacita.off
{
opacity:0;
}

.linea_v,.linea_h
{
position:absolute;
z-index:5;
margin:0;
background-color:#ffd34f;
}

.linea_v
{
height:100%;
width:4px;
}

.linea_h
{
width:100%;
height:4px;
}

.linea_v.off
{
height:0;
}

.linea_h.off
{
width:0;
}

.scale.off
{
transform:scale(0);
}


.ruota.scale.off
{
transform:scale(0) rotate(-360deg);
}

.ruota.off
{
transform:rotate(-360deg);
}

.comparsa
{
position:relative;
top:0;
}
.comparsa.off
{
top:50px;
}

.riga.tabella
{
margin:0;
width:100%;
table-layout:fixed;
}

.riga.tabella .col2
{
padding:0;
position:relative;
z-index:1;
}

b
{
font-weight:700;
}

h1 {
    font-size: 47px;
    line-height: 52px;
    text-transform: uppercase;
}

#page
{
margin-top:94px;
overflow: hidden;
}

.button,a.button
{
text-align:center;
min-width:160px;
max-width:100%;
position: relative;
z-index:1;
height:60px;
font-size:18px;
line-height:60px;
cursor:pointer;
display:inline-block;
color:#fff;
text-transform:uppercase;
text-align:center;
background-color:#666;
border:0;
padding-left:30px;
padding-right:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
}

.button:hover,a.button:hover
{
background-color:#000;
color:#fff;
}

.tabella.inverse
{
direction:rtl;
}

.tabella.inverse .cella
{
direction:ltr;
}

#visore
{
position:relative;
z-index:1;
width:100%;
overflow:hidden;
background-image:url("../img/img_BG_2.jpg");
background-size:cover;
background-position:bottom center;
height:1080px;
}

#cont_canvas
{
height:700px;
position:relative;
z-index:1;
margin-top:-94px;
}
#visore canvas
{
position: absolute;
width: 100% !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

#visore h1
{
line-height:0;
text-indent:-99999px;
}

#visore #wrap_sottotitolo,#visore #wrap_intro
{
position:absolute;
left:50%;
transform:translateX(-50%);
margin:0;
z-index:2;
width:88%;
}

#visore h2,#visore p
{
color:#fff;
font-weight:400;
text-align:center;
}

#visore #wrap_sottotitolo
{
top:32%;
}

#visore h2
{
font-size:30px;
line-height:55px;
font-family: 'Source Serif Pro';
font-weight: 700;
}

#visore #wrap_intro
{
max-width:800px;
bottom:10%;
}

#visore p,#two p
{
font-size:27px;
line-height:42px;
font-family:'Source Serif Pro';
}
#visore p span
{
display:block;
font-weight:700;
font-size:18px;
margin-top:20px;
}

#first .linea_v,#four .linea_v
{
top:0;
left:-3%;
}

#five .linea_v
{
top:0;
right:-3%;
left:auto;
}

#first .focus
{
padding-top:100px;
margin-bottom:100px;
}
#first p,#four p,#five p,#five h3,#seven p
{
max-width:795px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#two
{
height:700px;
position:relative;
z-index:1;
overflow: hidden;
}

#two p
{
font-weight:600;
color:#fff;
}

#two video
{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
margin:0;
min-width:100%;
min-height:100%;
z-index:0;
}

#three
{
position:relative;
z-index:1;
margin-top:100px;

}

#three #map
{
background-repeat:no-repeat;
background-position: 50% 50px;
background-image:url("../img/sfondo_mappa.jpg");
position:absolute;
top:0;
z-index:2;
left:0;
width:100%;
background-size:auto 100%;
height:100%;
margin:0;
}

#three #map.on
{
position:fixed;
top:94px;
}

#three #map.off
{
top:auto !important;
bottom:0 !important;
}

#three .focus,#six .focus
{
text-align:left;
}

#three .focus svg
{
width:250px;
height:30px;
margin-left:-43px;
display:block;
margin-top:50px;
}
#three .focus svg path.level
{
stroke-dasharray: 265;
stroke-dashoffset: -265px;
}

#three p,#six p
{
font-style:italic;
color:#000;
font-size:18px;
font-weight:400;
}

#three .slide .dato,#six .dato
{
position:absolute;
z-index:5;
overflow:visible;
}

#three .slide .dato
{
border-radius:50%;
background-color:#ffd34f;
}

#three .slide .dato
{
opacity:0;
width:0;
transform:translate(-50%,-50%) scale(0);
}

#six .dato
{
transform:translate(-50%,-50%);
}
#three .slide .dato.on,#six .dato.on
{
transform:translate(-50%,-50%) scale(1);
opacity:1;
}

#three .slide .dato span
{
display:block;
position:absolute;
margin:0;
z-index:2;
line-height: 70px;
top: 15%;
}

#three .slide .dato small,#six .dato small
{
display:block;
font-size:22px;
line-height:26px;
font-family:'Source Sans Pro';

}

#three .slide .dato1
{
top:44%;
left:35%;
}

#three .slide .dato1
{
width:130px;
height:130px;
}
#three .slide .dato1 span
{
left:auto;
right:30%;
}

#three .slide .dato2
{
top:73%;
left:40%;
}

#three .slide .dato2
{
width:100px;
height:100px;
}
#three .slide .dato2 span
{
left:-5px;
width:128px;
}

#three .slide .dato3
{
top:43%;
left:33%;
}

#three .slide .dato3
{
width:100px;
height:100px;
}
#three .slide .dato3 span
{
right:0;
left:auto;
width:221px;
}

#three .slide .dato4
{
top: 80%;
left: 36%;
}

#three .slide .dato4
{
width:80px;
height:80px;
}
#three .slide .dato4 span
{
right:0;
left:auto;
}

#three .slide .dato5
{
top: 60%;
left: 46%;
}

#three .slide .dato5
{
width:90px;
height:90px;
}
#three .slide .dato5 span
{
right:0;
left:auto;
}

#three .slick-dots
{
text-align: left;
z-index: 5;
position: relative;
width: auto;
bottom:auto;
left:4px;
}

#target_dots
{
z-index:10;
}

#three .slick-dots li::before
{
content:"";
display:block;

width:2px;
background-image:url("../img/trattino.png");
height:20px;
margin-left:auto;
margin-right:auto;
}

#three .slick-dots li
{
margin:0;
width:auto;
height:auto;
overflow:visible;
margin-right:60px;
border:0;
background-color:transparent;
}

#three .slick-dots li button
{
font-size:29px;
color:#000;
display:block;
border-radius:50%;
font-weight:900;
font-family:'Source Serif Roman';
line-height:31px;
height:31px;
width:31px;
transform:scale(0.4);
background-color:#000;
margin-top:5px;
}

#three .slick-dots li.slick-active button
{
transform:scale(1);
background-color:#f1c319;
}

#three .slide,.slick-slider .slick-track, .slick-slider .slick-list
{
height:100%;
}

#three .slide svg,#three .slide object
{
height:100%;
margin-left:auto;
margin-right:auto;
display: block;
}

#gallery1
{
position:absolute;
z-index:6;
top:50px;
left: 0;
width:100%;
height:calc(100%);
}
#four
{
padding-top:100px;
padding-bottom:100px;
}

#four .focus,#five .focus,#even .focus
{
text-align:left;
}

#four h2,#five h2,#seven h2
{
font-size:96px;
}

#four h3,#five h3,#seven h3
{
font-weight:700;
color:#000;
font-size:22px;
line-height:34px;
margin-top:25px;
margin-bottom:20px;
}

#four .riga,#five .riga,#seven .riga
{
margin-bottom:70px;
}

#four .riga p,#five .riga p,#seven .riga p
{
margin-left:0;
}

#four .riga p
{
max-width:324px;
}
#five .riga p
{
line-height:30px;
padding-right:6%;
margin-top:15px;
max-width:400px;
}
#four .riga img,#five .riga img,#seven .riga img
{
position:relative;
z-index:1;
width:100%;
}
#four .riga span.indice,#five .riga span.indice,#seven .riga span.indice
{
position:absolute;
z-index:2;
margin:0;
bottom:0;
font-size:500px;
font-weight:900;
font-family: 'Source Serif Roman', arial;
line-height:292px;
color:#ffd34f;
}
#four .riga span.indice,#seven .riga span.indice
{
left:0;
transform:translateX(-50%);
}
#five .riga span.indice
{
left:auto;
right:0;
transform:translateX(50%);
}
#four h3,#four .riga p,#seven h3,#seven .riga p
{
padding-left:6%;
}

#four .focus.pad_bot
{
padding-bottom:100px;
}

#gallery2,#gallery3
{
width:calc(100% + 100px);
margin-left:-50px;
}

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

#target_dots2 .slick-dots
{
left:-10px;
bottom:-50px;
z-index:2;
width: auto;
}

#target_dots2 .slick-dots li
{
display:block;
width:24px;
height:24px;
border:4px solid #f1c319;
margin:0;
margin-bottom:25px;
}

#target_dots2 .slick-dots li::before
{
content:"";
width:4px;
height:25px;
top:calc(100% + 4px);
background-color:#f1c319;
left:50%;
transform:translateX(-50%);
position:absolute;
z-index:3;
margin:0;
}

#target_dots2 .slick-dots li.slick-active
{
background-color:#f1c319;
width:48px;
height:48px;
margin-left:-12px;
}

#four .focus.go_top
{
max-width:1010px;
z-index:4;
padding-top:40px;
margin-top:25px;
padding-bottom: 420px;
margin-bottom: -420px;
}

#four #target_dots2
{
max-width:1010px;
position:relative;
z-index:2;
width:88%;
margin-left:auto;
margin-right:auto;
}

#four .focus.go_top::before
{
content:"";
background-color:#fff;
position:absolute;
margin:0;
z-index:1;
top:0;
left:0;
width:100%;
height:50px;
}

#four .focus.go_top .linea_v
{
left:0;
}

#four .focus.go_top h3,#five h3
{
font-family:'Source Serif Pro';
font-weight:600;
font-size:27px;
line-height:38px;
max-width: 795px;
margin-left: auto;
margin-right: auto;
padding-left:0;
}

#four .focus.go_top h3
{
margin-bottom:32px;
}

#five h3
{marin-bottom:15px;
margin-top:60px;
}

#five h2
{
width:615px;
position:relative;
z-index:1;
left:auto;
right:-85px;
margin-bottom:40px;
}

#five .riga .col2.testo
{
z-index:2;
}

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

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

#gallery3
{
margin-top:70px;
margin-bottom:70px;
}

#gallery3 .slide span, #five h3 span, .dida-orbita span
{
display:block;
font-weight:400;
font-size:20px;
line-height:32px;
margin-top:10px;
}

#gallery3 .slide span, .dida-orbita span
{
text-align:right;
}

#five .focus.go_top .linea_v
{
right:auto;
left:-3%;
}

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

#six p
{
max-width:530px;
margin-left:0;
margin-top:5px;
}

#five h3 span
{
font-family:'Source Sans Pro';
}

#orbite
{
width:88%;
max-width:1100px;
margin-top:100px;
margin-bottom:100px;
position:relative;
z-index:1;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#orbite img,#diffusore
{
position:relative;
z-index:1;
}

#diffusore
{
display:inline-block;
max-width:50%;
}

#diffusore::before,#diffusore::after
{
content: "";
border-radius: 50%;
border: 2px solid #ffd34f;
position: absolute;
z-index: 2;
left: 50%;
transform: translateX(-50%);
top:-50px;
height:calc(100% + 100px);
}

#orbite.off #diffusore::before,#orbite.off #diffusore::after
{
height:100%;
top: -2px;
width: calc(100% + 4px);
}

#orbite #diffusore::before
{
width:180%;
}

#orbite #diffusore::after
{
width:280%;
}
#six .dato
{
text-align:left;
}

#six .dato small
{
font-weight:400;
}
#six .dato small b
{
display:block;
margin-bottom:5px;
}
#six .dato1
{
top:-50px;
left:auto;
right:57%;
transform:none;
}

#six .dato2
{
top:22%;
left:auto;
right:0;
transform:translate(6%,-50%);
}

#six .dato3
{
top:50%;
left:0;
transform:translateX(-5%);
}

#six .dato4
{
top:66%;
left:auto;
right:0;
transform:translateX(35%);
}

#seven
{
padding-top:150px;
background-image:url("../img/bg_yellow.jpg");
background-position:top center;
background-repeat:repeat-x;
background-color:#ffd34f;
}

#seven .focus
{
text-align:left;
}

#seven .focus.go_top
{
padding-top:100px;
padding-bottom:20px;
}

#seven .focus.go_top h2
{
font-size:70px;
max-width: 750px;
margin-left:0;
}

#seven p
{
font-weight:400;
color:#000;
}

#seven .riga p
{
margin-top:30px;
padding-bottom:100px;
}

#gallery4
{
margin-top:100px;
}

#gallery4 p
{
max-width:490px;
margin-left:0;
}

#gallery4 img
{
width:100%;
}

#gallery4 .slick-dots
{
bottom: 6%;
z-index: 3;
right: 0;
left: auto;
width: 47%;
text-align:left;
height:40px;
}

#gallery4 .slick-dots::after
{
z-index:1;
position:absolute;
content:"";
margin:0;
left:0;
top:50%;
width:100%;
height:2px;
transform:translateY(-50%);
background-color:#000;
}

#gallery4.off .slick-dots::after
{
width:0;
}

#gallery4 .slick-dots li
{
margin-left:0;
margin-right:30px;
width:20px;
height:20px;
border:2px solid #000;
background-color:#ffd34f;
z-index:2;
top:1px;
left:-2px;
}

#gallery4 .slick-dots li.slick-active
{
transform:scale(2.0);
background-color:#000;
margin-right:40px;
margin-left:10px;
}

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

#grafico
{
margin-left:auto;
margin-right:auto;
max-width:1100px;
width:88%;
margin-top:40px;
}

#grafico .cella
{
vertical-align:top;
padding-top:50px;
padding-bottom:20px;
}

#grafico .cella:hover
{
background-color:#fff;
}

#seven #grafico p
{
font-size:17px;
line-height:24px;
font-weight:700;
padding-left:6%;
padding-right:6%;
padding-bottom:0;
}

.ondine
{
height:33px;
background-position:center left;
background-repeat:no-repeat;
background-image:url("../img/ondine.png");
display:inline-block;
width:50px;
}

#grafico .cella:hover .ondine
{
width:90px;
}

#gallery4 h3
{
font-size:27px;
line-height:38px;
}

#gallery4 p
{
line-height:38px;
}

#gallery4 .slick-next::before {
    background-image: url(../img/next2-second.svg);
}

#gallery4 .slick-prev::before {
    background-image: url(../img/next2-second.svg);
}

#gallery4 .slick-prev:before {
    transform: rotate3d(0, 1, 0, 180deg);
    display: block;
}

#gallery4 .slick-prev:before, #gallery4 .slick-next:before {
	height: 37px;
}
#cont_canvas img
{
width:1660px;
height:1200px;
transform:translateY(-20%);
}