@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.d1 { animation-delay: 0.1s !important; }
.d2 { animation-delay: 0.2s !important; }
.d3 { animation-delay: 0.3s !important; }
.d4 { animation-delay: 0.4s !important; }
.d5 { animation-delay: 0.5s !important; }
.d6 { animation-delay: 0.6s !important; }
.d7 { animation-delay: 0.7s !important; }
.d8 { animation-delay: 0.8s !important; }
.d9 { animation-delay: 0.9s !important; }
.d10{ animation-delay: 1.0s !important; }
.d11{ animation-delay: 1.1s !important; }
.d12{ animation-delay: 1.2s !important; }
.d13{ animation-delay: 1.3s !important; }

.op0{opacity:0;}

.dur2{ animation-duration: 0.2s !important; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  animation-delay: 0.1s;  
}

/*==================================
common
===================================*/
@-webkit-keyframes bounceIn {
 
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
 
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


.bounceIn {
  -webkit-animation: bounceIn 0.75s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	      animation: bounceIn 0.75s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

.fadeIn-f{
    -webkit-animation: fadeIn-f 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fadeIn-f 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fadeIn-f {
  0% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes fadeIn-f {
  0% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.fadeIn-l {
	-webkit-animation: fadeIn-l 0.6s linear both;
	        animation: fadeIn-l 0.6s linear both;
}
@-webkit-keyframes fadeIn-l {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeIn-l {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.fadeIn-r {
	-webkit-animation: fadeIn-r 0.6s linear both;
	        animation: fadeIn-r 0.6s linear both;
}
@-webkit-keyframes fadeIn-r {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeIn-r{
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.fadeIn {
	-webkit-animation: fadeIn 1s ease-in-out both;
	        animation: fadeIn 1s ease-in-out both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.slideIn-b {
    -webkit-animation: slideIn-b 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slideIn-b 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slideIn-b {
  0% {
    -webkit-transform: translateZ(700px) translateY(80px);
            transform: translateZ(700px) translateY(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slideIn-b {
  0% {
    -webkit-transform: translateZ(700px) translateY(80px);
            transform: translateZ(700px) translateY(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}



/*==================================
Individual
===================================*/

.bx-wrapper .is-active .charaTxt,
.fadeIn-b{
	-webkit-animation: fadeIn-b 0.25s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fadeIn-b 0.25s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fadeIn-b {
  0% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes fadeIn-b {
  0% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.slideIn-b-txt {
    -webkit-animation: slideIn-b-txt 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slideIn-b-txt 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slideIn-b-txt {
  0% {
    -webkit-transform: translateZ(700px) translateY(20px);
            transform: translateZ(700px) translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slideIn-b-txt {
  0% {
    -webkit-transform: translateZ(700px) translateY(20px);
            transform: translateZ(700px) translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
.fadeIn-t {
	-webkit-animation: fadeIn-t 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fadeIn-t 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fadeIn-t {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeIn-t {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
