.spriteanim_01{
	width: 131px;
	height: 236px;
	background: url("sprite-a.png");

	-webkit-animation: anim_01 1.6s steps(4) infinite;
       -moz-animation: anim_01 1.6s steps(4) infinite;
        -ms-animation: anim_01 1.6s steps(4) infinite;
         -o-animation: anim_01 1.6s steps(4) infinite;
            animation: anim_01 1.6s steps(4) infinite;
}

@-webkit-keyframes anim_01 {
   from { background-position:    0px; }
     to { background-position: -524px; }
}

@-moz-keyframes anim_01 {
   from { background-position:    0px; }
     to { background-position: -524px; }
}

@-ms-keyframes anim_01 {
   from { background-position:    0px; }
     to { background-position: -524px; }
}

@-o-keyframes anim_01 {
   from { background-position:    0px; }
     to { background-position: -524px; }
}

@keyframes anim_01 {
   from { background-position:    0px; }
     to { background-position: -524px; }
}

/* world-class education */
.spriteanim_02{
	margin: 0 auto;
	width: 254px;
	height: 302px;
	background: url("sprite-b.png");

	-webkit-animation: anim_02 1s steps(11) infinite;
       -moz-animation: anim_02 1s steps(11) infinite;
        -ms-animation: anim_02 1s steps(11) infinite;
         -o-animation: anim_02 1s steps(11) infinite;
            animation: anim_02 1s steps(11) infinite;
}

@-webkit-keyframes anim_02 {
   from { background-position:    0px; }
     to { background-position: -2816px; }
}

@-moz-keyframes anim_02 {
   from { background-position:    0px; }
     to { background-position: -2816px; }
}

@-ms-keyframes anim_02 {
   from { background-position:    0px; }
     to { background-position: -2816px; }
}

@-o-keyframes anim_02 {
   from { background-position:    0px; }
     to { background-position: -2816px; }
}

@keyframes anim_02 {
   from { background-position:    0px; }
     to { background-position: -2816px; }
}

/* interview tips */
.spriteanim_03{
	margin: 0 auto;
	width: 280px;
	height: 263px;
	background: url("sprite-c.png");

	-webkit-animation: anim_03 0.8s steps(9) infinite;
       -moz-animation: anim_03 0.8s steps(9) infinite;
        -ms-animation: anim_03 0.8s steps(9) infinite;
         -o-animation: anim_03 0.8s steps(9) infinite;
            animation: anim_03 0.8s steps(9) infinite;
}

@-webkit-keyframes anim_03 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

@-moz-keyframes anim_03 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

@-ms-keyframes anim_03 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

@-o-keyframes anim_03 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

@keyframes anim_03 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

/* preparing for life on campus */
.spriteanim_04{
	margin: 0 auto;
	width: 280px;
	height: 280px;
	background: url("sprite-d.png");

	-webkit-animation: anim_04 1.6s steps(10) infinite;
       -moz-animation: anim_04 1.6s steps(10) infinite;
        -ms-animation: anim_04 1.6s steps(10) infinite;
         -o-animation: anim_04 1.6s steps(10) infinite;
            animation: anim_04 1.6s steps(10) infinite;
}

@-webkit-keyframes anim_04 {
   from { background-position:    0px; }
     to { background-position: -2800px; }
}

@-moz-keyframes anim_04 {
   from { background-position:    0px; }
     to { background-position: -2800px; }
}

@-ms-keyframes anim_04 {
   from { background-position:    0px; }
     to { background-position: -2800px; }
}

@-o-keyframes anim_04 {
   from { background-position:    0px; }
     to { background-position: -2800px; }
}

@keyframes anim_04 {
   from { background-position:    0px; }
     to { background-position: -2800px; }
}

/* scholarship - apply */
.spriteanim_05{
	margin: 0 auto;
	width: 280px;
	height: 291px;
	background: url("sprite-e.png");

	-webkit-animation: anim_05 2s steps(31) infinite;
       -moz-animation: anim_05 2s steps(31) infinite;
        -ms-animation: anim_05 2s steps(31) infinite;
         -o-animation: anim_05 2s steps(31) infinite;
            animation: anim_05 2s steps(31) infinite;
}

