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


@keyframes fill{
  100%{ fill:#333333;}
}

@keyframes opacity{
  100%{ opacity:1;}
}


#one, #two{ opacity:0;}

#one{-webkit-animation:opacity 1s .75s linear forwards;
animation:opacity 1s .75s linear forwards; }

#two{-webkit-animation:opacity 1s 1.75s linear forwards;
animation:opacity 1s 1.75s linear forwards; }



/* line4 */
.st1{ 
-webkit-animation:fill 1s 4.25s linear forwards;
animation:fill 1s 4.25s linear forwards; }

#arrow, .explore{ display:none;}

.fa-angle-double-down, .explore{ opacity:0; color:#555;}

.fa-angle-double-down, .explore{-webkit-animation:opacity 1s 2.75s linear forwards;
animation:opacity 1s 2.75s linear forwards; }