@charset "utf-8";
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, 0px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 0px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, 0px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, 0px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 0px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, 0px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@-moz-keyframes arow {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  
  50% {
    -moz-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes arow {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
 
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes arow {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
 
  50% {
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes char {
	0% {transform:rotate(0deg)}
	25% {transform:rotate(7deg)}
	50% {transform:rotate(-7deg)}
	75% {transform:rotate(7deg)}
	100% {transform:rotate(0deg)}
}
@-webkit-keyframes char {
	0% {transform:rotate(0deg)}
	25% {transform:rotate(7deg)}
	50% {transform:rotate(-7deg)}
	75% {transform:rotate(7deg)}
	100% {transform:rotate(0deg)}
}
@-moz-keyframes char {
	0% {transform:rotate(0deg)}
	25% {transform:rotate(7deg)}
	50% {transform:rotate(-7deg)}
	75% {transform:rotate(7deg)}
	100% {transform:rotate(0deg)}
}
@-ms-keyframes char {
	0% {transform:rotate(0deg)}
	25% {transform:rotate(7deg)}
	50% {transform:rotate(-7deg)}
	75% {transform:rotate(7deg)}
	100% {transform:rotate(0deg)}
}