@charset "utf-8";

/* HOVER PAGETOP */
@-webkit-keyframes an-h-v {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes an-h-v {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.an-h-v {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
.an-h-v:hover, .an-h-v:focus, .an-h-v:active {
  -webkit-animation-name: an-h-v;
  animation-name: an-h-v;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* BALOON */
.animated {
	-webkit-animation-duration: 15s;
	animation-duration: 15s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes baloon1 {
	from {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 30% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 70% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

@keyframes baloon1 {
	from {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 30% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 70% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

.baloon1 {
	-webkit-animation-name: baloon1;
	animation-name: baloon1;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

@-webkit-keyframes baloon2 {
	from {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 20% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 50% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 80% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

@keyframes baloon2 {
	from {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 20% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 50% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 80% {
		animation-timing-function: linear;
		transform: translate(0px,10px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

.baloon2 {
	-webkit-animation-name: baloon2;
	animation-name: baloon2;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

/* FADEUP */
.speedS {
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.speedS_d2 {
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

.speedM {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.speedM_d1 {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
}

.speedM_d2 {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
}

.speedM_d3 {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:0.3s;
	-webkit-animation-delay:0.3s;
}

.speedM_d4 {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
}

.speedM_d5 {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:0.5s;
	-webkit-animation-delay:0.5s;
}

.speedM_d6 {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
}

.speedM_d7 {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:0.7s;
	-webkit-animation-delay:0.7s;
}

.speedM_d8 {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:0.8s;
	-webkit-animation-delay:0.8s;
}

.speedM_d10 {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay:1s;
	-webkit-animation-delay:1s;
}

.speedL {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.speedL_d2 {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

.speedL_d4 {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.speedL_d5 {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

.speedL_d6 {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.speedL_d8 {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}


@-webkit-keyframes fadeUp {
	from {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,20px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

@keyframes fadeUp {
	from {
		animation-timing-function: ease-out;
		transform: translate(0px,20px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

.fadeUp {
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

/* FADEIN */
@-webkit-keyframes fadeIn {
	from {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

@keyframes fadeIn {
	from {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

/* FADE BOUNDUP */
@-webkit-keyframes boundUp {
	from {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 50% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0) scale(1.02,1.02) rotate(0deg) skew(0deg,0deg);
		opacity: 0.9;
	} 
}

@keyframes boundUp {
	from {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 50% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1.02,1.02) rotate(0deg) skew(0deg,0deg);
		opacity: 0.9;
	} 
}

.boundUp {
	-webkit-animation-name: boundUp;
	animation-name: boundUp;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

/* ARROW */
@-webkit-keyframes arrowR {
	from {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(-20px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

@keyframes arrowR {
	from {
		animation-timing-function: ease-out;
		transform: translate(-20px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

.arrowR {
	-webkit-animation-name: arrowR;
	animation-name: arrowR;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

@-webkit-keyframes arrowU {
	from {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,-20px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

@keyframes arrowU {
	from {
		animation-timing-function: ease-out;
		transform: translate(0px,-20px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

.arrowU {
	-webkit-animation-name: arrowU;
	animation-name: arrowU;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

@-webkit-keyframes arrowL {
	from {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(20px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

@keyframes arrowL {
	from {
		animation-timing-function: ease-out;
		transform: translate(20px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

.arrowL {
	-webkit-animation-name: arrowL;
	animation-name: arrowL;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}