.delay {
   -webkit-animation-delay: 0s;
   animation-delay: 0s
}

.delay2 {
   -webkit-animation-delay: .2s;
   animation-delay: .2s
}

.delay4 {
   -webkit-animation-delay: .4s;
   animation-delay: .4s
}

.delay6 {
   -webkit-animation-delay: .6s;
   animation-delay: .6s
}

.delay8 {
   -webkit-animation-delay: .8s;
   animation-delay: .8s
}

.delay10 {
   -webkit-animation-delay: 1s;
   animation-delay: 1s
}

@media (max-width: 768px) {
   .delay, .delay10, .delay2, .delay4, .delay6, .delay8 {
      -webkit-animation-delay: .4s;
      animation-delay: .4s
   }
}

.animate_fade_in, .animate_fade_left, .animate_fade_left_sm, .animate_fade_right_sm {
   opacity: 0
}

@-webkit-keyframes slide-up-in {
   0% {
      -webkit-transform: translate(0, 100%) rotate(1deg);
      transform: translate(0, 100%) rotate(1deg);
      opacity: 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }

   100% {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }
}

@keyframes slide-up-in {
   0% {
      -webkit-transform: translate(0, 100%) rotate(1deg);
      transform: translate(0, 100%) rotate(1deg);
      opacity: 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }

   100% {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }
}

.fade_in {
   opacity: 1;
   -webkit-animation-duration: .8s;
   animation-duration: .8s;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: slide-up-in;
   animation-name: slide-up-in
}

@-webkit-keyframes slide-left {
   0% {
      -webkit-transform: translate(30%, 0) rotate(1deg);
      transform: translate(30%, 0) rotate(1deg);
      opacity: 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }

   100% {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }
}

@keyframes slide-left {
   0% {
      -webkit-transform: translate(100%, 0) rotate(1deg);
      transform: translate(100%, 0) rotate(1deg);
      opacity: 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }

   100% {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }
}

.fade_left {
   opacity: 1;
   -webkit-animation-duration: .8s;
   animation-duration: .8s;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: slide-left;
   animation-name: slide-left
}

@-webkit-keyframes slide-left-sm {
   0% {
      -webkit-transform: translate(20%, 0) rotate(1deg);
      transform: translate(20%, 0) rotate(1deg);
      opacity: 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }

   100% {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }
}

@keyframes slide-left-sm {
   0% {
      -webkit-transform: translate(20%, 0) rotate(1deg);
      transform: translate(20%, 0) rotate(1deg);
      opacity: 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }

   100% {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }
}

.fade_left_sm {
   opacity: 1;
   -webkit-animation-duration: .8s;
   animation-duration: .8s;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: slide-left-sm;
   animation-name: slide-left-sm
}

@-webkit-keyframes slide-right-sm {
   0% {
      -webkit-transform: translate(-20%, 0) rotate(1deg);
      transform: translate(-20%, 0) rotate(1deg);
      opacity: 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }

   100% {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }
}

@keyframes slide-right-sm {
   0% {
      -webkit-transform: translate(-20%, 0) rotate(1deg);
      transform: translate(-20%, 0) rotate(1deg);
      opacity: 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }

   100% {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
   }
}

.fade_right_sm {
   opacity: 1;
   -webkit-animation-duration: .8s;
   animation-duration: .8s;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: slide-right-sm;
   animation-name: slide-right-sm
}