.sticky_in{
  animation: sticky_in ease-in-out .4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: sticky_in ease-in-out .4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: sticky_in ease-in-out .4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: sticky_in ease-in-out .4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: sticky_in ease-in-out .4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes sticky_in{
  0% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,173px)  ;
  }
}

@-moz-keyframes sticky_in{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,173px)  ;
  }
}

@-webkit-keyframes sticky_in {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,173px)  ;
  }
}

@-o-keyframes sticky_in {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,173px)  ;
  }
}

@-ms-keyframes sticky_in {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,173px)  ;
  }
}


.sticky_out{
  animation: sticky_out ease-in-out .4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: sticky_out ease-in-out .4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: sticky_out ease-in-out .4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: sticky_out ease-in-out .4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: sticky_out ease-in-out .4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes sticky_out{
  0% {
    transform:  translate(0px,173px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes sticky_out{
  0% {
    -moz-transform:  translate(0px,173px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes sticky_out {
  0% {
    -webkit-transform:  translate(0px,173px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes sticky_out {
  0% {
    -o-transform:  translate(0px,173px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes sticky_out {
  0% {
    -ms-transform:  translate(0px,173px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}


.section1_in{
  animation: section1_in ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: section1_in ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: section1_in ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: section1_in ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: section1_in ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes section1_in{
  0% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,-400px)  ;
  }
}

@-moz-keyframes section1_in{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,-400px)  ;
  }
}

@-webkit-keyframes section1_in {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,-400px)  ;
  }
}

@-o-keyframes section1_in {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,-400px)  ;
  }
}

@-ms-keyframes section1_in {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,-400px)  ;
  }
}

.section1_out{
  animation: section1_out ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: section1_out ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: section1_out ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: section1_out ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: section1_out ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes section1_out{
  0% {
    transform:  translate(0px,-400px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes section1_out{
  0% {
    -moz-transform:  translate(0px,-400px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes section1_out {
  0% {
    -webkit-transform:  translate(0px,-400px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes section1_out {
  0% {
    -o-transform:  translate(0px,-400px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes section1_out {
  0% {
    -ms-transform:  translate(0px,-400px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}





.title_in{
  animation: title_in ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: title_in ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: title_in ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: title_in ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: title_in ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes title_in{
  0% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,346px)  ;
  }
}

@-moz-keyframes title_in{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,346px)  ;
  }
}

@-webkit-keyframes title_in {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,346px)  ;
  }
}

@-o-keyframes title_in {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,346px)  ;
  }
}

@-ms-keyframes title_in {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,346px)  ;
  }
}

.title_out{
  animation: title_out ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: title_out ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: title_out ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: title_out ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: title_out ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes title_out{
  0% {
    transform:  translate(0px,346px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes title_out{
  0% {
    -moz-transform:  translate(0px,346px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes title_out {
  0% {
    -webkit-transform:  translate(0px,346px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes title_out {
  0% {
    -o-transform:  translate(0px,346px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes title_out {
  0% {
    -ms-transform:  translate(0px,346px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.intro_text{
  animation: intro_text ease-in-out 1.4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: intro_text ease-in-out 1.4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: intro_text ease-in-out 1.4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: intro_text ease-in-out 1.4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: intro_text ease-in-out 1.4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes intro_text{
  0% {
    transform:  translate(0px,173px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes intro_text{
  0% {
    -moz-transform:  translate(0px,173px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes intro_text {
  0% {
    -webkit-transform:  translate(0px,173px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes intro_text {
  0% {
    -o-transform:  translate(0px,173px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes intro_text {
  0% {
    -ms-transform:  translate(0px,173px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}



.intro_nav{
  animation: intro_nav ease-in-out 1.4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: intro_nav ease-in-out 1.4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: intro_nav ease-in-out 1.4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: intro_nav ease-in-out 1.4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: intro_nav ease-in-out 1.4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes intro_nav{
  0% {
    transform:  translate(0px,-173px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes intro_nav{
  0% {
    -moz-transform:  translate(0px,-173px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes intro_nav {
  0% {
    -webkit-transform:  translate(0px,-173px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes intro_nav {
  0% {
    -o-transform:  translate(0px,-173px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes intro_nav {
  0% {
    -ms-transform:  translate(0px,-173px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}


.info_graphic_title_in{
  animation: info_graphic_title_in ease-in-out .5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: info_graphic_title_in ease-in-out .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: info_graphic_title_in ease-in-out .5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: info_graphic_title_in ease-in-out .5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: info_graphic_title_in ease-in-out .5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes info_graphic_title_in{
  0% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,50px)  ;
  }
}

@-moz-keyframes info_graphic_title_in{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,50px)  ;
  }
}

@-webkit-keyframes info_graphic_title_in {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,50px)  ;
  }
}

@-o-keyframes info_graphic_title_in {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,50px)  ;
  }
}

@-ms-keyframes info_graphic_title_in {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,50px)  ;
  }
}


.info_graphic_title_out{
  animation: info_graphic_title_out ease-in-out .5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: info_graphic_title_out ease-in-out .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: info_graphic_title_out ease-in-out .5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: info_graphic_title_out ease-in-out .5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: info_graphic_title_out ease-in-out .5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes info_graphic_title_out{
  0% {
    transform:  translate(0px,50px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes info_graphic_title_out{
  0% {
    -moz-transform:  translate(0px,50px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes info_graphic_title_out {
  0% {
    -webkit-transform:  translate(0px,50px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes info_graphic_title_out {
  0% {
    -o-transform:  translate(0px,50px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes info_graphic_title_out {
  0% {
    -ms-transform:  translate(0px,50px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}




.cls-1 {
                fill: none;
                stroke: #fff;
                stroke-miterlimit: 10;
                opacity: 0.01;
            }
            
.cls-2 {
                fill: #fff;
                opacity: 0.0;
            }


#graph7_end{

  visibility:hidden;
}
#graph6_end{

  visibility:hidden;
}
#graph5_end{

  visibility:hidden;
}
#graph4_end{

  visibility:hidden;
}
#graph3_end{

  visibility:hidden;
}
#graph2_end{

  visibility:hidden;
}
#graph1_end{

  visibility:hidden;
}