@charset "utf-8";
.animated {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(150%);
		transform: translateX(150%);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(150%);
		-ms-transform: translateX(150%);
		transform: translateX(150%);
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-150%);
		-ms-transform: translateX(-150%);
		transform: translateX(-150%);
	}
	100% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@-webkit-keyframes tada2 {
	0% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
	60% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
	70% {
		-webkit-transform: scale(0.9) rotate(-3deg);
		transform: scale(0.9) rotate(-3deg);
	}
	80% {
		-webkit-transform: scale(1.2) rotate(3deg);
		transform: scale(1.2) rotate(3deg);
	}
	90% {
		-webkit-transform: scale(1.2) rotate(-3deg);
		transform: scale(1.2) rotate(-3deg);
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
}

@-webkit-keyframes shareBtn {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0) rotate(0);
		-ms-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px) rotate(-5deg);
		-ms-transform: translateX(-10px) rotate(-5deg);
		transform: translateX(-10px) rotate(-5deg);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px) rotate(5deg);
		-ms-transform: translateX(10px) rotate(5deg);
		transform: translateX(10px) rotate(5deg);
	}
}

@-webkit-keyframes cardIn {
	0% {
		-webkit-transform: perspective(400px) rotateY(-90deg);
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
	}
}

@-moz-keyframes cardIn {
	0% {
		-moz-transform: perspective(400px) rotateY(-90deg);
	}
	100% {
		-moz-transform: perspective(400px) rotateY(0deg);
	}
}

@-webkit-keyframes cardOut {
	0% {
		-webkit-transform: perspective(400px) rotateY(0deg);
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
	}
}

@-moz-keyframes cardOut {
	0% {
		-moz-transform: perspective(400px) rotateY(0deg);
	}
	100% {
		-moz-transform: perspective(400px) rotateY(90deg);
	}
}

@-webkit-keyframes arrow {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20%);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(-20%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(20%);
	}
}

@keyframes arrow {
	0% {
		opacity: 0;
		transform: translateY(20%);
	}
	50% {
		opacity: 1;
		transform: translateY(-20%);
	}
	100% {
		opacity: 0;
		transform: translateY(20%);
	}
}

@-webkit-keyframes downArrowFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.5;
	}
}

@keyframes downArrowFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.5;
	}
}

.page1Animate .kvGif {
	-webkit-animation: fadeInDown 0.6s 0.4s both;
	-moz-animation: fadeInDown 0.6s 0.4s both;
}

.page1Animate .kvGif .gifAnimate {
	background-image: url(../images/gif1/gif.gif);
}

.page1Animate .btn-down-next,
.page1Animate .social-btn {
	-webkit-animation: bounceIn 0.6s 1s both;
	-moz-animation: bounceIn 0.6s 1s both;
}

.page2Animate .cont {
	-webkit-animation: fadeInLeft 0.6s 0.4s both;
	-moz-animation: fadeInLeft 0.6s 0.4s both;
}
.page2Animate .kvGif {
	-webkit-animation: fadeInRight 0.6s 0.4s both;
	-moz-animation: fadeInRight 0.6s 0.4s both;
}

.page2Animate .kvGif .gifAnimate {
	background-image: url(../images/gif2/gif.gif);
}

.page2Animate .btn-down-next,
.page2Animate .social-btn {
	-webkit-animation: bounceIn 0.6s 1s both;
	-moz-animation: bounceIn 0.6s 1s both;
}

.page3Animate .cont {
	-webkit-animation: fadeInLeft 0.6s 0.4s both;
	-moz-animation: fadeInLeft 0.6s 0.4s both;
}
.page3Animate .kvGif {
	-webkit-animation: fadeInRight 0.6s 0.4s both;
	-moz-animation: fadeInRight 0.6s 0.4s both;
}

.page3Animate .kvGif .gifAnimate {
	/*animation: kvGif3Run .6s 1s steps(1, start) both;
	-webkit-animation: kvGif3Run .6s  1s steps(1, start) both;*/
	background-image: url(../images/gif3/gif.gif);
}

.page3Animate .btn-down-next,
.page3Animate .social-btn {
	-webkit-animation: bounceIn 0.6s 1s both;
	-moz-animation: bounceIn 0.6s 1s both;
}

.page4Animate .cont {
	-webkit-animation: fadeInLeft 0.6s 0.4s both;
	-moz-animation: fadeInLeft 0.6s 0.4s both;
}
.page4Animate .kvGif {
	-webkit-animation: fadeInRight 0.6s 0.4s both;
	-moz-animation: fadeInRight 0.6s 0.4s both;
}

.page4Animate .kvGif .gifAnimate {
	background-image: url(../images/gif4/gif.gif);
}

.page4Animate .btn-down-next,
.page4Animate .social-btn {
	-webkit-animation: bounceIn 0.6s 1s both;
	-moz-animation: bounceIn 0.6s 1s both;
}

.page5Animate .cont {
	-webkit-animation: fadeInLeft 0.6s 0.4s both;
	-moz-animation: fadeInLeft 0.6s 0.4s both;
}

.page5Animate .kvGif {
	-webkit-animation: fadeInRight 0.6s 0.4s both;
	-moz-animation: fadeInRight 0.6s 0.4s both;
}

.page5Animate .kvGif .gifAnimate {
	background-image: url(../images/gif5/gif.gif);
}

