.cata-effect {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:1;
 overflow:hidden;
 background-color:transparent;
}
.cata-effect-sparkle {
 background-image:url("../img/effect/effect-sparkle1.png"),url("../img/effect/effect-sparkle2.png");
 -webkit-animation:cata-sparkle 60s linear infinite;
 animation:cata-sparkle 60s linear infinite
}
@keyframes cata-sparkle {
 0% {
  background-position:0 0px,0 0px,0 0
 }
 100% {
  background-position:-500px -1000px,-400px -400px,300px 300px
 }
}
@-webkit-keyframes cata-sparkle {
 0% {
  background-position:0 0px,0 0px,0 0
 }
 100% {
  background-position:-500px -1000px,-200px -400px,300px 300px
 }
}
@keyframes cata-rain {
 0% {
  background-position:0 0
 }
 100% {
  background-position:500px 1000px
 }
}
@-webkit-keyframes cata-rain {
 0% {
  background-position:0 0
 }
 100% {
  background-position:500px 1000px
 }
}
.cata-effect-rain {
 background-image:url("../img/effect/effect-rain.png");
 -webkit-animation:cata-rain 2s linear infinite;
 animation:cata-rain 2s linear infinite
}
@keyframes cata-glass {
 0% {
  background-position:0 0px,0 0px,0 0
 }
 100% {
  background-position:500px 1000px,400px 400px
 }
}
@-webkit-keyframes cata-glass {
 0% {
  background-position:0 0px,0 0px,0 0
 }
 100% {
  background-position:500px 1000px,-400px -400px
 }
}
.cata-effect-glass {
 background-image:url("../img/effect/effect-glass1.png"),url("../img/effect/effect-glass2.png");
 -webkit-animation:cata-glass 30s linear infinite;
 animation:cata-glass 30s linear infinite
}
@keyframes cata-snow {
 0% {
  background-position:0 0px,0 0px,0 0
 }
 100% {
  background-position:500px 1000px,400px 400px,300px 300px
 }
}
@-webkit-keyframes cata-snow {
 0% {
  background-position:0 0px,0 0px,0 0
 }
 100% {
  background-position:500px 1000px,400px 400px,300px 300px
 }
}
.cata-effect-snow {
 background-image:url("../img/effect/effect-snow1.png"),url("../img/effect/effect-snow2.png");
 -webkit-animation:cata-snow 20s linear infinite;
 animation:cata-snow 20s linear infinite
}