/* --- ANIME --- */

 .hidden{ opacity:0; }
 .visible{ opacity:1; }

.anime-width {
	overflow: hidden;
	opacity: 0;
	width: 0px;
	white-space: nowrap;
	-webkit-transition: opacity 300ms, width 2000ms;
	-moz-transition: opacity 300ms, width 2000ms;
	-ms-transition: opacity 300ms, width 2000ms;
	-o-transition: opacity 300ms, width 2000ms;
	transition: opacity 300ms, width 2000ms;
	transition-timing-function: linear;
}
.anime-width .anime-width-elem {
	display: inline-block;
}
.anime-width-show {
	width: 100%;
	opacity: 1;
}
.anime-down {
	opacity: 0;

	-webkit-transform: translateX(0px) translateY(50px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(50px) translateZ(0px);
	-ms-transform: translateX(0px) translateY(50px) translateZ(0px);
	-o-transform: translateX(0px) translateY(50px) translateZ(0px);
	transform: translateX(0px) translateY(50px) translateZ(0px);

	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
	-moz-transition: opacity 1000ms, transform 1000ms;
	-ms-transition: opacity 1000ms, transform 1000ms;
	-o-transition: opacity 1000ms, transform 1000ms;
	transition: opacity 1000ms, transform 1000ms;
}
.anime-down-show {
	opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(0px) translateZ(0px);
    -ms-transform: translateX(0px) translateY(0px) translateZ(0px);
    -o-transform: translateX(0px) translateY(0px) translateZ(0px);
	transform: translateX(0px) translateY(0px) translateZ(0px);
}
.anime-top {
	opacity: 0;
	-webkit-transform: translateX(0px) translateY(-100px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(-100px) translateZ(0px);
	-ms-transform: translateX(0px) translateY(-100px) translateZ(0px);
	-o-transform: translateX(0px) translateY(-100px) translateZ(0px);
	transform: translateX(0px) translateY(-100px) translateZ(0px);

	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
	-moz-transition: opacity 1000ms, transform 1000ms;
	-ms-transition: opacity 1000ms, transform 1000ms;
	-o-transition: opacity 1000ms, transform 1000ms;
	transition: opacity 1000ms, transform 1000ms;
}
.anime-top-show {
	opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(0px) translateZ(0px);
    -ms-transform: translateX(0px) translateY(0px) translateZ(0px);
    -o-transform: translateX(0px) translateY(0px) translateZ(0px);
	transform: translateX(0px) translateY(0px) translateZ(0px);
}
.anime-left {
	opacity: 0;

	-webkit-transform: translateX(-150px) translateY(0px) translateZ(0px);
	-moz-transform: translateX(-150px) translateY(0px) translateZ(0px);
	-o-transform: translateX(-150px) translateY(0px) translateZ(0px);
	-ms-transform: translateX(-150px) translateY(0px) translateZ(0px);
	transform: translateX(-150px) translateY(0px) translateZ(0px);

	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
	-moz-transition: opacity 1000ms, transform 1000ms;
	-o-transition: opacity 1000ms, transform 1000ms;
	-ms-transition: opacity 1000ms, transform 1000ms;
	transition: opacity 1000ms, transform 1000ms;
}
.anime-left-show {
	opacity: 1;
   -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(0px) translateZ(0px);
    -ms-transform: translateX(0px) translateY(0px) translateZ(0px);
    -o-transform: translateX(0px) translateY(0px) translateZ(0px);
	transform: translateX(0px) translateY(0px) translateZ(0px);
}
.anime-right {
	opacity: 0;
	-webkit-transform: translateX(150px) translateY(0px) translateZ(0px);
	-moz-transform: translateX(150px) translateY(0px) translateZ(0px);
    -ms-transform: translateX(150px) translateY(0px) translateZ(0px);
    -o-transform: translateX(150px) translateY(0px) translateZ(0px);
	transform: translateX(150px) translateY(0px) translateZ(0px);

	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
	-moz-transition: opacity 1000ms, transform 1000ms;
	-ms-transition: opacity 1000ms, transform 1000ms;
	-o-transition: opacity 1000ms, transform 1000ms;
	transition: opacity 1000ms, transform 1000ms;
}
.anime-right-show {
	opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(0px) translateZ(0px);
    -ms-transform: translateX(0px) translateY(0px) translateZ(0px);
    -o-transform: translateX(0px) translateY(0px) translateZ(0px);
	transform: translateX(0px) translateY(0px) translateZ(0px);
}
.anime-3d-down {
   transform-style: preserve-3d;
   transform: perspective(400px) rotateX(15deg);
   transition: transform 1500ms ease-out 0ms;
}
.anime-3d-down-show {
  transform: rotateX(0deg);
}
.anime-3d-left {
  transform-style: preserve-3d;
  transform: perspective(400px) rotateX(-3deg) rotateY(-10deg);
  transition: transform 2300ms ease-out 0ms;
}
.anime-3d-left-show {
  transform: rotateX(0deg);
}

.s0 {
	-webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
	animation-delay: 0.3s;
}
.s01 {
	-webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
    transition-delay: 0.1s;
	animation-delay: 0.1s;
}
.s02 {
	-webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
	animation-delay: 0.2s;
}
.s03 {
	-webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
	animation-delay: 0.3s;
}
.s04 {
	-webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
	animation-delay: 0.4s;
}
.s05 {
	-webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
	animation-delay: 0.5s;
}
.s06 {
	-webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
	animation-delay: 0.6s;
}
.s07 {
	-webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
    transition-delay: 0.7s;
	animation-delay: 0.7s;
}
.s08 {
	-webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
    transition-delay: 0.8s;
	animation-delay: 0.8s;
}
.s09 {
	-webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
    transition-delay: 0.9s;
	animation-delay: 0.9s;
}
.s1 {
	-webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
	-moz-transition-delay: 1s;
    transition-delay: 1s;
	animation-delay: 1s;
}
.s11 {
	-webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
    transition-delay: 1.1s;
	animation-delay: 1.1s;
}
.s12 {
	-webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
    transition-delay: 1.2s;
	animation-delay: 1.2s;
}
.s13 {
	-webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
    transition-delay: 1.3s;
	animation-delay: 1.3s;
}
.s14 {
	-webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
    transition-delay: 1.4s;
	animation-delay: 1.4s;
}
.s15 {
	-webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
    transition-delay: 1.5s;
	animation-delay: 1.5s;
}
.s2 {
	-webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
	-moz-transition-delay: 2s;
    transition-delay: 2s;
	animation-delay: 2s;
}
.s3 {
	-webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
	-moz-transition-delay: 3s;
    transition-delay: 3s;
	animation-delay: 3s;
}
.s4 {
	-webkit-transition-delay: 4s;
    -o-transition-delay: 4s;
	-moz-transition-delay: 4s;
    transition-delay: 4s;
	animation-delay: 4s;
}
.s5 {
	-webkit-transition-delay: 5s;
    -o-transition-delay: 5s;
	-moz-transition-delay: 5s;
    transition-delay: 5s;
	animation-delay: 5s;
}

.s0h{
	-webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
	animation-delay: 0.6s;
}
.s1h{
	-webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
    transition-delay: 1.3s;
	animation-delay: 1.3s;
}
.s1hh{
	-webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
    transition-delay: 1.6s;
	animation-delay: 1.6s;
}
.s2h{
	-webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
	-moz-transition-delay: 2.3s;
    transition-delay: 2.3s;
	animation-delay: 2.3s;
}
.s2hh {
	-webkit-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
	-moz-transition-delay: 2.6s;
    transition-delay: 2.6s;
	animation-delay: 2.6s;
}
.s3h{
	-webkit-transition-delay: 3.3s;
    -o-transition-delay: 3.3s;
	-moz-transition-delay: 3.3s;
    transition-delay: 3.3s;
	animation-delay: 3.3s;
}

.d2 {
	-webkit-animation-duration:2s;animation-duration:2s;
}
.d1 {
	-webkit-animation-duration:1s;animation-duration:1s;
}

.anime-mod {
	opacity: 0;

	-webkit-transform: translateX(0px) translateY(70px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(70px) translateZ(0px);
	-ms-transform: translateX(0px) translateY(70px) translateZ(0px);
	-o-transform: translateX(0px) translateY(70px) translateZ(0px);
	transform: translateX(0px) translateY(70px) translateZ(0px);

	-webkit-transition: opacity 400ms, -webkit-transform 400ms;
	-moz-transition: opacity 400ms, transform 400ms;
	-ms-transition: opacity 400ms, transform 400ms;
	-o-transition: opacity 400ms, transform 400ms;
	transition: opacity 400ms, transform 400ms;
}
.anime-mod-show {
	opacity: 1;
  -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(0px) translateZ(0px);
  -ms-transform: translateX(0px) translateY(0px) translateZ(0px);
  -o-transform: translateX(0px) translateY(0px) translateZ(0px);
	transform: translateX(0px) translateY(0px) translateZ(0px);
}

.anime-btm {
	opacity: 0;

	-webkit-transform: translateX(0px) translateY(300px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(300px) translateZ(0px);
	-ms-transform: translateX(0px) translateY(300px) translateZ(0px);
	-o-transform: translateX(0px) translateY(300px) translateZ(0px);
	transform: translateX(0px) translateY(300px) translateZ(0px);

	-webkit-transition: opacity 700ms, -webkit-transform 700ms;
	-moz-transition: opacity 700ms, transform 700ms;
	-ms-transition: opacity 700ms, transform 700ms;
	-o-transition: opacity 700ms, transform 700ms;
	transition: opacity 700ms, transform 700ms;
}
.anime-btm-show {
	opacity: 1;
  -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
	-moz-transform: translateX(0px) translateY(0px) translateZ(0px);
  -ms-transform: translateX(0px) translateY(0px) translateZ(0px);
  -o-transform: translateX(0px) translateY(0px) translateZ(0px);
	transform: translateX(0px) translateY(0px) translateZ(0px);
}