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

@media only screen and (max-width: 1199px)
{
#aree_geografiche ol li {
    font-size: 18px;
    margin-bottom: 10px;
line-height:28px;
}
#aree_geografiche .note {
    margin-top: 0px;
}
#aree_geografiche ol li::before {
margin-right:10px;
font-size:20px;
width: 28px;
height: 28px;
line-height:28px;
}
#aree_geografiche ol li span {
    font-size: 20px;
margin-left: 5px;
}
#consulenza h2, #consulenza p {
    padding-right: 0;
}

h2
{
margin-bottom:30px;
line-height: 38px;
font-size:26px;
}
p.testo {
    font-size: 15px;
    line-height: 26px;
}
#chartContainer {
    height: 350px;
}
#animazione_viaggio img#to {
    width: 24%;
}
#animazione_viaggio img#from {
    width: 22%;
}
}

@media only screen and (max-width: 1023px)
{
#traiettoria
{
display:none;
}
#traiettoria_mobile,br.ipad
{
display:block;
}
#animazione_viaggio img#to
{
right: auto;
left: 0;
top: 0;
width:180px;
position: relative;
margin: auto;
}
#animazione_viaggio .caption span
{
    display: inline-block;
   margin-left: 15px;
font-size: 35px;
letter-spacing: -1px;
}

#animazione_viaggio .caption b
{
display: inline-block;
font-size: 35px;
line-height: 50px;
margin-top: 10px;
margin-bottom:0;
}

#animazione_viaggio .caption b span
{
margin-left:0;
font-size:50px;
}
#animazione_viaggio #traiettoria_mobile
{
top:50%;
margin-top:-112px;
left:0;
}

#animazione_viaggio
{
position: relative;
}

#animazione_viaggio .caption {
    position: relative;
	right:auto;
font-size: 30px;
line-height: 30px;
padding-left: 70px;
margin-top:20px;
margin-bottom:20px;
}

#viaggio,#notazione
{
padding-right:120px;
}

#viaggio
{
margin-top: 30px;
}

#aree_geografiche .note {
    margin-top: 30px;
}

#menu_viaggio
{
    position: absolute;
    right: 0;
    float: none;
	margin:0;
    top: 50%;
	margin-top:-186px;
}

#animazione_viaggio img#from
{
margin: auto;
width:165px;
position: relative;
} 

#animazione_viaggio .focus
{
max-width: 320px;
width: 100%;
}
#titolo_grafico {
    font-size: 19px;
    line-height: 24px;
}
#consulenza .col2,#opportunita .col2,#aree_geografiche .col2
{
width:100% !important;
}



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

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

#aree_geografiche ol li
{
width:50%;
display:inline-block;
font-size: 16px;
}

#aree_geografiche ol li span {
    font-size: 18px;
}

#opportunita #mappa img
{
width:300px;
}

#intro,#opportunita,#aree_geografiche
{
padding-top:60px;
padding-bottom:60px;
}
#contenuto,.focus.box
{
padding-top:60px;
}
#consulenza, #investimenti
{
padding-bottom:60px;
}
#opportunita #mappa
{
    margin-top: 60px;
}
.fascia_titolo {
    padding-top: 40px;
    padding-bottom: 40px;
}
#investimenti .container_data
{
padding-left:50px;
bottom: -48px;
}
#investimenti .legenda span {
    width: 50px;
    font-size: 16px;
}

#investimenti .anno {
font-size:14px;
}

#investimenti .valore {
font-size:16px;
}

#img_consulenza2,#img_consulenza1
{
width:200px;
}
#img_consulenza2.on {
    margin-right: 25%;
}

#img_consulenza1.on {
    margin-left: 25%;
}
#consulenza
{
margin-top:-40%;
}

#consulenza h2
{
margin-top:30px;
}

#consulenza h2, #consulenza p {
    padding-left: 0;
    padding-right: 0;
}
#aree_geografiche h3 {
    margin-bottom: 30px;
}
}

@media only screen and (max-width: 780px)
{
#contenuto {
    padding-top: 50px;
}
#consulenza, #investimenti {
padding-bottom:60px;
}
#visore .caption h1 {
    font-size: 35px;
    line-height: 45px;
}
#visore .caption h1 b {
    font-size: 30px;
}

#visore .note {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

#intro {
    padding-top: 50px;
    padding-bottom: 50px;
}
#intro p {
    font-size: 18px;
    line-height: 28px;
}
h2 {
    font-size: 22px;
    line-height: 32px;
	margin-bottom: 30px;
}

