﻿@-webkit-keyframes backanimation {
  0% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    background-position: 100% 100%;
    background-size: 100%; }
  50% {
    background-position: 0% 100%;
    background-size: 130%; }
  75% {
    background-position: 100% 0%;
    background-size: 100%; }
  100% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes backanimation {
  0% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    background-position: 100% 100%;
    background-size: 100%; }
  50% {
    background-position: 0% 100%;
    background-size: 130%; }
  75% {
    background-position: 100% 0%;
    background-size: 100%; }
  100% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes backanimation {
  0% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    background-position: 100% 100%;
    background-size: 100%; }
  50% {
    background-position: 0% 100%;
    background-size: 130%; }
  75% {
    background-position: 100% 0%;
    background-size: 100%; }
  100% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes backanimation {
  0% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    background-position: 100% 100%;
    background-size: 100%; }
  50% {
    background-position: 0% 100%;
    background-size: 130%; }
  75% {
    background-position: 100% 0%;
    background-size: 100%; }
  100% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes backanimation2 {
  0% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(0deg) translate(0%, 0%);
    -ms-transform: rotate(0deg) translate(0%, 0%);
    -o-transform: rotate(0deg) translate(0%, 0%);
    -webkit-transform: rotate(0deg) translate(0%, 0%);
    transform: rotate(0deg) translate(0%, 0%); }
  25% {
    background-position: 100% 100%;
    background-size: 100%; }
  50% {
    background-position: 0% 100%;
    background-size: 130%;
    -moz-transform: rotate(180deg) translate(2.5%, 2.5%);
    -ms-transform: rotate(180deg) translate(2.5%, 2.5%);
    -o-transform: rotate(180deg) translate(2.5%, 2.5%);
    -webkit-transform: rotate(180deg) translate(2.5%, 2.5%);
    transform: rotate(180deg) translate(2.5%, 2.5%); }
  75% {
    background-position: 100% 0%;
    background-size: 100%; }
  100% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(360deg) translate(0%, 0%);
    -ms-transform: rotate(360deg) translate(0%, 0%);
    -o-transform: rotate(360deg) translate(0%, 0%);
    -webkit-transform: rotate(360deg) translate(0%, 0%);
    transform: rotate(360deg) translate(0%, 0%); } }

@-moz-keyframes backanimation2 {
  0% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(0deg) translate(0%, 0%);
    -ms-transform: rotate(0deg) translate(0%, 0%);
    -o-transform: rotate(0deg) translate(0%, 0%);
    -webkit-transform: rotate(0deg) translate(0%, 0%);
    transform: rotate(0deg) translate(0%, 0%); }
  25% {
    background-position: 100% 100%;
    background-size: 100%; }
  50% {
    background-position: 0% 100%;
    background-size: 130%;
    -moz-transform: rotate(180deg) translate(2.5%, 2.5%);
    -ms-transform: rotate(180deg) translate(2.5%, 2.5%);
    -o-transform: rotate(180deg) translate(2.5%, 2.5%);
    -webkit-transform: rotate(180deg) translate(2.5%, 2.5%);
    transform: rotate(180deg) translate(2.5%, 2.5%); }
  75% {
    background-position: 100% 0%;
    background-size: 100%; }
  100% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(360deg) translate(0%, 0%);
    -ms-transform: rotate(360deg) translate(0%, 0%);
    -o-transform: rotate(360deg) translate(0%, 0%);
    -webkit-transform: rotate(360deg) translate(0%, 0%);
    transform: rotate(360deg) translate(0%, 0%); } }

@-o-keyframes backanimation2 {
  0% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(0deg) translate(0%, 0%);
    -ms-transform: rotate(0deg) translate(0%, 0%);
    -o-transform: rotate(0deg) translate(0%, 0%);
    -webkit-transform: rotate(0deg) translate(0%, 0%);
    transform: rotate(0deg) translate(0%, 0%); }
  25% {
    background-position: 100% 100%;
    background-size: 100%; }
  50% {
    background-position: 0% 100%;
    background-size: 130%;
    -moz-transform: rotate(180deg) translate(2.5%, 2.5%);
    -ms-transform: rotate(180deg) translate(2.5%, 2.5%);
    -o-transform: rotate(180deg) translate(2.5%, 2.5%);
    -webkit-transform: rotate(180deg) translate(2.5%, 2.5%);
    transform: rotate(180deg) translate(2.5%, 2.5%); }
  75% {
    background-position: 100% 0%;
    background-size: 100%; }
  100% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(360deg) translate(0%, 0%);
    -ms-transform: rotate(360deg) translate(0%, 0%);
    -o-transform: rotate(360deg) translate(0%, 0%);
    -webkit-transform: rotate(360deg) translate(0%, 0%);
    transform: rotate(360deg) translate(0%, 0%); } }

@keyframes backanimation2 {
  0% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(0deg) translate(0%, 0%);
    -ms-transform: rotate(0deg) translate(0%, 0%);
    -o-transform: rotate(0deg) translate(0%, 0%);
    -webkit-transform: rotate(0deg) translate(0%, 0%);
    transform: rotate(0deg) translate(0%, 0%); }
  25% {
    background-position: 100% 100%;
    background-size: 100%; }
  50% {
    background-position: 0% 100%;
    background-size: 130%;
    -moz-transform: rotate(180deg) translate(2.5%, 2.5%);
    -ms-transform: rotate(180deg) translate(2.5%, 2.5%);
    -o-transform: rotate(180deg) translate(2.5%, 2.5%);
    -webkit-transform: rotate(180deg) translate(2.5%, 2.5%);
    transform: rotate(180deg) translate(2.5%, 2.5%); }
  75% {
    background-position: 100% 0%;
    background-size: 100%; }
  100% {
    background-position: 0% 0%;
    background-size: 130%;
    -moz-transform: rotate(360deg) translate(0%, 0%);
    -ms-transform: rotate(360deg) translate(0%, 0%);
    -o-transform: rotate(360deg) translate(0%, 0%);
    -webkit-transform: rotate(360deg) translate(0%, 0%);
    transform: rotate(360deg) translate(0%, 0%); } }

@-webkit-keyframes scale1 {
  from {
    transform: scale(0.6); }
  to {
    transform: scale(0.7); } }

@-moz-keyframes scale1 {
  from {
    transform: scale(0.6); }
  to {
    transform: scale(0.7); } }

@-o-keyframes scale1 {
  from {
    transform: scale(0.6); }
  to {
    transform: scale(0.7); } }

@keyframes scale1 {
  from {
    transform: scale(0.6); }
  to {
    transform: scale(0.7); } }

@-webkit-keyframes scale2 {
  from {
    transform: scale(0.3); }
  to {
    transform: scale(0.35); } }

@-moz-keyframes scale2 {
  from {
    transform: scale(0.3); }
  to {
    transform: scale(0.35); } }

@-o-keyframes scale2 {
  from {
    transform: scale(0.3); }
  to {
    transform: scale(0.35); } }

@keyframes scale2 {
  from {
    transform: scale(0.3); }
  to {
    transform: scale(0.35); } }
