/* COMMON */
	.body-animation .fp-completely .white-text h2 span,
	.body-animation .active-section .white-text h2 span {
		/* animation: forwards comming-title-text 0.5s ease-in-out 1s; */

		animation-fill-mode: forwards;
		animation-name: comming-title-text;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-delay: 1s;
	}

	.body-animation .active-section .white-text h2 span { animation-duration: 0.25s; animation-delay: 0.5s; }

	@keyframes comming-title-text { 0% { top: 45px; } 100% { top: 0; } }

	.body-animation .fp-completely .white-text p,
	.body-animation .fp-completely .white-text a,
	.body-animation .active-section .white-text p,
	.body-animation .active-section .white-text a {
		/* animation: forwards comming-text 0.5s ease-in-out; */

		animation-fill-mode: forwards;
		animation-name: comming-text;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
	}

	.body-animation .active-section .white-text p,
	.body-animation .active-section .white-text a { animation-delay: 0.25s; }

	@keyframes comming-text {
		0% {
			-webkit-transform: translate(0, 50%);
			   -moz-transform: translate(0, 50%);
			    -ms-transform: translate(0, 50%);
			     -o-transform: translate(0, 50%);
			        transform: translate(0, 50%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translate(0, 0);
			   -moz-transform: translate(0, 0);
			    -ms-transform: translate(0, 0);
			     -o-transform: translate(0, 0);
			        transform: translate(0, 0);
			opacity: 1;
		}
}

	.body-animation .fp-completely .white-text small { animation: forwards comming-small 0.5s ease-in-out; }

	@keyframes comming-small {
		0% {
			-webkit-transform: translate(0, -100%);
			   -moz-transform: translate(0, -100%);
			    -ms-transform: translate(0, -100%);
			     -o-transform: translate(0, -100%);
			        transform: translate(0, -100%);
			opacity: 0;
		}

		100% {
			transform: translate(0, 0);
			-webkit-transform: translate(0, 0);
			   -moz-transform: translate(0, 0);
			    -ms-transform: translate(0, 0);
			     -o-transform: translate(0, 0);
			        transform: translate(0, 0);
			opacity: 1;
		}
	}

	.body-animation .fp-completely figure h3 span,
	.body-animation .active-section figure h3 span {
		/* animation: forwards comming-title-bust 0.5s ease-in-out 1s; */

		animation-fill-mode: forwards;
		animation-name: comming-title-bust;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-delay: 1s;
	}

	.body-animation .active-section figure h3 span { animation-delay: 0.25s; }

	@keyframes comming-title-bust { 0% { top: 32px; } 100% { top: 0; } }

	.body-animation .fp-completely figure .object { animation: forwards comming-object 1s ease-in-out; }
	@keyframes comming-object { 0% { top: -100%; } 100% { top: 0%; } }

	.body-animation section.fp-completely .object img:nth-child(1) { animation: infinite float-bust 5s ease-in-out 1s; }

	@keyframes float-bust {
		0% {
			-webkit-transform: translate(0, 0);
			   -moz-transform: translate(0, 0);
			    -ms-transform: translate(0, 0);
			     -o-transform: translate(0, 0);
			        transform: translate(0, 0);
		}

		50% {
			-webkit-transform: translate(0, -50px);
			   -moz-transform: translate(0, -50px);
			    -ms-transform: translate(0, -50px);
			     -o-transform: translate(0, -50px);
			        transform: translate(0, -50px);
		}
		100% {
			-webkit-transform: translate(0, 0);
			   -moz-transform: translate(0, 0);
			    -ms-transform: translate(0, 0);
			     -o-transform: translate(0, 0);
			        transform: translate(0, 0);
		}
	}

	.body-animation .fp-completely figure .shadow { animation: forwards comming-shadow 1s ease-in-out, infinite float-shadow 5s ease-in-out 1s; }
	@keyframes comming-shadow { 0% { width: 0%; } 100% { width: 100%; } }
	@keyframes float-shadow { 0% { width: 100%; } 50% { width: 70%; } 100% { width: 100%; } }
/* /COMMON */

/* /Section-2 */
	.body-animation section.fp-completely.section-2 .object img:nth-child(2) { animation: infinite float-point 5s ease-in-out 1s, infinite wobble-point 4s ease-in-out; }
	@keyframes float-point { 0% { top: 0; } 50% { top: -60px; } 100% { top: 0; } }

	@keyframes wobble-point {
		0% {
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			   -moz-transform: rotate(0deg);
			    -ms-transform: rotate(0deg);
			     -o-transform: rotate(0deg);
			        transform: rotate(0deg);
		}
		50% {
			-webkit-transform: rotate(-45deg);
			   -moz-transform: rotate(-45deg);
			    -ms-transform: rotate(-45deg);
			     -o-transform: rotate(-45deg);
			        transform: rotate(-45deg);
		}

		100% {
			-webkit-transform: rotate(0deg);
			   -moz-transform: rotate(0deg);
			    -ms-transform: rotate(0deg);
			     -o-transform: rotate(0deg);
			        transform: rotate(0deg);
		}
	}
/* /Section-2 */

/* /Section-3 */
	.body-animation section.fp-completely.section-3 .stick { animation: forwards comming-section-3-stick 1s ease-in-out; }
	@keyframes comming-section-3-stick { 0% { bottom: -100%; } 100% { bottom: -100px; } }
/* /Section-3 */

/* /Section-4 */
	.body-animation section.fp-completely.section-4 .stick { animation: forwards comming-section-4-stick 1s ease-in-out; }
	@keyframes comming-section-4-stick { 0% { bottom: -100%; } 100% { bottom: -60px; } }
/* /Section-4 */

/* /Section-5 */
	.body-animation section.fp-completely.section-5 .stick { animation: forwards comming-section-5-stick 1s ease-in-out; }
	@keyframes comming-section-5-stick { 0% { bottom: -100%; } 100% { bottom: -280px; } }
/* /Section-5 */

/* Section-6 */
	.body-animation section.fp-completely .object.object-brain #brain { animation: infinite float-brain 5s ease-in-out 1s; }

	@keyframes float-brain {
		0% {
			-webkit-transform: translate(0, 0);
			   -moz-transform: translate(0, 0);
			    -ms-transform: translate(0, 0);
			     -o-transform: translate(0, 0);
			        transform: translate(0, 0);
		}
		50% {
			-webkit-transform: translate(0, -50px);
			   -moz-transform: translate(0, -50px);
			    -ms-transform: translate(0, -50px);
			     -o-transform: translate(0, -50px);
			        transform: translate(0, -50px);
		}
		100% {
			-webkit-transform: translate(0, 0);
			   -moz-transform: translate(0, 0);
			    -ms-transform: translate(0, 0);
			     -o-transform: translate(0, 0);
			        transform: translate(0, 0);
		}
	}

	.body-animation section.fp-completely .object.object-brain #lens { animation: infinite move-lens 6s ease-in-out 2s; }
	@keyframes move-lens {

		0% { top: 0; left: 0; }
		1% { top: 5%; left: 0.25%; }
		2% { top: 10%; left: 0.50%; }
		3% { top: 15%; left: 0.75%; }
		4% { top: 20%; left: 1%; }
		5% { top: 25%; left: 4%; }
		6% { top: 26%; left: 7%; }
		7% { top: 27%; left: 11%; }
		8% { top: 28%; left: 14%; }
		9% { top: 29%; left: 17%; }
		10% { top: 30%; left: 20%; }

		20% { top: 30%; left: 20%; }
		21% { top: 32%; left: 16%; }
		22% { top: 34%; left: 12%; }
		23% { top: 36%; left: 8%; }
		24% { top: 38%; left: 4%; }
		25% { top: 40%; left: 0%; }
		26% { top: 38%; left: -4%; }
		27% { top: 36%; left: -8%; }
		28% { top: 34%; left: -12%; }
		29% { top: 32%; left: -16%; }
		30% { top: 30%; left: -20%; }

		40% { top: 30%; left: -20%; }
		41% { top: 29.75%; left: -15%; }
		42% { top: 29.50%; left: -10%; }
		43% { top: 29.25%; left: -5%; }
		44% { top: 28%; left: 0%; }
		45% { top: 25%; left: 3%; }
		46% { top: 22%; left: 6%; }
		47% { top: 19%; left: 9%; }
		48% { top: 16%; left: 12%; }
		49% { top: 13%; left: 15%; }
		50% { top: 11%; left: 18%; }

		60% { top: 11%; left: 18%; }
		61% { top: 10%; left: 17%; }
		62% { top: 9%; left: 15%; }
		63% { top: 8%; left: 13%; }
		64% { top: 7%; left: 11%; }
		65% { top: 6%; left: 9%; }
		66% { top: 5%; left: 7%; }
		67% { top: 4%; left: 5%; }
		68% { top: 3%; left: 3%; }
		69% { top: 2%; left: 2%; }
		70% { top: 0%; left: 0%; }

		100%{ top: 0%; left: 0%; }

	}
/* /Section-6 */

/* CASES */
	.body-animation .case-block.active.vniz { opacity: 1; z-index: 2; animation: forwards comming-case-vniz 0.5s linear; }
	@keyframes comming-case-vniz { 0% { top: 100vh; } 100% { top: 0vh; } }
	.body-animation .case-block.active.verh { opacity: 1; z-index: 2; animation: forwards comming-case-verh 0.5s linear; }
	@keyframes comming-case-verh { 0% { top: -100vh; } 100% { top: 0vh; } }

	.body-animation .fp-completely .title-case h3 span,
	.body-animation .active-section .title-case h3 span {
		/* animation: forwards comming-title-case 0.15s ease-in-out; */

		animation-fill-mode: forwards;
		animation-name: comming-title-case;
		animation-duration: 0.15s;
		animation-timing-function: ease-in-out;
	}

	@keyframes comming-title-case { 0% { top: 25px; } 100% { top: 0; } }

	.body-animation .fp-completely .title-case .underline { animation: forwards comming-title-underline 0.15s ease-in-out; }
	@keyframes comming-title-underline { 0% { width: 0; } 100% { width: 40px; } }

	.body-animation .fp-completely .case-text h2 span,
	.body-animation .active-section .case-text h2 span {
		/* animation: forwards comming-title-name 0.5s ease-in-out; */

		animation-fill-mode: forwards;
		animation-name: comming-title-name;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
	}

	.body-animation .active-section .case-text h2 span { animation-duration: 0.25s; }

	@keyframes comming-title-name { 0% { top: 45px; } 100% { top: 0; } }

	.body-animation .fp-completely .case-text h4,
	.body-animation .active-section .case-text h4 {
		/* animation: forwards comming-case-text-h4 0.5s ease-in-out 0.15s; */

		animation-fill-mode: forwards;
		animation-name: comming-case-text-h4;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-delay: 0.15s;
	}

	.body-animation .active-section .case-text h4 { animation-duration: 0.25s; }

	@keyframes comming-case-text-h4 { 0% { top: 50px; opacity: 0; } 100% { top: 0; opacity: 1; } }

	.body-animation .fp-completely .case-text p,
	.body-animation .active-section .case-text p {
		/* animation: forwards comming-case-text-p 0.5s ease-in-out 0.15s; */

		animation-fill-mode: forwards;
		animation-name: comming-case-text-p;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-delay: 0.15s;
	}

	.body-animation .active-section .case-text p { animation-duration: 0.25s; }

	@keyframes comming-case-text-p { 0% { top: 50px; opacity: 0; } 100% { top: 0; opacity: 1; } }

	.body-animation .fp-completely .case-text ul li,
	.body-animation .active-section .case-text ul li {
		/* animation: forwards comming-case-text-ul 0.5s ease-in-out 0.15s; */

		animation-fill-mode: forwards;
		animation-name: comming-case-text-ul;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-delay: 0.15s;
	}

	.body-animation .active-section .case-text ul li { animation-duration: 0.25s; }

	@keyframes comming-case-text-ul { 0% { top: 50px; opacity: 0; } 100% { top: 0; opacity: 1; } }

	.body-animation .fp-completely .case-text small,
	.body-animation .active-section .case-text small {
		/* animation: forwards comming-case-text-small 0.5s ease-in-out 0.25s; */

		animation-fill-mode: forwards;
		animation-name: comming-case-text-small;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-delay: 0.25s;
	}

	.body-animation .active-section .case-text small { animation-duration: 0.25s; }

	@keyframes comming-case-text-small { 0% { top: 100px; opacity: 0; } 100% { top: 0; opacity: 1; } }
/* /CASES */

/* CONTACTS */
	.body-animation section.fp-completely .object.heart > img:nth-child(1) { animation: infinite heart-beat 3s ease-in-out; }
	@keyframes heart-beat {
		0% {
			transform: scale(1);
			-webkit-transform: scale(1);
			   -moz-transform: scale(1);
			    -ms-transform: scale(1);
			     -o-transform: scale(1);
			        transform: scale(1);
		}

		85% {
			-webkit-transform: scale(1);
			   -moz-transform: scale(1);
			    -ms-transform: scale(1);
			     -o-transform: scale(1);
			        transform: scale(1);
		}

		90% {
			-webkit-transform: scale(1.15);
			   -moz-transform: scale(1.15);
			    -ms-transform: scale(1.15);
			     -o-transform: scale(1.15);
			        transform: scale(1.15);
		}

		100% {
			-webkit-transform: scale(1);
			   -moz-transform: scale(1);
			    -ms-transform: scale(1);
			     -o-transform: scale(1);
			        transform: scale(1);
		}
	}

	.body-animation section.fp-completely .object .heart-zipp { animation: infinite heart-zipp 3s ease-in-out 1.75s }
	@keyframes heart-zipp {
		0% { clip: rect(auto 0px auto auto); }
		50% { clip: rect(auto 520px auto auto); }
		60% { clip: rect(auto auto auto 0px); }
		100% { clip: rect(auto auto auto 520px); }
	}

	.body-animation section.fp-completely.contacts .stick-1 { animation: forwards comming-contact-stick-1 1s ease-in-out; }
	@keyframes comming-contact-stick-1 { 0% { top: 100%; } 100% { top: -100px; } }

	.body-animation section.fp-completely.contacts .stick-2 { animation: forwards comming-contact-stick-2 1s ease-in-out; }
	@keyframes comming-contact-stick-2 { 0% { bottom: -100%; } 100% { bottom: -100px; } }
/* /CONTACTS */