.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -40px, 0);
transform:translate3d(0, -40px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -40px, 0);
transform:translate3d(0, -40px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 40px, 0);
transform:translate3d(0, 40px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 40px, 0);
transform:translate3d(0, 40px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes matrix {
0% {
-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
transform:matrix(1, 0, 0, 1, 0, 0)
}
25% {
-webkit-transform:matrix(1, 0, 0, 1, 15, 20);
transform:matrix(1, 0, 0, 1, 15, 20)
}
50% {
-webkit-transform:matrix(1, 0, 0, 1, -5, 25);
transform:matrix(1, 0, 0, 1, -5, 25)
}
75% {
-webkit-transform:matrix(1, 0, 0, 1, -15, 15);
transform:matrix(1, 0, 0, 1, -15, 15)
}
100% {
-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
transform:matrix(1, 0, 0, 1, 0, 0)
}
}
@keyframes matrix {
0% {
-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
transform:matrix(1, 0, 0, 1, 0, 0)
}
25% {
-webkit-transform:matrix(1, 0, 0, 1, 15, 20);
transform:matrix(1, 0, 0, 1, 15, 20)
}
50% {
-webkit-transform:matrix(1, 0, 0, 1, -5, 25);
transform:matrix(1, 0, 0, 1, -5, 25)
}
75% {
-webkit-transform:matrix(1, 0, 0, 1, -15, 15);
transform:matrix(1, 0, 0, 1, -15, 15)
}
100% {
-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
transform:matrix(1, 0, 0, 1, 0, 0)
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes mover {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-50px);
}
}
@keyframes mover {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-50px);
}
}

@-webkit-keyframes moverleft {
 0% {
transform: translateX(0);
}
 100% {
transform: translateX(-50px);
}
}
@keyframes moverleft {
 0% {
transform: translateX(0);
}
 100% {
transform: translateX(-50px);
}
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes moverslow {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-20px);
}
}
@keyframes moverslow {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-20px);
}
}
@-webkit-keyframes moverleftslow {
 0% {
transform: translateX(0);
}
 100% {
transform: translateX(-20px);
}
}
@keyframes moverleftslow {
 0% {
transform: translateX(0);
}
 100% {
transform: translateX(-20px);
}
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

 @-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }