@charset "UTF-8";

/*-----------*\
$animation
\*-----------*/
/*----- fadeIn -----*/
.js-fadeIn {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.fadeIn {
  opacity: 1;
}

/*----- Up slide -----*/
.js-Up {
  transform: translate(0, 40px);
  -webkit-transform: translate(0, 40px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.Up {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/*----- zoomIn -----*/
.js-zoomIn {
  opacity: 0.5;
  transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  -webkit-transition: 0.5s cubic-bezier(0.29, 1.14, 0.72, 1.275);
  transition: 0.5s cubic-bezier(0.29, 1.14, 0.72, 1.275);
}

.zoomIn {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/*----- zoomIn fancy -----*/
.js-zoomIn_fancy {
  opacity: 0.5;
  transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
  -webkit-transition: 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.zoomIn_fancy {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -webkit-transition: 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/*----- fadeInUp -----*/
.js-fadeInUp {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.fadeInUp {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/*----- fadeInRight -----*/
.js-fadeInRight {
  opacity: 0;
  transform: translate(60px, 0);
  -webkit-transform: translate(60px, 0);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.fadeInRight {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/*----- fadeInLeft -----*/
.js-fadeInLeft {
  opacity: 0;
  transform: translate(-60px, 0);
  -webkit-transform: translate(-60px, 0);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.fadeInLeft {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/* js-fadeIn_delay */
.js-fadeIn_delay li {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.js-fadeIn_delay li.fadeIn {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/*----- fadeInLeft -----*/
.btnflash {
  -webkit-animation: move-btnflash 0.5s ease 1 alternate;
  animation: move-btnflash 0.5s ease 1 alternate;
}

@-webkit-keyframes move-btnflash {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0.7;
  }

  100% {
    opacity: 1;
  }
}

@keyframes move-btnflash {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0.7;
  }

  100% {
    opacity: 1;
  }
}