h3
{
font-size: 16px;
line-height: 24px;
margin-bottom:20px;
}
p.testo {
    font-size: 15px;
    line-height: 24px;
}

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

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

#opportunita
{
padding-top:60px;
padding-bottom:60px;
}

#mappa
{
width:250px;
margin-top: 20px;
}
.fascia_titolo h2 span
{
font-size:30px;
}
.fascia_titolo {
    padding-top: 30px;
    padding-bottom: 30px;
}

#investimenti .container_data
{
padding-left:30px;
bottom: -35px;
}
#investimenti .legenda span {
    width: 30px;
    font-size: 13px;
}

#investimenti .anno {
font-size:11px;
margin-top: 15px;
}

#investimenti .valore {
font-size:13px;
}

#aree_geografiche ol li
{
width:100%;
}

#aree_geografiche ol
{
width: 320px;
margin-left: auto;
margin-right: auto;
}

#titolo_grafico {
    font-size: 14px;
}

}

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

.focus
{
width:90%;
}

#grafico_investimenti
{
margin-bottom:60px;
}

}

@media only screen and (max-width: 600px)
{
#investimenti .anno {
font-size:9px;
}

#viaggio, #notazione {
    padding-right: 0;
}

#menu_viaggio
{
right:100%;
}

#viaggio::after {
position:absolute;
z-index:3;
right:100%;
margin:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
top: 0;
}

#nav_menu_viaggio_mobile
{
display:block;
margin-top:20px;
}



#aree_geografiche .note {
    margin-top: 20px;
}

#nav_menu_viaggio_mobile span,#nav_menu_viaggio_mobile a
{
display:inline-block;
margin-left:3px;
margin-right:3px;
cursor:pointer;
}

#nav_menu_viaggio_mobile a
{
margin-left:13px;
}

#nav_menu_viaggio_mobile span
{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width:12px;
height:12px;
border:2px solid #587a93;
line-height:12px;
}

#nav_menu_viaggio_mobile span.sel
{
background-color:#587a93;
}

#nav_menu_viaggio_mobile a
{
text-decoration:underline;
font-weight:500;
font-size:15px;
line-height:24px;
color:#587a93;
}

#animazione_viaggio .caption
{
padding-left:80px;
}

#animazione_viaggio .caption span
{
font-size: 30px;
}

#animazione_viaggio .caption b {
    font-size: 30px;
}

#animazione_viaggio .caption b span {
    font-size: 40px;
}

#animazione_viaggio #traiettoria_mobile
{
left:25px;
}

#animazione_viaggio .arrows
{
top:50%;
margin:0;
position:absolute;
z-index:10;
cursor:pointer;
font-family: 'FontAwesome';
font-size: 20px;
margin-top:-15px;
line-height:30px;
color:#aaa;
display:block;
}
#animazione_viaggio .arrows.left
{
left:5px;
}
#animazione_viaggio .arrows.right
{
right:5px;
}
#internazionalizzazione
{
padding-bottom: 45%;
}
}

@media only screen and (max-width: 479px)
{
#chartContainer {
    height: 220px;
}

#visore .caption h1 b {
    font-size: 18px;
}

#visore .caption h1 {
    font-size: 18px;
    line-height: 24px;
}

#intro p {
    font-size: 16px;
    line-height: 24px;
}

#investimenti .anno {
font-size:7px;
letter-spacing: -0.5px;
margin-top: 5px;
}
#investimenti .valore {
font-size:11px;
}
#investimenti .legenda span {
    width: 25px;
    font-size: 10px;
}
#investimenti .container_data {
    padding-left: 25px;
	bottom: -23px;
}
#intro {
    padding-top: 30px;
    padding-bottom: 30px;
}

#contenuto {
    padding-top: 30px;
	
}

#intro, #opportunita, #aree_geografiche,.focus.box {
    padding-top: 30px;
    padding-bottom: 30px;
}

h2
{
margin-bottom:20px;
}
#titolo_grafico {
    font-size: 15px;
}
.focus.box {
    padding-top: 50px;
}
#grafico_investimenti
{
margin-bottom:35px;
}
#investimenti .note
{
font-size:15px;
}
.fascia_titolo h2 span {
    font-size: 24px;
}

#aree_geografiche ol {
    width: 100%;
}

#aree_geografiche ol li
{
font-size:14px;
}
#aree_geografiche .chart_summary {
    margin-bottom: 30px;
}

#viaggio
{
margin-top:30px;
}

#aree_geografiche .note {
    font-size: 14px;
    line-height: 20px;
}
#investimenti
{
padding-bottom:30px;
}

#grafico svg
{
top: 100px;
}
}