.icon-college.icon-college--active {

  -webkit-animation: icon-college-play 500ms steps(20) 1 forwards;
  -moz-animation: icon-college-play 500ms steps(20) 1 forwards;
  -ms-animation: icon-college-play 500ms steps(20) 1 forwards;
  -o-animation: icon-college-play 500ms steps(20) 1 forwards;
  animation: icon-college-play 500ms steps(20) 1 forwards;
}

.icon-college {

  background-image: url('images/sprite-college.png');
  width: 52px;
  height: 52px;

}
@-webkit-keyframes icon-college-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-moz-keyframes icon-college-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-ms-keyframes icon-college-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-o-keyframes icon-college-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@keyframes icon-college-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  .icon-college.icon-college--active {

    -webkit-animation: icon-college-play 500ms steps(20) 1 forwards;
    -moz-animation: icon-college-play 500ms steps(20) 1 forwards;
    -ms-animation: icon-college-play 500ms steps(20) 1 forwards;
    -o-animation: icon-college-play 500ms steps(20) 1 forwards;
    animation: icon-college-play 500ms steps(20) 1 forwards;
  }

  .icon-college {

    background-image: url('images/sprite-college@2x.png');
    width: 52px;
    height: 52px;

    background-size: 52px 1092px;
  }
  @-webkit-keyframes icon-college-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-moz-keyframes icon-college-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-ms-keyframes icon-college-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-o-keyframes icon-college-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @keyframes icon-college-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }

}

.icon-college-college60 {
  background-position: -0px -0px;
  width: 52px;
  height: 52px;
}
.icon-college-college61 {
  background-position: -0px -52px;
  width: 52px;
  height: 52px;
}
.icon-college-college62 {
  background-position: -0px -104px;
  width: 52px;
  height: 52px;
}
.icon-college-college63 {
  background-position: -0px -156px;
  width: 52px;
  height: 52px;
}
.icon-college-college64 {
  background-position: -0px -208px;
  width: 52px;
  height: 52px;
}
.icon-college-college65 {
  background-position: -0px -260px;
  width: 52px;
  height: 52px;
}
.icon-college-college66 {
  background-position: -0px -312px;
  width: 52px;
  height: 52px;
}
.icon-college-college67 {
  background-position: -0px -364px;
  width: 52px;
  height: 52px;
}
.icon-college-college68 {
  background-position: -0px -416px;
  width: 52px;
  height: 52px;
}
.icon-college-college69 {
  background-position: -0px -468px;
  width: 52px;
  height: 52px;
}
.icon-college-college70 {
  background-position: -0px -520px;
  width: 52px;
  height: 52px;
}
.icon-college-college71 {
  background-position: -0px -572px;
  width: 52px;
  height: 52px;
}
.icon-college-college72 {
  background-position: -0px -624px;
  width: 52px;
  height: 52px;
}
.icon-college-college73 {
  background-position: -0px -676px;
  width: 52px;
  height: 52px;
}
.icon-college-college74 {
  background-position: -0px -728px;
  width: 52px;
  height: 52px;
}
.icon-college-college75 {
  background-position: -0px -780px;
  width: 52px;
  height: 52px;
}
.icon-college-college76 {
  background-position: -0px -832px;
  width: 52px;
  height: 52px;
}
.icon-college-college77 {
  background-position: -0px -884px;
  width: 52px;
  height: 52px;
}
.icon-college-college78 {
  background-position: -0px -936px;
  width: 52px;
  height: 52px;
}
.icon-college-college79 {
  background-position: -0px -988px;
  width: 52px;
  height: 52px;
}
.icon-college-college80 {
  background-position: -0px -1040px;
  width: 52px;
  height: 52px;
}

.icon-financial.icon-financial--active {

  -webkit-animation: icon-financial-play 500ms steps(20) 1 forwards;
  -moz-animation: icon-financial-play 500ms steps(20) 1 forwards;
  -ms-animation: icon-financial-play 500ms steps(20) 1 forwards;
  -o-animation: icon-financial-play 500ms steps(20) 1 forwards;
  animation: icon-financial-play 500ms steps(20) 1 forwards;
}

