
@-webkit-keyframes path_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes path_draw {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes path_fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes path_fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.infografiche {
  width: 100%;
  max-width: 180px;
}
.infografiche.done * {
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
}

.infografiche--01 .st0 {
  fill: #DBDFE3;
}
.infografiche--01 .st1 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.infografiche--01 .st2 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-miterlimit: 10;
}
.infografiche--01 .st3 {
  fill: #85909B;
}
.infografiche--01 .st4 {
  fill: none;
}
.infografiche--01 .st5 {
  font-family: sans-serif !important;
}
.infografiche--01 .st6 {
  font-size: 30px;
}
.infografiche--01 .path_0,
.infografiche--01 .path_1 {
  opacity: 0;
  -webkit-animation: path_fade .3s ease-in-out 2s forwards;
          animation: path_fade .3s ease-in-out 2s forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--01 .text_0 {
  opacity: 0;
  -webkit-animation: path_fade .3s ease-in-out 2.2s forwards;
          animation: path_fade .3s ease-in-out 2.2s forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--01 .path_2 {
  stroke-dasharray: 549 551;
  stroke-dashoffset: 550;
  -webkit-animation: path_draw 2000ms linear 333ms forwards;
          animation: path_draw 2000ms linear 333ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--01 .path_3 {
  stroke-dasharray: 32 34;
  stroke-dashoffset: 33;
  -webkit-animation: path_draw 2000ms linear 500ms forwards;
          animation: path_draw 2000ms linear 500ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--01 .path_4 {
  stroke-dasharray: 213 215;
  stroke-dashoffset: 214;
  -webkit-animation: path_draw 2000ms linear 666ms forwards;
          animation: path_draw 2000ms linear 666ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--01 .path_5 {
  stroke-dasharray: 372 374;
  stroke-dashoffset: 373;
  -webkit-animation: path_draw 2000ms linear 833ms forwards;
          animation: path_draw 2000ms linear 833ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--01 .path_6 {
  stroke-dasharray: 174 176;
  stroke-dashoffset: 175;
  -webkit-animation: path_draw 2000ms linear 1000ms forwards;
          animation: path_draw 2000ms linear 1000ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.infografiche--02 .st0 {
  fill: #DBDFE3;
}
.infografiche--02 .st1 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.infografiche--02 .st2 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-miterlimit: 10;
}
.infografiche--02 .st3 {
  fill: #85909B;
}
.infografiche--02 .st4 {
  fill: none;
}
.infografiche--02 .st5 {
  font-family: sans-serif !important;
}
.infografiche--02 .st6 {
  font-size: 30px;
}
.infografiche--02 .path_0 {
  stroke-dasharray: 549 551;
  stroke-dashoffset: 550;
  -webkit-animation: path_draw 2000ms linear 0ms forwards;
          animation: path_draw 2000ms linear 0ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--02 .path_1,
.infografiche--02 .path_2 {
  opacity: 0;
  -webkit-animation: path_fade .3s ease-in-out 2s forwards;
          animation: path_fade .3s ease-in-out 2s forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--02 .text_0 {
  opacity: 0;
  -webkit-animation: path_fade .3s ease-in-out 2.2s forwards;
          animation: path_fade .3s ease-in-out 2.2s forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--02 .path_3 {
  stroke-dasharray: 174 176;
  stroke-dashoffset: 175;
  -webkit-animation: path_draw 2000ms linear 500ms forwards;
          animation: path_draw 2000ms linear 500ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--02 .path_4 {
  stroke-dasharray: 32 34;
  stroke-dashoffset: 33;
  -webkit-animation: path_draw 2000ms linear 666ms forwards;
          animation: path_draw 2000ms linear 666ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--02 .path_5 {
  stroke-dasharray: 213 215;
  stroke-dashoffset: 214;
  -webkit-animation: path_draw 2000ms linear 833ms forwards;
          animation: path_draw 2000ms linear 833ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--02 .path_6 {
  stroke-dasharray: 372 374;
  stroke-dashoffset: 373;
  -webkit-animation: path_draw 2000ms linear 1000ms forwards;
          animation: path_draw 2000ms linear 1000ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.infografiche--03 .st0 {
  fill: #DBDFE3;
}
.infografiche--03 .st1 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.infografiche--03 .st2 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-miterlimit: 10;
}
.infografiche--03 .st3 {
  fill: #85909B;
}
.infografiche--03 .st4 {
  fill: none;
}
.infografiche--03 .st5 {
  font-family: sans-serif !important;
}
.infografiche--03 .st6 {
  font-size: 30px;
}
.infografiche--03 .text_0 {
  opacity: 0;
  -webkit-animation: path_fade .3s ease-in-out 2.2s forwards;
          animation: path_fade .3s ease-in-out 2.2s forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--03 .path_1 {
  stroke-dasharray: 549 551;
  stroke-dashoffset: 550;
  -webkit-animation: path_draw 2000ms linear 166ms forwards;
          animation: path_draw 2000ms linear 166ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--03 .path_2 {
  opacity: 0;
  -webkit-animation: path_fade .3s ease-in-out 2s forwards;
          animation: path_fade .3s ease-in-out 2s forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--03 .path_3 {
  stroke-dasharray: 174 176;
  stroke-dashoffset: 175;
  -webkit-animation: path_draw 2000ms linear 500ms forwards;
          animation: path_draw 2000ms linear 500ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--03 .path_4 {
  stroke-dasharray: 32 34;
  stroke-dashoffset: 33;
  -webkit-animation: path_draw 2000ms linear 666ms forwards;
          animation: path_draw 2000ms linear 666ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--03 .path_5 {
  stroke-dasharray: 213 215;
  stroke-dashoffset: 214;
  -webkit-animation: path_draw 2000ms linear 833ms forwards;
          animation: path_draw 2000ms linear 833ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--03 .path_6 {
  stroke-dasharray: 372 374;
  stroke-dashoffset: 373;
  -webkit-animation: path_draw 2000ms linear 1000ms forwards;
          animation: path_draw 2000ms linear 1000ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.infografiche--04 .st0 {
  fill: #DBDFE3;
}
.infografiche--04 .st1 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.infografiche--04 .st2 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-miterlimit: 10;
}
.infografiche--04 .st3 {
  fill: none;
}
.infografiche--04 .st4 {
  fill: #85909B;
}
.infografiche--04 .st5 {
  font-family: sans-serif !important;
}
.infografiche--04 .st6 {
  font-size: 60px;
}
.infografiche--04 .path_0 {
  stroke-dasharray: 549 551;
  stroke-dashoffset: 550;
  -webkit-animation: path_draw 2000ms linear 0ms forwards;
          animation: path_draw 2000ms linear 0ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--04 .path_1 {
  stroke-dasharray: 345 347;
  stroke-dashoffset: 346;
  -webkit-animation: path_draw 2000ms linear 1000ms forwards;
          animation: path_draw 2000ms linear 1000ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.infografiche--05 .st0 {
  fill: #DBDFE3;
}
.infografiche--05 .st1 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.infografiche--05 .st2 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-miterlimit: 10;
}
.infografiche--05 .st3 {
  fill: #85909B;
}
.infografiche--05 .st4 {
  fill: none;
}
.infografiche--05 .st5 {
  font-family: sans-serif !important;
}
.infografiche--05 .st6 {
  font-size: 22px;
}
.infografiche--05 .st7 {
  font-size: 20px;
}
.infografiche--05 .path_0 {
  stroke-dasharray: 549 551;
  stroke-dashoffset: 550;
  -webkit-animation: path_draw 2000ms linear 0ms forwards;
          animation: path_draw 2000ms linear 0ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--05 .path_1 {
  stroke-dasharray: 165 167;
  stroke-dashoffset: 166;
  -webkit-animation: path_draw 2000ms linear 250ms forwards;
          animation: path_draw 2000ms linear 250ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--05 .path_2 {
  stroke-dasharray: 328 330;
  stroke-dashoffset: 329;
  -webkit-animation: path_draw 2000ms linear 500ms forwards;
          animation: path_draw 2000ms linear 500ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--05 .path_3 {
  stroke-dasharray: 101 103;
  stroke-dashoffset: 102;
  -webkit-animation: path_draw 2000ms linear 750ms forwards;
          animation: path_draw 2000ms linear 750ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--05 .path_4 {
  stroke-dasharray: 131 133;
  stroke-dashoffset: 132;
  -webkit-animation: path_draw 2000ms linear 1000ms forwards;
          animation: path_draw 2000ms linear 1000ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.infografiche--06 .st0 {
  fill: #DBDFE3;
}
.infografiche--06 .st1 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.infografiche--06 .st2 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-miterlimit: 10;
}
.infografiche--06 .st3 {
  fill: #85909B;
  font-family: sans-serif !important;
  font-size: 30px;
}
.infografiche--06 .text_0 {
  opacity: 0;
  -webkit-animation: path_fade .3s ease-in-out 2.2s forwards;
          animation: path_fade .3s ease-in-out 2.2s forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--06 .path_0 {
  stroke-dasharray: 549 551;
  stroke-dashoffset: 550;
  -webkit-animation: path_draw 2000ms linear 0ms forwards;
          animation: path_draw 2000ms linear 0ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--06 .path_1 {
  stroke-dasharray: 32 34;
  stroke-dashoffset: 33;
  -webkit-animation: path_draw 2000ms linear 166ms forwards;
          animation: path_draw 2000ms linear 166ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--06 .path_2 {
  stroke-dasharray: 213 215;
  stroke-dashoffset: 214;
  -webkit-animation: path_draw 2000ms linear 333ms forwards;
          animation: path_draw 2000ms linear 333ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--06 .path_3 {
  stroke-dasharray: 124 126;
  stroke-dashoffset: 125;
  -webkit-animation: path_draw 2000ms linear 500ms forwards;
          animation: path_draw 2000ms linear 500ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--06 .path_4 {
  opacity: 0;
  -webkit-animation: path_fade .3s ease-in-out 2s forwards;
          animation: path_fade .3s ease-in-out 2s forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--06 .path_6 {
  stroke-dasharray: 249 251;
  stroke-dashoffset: 250;
  -webkit-animation: path_draw 2000ms linear 1000ms forwards;
          animation: path_draw 2000ms linear 1000ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.infografiche--07 .st0 {
  fill: #DBDFE3;
}
.infografiche--07 .st1 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.infografiche--07 .st2 {
  fill: none;
  stroke: #85909B;
  stroke-width: 3;
  stroke-miterlimit: 10;
}
.infografiche--07 .st3 {
  fill: none;
}
.infografiche--07 .st4 {
  fill: #85909B;
}
.infografiche--07 .st5 {
  font-family: sans-serif !important;
}
.infografiche--07 .st6 {
  font-size: 60px;
}
.infografiche--07 .path_0 {
  stroke-dasharray: 549 551;
  stroke-dashoffset: 550;
  -webkit-animation: path_draw 2000ms linear 0ms forwards;
          animation: path_draw 2000ms linear 0ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.infografiche--07 .path_1 {
  stroke-dasharray: 345 347;
  stroke-dashoffset: 346;
  -webkit-animation: path_draw 2000ms linear 1000ms forwards;
          animation: path_draw 2000ms linear 1000ms forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}