@keyframes next_hover {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(5px);
  }
  51% {
    opacity: 0;
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes prev_hover {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(-5px);
  }
  51% {
    opacity: 0;
    transform: translateX(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes next_hover2 {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(10px);
  }
  51% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pointShow {
  0% {
    background: #fff;
    transform: scale(0);
  }
  30% {
    transform: scale(1.4);
    background: #fff;
  }
  45% {
    background: #fff;
  }
  60% {
    transform: scale(1);
  }
  100% {
    background: #f8c80f;
    transform: scale(1);
  }
}
@keyframes pointShow2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes wave {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 12px;
  }
  60% {
    -moz-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    border-radius: 12px;
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 12px;
  }
}
@-o-keyframes wave {
  0% {
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 12px;
  }
  60% {
    -o-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    border-radius: 12px;
  }
  100% {
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 12px;
  }
}
@keyframes wave {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 12px;
  }
  60% {
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    border-radius: 12px;
  }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 12px;
  }
}
@-webkit-keyframes wave {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 12px;
  }
  60% {
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    border-radius: 12px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 12px;
  }
}
.wave {
  -webkit-animation-name: wave;
  animation-name: wave;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp20 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp20 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp20 {
  -webkit-animation-name: fadeInUp20;
  animation-name: fadeInUp20;
}
@-webkit-keyframes fadeInUp50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp50 {
  -webkit-animation-name: fadeInUp50;
  animation-name: fadeInUp50;
}
@-webkit-keyframes fadeInleft50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInleft50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInleft50 {
  -webkit-animation-name: fadeInleft50;
  animation-name: fadeInleft50;
}
@-webkit-keyframes fadeInleft100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInleft100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInleft100 {
  -webkit-animation-name: fadeInleft100;
  animation-name: fadeInleft100;
}
@keyframes rotate45 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translateY(20px);
    transform: rotate(-45deg) translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rectLeft {
  0% {
    clip: rect(0px 0px 128px 0px);
    clip: rect(0px, 0px, 128px, 0px);
  }
  100% {
    clip: rect(0px 316px 128px 0px);
    clip: rect(0px, 316px, 128px, 0px);
  }
}
.rectLeft {
  -webkit-animation-name: rectLeft;
  animation-name: rectLeft;
}
@keyframes rectLeft2 {
  0% {
    clip: rect(0px 0px 22px 0px);
    clip: rect(0px, 0px, 22px, 0px);
  }
  100% {
    clip: rect(0px 154px 22px 0px);
    clip: rect(0px, 154px, 22px, 0px);
  }
}
.rectLeft2 {
  -webkit-animation-name: rectLeft2;
  animation-name: rectLeft2;
}
@keyframes rectLeft3 {
  0% {
    clip: rect(0px 0px 96px 0px);
    clip: rect(0px, 0px, 96px, 0px);
  }
  100% {
    clip: rect(0px 450px 96px 0px);
    clip: rect(0px, 450px, 96px, 0px);
  }
}
.rectLeft3 {
  -webkit-animation-name: rectLeft3;
  animation-name: rectLeft3;
}
@keyframes rectLeft4 {
  0% {
    clip: rect(0px 0px 40px 0px);
    clip: rect(0px, 0px, 40px, 0px);
  }
  100% {
    clip: rect(0px 120px 40px 0px);
    clip: rect(0px, 120px, 40px, 0px);
  }
}
.rectLeft4 {
  -webkit-animation-name: rectLeft4;
  animation-name: rectLeft4;
}
@keyframes letter-fade-in {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);
  }
  66% {
    opacity: 0.6;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2);
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);
  }
}
.letter-fade-in {
  -webkit-animation-name: letter-fade-in;
  animation-name: letter-fade-in;
}
@keyframes lineMove {
  0% {
    width: 0;
  }
  100% {
    width: 60px;
  }
}
.lineMove {
  -webkit-animation-name: lineMove;
  animation-name: lineMove;
}
@keyframes start {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes icon_show {
  0% {
    opacity: 0;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
  }
}
@keyframes icon {
  0% {
    clip: rect(0px, 0px, 96px, 0px);
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    clip: rect(0px, 96px, 96px, 0px);
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}