@charset "utf-8";
@-webkit-keyframes fade-in {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0;}
  100% { display: block; opacity: 1;}
}
@keyframes fade-in {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0;}
  100% { display: block; opacity: 1;}
}

/*===========================*/
@-webkit-keyframes fade-out {
  0% { display: block; opacity: 1;}
  1% { display: block; opacity: 1;}
  100% { display: none; opacity: 0;}
}
@keyframes fade-out {
  0% { display: block; opacity: 1;}
  1% { display: block; opacity: 1;}
  100% { display: none; opacity: 0;}
}
/*===========================*/
@-webkit-keyframes blink {
  0% { opacity: 0; }
  49.9% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes blink {
  0% { opacity: 0; }
  49.9% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}
/*===========================*/
@-webkit-keyframes pulseIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }ransform: scale3d(1, 1, 1);
}
@keyframes pulseIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }ransform: scale3d(1, 1, 1);
  }
}
/*===========================*/
@-webkit-keyframes shaking {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 50%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  30%, 70% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shaking {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 50%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  30%, 70% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
/*===========================*/
@-webkit-keyframes fadeInUpPixel {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpPixel {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*===========================*/
@-webkit-keyframes fadeInDownPixel {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownPixel {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*===========================*/
@-webkit-keyframes mist1 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(-200px,0); transform: translate(-200px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}
@keyframes mist1 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(-200px,0); transform: translate(-200px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}

/*===========================*/
@-webkit-keyframes mist2 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(270px,0); transform: translate(270px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}
@keyframes mist2 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(270px,0); transform: translate(270px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}

/*===========================*/
@-webkit-keyframes mist3 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(140px,0); transform: translate(140px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}
@keyframes mist3 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(140px,0); transform: translate(140px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}

/*===========================*/
@-webkit-keyframes mist3 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(140px,0); transform: translate(140px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}
@keyframes mist3 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(140px,0); transform: translate(140px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}

/*===========================*/
@-webkit-keyframes mist4 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(-240px,0); transform: translate(-240px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}
@keyframes mist4 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(-240px,0); transform: translate(-240px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}

/*===========================*/
@-webkit-keyframes mist5 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(-160px,0); transform: translate(-160px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}
@keyframes mist5 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(-160px,0); transform: translate(-160px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}

/*===========================*/
@-webkit-keyframes mist6 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(200px,0); transform: translate(200px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}
@keyframes mist6 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(200px,0); transform: translate(200px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}

/*===========================*/
@-webkit-keyframes mist7 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(260px,0); transform: translate(260px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}
@keyframes mist7 {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0; -webkit-transform: translate(260px,0); transform: translate(260px,0);}
  100% { display: block; opacity: 1; -webkit-transform: translate(0px,0); transform: translate(0px,0);}
}

/*===========================*/
@-webkit-keyframes fade-in-zoomOut {
  0% { display: none; opacity: 0; -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
  1% { display: block; opacity: 0; -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
  100% { display: block; opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
}
@keyframes fade-in-zoomOut {
  0% { display: none; opacity: 0; -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
  1% { display: block; opacity: 0; -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
  100% { display: block; opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
}

/*===========================*/

@-webkit-keyframes prevCursor {
  0% { -webkit-transform: translate(7px,0); transform: translate(7px,0); }
  65% { -webkit-transform: translate(7px,0); transform: translate(7px,0); }
  65.3% { -webkit-transform: translate(0px,0); transform: translate(0px,0); }
  100% { -webkit-transform: translate(0px,0); transform: translate(0px,0); }
}

@keyframes prevCursor {
  0% { -webkit-transform: translate(7px,0); transform: translate(7px,0); }
  65% { -webkit-transform: translate(7px,0); transform: translate(7px,0); }
  65.3% { -webkit-transform: translate(0px,0); transform: translate(0px,0); }
  100% { -webkit-transform: translate(0px,0); transform: translate(0px,0); }
}

/*===========================*/

@-webkit-keyframes nextCursor {
  0% { -webkit-transform: translate(-7px,0); transform: translate(-7px,0); }
  65% { -webkit-transform: translate(-7px,0); transform: translate(-7px,0); }
  65.3% { -webkit-transform: translate(0px,0); transform: translate(0px,0); }
  100% { -webkit-transform: translate(0px,0); transform: translate(0px,0); }
}

@keyframes nextCursor {
  0% { -webkit-transform: translate(-7px,0); transform: translate(-7px,0); }
  65% { -webkit-transform: translate(-7px,0); transform: translate(-7px,0); }
  65.3% { -webkit-transform: translate(0px,0); transform: translate(0px,0); }
  100% { -webkit-transform: translate(0px,0); transform: translate(0px,0); }
}

/*===========================*/

@-webkit-keyframes pagerMove {
  0% { left: 25px; width: 635px; }
  60% { left: 25px; width: 635px; }
  60.1% { left: 18px; width: 649px; }
  100% { left: 18px; width: 649px; }
}

@keyframes pagerMove {
  0% { left: 25px; width: 635px; }
  60% { left: 25px; width: 635px; }
  60.1% { left: 18px; width: 649px; }
  100% { left: 18px; width: 649px; }
}

/*===========================*/

@-webkit-keyframes pagerMove2 {
  0% { left: 25px; width: 635px; }
  50% { left: 25px; width: 635px; }
  55% { left: 18px; width: 649px; }
  97% { left: 18px; width: 649px; }
  100% { left: 25px; width: 635px; }
}

@keyframes pagerMove2 {
  0% { left: 25px; width: 635px; }
  50% { left: 25px; width: 635px; }
  55% { left: 18px; width: 649px; }
  97% { left: 18px; width: 649px; }
  100% { left: 25px; width: 635px; }
}

/*===========================*/