/* DRAWING PATH */

#animated-logo .draw-path {
  stroke-width: 9.26508;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: drawStroke 1.5s ease-in-out forwards;
  stroke: white;
}

#animated-logo #animated-logo-leaf-path        { animation-delay: 1.35s;}
#animated-logo #animated-logo-circle-path      { animation-delay: 0s; }
#animated-logo #animated-logo-leaf-border-path { animation-delay: 1.35s; }

/* LOGO LEFT PART - CIRCLE AND LEAF */

#logo-eime-img {
  z-index: 2;
  position: absolute;
  left: 0;
  animation: goToLeft 2s ease-in-out forwards;
  animation-delay: 2.5s;
}

/* LOGO RIGHT PART - LETTERS */

#logo-eime-text {
  position: absolute;
  left: 0;
  opacity: 0;
  animation: goToRight 2s ease-in-out forwards;
  animation-delay: 2.5s;
}

/* KEYFRAMES */

@keyframes drawStroke {
  to {
    stroke-dashoffset: 0; /* Reveal path */
  }
}

@keyframes goToLeft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}

@keyframes goToRight {
  0% {
    left: 0;
  }
  100% {
    opacity: 1;
    left: 20%;
  }
}

/* INLINE STYLE TAGS EXTRACTED FROM HTML */
/* Allowing to have a strict CSP policy concerning style tags */

#stop72, #stop2174 {
  stop-color:#3c80c8;
  stop-opacity:1;
}

#stop2176 {
  stop-color:#a6de82;
  stop-opacity:1;
}

#stop71 {
  stop-color:#a5de82;
  stop-opacity:1;
}

g#text3100-1-6 {
  stroke-width: 3.8;
  font-size: 95px;
  stroke-linecap: round;
}

path#path937-7 {
  fill: url(#linearGradient2172-7);
  fill-opacity: 1;
}

g#g14 {
  stroke: #ffffff;
  stroke-width: 9.26508;
  stroke-linecap: round;
  stroke-dasharray: none;
  stroke-opacity: 1;
}

path#animated-logo-leaf-border-path.draw-path {
  fill :none;
  fill-opacity: 0;
  stroke: #ffffff;
  stroke-width: 4.7;
  stroke-linecap: butt;
  stroke-dasharray: none;
  stroke-opacity: 1;
}

path#animated-logo-leaf-path.draw-path {
  fill:#9e9e9e;
  fill-opacity:0;
  stroke:#ffffff;
  stroke-width:3;
  stroke-linecap:round;
  stroke-dasharray:none;
  stroke-opacity:1;
}

path#animated-logo-circle-path.draw-path {
  fill: #ffffff;
  fill-opacity: 0;
  stroke: #ffffff;
  stroke-width: 8;
}

#path16 {
  display: inline;
  fill: url(#linearGradient72);
  fill-opacity: 1;
  stroke:none ;
  stroke-width: 4.99999;
  stroke-linecap: round;
  stroke-dasharray: none;
  stroke-opacity: 1;
}