.icon-financial {

  background-image: url('images/sprite-financial.png');
  width: 52px;
  height: 52px;

}
@-webkit-keyframes icon-financial-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-moz-keyframes icon-financial-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-ms-keyframes icon-financial-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-o-keyframes icon-financial-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@keyframes icon-financial-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  .icon-financial.icon-financial--active {

    -webkit-animation: icon-financial-play 500ms steps(20) 1 forwards;
    -moz-animation: icon-financial-play 500ms steps(20) 1 forwards;
    -ms-animation: icon-financial-play 500ms steps(20) 1 forwards;
    -o-animation: icon-financial-play 500ms steps(20) 1 forwards;
    animation: icon-financial-play 500ms steps(20) 1 forwards;
  }

  .icon-financial {

    background-image: url('images/sprite-financial@2x.png');
    width: 52px;
    height: 52px;

    background-size: 52px 1092px;
  }
  @-webkit-keyframes icon-financial-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-moz-keyframes icon-financial-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-ms-keyframes icon-financial-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-o-keyframes icon-financial-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @keyframes icon-financial-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }

}

.icon-financial-financial60 {
  background-position: -0px -0px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial61 {
  background-position: -0px -52px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial62 {
  background-position: -0px -104px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial63 {
  background-position: -0px -156px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial64 {
  background-position: -0px -208px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial65 {
  background-position: -0px -260px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial66 {
  background-position: -0px -312px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial67 {
  background-position: -0px -364px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial68 {
  background-position: -0px -416px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial69 {
  background-position: -0px -468px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial70 {
  background-position: -0px -520px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial71 {
  background-position: -0px -572px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial72 {
  background-position: -0px -624px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial73 {
  background-position: -0px -676px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial74 {
  background-position: -0px -728px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial75 {
  background-position: -0px -780px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial76 {
  background-position: -0px -832px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial77 {
  background-position: -0px -884px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial78 {
  background-position: -0px -936px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial79 {
  background-position: -0px -988px;
  width: 52px;
  height: 52px;
}
.icon-financial-financial80 {
  background-position: -0px -1040px;
  width: 52px;
  height: 52px;
}

.icon-gaming.icon-gaming--active {

  -webkit-animation: icon-gaming-play 500ms steps(20) 1 forwards;
  -moz-animation: icon-gaming-play 500ms steps(20) 1 forwards;
  -ms-animation: icon-gaming-play 500ms steps(20) 1 forwards;
  -o-animation: icon-gaming-play 500ms steps(20) 1 forwards;
  animation: icon-gaming-play 500ms steps(20) 1 forwards;
}

.icon-gaming {

  background-image: url('images/sprite-gaming.png');
  width: 52px;
  height: 52px;

}
@-webkit-keyframes icon-gaming-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-moz-keyframes icon-gaming-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-ms-keyframes icon-gaming-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-o-keyframes icon-gaming-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@keyframes icon-gaming-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  .icon-gaming.icon-gaming--active {

    -webkit-animation: icon-gaming-play 500ms steps(20) 1 forwards;
    -moz-animation: icon-gaming-play 500ms steps(20) 1 forwards;
    -ms-animation: icon-gaming-play 500ms steps(20) 1 forwards;
    -o-animation: icon-gaming-play 500ms steps(20) 1 forwards;
    animation: icon-gaming-play 500ms steps(20) 1 forwards;
  }

  .icon-gaming {

    background-image: url('images/sprite-gaming@2x.png');
    width: 52px;
    height: 52px;

    background-size: 52px 1092px;
  }
  @-webkit-keyframes icon-gaming-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-moz-keyframes icon-gaming-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-ms-keyframes icon-gaming-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-o-keyframes icon-gaming-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @keyframes icon-gaming-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }

}

.icon-gaming-gaming60 {
  background-position: -0px -0px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming61 {
  background-position: -0px -52px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming62 {
  background-position: -0px -104px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming63 {
  background-position: -0px -156px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming64 {
  background-position: -0px -208px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming65 {
  background-position: -0px -260px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming66 {
  background-position: -0px -312px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming67 {
  background-position: -0px -364px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming68 {
  background-position: -0px -416px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming69 {
  background-position: -0px -468px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming70 {
  background-position: -0px -520px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming71 {
  background-position: -0px -572px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming72 {
  background-position: -0px -624px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming73 {
  background-position: -0px -676px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming74 {
  background-position: -0px -728px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming75 {
  background-position: -0px -780px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming76 {
  background-position: -0px -832px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming77 {
  background-position: -0px -884px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming78 {
  background-position: -0px -936px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming79 {
  background-position: -0px -988px;
  width: 52px;
  height: 52px;
}
.icon-gaming-gaming80 {
  background-position: -0px -1040px;
  width: 52px;
  height: 52px;
}

.icon-hosting.icon-hosting--active {

  -webkit-animation: icon-hosting-play 500ms steps(20) 1 forwards;
  -moz-animation: icon-hosting-play 500ms steps(20) 1 forwards;
  -ms-animation: icon-hosting-play 500ms steps(20) 1 forwards;
  -o-animation: icon-hosting-play 500ms steps(20) 1 forwards;
  animation: icon-hosting-play 500ms steps(20) 1 forwards;
}

.icon-hosting {

  background-image: url('images/sprite-hosting.png');
  width: 52px;
  height: 52px;

}
@-webkit-keyframes icon-hosting-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-moz-keyframes icon-hosting-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-ms-keyframes icon-hosting-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-o-keyframes icon-hosting-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@keyframes icon-hosting-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  .icon-hosting.icon-hosting--active {

    -webkit-animation: icon-hosting-play 500ms steps(20) 1 forwards;
    -moz-animation: icon-hosting-play 500ms steps(20) 1 forwards;
    -ms-animation: icon-hosting-play 500ms steps(20) 1 forwards;
    -o-animation: icon-hosting-play 500ms steps(20) 1 forwards;
    animation: icon-hosting-play 500ms steps(20) 1 forwards;
  }

  .icon-hosting {

    background-image: url('images/sprite-hosting@2x.png');
    width: 52px;
    height: 52px;

    background-size: 52px 1092px;
  }
  @-webkit-keyframes icon-hosting-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-moz-keyframes icon-hosting-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-ms-keyframes icon-hosting-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-o-keyframes icon-hosting-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @keyframes icon-hosting-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }

}

.icon-hosting-hosting60 {
  background-position: -0px -0px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting61 {
  background-position: -0px -52px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting62 {
  background-position: -0px -104px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting63 {
  background-position: -0px -156px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting64 {
  background-position: -0px -208px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting65 {
  background-position: -0px -260px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting66 {
  background-position: -0px -312px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting67 {
  background-position: -0px -364px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting68 {
  background-position: -0px -416px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting69 {
  background-position: -0px -468px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting70 {
  background-position: -0px -520px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting71 {
  background-position: -0px -572px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting72 {
  background-position: -0px -624px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting73 {
  background-position: -0px -676px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting74 {
  background-position: -0px -728px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting75 {
  background-position: -0px -780px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting76 {
  background-position: -0px -832px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting77 {
  background-position: -0px -884px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting78 {
  background-position: -0px -936px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting79 {
  background-position: -0px -988px;
  width: 52px;
  height: 52px;
}
.icon-hosting-hosting80 {
  background-position: -0px -1040px;
  width: 52px;
  height: 52px;
}

.icon-recommended.icon-recommended--active {

  -webkit-animation: icon-recommended-play 500ms steps(20) 1 forwards;
  -moz-animation: icon-recommended-play 500ms steps(20) 1 forwards;
  -ms-animation: icon-recommended-play 500ms steps(20) 1 forwards;
  -o-animation: icon-recommended-play 500ms steps(20) 1 forwards;
  animation: icon-recommended-play 500ms steps(20) 1 forwards;
}

.icon-recommended {

  background-image: url('images/sprite-recommended.png');
  width: 52px;
  height: 52px;

}
@-webkit-keyframes icon-recommended-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-moz-keyframes icon-recommended-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-ms-keyframes icon-recommended-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-o-keyframes icon-recommended-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@keyframes icon-recommended-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  .icon-recommended.icon-recommended--active {

    -webkit-animation: icon-recommended-play 500ms steps(20) 1 forwards;
    -moz-animation: icon-recommended-play 500ms steps(20) 1 forwards;
    -ms-animation: icon-recommended-play 500ms steps(20) 1 forwards;
    -o-animation: icon-recommended-play 500ms steps(20) 1 forwards;
    animation: icon-recommended-play 500ms steps(20) 1 forwards;
  }

  .icon-recommended {

    background-image: url('images/sprite-recommended@2x.png');
    width: 52px;
    height: 52px;

    background-size: 52px 1092px;
  }
  @-webkit-keyframes icon-recommended-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-moz-keyframes icon-recommended-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-ms-keyframes icon-recommended-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-o-keyframes icon-recommended-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @keyframes icon-recommended-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }

}

.icon-recommended-recommended60 {
  background-position: -0px -0px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended61 {
  background-position: -0px -52px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended62 {
  background-position: -0px -104px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended63 {
  background-position: -0px -156px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended64 {
  background-position: -0px -208px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended65 {
  background-position: -0px -260px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended66 {
  background-position: -0px -312px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended67 {
  background-position: -0px -364px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended68 {
  background-position: -0px -416px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended69 {
  background-position: -0px -468px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended70 {
  background-position: -0px -520px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended71 {
  background-position: -0px -572px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended72 {
  background-position: -0px -624px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended73 {
  background-position: -0px -676px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended74 {
  background-position: -0px -728px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended75 {
  background-position: -0px -780px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended76 {
  background-position: -0px -832px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended77 {
  background-position: -0px -884px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended78 {
  background-position: -0px -936px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended79 {
  background-position: -0px -988px;
  width: 52px;
  height: 52px;
}
.icon-recommended-recommended80 {
  background-position: -0px -1040px;
  width: 52px;
  height: 52px;
}

.icon-social.icon-social--active {

  -webkit-animation: icon-social-play 500ms steps(20) 1 forwards;
  -moz-animation: icon-social-play 500ms steps(20) 1 forwards;
  -ms-animation: icon-social-play 500ms steps(20) 1 forwards;
  -o-animation: icon-social-play 500ms steps(20) 1 forwards;
  animation: icon-social-play 500ms steps(20) 1 forwards;
}

.icon-social {

  background-image: url('images/sprite-social.png');
  width: 52px;
  height: 52px;

}
@-webkit-keyframes icon-social-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-moz-keyframes icon-social-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-ms-keyframes icon-social-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@-o-keyframes icon-social-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@keyframes icon-social-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -1040px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  .icon-social.icon-social--active {

    -webkit-animation: icon-social-play 500ms steps(20) 1 forwards;
    -moz-animation: icon-social-play 500ms steps(20) 1 forwards;
    -ms-animation: icon-social-play 500ms steps(20) 1 forwards;
    -o-animation: icon-social-play 500ms steps(20) 1 forwards;
    animation: icon-social-play 500ms steps(20) 1 forwards;
  }

  .icon-social {

    background-image: url('images/sprite-social@2x.png');
    width: 52px;
    height: 52px;

    background-size: 52px 1092px;
  }
  @-webkit-keyframes icon-social-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-moz-keyframes icon-social-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-ms-keyframes icon-social-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @-o-keyframes icon-social-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }
  @keyframes icon-social-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -1040px;
    }
  }

}

.icon-social-social60 {
  background-position: -0px -0px;
  width: 52px;
  height: 52px;
}
.icon-social-social61 {
  background-position: -0px -52px;
  width: 52px;
  height: 52px;
}
.icon-social-social62 {
  background-position: -0px -104px;
  width: 52px;
  height: 52px;
}
.icon-social-social63 {
  background-position: -0px -156px;
  width: 52px;
  height: 52px;
}
.icon-social-social64 {
  background-position: -0px -208px;
  width: 52px;
  height: 52px;
}
.icon-social-social65 {
  background-position: -0px -260px;
  width: 52px;
  height: 52px;
}
.icon-social-social66 {
  background-position: -0px -312px;
  width: 52px;
  height: 52px;
}
.icon-social-social67 {
  background-position: -0px -364px;
  width: 52px;
  height: 52px;
}
.icon-social-social68 {
  background-position: -0px -416px;
  width: 52px;
  height: 52px;
}
.icon-social-social69 {
  background-position: -0px -468px;
  width: 52px;
  height: 52px;
}
.icon-social-social70 {
  background-position: -0px -520px;
  width: 52px;
  height: 52px;
}
.icon-social-social71 {
  background-position: -0px -572px;
  width: 52px;
  height: 52px;
}
.icon-social-social72 {
  background-position: -0px -624px;
  width: 52px;
  height: 52px;
}
.icon-social-social73 {
  background-position: -0px -676px;
  width: 52px;
  height: 52px;
}
.icon-social-social74 {
  background-position: -0px -728px;
  width: 52px;
  height: 52px;
}
.icon-social-social75 {
  background-position: -0px -780px;
  width: 52px;
  height: 52px;
}
.icon-social-social76 {
  background-position: -0px -832px;
  width: 52px;
  height: 52px;
}
.icon-social-social77 {
  background-position: -0px -884px;
  width: 52px;
  height: 52px;
}
.icon-social-social78 {
  background-position: -0px -936px;
  width: 52px;
  height: 52px;
}
.icon-social-social79 {
  background-position: -0px -988px;
  width: 52px;
  height: 52px;
}
.icon-social-social80 {
  background-position: -0px -1040px;
  width: 52px;
  height: 52px;
}

.icon-sparkleRed.icon-sparkleRed--active {

  -webkit-animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
  -moz-animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
  -ms-animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
  -o-animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
  animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
}

.icon-sparkleRed {

  background-image: url('images/sprite-sparkleRed.png');
  width: 16px;
  height: 17px;

}
@-webkit-keyframes icon-sparkleRed-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -61px;
  }
}
@-moz-keyframes icon-sparkleRed-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -61px;
  }
}
@-ms-keyframes icon-sparkleRed-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -61px;
  }
}
@-o-keyframes icon-sparkleRed-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -61px;
  }
}
@keyframes icon-sparkleRed-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -61px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  .icon-sparkleRed.icon-sparkleRed--active {

    -webkit-animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
    -moz-animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
    -ms-animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
    -o-animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
    animation: icon-sparkleRed-play 500ms steps(3) 1 forwards;
  }

  .icon-sparkleRed {

    background-image: url('images/sprite-sparkleRed@2x.png');
    width: 16px;
    height: 17px;

    background-size: 23px 70px;
  }
  @-webkit-keyframes icon-sparkleRed-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -61px;
    }
  }
  @-moz-keyframes icon-sparkleRed-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -61px;
    }
  }
  @-ms-keyframes icon-sparkleRed-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -61px;
    }
  }
  @-o-keyframes icon-sparkleRed-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -61px;
    }
  }
  @keyframes icon-sparkleRed-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -61px;
    }
  }

}

.icon-sparkleRed-diamond {
  background-position: -0px -0px;
  width: 16px;
  height: 17px;
}
.icon-sparkleRed-diamondLarge {
  background-position: -0px -17px;
  width: 20px;
  height: 21px;
}
.icon-sparkleRed-radial {
  background-position: -0px -38px;
  width: 23px;
  height: 24px;
}
.icon-sparkleRed-square {
  background-position: -0px -61px;
  width: 9px;
  height: 9px;
}

.icon-sparkleWhite.icon-sparkleWhite--active {

  -webkit-animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
  -moz-animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
  -ms-animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
  -o-animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
  animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
}

.icon-sparkleWhite {

  background-image: url('images/sprite-sparkleWhite.png');
  width: 18px;
  height: 19px;

}
@-webkit-keyframes icon-sparkleWhite-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -68px;
  }
}
@-moz-keyframes icon-sparkleWhite-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -68px;
  }
}
@-ms-keyframes icon-sparkleWhite-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -68px;
  }
}
@-o-keyframes icon-sparkleWhite-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -68px;
  }
}
@keyframes icon-sparkleWhite-play {
  from {
    background-position: -0px -0px;
  }
  to {
    background-position: -0px -68px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  .icon-sparkleWhite.icon-sparkleWhite--active {

    -webkit-animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
    -moz-animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
    -ms-animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
    -o-animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
    animation: icon-sparkleWhite-play 500ms steps(3) 1 forwards;
  }

  .icon-sparkleWhite {

    background-image: url('images/sprite-sparkleWhite@2x.png');
    width: 18px;
    height: 19px;

    background-size: 24px 76px;
  }
  @-webkit-keyframes icon-sparkleWhite-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -68px;
    }
  }
  @-moz-keyframes icon-sparkleWhite-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -68px;
    }
  }
  @-ms-keyframes icon-sparkleWhite-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -68px;
    }
  }
  @-o-keyframes icon-sparkleWhite-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -68px;
    }
  }
  @keyframes icon-sparkleWhite-play {
    from {
      background-position: -0px -0px;
    }
    to {
      background-position: -0px -68px;
    }
  }

}

.icon-sparkleWhite-diamond {
  background-position: -0px -0px;
  width: 18px;
  height: 19px;
}
.icon-sparkleWhite-diamondLarge {
  background-position: -0px -19px;
  width: 22px;
  height: 23px;
}
.icon-sparkleWhite-radial {
  background-position: -0px -42px;
  width: 24px;
  height: 26px;
}
.icon-sparkleWhite-square {
  background-position: -0px -68px;
  width: 9px;
  height: 9px;
}