@charset "utf-8";

@keyframes bgMotion1 {
  0% { transform:translateY(0px);}
  100% { transform:translateY(-100px);}
}

@keyframes thing {
  from {
     transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

@keyframes growBackground {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 120%;
  }
}

@keyframes shrinkBackground {
  0% {
    background-size: 120%;
  }
  100% {
    background-size: 100%;
  }
}


@keyframes kunanicon01 {to{stroke-dashoffset: 0;}}
@keyframes kunanicon02 { 0% {stroke-dashoffset:700;}
						100% {stroke-dashoffset:0;}
}


@keyframes txtslide {
	0% {
		transform: translateY(100px); opacity:0;
	}

	40% {
		transform: translateY(0);opacity:1;
	}

	80% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(100px); opacity:0;
	}
}

@keyframes txtslide02 {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}

	10% {
		transform: translateY(0);
		opacity: 1;
	}

	30% {
		transform: translateY(100px); transform:scale(1);
		opacity: 1;
	}

	50% {
		transform: translateY(0); transform:scale(5);
		opacity: .0;
	}
	70% {
		transform: translateY(80px);
		transform: scale(1);
		opacity: .5;
	}
	70% {
		transform: translateY(100px);
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes txtslide03 {
	0% {
		transform: translateY(100px); opacity:0;
	}

	100% {
		transform: translateY(0); opacity:1;
	}
}

@keyframes ball-scroll {
    0% {
        opacity: 1;
        top: 25%;
    }

    20% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 75%;
    }

    100% {
        opacity: 0;
        top: 25%;
    }
}

 @keyframes fadeInAni {
	0% {
		opacity: 0;
		}
	50% {
		opacity: 0;
		top:-1rem;
    }
	70% {
		opacity: 1;
		top:1rem;
    }
	100% {
		opacity: 1;
		top:0;
    }
}

@keyframes marquee {
	0% {
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0);
	}

	100% {
		 -webkit-transform: translate3d(-100%, 0, 0);
		 transform: translate3d(-100%, 0, 0);
	}
}
@keyframes marquee02 {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0);
	}
}

@media screen and (max-device-width:400px), screen and (max-width:400px) {

	@keyframes marquee {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		 -webkit-transform: translate3d(-100%, 0, 0);
		 transform: translate3d(-100%, 0, 0);
	}
}
@keyframes marquee02 {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

}