@-webkit-keyframes anim_05 {
   from { background-position:    0px; }
     to { background-position: -8680px; }
}

@-moz-keyframes anim_05 {
   from { background-position:    0px; }
     to { background-position: -8680px; }
}

@-ms-keyframes anim_05 {
   from { background-position:    0px; }
     to { background-position: -8680px; }
}

@-o-keyframes anim_05 {
   from { background-position:    0px; }
     to { background-position: -8680px; }
}

@keyframes anim_05 {
   from { background-position:    0px; }
     to { background-position: -8680px; }
}

/* scholarship - interview */
.spriteanim_06{
	margin: 0 auto;
	width: 280px;
	height: 263px;
	background: url("sprite-f.png");

	-webkit-animation: anim_06 1s steps(9) infinite;
       -moz-animation: anim_06 1s steps(9) infinite;
        -ms-animation: anim_06 1s steps(9) infinite;
         -o-animation: anim_06 1s steps(9) infinite;
            animation: anim_06 1s steps(9) infinite;
}

@-webkit-keyframes anim_06 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

@-moz-keyframes anim_06 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

@-ms-keyframes anim_06 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

@-o-keyframes anim_06 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

@keyframes anim_06 {
   from { background-position:    0px; }
     to { background-position: -2520px; }
}

/* scholarship - results */
.spriteanim_07{
	margin: 0 auto;
	width: 248px;
	height: 252px;
	background: url("sprite-g.png");

	-webkit-animation: anim_07 1s steps(10) infinite;
       -moz-animation: anim_07 1s steps(10) infinite;
        -ms-animation: anim_07 1s steps(10) infinite;
         -o-animation: anim_07 1s steps(10) infinite;
            animation: anim_07 1s steps(10) infinite;
}

