@keyframes rank-bar-1 {
  0%   { width: 0px;  }
  100% { width: 20%;  }
}
@-moz-keyframes rank-bar-1 {
  0%   { width: 0px;  }
  100% { width: 20%;  }
}
@-webkit-keyframes rank-bar-1 {
  0%   { width: 0px;  }
  100% { width: 20%;  }
}
@keyframes rank-bar-2 {
  0%   { width: 0px;  }
  100% { width: 40%;  }
}
@-moz-keyframes rank-bar-2 {
  0%   { width: 0px;  }
  100% { width: 40%;  }
}
@-webkit-keyframes rank-bar-2 {
  0%   { width: 0px;  }
  100% { width: 40%;  }
}
@keyframes rank-bar-3 {
  0%   { width: 0px;  }
  100% { width: 60%;  }
}
@-moz-keyframes rank-bar-3 {
  0%   { width: 0px;  }
  100% { width: 60%;  }
}
@-webkit-keyframes rank-bar-3 {
  0%   { width: 0px;  }
  100% { width: 60%;  }
}
@keyframes rank-bar-4 {
  0%   { width: 0px;  }
  100% { width: 80%;  }
}
@-moz-keyframes rank-bar-4 {
  0%   { width: 0px;  }
  100% { width: 80%;  }
}
@-webkit-keyframes rank-bar-4 {
  0%   { width: 0px;  }
  100% { width: 80%;  }
}
@keyframes rank-bar-5 {
  0%   { width: 0px;  }
  100% { width: 100%;  }
}
@-moz-keyframes rank-bar-5 {
  0%   { width: 0px;  }
  100% { width: 100%;  }
}
@-webkit-keyframes rank-bar-5 {
  0%   { width: 0px;  }
  100% { width: 100%;  }
}
.rank-1 {
    width: 20%;
    animation:  rank-bar-1 2s ease;
    -moz-animation:  rank-bar-1 2s ease;
  	-webkit-animation:  rank-bar-1 2s ease;
}
.rank-2 {
    width: 40%;
    animation:  rank-bar-2 2s ease;
    -moz-animation:  rank-bar-2 2s ease;
  	-webkit-animation:  rank-bar-2 2s ease;
}
.rank-3 {
    width: 60%;
    animation:  rank-bar-3 2s ease;
    -moz-animation:  rank-bar-3 2s ease;
  	-webkit-animation:  rank-bar-3 2s ease;
}
.rank-4 {
    width: 80%;
    animation:  rank-bar-4 2s ease;
    -moz-animation:  rank-bar-4 2s ease;
  	-webkit-animation:  rank-bar-4 2s ease;
}
.rank-5 {
    width: 100%;
    animation:  rank-bar-5 2s ease;
    -moz-animation:  rank-bar-5 2s ease;
  	-webkit-animation:  rank-bar-5 2s ease;
}
.bars li em {
    text-transform: initial;
}