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

body
{
font-family:'Ubuntu';
font-weight:400;
color:#4d4d4d;
background-color:#fff;
}

p.testo
{
font-size:17px;
line-height:30px;
text-align:left;
}

h2
{
font-weight:500;
color:#000;
font-size:28px;
line-height:42px;
margin-bottom:50px;
}

h3
{
font-weight:500;
color:#000;
font-size:19px;
line-height:30px;
}

.focus
{
max-width:1100px;
width: 80%;
}

.focus.focus2
{
max-width:900px;
}

.focus.box
{
max-width:724px;
background-color:#fff;
padding-left:6%;
padding-right:6%;
text-align:left;
padding-top:100px;
padding-bottom:70px;
}

#page
{
padding-top:94px;
}

#visore
{
position:relative;
z-index:1;
}

#visore::before
{
margin:0;
content:"";
display:block;
background-color:#000;
opacity:0.2;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:3;
}

#visore img,#visore video
{
width:100%;
position:relative;
z-index:2;
display:block;
}

#visore .caption
{
position:absolute;
z-index:4;
top:5%;
left:0;
width:100%;
margin:0;
}

#visore .caption h1
{
font-size:45px;
line-height:55px;
color:#fff;
text-align:left;
}

#visore .caption h1 b
{
font-weight:700;
font-size:40px;
text-transform:uppercase;
display:block;
}

#visore .note
{
background-color:#df0b25;
color:#fff;
height:69px;
line-height:69px;
font-size:20px;
font-weight:700;
font-style:italic;
position: relative;
z-index: 11;
}

#visore .note .focus
{
text-align:left;
}

#intro
{
background-color:#c8d8e2;
padding-top:100px;
padding-bottom:100px;
background-image:url("../img/intro.png");
background-repeat:no-repeat;
background-position:bottom right;
-webkit-box-shadow: inset 0px 1000px 3px 0px rgba(152,186,216,0.35);
-moz-box-shadow: inset 0px 1000px 3px 0px rgba(152,186,216,0.35);
box-shadow: inset 0px 1000px 3px 0px rgba(152,186,216,0.35);
}

#intro p
{
font-size:23px;
line-height:42px;
font-weight:500;
text-align:left;
}

#titolo_grafico
{
font-size:22px;
line-height:30px;
font-style:italic;
color:#333;
padding-left:6%;
padding-right:6%;
margin-top:50px;
text-align:left;
}
#grafico
{
width:100%;
max-width:795px;
position:relative;
z-index:1;
margin-left:auto;
margin-right:auto;
padding-bottom: 37%;
vertical-align: middle;
overflow: hidden;
display: inline-block;
}



#grafico svg
{
display: inline-block;
	position: absolute;
	top: 80px;
	left: 0;
margin:0;
}


#grafico svg path#svg_14
{
 stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}

#grafico svg text
{
opacity:0;
}
#contenuto
{
padding-top:80px;
}

