#prototype_nav li {
  width: 33%;
  float: left;
  text-align: center;
  list-style: none; }

/**
 * ANIMATIONS
 **/
#item_animations {
  max-width: 940px;
  padding: 10px;
  margin: 0 auto; }

.arrow_line {
  stroke: #0754a0;
  stroke-dasharray: 107;
  stroke-dashoffset: -107; }
  .animate .arrow_line {
    -webkit-animation: animate_arrow_line 500ms linear forwards;
    -webkit-animation-delay: 1.5s; }

.arrow_tip {
  stroke: #0754a0;
  stroke-dasharray: 27;
  stroke-dashoffset: -27; }
  .animate .arrow_tip {
    -webkit-animation: animate_arrow_tip 500ms linear forwards;
    -webkit-animation-delay: 1.9s; }

.earth {
  stroke: #0754a0;
  stroke-dasharray: 133;
  stroke-dashoffset: -133; }
  .animate .earth {
    -webkit-animation: animate_earth 500ms linear forwards;
    -webkit-animation-delay: 0s; }

.america {
  stroke: #0754a0;
  stroke-dasharray: 71;
  stroke-dashoffset: 71; }
  .animate .america {
    -webkit-animation: animate_america 500ms linear forwards;
    -webkit-animation-delay: .5s; }

.africa {
  stroke: #0754a0;
  stroke-dasharray: 65;
  stroke-dashoffset: 65; }
  .animate .africa {
    -webkit-animation: animate_africa 500ms linear forwards;
    -webkit-animation-delay: 1s; }

/* Animations for items */
@-webkit-keyframes animate_arrow_line {
  from {
    stroke: #0754a0;
    stroke-dashoffset: -107; }
  to {
    stroke: #60B0E2;
    stroke-dashoffset: -214; } }

@-webkit-keyframes animate_arrow_tip {
  from {
    stroke: #0754a0;
    stroke-dashoffset: -27; }
  to {
    stroke: #60B0E2;
    stroke-dashoffset: 0; } }

@-webkit-keyframes animate_earth {
  from {
    stroke: #0754a0;
    stroke-dashoffset: -133; }
  to {
    stroke: #60B0E2;
    stroke-dashoffset: 0; } }

@-webkit-keyframes animate_africa {
  from {
    stroke: #0754a0;
    stroke-dashoffset: 65; }
  to {
    stroke: #60B0E2;
    stroke-dashoffset: 0; } }

@-webkit-keyframes animate_america {
  from {
    stroke: #0754a0;
    stroke-dashoffset: 71; }
  to {
    stroke: #60B0E2;
    stroke-dashoffset: 0; } }