body, html, body, * {
  margin: 0px;
  padding: 0px;
  border: 0; }

#container {
  position: absolute;
  width: 728px;
  height: 90px;
  background-color: #5e2750;
  background-size: 728px 90px;
  overflow: hidden;
  cursor: pointer;
  top: 0px;
  left: 0px;
  -webkit-animation-name: bg-snow;
          animation-name: bg-snow;
  -webkit-animation-duration: 3.75s;
          animation-duration: 3.75s;
  -webkit-animation-iteration-count: 4;
          animation-iteration-count: 4;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }
  #container > div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 728px;
    height: 90px; }
  #container img {
    width: 728px;
    height: 90px; }
  #container #border {
    width: 726px;
    height: 88px;
    border: 1px solid #999999;
    background-color: transparent; }
  #container .flake1 img {
    position: absolute;
    top: 60px;
    left: -19px;
    width: 60px;
    height: 60px; }
  #container .flake2 img {
    position: absolute;
    top: -16px;
    left: 125px;
    width: 45px;
    height: 45px; }
  #container .flake3 img {
    position: absolute;
    top: 44px;
    left: 557px;
    width: 68px;
    height: 62px; }
  #container .flake4 img {
    position: absolute;
    top: 62px;
    left: 161px;
    width: 27px;
    height: 30px; }
  #container .flake5 img {
    position: absolute;
    top: -45px;
    left: 358px;
    width: 20px;
    height: 25px; }
  #container .flake1 img, #container .flake2 img, #container .flake3 img {
    -webkit-animation: rotate-snow-slow;
            animation: rotate-snow-slow;
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  #container .flake4 img, #container .flake5 img {
    -webkit-animation: rotate-snow-quick;
            animation: rotate-snow-quick;
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  #container .flake_set {
    width: 728px;
    height: 90px;
    position: absolute; }
  #container #flake_set_2 {
    top: 180px; }
  #container #flake_set_3 {
    top: -180px; }

@-webkit-keyframes rotate-snow-slow {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-snow-slow {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@-webkit-keyframes rotate-snow-quick {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes rotate-snow-quick {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
#chromeCover {
  width: 728px;
  height: 90px;
  background: #FFFFFF; }

a {
  display: block; }

@-webkit-keyframes fg-snow {
  0% {
    top: 0px;
    opacity: 1; }
  33% {
    top: 125px;
    opacity: 1; }
  33.01% {
    opacity: 0; }
  65.99% {
    opacity: 0;
    top: -125px; }
  66% {
    opacity: 1; }
  100% {
    opacity: 1;
    top: 0px; } }

@keyframes fg-snow {
  0% {
    top: 0px;
    opacity: 1; }
  33% {
    top: 125px;
    opacity: 1; }
  33.01% {
    opacity: 0; }
  65.99% {
    opacity: 0;
    top: -125px; }
  66% {
    opacity: 1; }
  100% {
    opacity: 1;
    top: 0px; } }
@-webkit-keyframes bg-snow {
  from {
    background-position: 0px 0px; }
  to {
    background-position: 0px 90px; } }
@keyframes bg-snow {
  from {
    background-position: 0px 0px; }
  to {
    background-position: 0px 90px; } }
