/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*--Animation classes--*/
.animation-levitation {
  -webkit-animation: levitation 3s ease-in-out infinite;
  animation: levitation 3s ease-in-out infinite;
}

.animation-levitation-delay-1 {
  -webkit-animation: levitation 3s .5s ease-in-out infinite;
  animation: levitation 3s .5s ease-in-out infinite;
}

.animation-levitation-delay-2 {
  -webkit-animation: levitation 3s 1s ease-in-out infinite;
  animation: levitation 3s 1s ease-in-out infinite;
}

/* Animation title - Front Page */
@-webkit-keyframes slidein {
  from {
    -webkit-transform: translate(-500px, -200px);
    transform: translate(-500px, -200px);
    opacity: 0;
  }

  to {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
  }
}

@keyframes slidein {
  from {
    -webkit-transform: translate(-500px, -200px);
    transform: translate(-500px, -200px);
    opacity: 0;
  }

  to {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
/* Animation planets - Front Page */
@-webkit-keyframes levitation {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }

  40% {
    -webkit-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
  }

  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@keyframes levitation {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }

  40% {
    -webkit-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
  }

  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@-webkit-keyframes swing-start {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  20% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  40% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  60% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  80% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
  }
}
/* Animation social media - Front Page */
@keyframes swing-start {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  20% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  40% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  60% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  80% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
  }
}

@-webkit-keyframes swing-end {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  20% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  40% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  60% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  80% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
  }
}

@keyframes swing-end {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  20% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  40% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  60% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  80% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
  }
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
/* Animation scroll */
@keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
/* Animation jobcity */
@-webkit-keyframes zoomin {

  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes zoomin {

  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}