@charset "utf-8";

/* 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-transform: translate(0px,30px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {

		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

@keyframes fadeUp {
	from {
		transform: translate(0px,30px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

.fadeUpT { opacity:0; }
.fadeUp {
	animation-timing-function: ease-in-out;
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

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

@keyframes fadeIn {
	from {
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.0;
	} to {
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 
}

.fadeInT { opacity:0; }
.fadeIn {
	animation-timing-function: ease-in-out;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

/* slideRight */
@-webkit-keyframes slideRight {
	from {
		clip-path: inset(0 100% 0 0);
	} to {
		clip-path: inset(0 0 0 0);
	} 
}

@keyframes slideRight {
	from {
		clip-path: inset(0 100% 0 0);
	} to {
		clip-path: inset(0 0 0 0);
	} 
}

.slideRight {
	animation-timing-function: ease-in-out;
	-webkit-animation-name: slideRight;
	animation-name: slideRight;
	-webkit-transform-origin: right top;
	transform-origin:right top;
}