/* defaults, start position */
#_Group_10 {
  transform: scale(0); }

.line {
  transform: scale(0); }

#_Path_17 {
  transform: scale(0); }

#_Group_9, #_Group_2, #_Path_, #_Group_8, #_Path_3, #_Group_7, #_Group_, #_Group_6, #_Path_4, #_Group_5, #_Group_4, #_Group_3,
.stage-1, .stage-2, .stage-3, .stage-4, .stage-5, .stage-6, .stage-end {
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0; }

.chart-holder {
  position: relative;
  max-width: 1000px;
  font-size: .95rem;
  padding: 0 5%;
  margin: auto; }

.chart-labels {
  font-size: 80%; }
  .chart-labels p {
    margin-bottom: 5px;
    text-align: center; }

@media (min-width: 768px) {
  .chart-holder {
    padding: 0 5%; }

  .chart-labels {
    font-size: 1rem !important; } }
.col-stage-2 {
  left: 6%; }

.col-stage-4 {
  left: 6%; }

.col-stage-3 {
  left: -5%; }

.col-stage-5 {
  left: -10%; }

.col-stage-6 {
  left: 5%; }

@keyframes grow {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
@keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0; }
  100% {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1; } }
.chart-animate .line {
  animation-fill-mode: forwards;
  animation-duration: 2s;
  animation-name: grow; }
.chart-animate .line-1 {
  transform-origin: 166px 137px;
  animation-delay: 1.6s; }
.chart-animate .line-2 {
  transform-origin: 458px 137px;
  animation-delay: 2.2s; }
.chart-animate .line-3 {
  transform-origin: 750px 137px;
  animation-delay: 2.8s; }
.chart-animate .line-4 {
  transform-origin: 0px 220px;
  animation-delay: 1.3s; }
.chart-animate .line-5 {
  transform-origin: 313px 220px;
  animation-delay: 1.9s; }
.chart-animate .line-6 {
  transform-origin: 605px 220px;
  animation-delay: 2.5s; }
.chart-animate #_Group_10 {
  animation-fill-mode: forwards;
  animation-duration: 2s;
  animation-name: grow;
  transform-origin: 905px 100px;
  animation-delay: 0s; }
.chart-animate #_Path_17 {
  transform: scale(0);
  animation-fill-mode: forwards;
  animation-duration: 2s;
  animation-name: grow;
  transform-origin: 0px 98px;
  animation-delay: 0s; }
.chart-animate #_Group_9, .chart-animate #_Group_2, .chart-animate #_Path_, .chart-animate #_Group_8, .chart-animate #_Path_3, .chart-animate #_Group_7, .chart-animate #_Group_, .chart-animate #_Group_6, .chart-animate #_Path_4, .chart-animate #_Group_5, .chart-animate #_Group_4, .chart-animate #_Group_3,
.chart-animate .stage-1, .chart-animate .stage-2, .chart-animate .stage-3, .chart-animate .stage-4, .chart-animate .stage-5, .chart-animate .stage-6, .chart-animate .stage-end {
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  animation-fill-mode: forwards;
  animation-duration: 2s;
  animation-name: fade-in; }
.chart-animate #_Group_9, .chart-animate #_Group_2 {
  animation-delay: 1.5s; }
.chart-animate #_Path_, .chart-animate #_Group_8 {
  animation-delay: 1.7s; }
.chart-animate #_Path_3, .chart-animate #_Group_7 {
  animation-delay: 1.9s; }
.chart-animate #_Group_, .chart-animate #_Group_6 {
  animation-delay: 2.1s; }
.chart-animate #_Path_4, .chart-animate #_Group_5 {
  animation-delay: 2.3s; }
.chart-animate #_Group_4, .chart-animate #_Group_3 {
  animation-delay: 2.5s; }
.chart-animate .stage-1 {
  animation-delay: 2.5s; }
.chart-animate .stage-2 {
  animation-delay: 2.8s; }
.chart-animate .stage-3 {
  animation-delay: 3.1s; }
.chart-animate .stage-4 {
  animation-delay: 3.4s; }
.chart-animate .stage-5 {
  animation-delay: 3.7s; }
.chart-animate .stage-6 {
  animation-delay: 4s; }
.chart-animate .stage-end {
  animation-delay: 4.3s; }

/*# sourceMappingURL=animated.css.map */