/*fade-in right*/
.fade-in-right {
  -webkit-animation: fade-in-right 2s;
  animation: fade-in-right 2s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1; } }
@keyframes fade-in-right {
  0% {
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    transform: translateX(0%);
    opacity: 1; } }
/*fade-in left*/
.fade-in-left {
  -webkit-animation: fade-in-left 2.6s;
  animation: fade-in-left 2.6s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1; } }
@keyframes fade-in-left {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0%);
    opacity: 1; } }
/*fade-in up*/
.fade-in-up {
  -webkit-animation: fade-in-up 2s;
  animation: fade-in-up 2s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1; } }
@keyframes fade-in-up {
  0% {
    transform: translateY(100%);
    opacity: 0; }
  100% {
    transform: translateY(0%);
    opacity: 1; } }
/*fade-in up*/
.fade-in-up2 {
  -webkit-animation: fade-in-up2 2s;
  animation: fade-in-up2 2s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes fade-in-up2 {
  0% {
    -webkit-transform: translateY(200px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-up2 {
  0% {
    transform: translateY(200px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
/*fade-in down*/
.fade-in-down {
  -webkit-animation: fade-in-down 2.4s;
  animation: fade-in-down 2.4s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1; } }
@keyframes fade-in-down {
  0% {
    transform: translateY(-100%);
    opacity: 0; }
  100% {
    transform: translateY(0%);
    opacity: 1; } }
/*fade-in down*/
.fade-in-down2 {
  -webkit-animation: fade-in-down2 2.4s;
  animation: fade-in-down2 2.4s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes fade-in-down2 {
  0% {
    -webkit-transform: translateY(-200px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-down2 {
  0% {
    transform: translateY(-200px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
/*orbit*/
.orbit {
  -webkit-animation: orbit 7s;
  animation: orbit 7s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@keyframes orbit {
  0% {
    transform: rotate(0deg) translateX(20px) rotate(0deg); }
  100% {
    transform: rotate(360deg) translateX(20px) rotate(-360deg); } }
@-webkit-keyframes orbit {
  0% {
    -webkit-transform: rotate(0deg) translateX(20px) rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg); } }
/*heartbeat*/
.heartbeat {
  -webkit-animation: heartbeat 11s;
  animation: heartbeat 11s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@keyframes heartbeat {
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: scale(1); }
  10%, 30%, 50%, 70%, 90% {
    transform: scale(1.15); } }
@-webkit-keyframes heartbeat {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transform: scale(1); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.15); } }
/*rotate*/
.rotate {
  -webkit-animation: rotate 10s;
  animation: rotate 10s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

/*# sourceMappingURL=animated.css.map */