@-webkit-keyframes anim_07 {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

@-moz-keyframes anim_07 {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

@-ms-keyframes anim_07 {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

@-o-keyframes anim_07 {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

@keyframes anim_07 {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

/* check application */
.spriteanim_08{
	width: 134px;
	height: 177px;
	background: url("sprite-h.png");

	-webkit-animation: anim_08 1.5s steps(15) infinite;
       -moz-animation: anim_08 1.5s steps(15) infinite;
        -ms-animation: anim_08 1.5s steps(15) infinite;
         -o-animation: anim_08 1.5s steps(15) infinite;
            animation: anim_08 1.5s steps(15) infinite;
}

@-webkit-keyframes anim_08 {
   from { background-position:    0px; }
     to { background-position: -2010px; }
}

@-moz-keyframes anim_08 {
   from { background-position:    0px; }
     to { background-position: -2010px; }
}

@-ms-keyframes anim_08 {
   from { background-position:    0px; }
     to { background-position: -2010px; }
}

@-o-keyframes anim_08 {
   from { background-position:    0px; }
     to { background-position: -2010px; }
}

@keyframes anim_08 {
   from { background-position:    0px; }
     to { background-position: -2010px; }
}

/* scholarship - requirements */
.spriteanim_09{
	margin: 0;
	padding: 0;
	position: absolute;
	top: -120px;
	right: 16px;
	width: 92px;
	height: 158px;
	background: url("sprite-i.png");

	-webkit-animation: anim_09 0.8s steps(10) infinite;
       -moz-animation: anim_09 0.8s steps(10) infinite;
        -ms-animation: anim_09 0.8s steps(10) infinite;
         -o-animation: anim_09 0.8s steps(10) infinite;
            animation: anim_09 0.8s steps(10) infinite;
}

@-webkit-keyframes anim_09 {
   from { background-position:    0px; }
     to { background-position: -920px; }
}

@-moz-keyframes anim_09 {
   from { background-position:    0px; }
     to { background-position: -920px; }
}

@-ms-keyframes anim_09 {
   from { background-position:    0px; }
     to { background-position: -920px; }
}

@-o-keyframes anim_09 {
   from { background-position:    0px; }
     to { background-position: -920px; }
}

@keyframes anim_09 {
   from { background-position:    0px; }
     to { background-position: -920px; }
}
/* community */
.spriteanim_10 {
  margin: 0 auto;	
  width: 700px;
  height: 460px;
  background: url("sprite-j.png");

  -webkit-animation: anim_10 1s steps(15) infinite;
       -moz-animation: anim_10 1s steps(15) infinite;
        -ms-animation: anim_10 1s steps(15) infinite;
         -o-animation: anim_10 1s steps(15) infinite;
            animation: anim_10 1s steps(15) infinite;
}

@-webkit-keyframes anim_10 {
   from { background-position:    0px; }
     to { background-position: -10500px; }
}

@-moz-keyframes anim_10 {
   from { background-position:    0px; }
     to { background-position: -10500px; }
}

@-ms-keyframes anim_10 {
   from { background-position:    0px; }
     to { background-position: -10500px; }
}

@-o-keyframes anim_10 {
   from { background-position:    0px; }
     to { background-position: -10500px; }
}

@keyframes anim_10 {
   from { background-position:    0px; }
     to { background-position: -10500px; }
}

/* organisation structure */
.spriteanim_11{
  margin: 0 auto;	
  width: 845px;
  height: 455px;
  background: url("sprite-p.png");

  -webkit-animation: anim_11 1s steps(10) infinite;
       -moz-animation: anim_11 1s steps(10) infinite;
        -ms-animation: anim_11 1s steps(10) infinite;
         -o-animation: anim_11 1s steps(10) infinite;
            animation: anim_11 1s steps(10) infinite;
}

@-webkit-keyframes anim_11 {
   from { background-position:    0px; }
     to { background-position: -8450px; }
}

@-moz-keyframes anim_11 {
   from { background-position:    0px; }
     to { background-position: -8450px; }
}

@-ms-keyframes anim_11 {
   from { background-position:    0px; }
     to { background-position: -8450px; }
}

@-o-keyframes anim_11 {
   from { background-position:    0px; }
     to { background-position: -8450px; }
}

@keyframes anim_11 {
   from { background-position:    0px; }
     to { background-position: -8450px; }
}

.spriteanim_11a{
  margin: 0 auto;	
  width: 244px;
  height: 290px;
  position: absolute;
  top: -190px;
  right: 0;	
  background: url("sprite-o-2.png");

  -webkit-animation: anim_11a 1s steps(10) infinite;
       -moz-animation: anim_11a 1s steps(10) infinite;
        -ms-animation: anim_11a 1s steps(10) infinite;
         -o-animation: anim_11a 1s steps(10) infinite;
            animation: anim_11a 1s steps(10) infinite;
}

@-webkit-keyframes anim_11a {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

@-moz-keyframes anim_11a {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

@-ms-keyframes anim_11a {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

@-o-keyframes anim_11a {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

@keyframes anim_11a {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

.spriteanim_11b{
  margin: 0 auto;	
  width: 244px;
  height: 339px;
  position: absolute;
  top: -290px;
  right: 0;		
  background: url("sprite-o-3.png");

  -webkit-animation: anim_11b 1s steps(10) infinite;
       -moz-animation: anim_11b 1s steps(10) infinite;
        -ms-animation: anim_11b 1s steps(10) infinite;
         -o-animation: anim_11b 1s steps(10) infinite;
            animation: anim_11b 1s steps(10) infinite;
}

@-webkit-keyframes anim_11b {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

@-moz-keyframes anim_11b {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

@-ms-keyframes anim_11b {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

@-o-keyframes anim_11b {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

@keyframes anim_11b {
   from { background-position:    0px; }
     to { background-position: -2440px; }
}

.spriteanim_11c{
  margin: 0 auto;	
  width: 248px;
  height: 319px;
  position: absolute;
  top: -50px;
  right: 0;
  background: url("sprite-o-1.png");

  -webkit-animation: anim_11c 1s steps(10) infinite;
       -moz-animation: anim_11c 1s steps(10) infinite;
        -ms-animation: anim_11c 1s steps(10) infinite;
         -o-animation: anim_11c 1s steps(10) infinite;
            animation: anim_11c 1s steps(10) infinite;
}

@-webkit-keyframes anim_11c {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

@-moz-keyframes anim_11c {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

@-ms-keyframes anim_11c {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

@-o-keyframes anim_11c {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

@keyframes anim_11c {
   from { background-position:    0px; }
     to { background-position: -2480px; }
}

/* organisation structure */
.spriteanim_12{
  margin: 0 auto;	
  width: 352px;
  height: 545px;
  background: url("sprite-o.png");

  -webkit-animation: anim_12 1.6s steps(15) infinite;
       -moz-animation: anim_12 1.6s steps(15) infinite;
        -ms-animation: anim_12 1.6s steps(15) infinite;
         -o-animation: anim_12 1.6s steps(15) infinite;
            animation: anim_12 1.6s steps(15) infinite;
}

@-webkit-keyframes anim_12 {
   from { background-position:    0px; }
     to { background-position: -5280px; }
}

@-moz-keyframes anim_12 {
   from { background-position:    0px; }
     to { background-position: -5280px; }
}

@-ms-keyframes anim_12 {
   from { background-position:    0px; }
     to { background-position: -5280px; }
}

@-o-keyframes anim_12 {
   from { background-position:    0px; }
     to { background-position: -5280px; }
}

@keyframes anim_12 {
   from { background-position:    0px; }
     to { background-position: -5280px; }
}

/* our objectives c1 */
.spriteanim_13 {
  margin: 0 auto;	
  width: 400px;
  height: 378px;
  background: url("sprite-k.png");

  -webkit-animation: anim_13 1s steps(10) infinite;
       -moz-animation: anim_13 1s steps(10) infinite;
        -ms-animation: anim_13 1s steps(10) infinite;
         -o-animation: anim_13 1s steps(10) infinite;
            animation: anim_13 1s steps(10) infinite;
}

@-webkit-keyframes anim_13 {
   from { background-position:    0px; }
     to { background-position: -4000px; }
}

@-moz-keyframes anim_13 {
   from { background-position:    0px; }
     to { background-position: -4000px; }
}

@-ms-keyframes anim_13 {
   from { background-position:    0px; }
     to { background-position: -4000px; }
}

@-o-keyframes anim_13 {
   from { background-position:    0px; }
     to { background-position: -4000px; }
}

@keyframes anim_13 {
   from { background-position:    0px; }
     to { background-position: -4000px; }
}

/* our objectives c2 */
.spriteanim_14 {
  margin: 0 auto;
  width: 400px;
  height: 304px;
  background: url("sprite-l.png");

  -webkit-animation: anim_14 2s steps(25) infinite;
       -moz-animation: anim_14 2s steps(25) infinite;
        -ms-animation: anim_14 2s steps(25) infinite;
         -o-animation: anim_14 2s steps(25) infinite;
            animation: anim_14 2s steps(25) infinite;
}

@-webkit-keyframes anim_14 {
   from { background-position:    0px; }
     to { background-position: -10000px; }
}

@-moz-keyframes anim_14 {
   from { background-position:    0px; }
     to { background-position: -10000px; }
}

@-ms-keyframes anim_14 {
   from { background-position:    0px; }
     to { background-position: -10000px; }
}

@-o-keyframes anim_14 {
   from { background-position:    0px; }
     to { background-position: -10000px; }
}

@keyframes anim_14 {
   from { background-position:    0px; }
     to { background-position: -10000px; }
}

/* our objectives c3 */
.spriteanim_15 {
  margin: 0 auto;	
  width: 400px;
  height: 232px;
  background: url("sprite-m.png");

  -webkit-animation: anim_15 2s steps(15) infinite;
       -moz-animation: anim_15 2s steps(15) infinite;
        -ms-animation: anim_15 2s steps(15) infinite;
         -o-animation: anim_15 2s steps(15) infinite;
            animation: anim_15 2s steps(15) infinite;
}

@-webkit-keyframes anim_15 {
   from { background-position:    0px; }
     to { background-position: -6000px; }
}

@-moz-keyframes anim_15 {
   from { background-position:    0px; }
     to { background-position: -6000px; }
}

@-ms-keyframes anim_15 {
   from { background-position:    0px; }
     to { background-position: -6000px; }
}

@-o-keyframes anim_15 {
   from { background-position:    0px; }
     to { background-position: -6000px; }
}

@keyframes anim_15 {
   from { background-position:    0px; }
     to { background-position: -6000px; }
}

/* our objectives c4 */
.spriteanim_16{
  width: 400px;
  height: 337px;
  background: url("sprite-n.png");

  -webkit-animation: anim_16 2s steps(30) infinite;
       -moz-animation: anim_16 2s steps(30) infinite;
        -ms-animation: anim_16 2s steps(30) infinite;
         -o-animation: anim_16 2s steps(30) infinite;
            animation: anim_16 2s steps(30) infinite;
}

@-webkit-keyframes anim_16 {
   from { background-position:    0px; }
     to { background-position: -12000px; }
}

@-moz-keyframes anim_16 {
   from { background-position:    0px; }
     to { background-position: -12000px; }
}

@-ms-keyframes anim_16 {
   from { background-position:    0px; }
     to { background-position: -12000px; }
}

@-o-keyframes anim_16 {
   from { background-position:    0px; }
     to { background-position: -12000px; }
}

@keyframes anim_16 {
   from { background-position:    0px; }
     to { background-position: -12000px; }
}

/* loans - check */
.spriteanim_17{
  margin: 0 auto;	
  width: 210px;
  height: 307px;
  background: url("sprite-q.png");

  -webkit-animation: anim_17 1.1s steps(16) infinite;
       -moz-animation: anim_17 1.1s steps(16) infinite;
        -ms-animation: anim_17 1.1s steps(16) infinite;
         -o-animation: anim_17 1.1s steps(16) infinite;
            animation: anim_17 1.1s steps(16) infinite;
}

@-webkit-keyframes anim_17 {
   from { background-position:    0px; }
     to { background-position: -3360px; }
}

@-moz-keyframes anim_17 {
   from { background-position:    0px; }
     to { background-position: -3360px; }
}

@-ms-keyframes anim_17 {
   from { background-position:    0px; }
     to { background-position: -3360px; }
}

@-o-keyframes anim_17 {
   from { background-position:    0px; }
     to { background-position: -3360px; }
}

@keyframes anim_17 {
   from { background-position:    0px; }
     to { background-position: -3360px; }
}

/* loans - apply */
.spriteanim_18{
  margin: 0 auto;	
  width: 231px;
  height: 306px;
  background: url("sprite-r.png");

  -webkit-animation: anim_18 1.6s steps(24) infinite;
       -moz-animation: anim_18 1.6s steps(24) infinite;
        -ms-animation: anim_18 1.6s steps(24) infinite;
         -o-animation: anim_18 1.6s steps(24) infinite;
            animation: anim_18 1.6s steps(24) infinite;
}

@-webkit-keyframes anim_18 {
   from { background-position:    0px; }
     to { background-position: -5544px; }
}

@-moz-keyframes anim_18 {
   from { background-position:    0px; }
     to { background-position: -5544px; }
}

@-ms-keyframes anim_18 {
   from { background-position:    0px; }
     to { background-position: -5544px; }
}

@-o-keyframes anim_18 {
   from { background-position:    0px; }
     to { background-position: -5544px; }
}

@keyframes anim_18 {
   from { background-position:    0px; }
     to { background-position: -5544px; }
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
	.spriteanim_11a { margin-top: 20px; top: 200px; right: 40px; }
	.spriteanim_11b { margin-top: 20px; top: 0px; right: 40px; }
	.spriteanim_11c { margin-top: 20px; top: 0px; right: 40px; }
}

@media only screen and (min-width: 1025px) and (max-width: 1120px) {
	.spriteanim_11a { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11b { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11c { margin-top: 20px; position: relative; top: inherit; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.spriteanim_11a { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11b { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11c { margin-top: 20px; position: relative; top: inherit; }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
	.spriteanim_11a { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11b { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11c { margin-top: 20px; position: relative; top: inherit; }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
	.spriteanim_11a { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11b { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11c { margin-top: 20px; position: relative; top: inherit; }
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
	.spriteanim_11a { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11b { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11c { margin-top: 20px; position: relative; top: inherit; }
}

@media only screen and (max-width : 320px) {
	.spriteanim_11a { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11b { margin-top: 20px; position: relative; top: inherit; }
	.spriteanim_11c { margin-top: 20px; position: relative; top: inherit; }
}