#internazionalizzazione
{
background-image:url("../img/sfondo_aereo.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:bottom center;
padding-bottom:65%;
position:relative;
z-index:1;
}

#consulenza,#investimenti
{
background-color:#c8d8e2;
padding-bottom:120px;
}

#consulenza .focus
{
position:relative;
z-index:2;
margin-top:-28%;
text-align:left;
}

#img_consulenza1,#img_consulenza2
{
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}

#img_consulenza1
{
margin-left:10%;
margin-top:0;
}

#img_consulenza2
{
margin-right:10%;
margin-top:-10%;
}

#img_consulenza1.on
{
margin-left:-10%;
margin-top:10%;
}

#img_consulenza2.on
{
margin-right:0;
margin-top:-30%;
}

#consulenza h2,#consulenza p
{
padding-left:3%;
padding-right:3%;
}

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

#investimenti .titolo
{
font-weight:700;
font-style:italic;
font-size:40px;
margin-top:40px;
line-height:40px;
margin-bottom:30px;
color:#587a93;
}

#grafico_investimenti
{
position:relative;
z-index:1;
border-top:1px solid #bccad3;
border-bottom:1px solid #bccad3;
margin-top: 50px;
margin-bottom: 100px;
}

#grafico_investimenti::after
{
position:absolute;
z-index:1;
top:50%;
height:1px;
width:100%;
margin:0;
background-color:#bccad3;
content:"";
display:block;
}

#investimenti .anno
{
font-weight:700;
font-style:italic;
font-size:17px;
line-height:17px;
color:#535353;
display:block;
margin-top: 28px;
text-align: center;
}

#investimenti .valore
{
color:#df0b25;
font-weight:700;
font-style:italic;
font-size:19px;
line-height:30px;
margin-bottom: 10px;
display: block;
text-align: center;
}

#investimenti .box
{
background-color:#df0b25;
width: 60%;
margin-left:auto;
margin-right:auto;
}

#investimenti .note
{
font-weight:500;
font-style:italic;
color:#000;
font-size:19px;
line-height:30px;
margin-top:40px;
}

#investimenti .container_data
{
position:absolute;
margin:0;
z-index:5;
bottom:-50px;
left:0;
width:100%;
padding-left:70px;
text-align:center;
}

#investimenti .container_data .colonna
{
display:inline-block;
width:6.5%;
position:relative;
z-index:1;
text-align:center;
}

#investimenti .legenda
{
position:relative;
z-index:2;
}

#investimenti .legenda span
{
display:block;
width:70px;
background-color:#c8d8e2;
margin-bottom:100px;
margin-top:-15px;
font-size:19px;
line-height:30px;
font-weight:700;
font-style:italic;
color:#535353;
}

#investimenti .legenda span.first
{
margin-bottom:115px;
}

#investimenti .legenda span.last
{
margin-top:0;
margin-bottom:-15px;
}

#opportunita
{
padding-top:180px;
padding-bottom:120px;
}

#opportunita h2
{
display:block;
text-align:left;
}

#opportunita .col2
{
padding-bottom:60px;
}

#opportunita #mappa
{
display:inline-block;
}

#opportunita #mappa,#opportunita #mappa img
{
position:relative;
z-index:1;
}

#opportunita .icomappa
{
position:absolute;
z-index:2;
margin:0;
width:0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}

#opportunita #icomappa1
{
bottom:78%;
right:76%;
}

#opportunita #mappa #icomappa1.on
{
width:30%;
}



#opportunita #icomappa2
{
bottom:70%;
left:43%;
}

#opportunita #mappa #icomappa2.on
{
width:40%;
}

#opportunita #icomappa3
{
top:35%;
left:59%;
}

#opportunita #mappa #icomappa3.on
{
width:44%;
}

#opportunita #icomappa4
{
top:60%;
right:37%;
}

#opportunita #mappa #icomappa4.on
{
width:55%;
}

.fascia_titolo
{
padding-top:60px;
padding-bottom:60px;
background-color:#df0b25;
}

.fascia_titolo h2
{
margin-bottom:0;
color:#fff;
}

.fascia_titolo h2 span
{
font-weight:700;
font-style:italic;
text-transform:uppercase;
display:inline-block;
font-size:40px;
margin-right:5px;
}

#aree_geografiche
{
background-image:url("../img/sfondo_aree.jpg");
background-size:auto 100%;
background-repeat:repeat;
background-position:center center;
padding-top:80px;
padding-bottom:80px;
}

#aree_geografiche h3,#aree_geografiche li
{
text-align:left;
}

#aree_geografiche h3
{
margin-bottom:40px;
max-width: 469px;
}

#aree_geografiche h3.last
{
max-width:100%;
}

#aree_geografiche ol li
{
font-weight:700;
font-style:italic;
font-size:20px;
line-height:38px;
color:#535353;
margin-bottom:20px;
}

#aree_geografiche ol li span
{
font-style:normal;
font-size:25px;
display:inline-block;
margin-left:10px;
}

#aree_geografiche ol li::before
{
float:left;
width:38px;
height:38px;
margin-right:20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
counter-increment: section;
content: counters(section, ".") " ";
font-size:28px;
color:#fff;
font-weight:700;
font-style:italic;
line-height:38px;
text-align:center;
padding-right: 3px;
}

#aree_geografiche ol li.color1::before
{
background-color:#b50016;
}

#aree_geografiche ol li.color2::before
{
background-color:#5d6f99;
}

#aree_geografiche ol li.color3::before
{
background-color:#b7c1da;
}

#aree_geografiche ol li.color4::before
{
background-color:#c8aaf9;
}

#aree_geografiche ol li.color5::before
{
background-color:#a338ba;
}

#aree_geografiche ol li.color6::before
{
background-color:#db425f;
}

#aree_geografiche ol li.color7::before
{
background-color:#f9d14c;
}

#aree_geografiche ol li.color8::before
{
background-color:#e66c36;
}

ol
{
padding:0;
margin:0;
counter-reset: section;               
list-style-type: none;
}

#aree_geografiche ol li::after
{
clear:both;
display:block;
content:"";
}

#chartContainer
{
height:500px;
width:100%;
position:relative;
z-index:1;
}

#chartContainer::after
{
position:absolute;
z-index:10;
bottom:0;
left:0;
width:100px;
height:50px;
background-color:#daedf4;
margin:0;
content:"";
display:block;
}

#chartContainer .canvasjs-chart-credit
{
display:none;
}

#viaggio 
{
margin-top:50px;
}

#aree_geografiche .note
{
margin-top:80px;
font-size:17px;
line-height:26px;
}

#aree_geografiche .chart_summary .col2
{
width:45%;
}

#aree_geografiche .chart_summary
{
margin-bottom:50px;
}

#aree_geografiche .chart_summary .col2.chart
{
width:55%;
padding:0;
float:right;
}

#viaggio
{
position:relative;
z-index:1;
margin-top:80px;
}


#viaggio::after
{
clear:both;
display:block;
content:"";
}

#menu_viaggio
{
float:right;
position:relative;
z-index:5;
}

#menu_viaggio li
{
padding-left:20px;
padding-right:20px;
text-align:left;
background-color:#fff;
font-size:15px;
line-height:34px;
margin-top:3px;
margin-bottom:3px;
color:#587a93;
position:relative;
z-index:1;
cursor:pointer;
margin-left: 30px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

#menu_viaggio li::before
{
content:"";
position:absolute;
z-index:2;
right:100%;
margin:0;
width:0;
height:0;
top:0;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
border-top:17px solid transparent;
border-bottom:17px solid transparent;
border-right: 0px solid #fff;
}

#menu_viaggio li:hover::before
{
border-right:17px solid #fff;
}

#menu_viaggio li.sel
{
background-color:#df0b25;
color:#fff;
font-weight:700;
margin-left:0;
}

#menu_viaggio li.sel::before
{
border-right:17px solid #df0b25;
}

#animazione_viaggio
{
position:absolute;
z-index:2;
min-height:100%;
top:0;
left:0;
margin:0;
width:100%;
}

#animazione_viaggio .focus
{
position:relative;
z-index:1;
}

#animazione_viaggio img
{
position:absolute;
z-index:2;
top:0;
margin:0;
}

#animazione_viaggio img#from
{
left:0;
width: 28%;
}

#animazione_viaggio img#to
{
right:10%;
opacity:0;
width:31%;
}

#traiettoria
{
width:100%;
max-width:552px;
position:relative;
z-index:3;
margin-left: -23%;
margin-right:auto;
height:110px;
display: inline-block;
opacity:0;
}

#traiettoria_mobile
{
opacity:0;
}



#traiettoria svg
{
	position: absolute;
	top: 0;
	left: 0;
	margin:0;
	width:600px;
	height:400px;
	z-index:2;
}

#traiettoria #maskera_viaggio2 svg
{
left:auto;
right:-48px;
}

#maskera_viaggio,#maskera_viaggio2
{
overflow:hidden;
position:absolute;
z-index:3;
margin:0;
top:0;
height:100%;
}

#maskera_viaggio
{
width:0;
left:0;
}

#maskera_viaggio2
{
width:100%;
right:0;
}

#animazione_viaggio #aereo_little
{
top:auto;
bottom:-9px;
left:22px;
-ms-transform: rotate(-37deg);
-webkit-transform: rotate(-37deg);
transform: rotate(-37deg);
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
z-index:4;
}

#animazione_viaggio #traiettoria.on #aereo_little
{
  animation: viaggio 2s linear forwards;
}

@keyframes viaggio {
12%
{
    ms-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
bottom: 10px;
left: 12%;
margin-left: -11px;
}
 25% {
    ms-transform: rotate(-22deg);
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
bottom: 41px;
left: 25%;
margin-left: -22px;
  }

  50% {
    ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
bottom: 69px;
left: 50%;
margin-left: -22px;
  }
 75% {
    ms-transform: rotate(19deg);
-webkit-transform: rotate(19deg);
transform: rotate(19deg);
bottom: 48px;
left: 75%;
margin-left: -23px;
  }
87%
{
    ms-transform: rotate(33deg);
-webkit-transform: rotate(33deg);
transform: rotate(33deg);
bottom: 10px;
left: 87%;
margin-left: -9px;
}

 100% {
    -ms-transform: rotate(37deg);
-webkit-transform: rotate(37deg);
transform: rotate(37deg);
bottom:-10px;
left:100%;
margin-left: -49px;
  }

}

#animazione_viaggio #traiettoria.on #maskera_viaggio
{
  animation: maskera1 2s linear forwards;
}

@keyframes maskera1 {
to
{
width:100%;
}
}

#animazione_viaggio #traiettoria.on #maskera_viaggio2
{
  animation: maskera2 2s linear forwards;
}

@keyframes maskera2 {
to
{
width:0;
}
}

#animazione_viaggio ellipse {
	stroke-width: 5;
	stroke-linecap: round;
}

#animazione_viaggio ellipse.circle
{
stroke: #587a93;
}

#animazione_viaggio ellipse.circle2
{
stroke: #df0b25;
}

#animazione_viaggio .caption
{
position:absolute;
z-index:6;
right:41%;
top:100%;
margin:0;
text-align:left;
font-weight:700;
font-style:italic;
font-size:40px;
line-height:40px;
color:#587a93;
opacity:0;
min-width: 200px;
}

#animazione_viaggio .caption b
{
display:block;
margin-top:25px;
font-size:50px;
line-height:70px;
font-style:normal;
margin-bottom: 15px;
letter-spacing: -3px;
}

#animazione_viaggio .caption span
{
display:block;
color:#df0b25;
font-size:50px;
line-height:40px;
font-style:normal;
}

#animazione_viaggio .caption b span
{
display:inline-block;
font-size:80px;
color:inherit;
}

#banner_finale a
{
display:block;
}

#banner_finale img
{
width:100%;
}

#traiettoria_mobile,br.ipad,#nav_menu_viaggio_mobile,#animazione_viaggio .arrows
{
display:none;
}