.page5Animate .clientList {
	-webkit-animation: fadeInLeft 0.6s 0.4s both;
	-moz-animation: fadeInLeft 0.6s 0.4s both;
}

.page5Animate .btn-down-next,
.page5Animate .social-btn {
	-webkit-animation: bounceIn 0.6s 1s both;
	-moz-animation: bounceIn 0.6s 1s both;
}

.page6Animate .cont {
	-webkit-animation: fadeInLeft 0.6s 0.4s both;
	-moz-animation: fadeInLeft 0.6s 0.4s both;
}
.page6Animate .kvGif {
	-webkit-animation: fadeInRight 0.6s 0.4s both;
	-moz-animation: fadeInRight 0.6s 0.4s both;
}

.page6Animate .kvGif .gifAnimate {
	background-image: url(../images/gif6/gif.gif);
}

.page6Animate .btn-down-next,
.page6Animate .social-btn {
	-webkit-animation: bounceIn 0.6s 1s both;
	-moz-animation: bounceIn 0.6s 1s both;
}

.page7Animate .cont {
	-webkit-animation: fadeInLeft 0.6s 0.4s both;
	-moz-animation: fadeInLeft 0.6s 0.4s both;
}
.page7Animate .kvGif {
	-webkit-animation: fadeInRight 0.6s 0.4s both;
	-moz-animation: fadeInRight 0.6s 0.4s both;
}

.page7Animate .kvGif .gifAnimate {
	animation: kvGif7Run 0.8s 1s steps(1, start) both;
	-webkit-animation: kvGif7Run 0.8s 1s steps(1, start) both;
}

.page7Animate .btn-down-next,
.page7Animate .social-btn {
	-webkit-animation: bounceIn 0.6s 1s both;
	-moz-animation: bounceIn 0.6s 1s both;
}

@-webkit-keyframes kvGif7Run {
	0% {
		background-image: url(../images/gif7/p0.png);
	}
	100% {
		background-image: url(../images/gif7/gif.gif);
	}
}

@keyframes kvGif7Run {
	0% {
		background-image: url(../images/gif7/p0.png);
	}
	100% {
		background-image: url(../images/gif7/gif.gif);
	}
}

@-webkit-keyframes gifTxtRun {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes gifTxtRun {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.page1Animate .whiteTxt {
	-webkit-animation: fadeIn 1s 1.5s both;
	-moz-animation: fadeIn 1s 1.5s both;
}

.page1Animate .gifTxtRun {
	-webkit-animation: gifTxtRun 1s 2s infinite;
	-moz-animation: gifTxtRun 1s 2s infinite;
}

.page2Animate .whiteTxt {
	-webkit-animation: fadeIn 1s 1s both;
	-moz-animation: fadeIn 1s 1s both;
}

.page2Animate .gifTxtRun {
	-webkit-animation: gifTxtRun 1s 2s infinite;
	-moz-animation: gifTxtRun 1s 2s infinite;
}

.page3Animate .whiteTxt {
	-webkit-animation: fadeIn 1s 2s both;
	-moz-animation: fadeIn 1s 2s both;
}
.page3Animate .gifTxtRun {
	-webkit-animation: gifTxtRun 1s 2s infinite;
	-moz-animation: gifTxtRun 1s 2s infinite;
}

.page4Animate .whiteTxt {
	-webkit-animation: fadeIn 1s 2s both;
	-moz-animation: fadeIn 1s 2s both;
}
.page4Animate .gifTxtRun {
	-webkit-animation: gifTxtRun 1s 2s infinite;
	-moz-animation: gifTxtRun 1s 2s infinite;
}

.page5Animate .whiteTxt {
	-webkit-animation: fadeIn 1s 2s both;
	-moz-animation: fadeIn 1s 2s both;
}
.page5Animate .gifTxtRun {
	-webkit-animation: gifTxtRun 1s 2s infinite;
	-moz-animation: gifTxtRun 1s 2s infinite;
}

.page6Animate .whiteTxt {
	-webkit-animation: fadeIn 1s 2s both;
	-moz-animation: fadeIn 1s 2s both;
}
.page6Animate .gifTxtRun {
	-webkit-animation: gifTxtRun 1s 2s infinite;
	-moz-animation: gifTxtRun 1s 2s infinite;
}

.page7Animate .whiteTxt {
	-webkit-animation: fadeIn 1s 2s both;
	-moz-animation: fadeIn 1s 2s both;
}
.page7Animate .gifTxtRun {
	-webkit-animation: gifTxtRun 1s 2s infinite;
	-moz-animation: gifTxtRun 1s 2s infinite;
}

/*@-webkit-keyframes bounceOutDown{
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	20%{opacity:1;-webkit-transform:translateY(-20%);transform:translateY(-20%)}
	100%{opacity:0;-webkit-transform:translateY(110%);transform:translateY(110%)}}
	
@keyframes bounceOutDown{
	0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	20%{opacity:1;-webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%)}
	100%{opacity:0;-webkit-transform:translateY(110%);-ms-transform:translateY(110%);transform:translateY(110%)}
}*/

@-webkit-keyframes bounceOutDown {
	0% {
		opacity: 1;
		--webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(110%);
		transform: translateY(110%);
	}
}

@keyframes bounceOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(50%);
		-ms-transform: translateY(50%);
		transform: translateY(50%);
	}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}