/* ------------- from left ------------------- */
.section.active .flyFromLeft-1 {
	-webkit-animation: 	KF-flyFromLeft 1s ease 200ms both;
	-moz-animation: 	KF-flyFromLeft 1s ease 200ms both;
	-ms-animation: 		KF-flyFromLeft 1s ease 200ms both;
	-o-animation: 		KF-flyFromLeft 1s ease 200ms both;
	animation: 			KF-flyFromLeft 1s ease 200ms both;
}

.section.active .flyFromLeft-2 {
	-webkit-animation: 	KF-flyFromLeft 1s ease 400ms both;
	-moz-animation: 	KF-flyFromLeft 1s ease 400ms both;
	-ms-animation: 		KF-flyFromLeft 1s ease 400ms both;
	-o-animation: 		KF-flyFromLeft 1s ease 400ms both;
	animation: 			KF-flyFromLeft 1s ease 400ms both;
}

.section.active .flyFromLeft-3 {
	-webkit-animation: 	KF-flyFromLeft 1s ease 600ms both;
	-moz-animation: 	KF-flyFromLeft 1s ease 600ms both;
	-ms-animation: 		KF-flyFromLeft 1s ease 600ms both;
	-o-animation: 		KF-flyFromLeft 1s ease 600ms both;
	animation: 			KF-flyFromLeft 1s ease 600ms both;
}

.section.active .flyFromLeft-4 {
	-webkit-animation: 	KF-flyFromLeft 1s ease 800ms both;
	-moz-animation: 	KF-flyFromLeft 1s ease 800ms both;
	-ms-animation: 		KF-flyFromLeft 1s ease 800ms both;
	-o-animation: 		KF-flyFromLeft 1s ease 800ms both;
	animation: 			KF-flyFromLeft 1s ease 800ms both;
}

.section.active .flyFromLeft-5 {
	-webkit-animation: 	KF-flyFromLeft 1s ease 1000ms both;
	-moz-animation: 	KF-flyFromLeft 1s ease 1000ms both;
	-ms-animation: 		KF-flyFromLeft 1s ease 1000ms both;
	-o-animation: 		KF-flyFromLeft 1s ease 1000ms both;
	animation: 			KF-flyFromLeft 1s ease 1000ms both;
}

.section.active .flyFromLeft-6 {
	-webkit-animation: 	KF-flyFromLeft 1s ease 1200ms both;
	-moz-animation: 	KF-flyFromLeft 1s ease 1200ms both;
	-ms-animation: 		KF-flyFromLeft 1s ease 1200ms both;
	-o-animation: 		KF-flyFromLeft 1s ease 1200ms both;
	animation: 			KF-flyFromLeft 1s ease 1200ms both;
}

.section .flyFromLeft-1 {
	-webkit-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-moz-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-ms-animation: 		KF-backToLeft 0.5s ease 0ms both;
	-o-animation: 		KF-backToLeft 0.5s ease 0ms both;
	animation: 			KF-backToLeft 0.5s ease 0ms both;
}

.section .flyFromLeft-2 {
	-webkit-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-moz-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-ms-animation: 		KF-backToLeft 0.5s ease 0ms both;
	-o-animation: 		KF-backToLeft 0.5s ease 0ms both;
	animation: 			KF-backToLeft 0.5s ease 0ms both;
}

.section .flyFromLeft-3 {
	-webkit-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-moz-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-ms-animation: 		KF-backToLeft 0.5s ease 0ms both;
	-o-animation: 		KF-backToLeft 0.5s ease 0ms both;
	animation: 			KF-backToLeft 0.5s ease 0ms both;
}

.section .flyFromLeft-4 {
	-webkit-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-moz-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-ms-animation: 		KF-backToLeft 0.5s ease 0ms both;
	-o-animation: 		KF-backToLeft 0.5s ease 0ms both;
	animation: 			KF-backToLeft 0.5s ease 0ms both;
}

.section .flyFromLeft-5 {
	-webkit-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-moz-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-ms-animation: 		KF-backToLeft 0.5s ease 0ms both;
	-o-animation: 		KF-backToLeft 0.5s ease 0ms both;
	animation: 			KF-backToLeft 0.5s ease 0ms both;
}

.section .flyFromLeft-6 {
	-webkit-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-moz-animation: 	KF-backToLeft 0.5s ease 0ms both;
	-ms-animation: 		KF-backToLeft 0.5s ease 0ms both;
	-o-animation: 		KF-backToLeft 0.5s ease 0ms both;
	animation: 			KF-backToLeft 0.5s ease 0ms both;
}


@-webkit-keyframes KF-flyFromLeft {
	0%	{ opacity: 0; -webkit-transform: translateX(-400px);}
	100%{ opacity: 1; -webkit-transform: translateX(0px);}
}
@-moz-keyframes KF-flyFromLeft {
	0%	{ opacity: 0; -moz-transform: translateX(-400px);}
	100%{ opacity: 1; -moz-transform: translateX(0px);}
}
@-ms-keyframes KF-flyFromLeft {
	0%	{ opacity: 0; -ms-transform: translateX(-400px);}
	100%{ opacity: 1; -ms-transform: translateX(0px);}
}
@-o-keyframes KF-flyFromLeft {
	0%	{ opacity: 0; -o-transform: translateX(-400px);}
	100%{ opacity: 1; -o-transform: translateX(0px);}
}
@keyframes KF-flyFromLeft {
	0%	{ opacity: 0; transform: translateX(-400px);}
	100%{ opacity: 1; transform: translateX(0px);}
}

@-webkit-keyframes KF-backToLeft {
	0%	{ opacity: 1; -webkit-transform: translateX(0px);}
	100%{ opacity: 0; -webkit-transform: translateX(-400px);}
}@-moz-keyframes KF-backToLeft {
	0%	{ opacity: 1; -moz-transform: translateX(0px);}
	100%{ opacity: 0; -moz-transform: translateX(-400px);}
}@-ms-keyframes KF-backToLeft {
	0%	{ opacity: 1; -ms-transform: translateX(0px);}
	100%{ opacity: 0; -ms-transform: translateX(-400px);}
}@-o-keyframes KF-backToLeft {
	0%	{ opacity: 1; -o-transform: translateX(0px);}
	100%{ opacity: 0; -o-transform: translateX(-400px);}
}@keyframes KF-backToLeft {
	0%	{ opacity: 1; transform: translateX(0px);}
	100%{ opacity: 0; transform: translateX(-400px);}
}


/* ------------- from right ------------------- */

.section.active .flyFromRight-1 {
	-webkit-animation: 	KF-flyFromRight 1s ease 200ms both;
	-moz-animation: 	KF-flyFromRight 1s ease 200ms both;
	-ms-animation: 		KF-flyFromRight 1s ease 200ms both;
	-o-animation: 		KF-flyFromRight 1s ease 200ms both;
	animation: 			KF-flyFromRight 1s ease 200ms both;
}

.section.active .flyFromRight-2 {
	-webkit-animation: 	KF-flyFromRight 1s ease 400ms both;
	-moz-animation: 	KF-flyFromRight 1s ease 400ms both;
	-ms-animation: 		KF-flyFromRight 1s ease 400ms both;
	-o-animation: 		KF-flyFromRight 1s ease 400ms both;
	animation: 			KF-flyFromRight 1s ease 400ms both;
}

.section.active .flyFromRight-3 {
	-webkit-animation: 	KF-flyFromRight 1s ease 600ms both;
	-moz-animation: 	KF-flyFromRight 1s ease 600ms both;
	-ms-animation: 		KF-flyFromRight 1s ease 600ms both;
	-o-animation: 		KF-flyFromRight 1s ease 600ms both;
	animation: 			KF-flyFromRight 1s ease 600ms both;
}

.section.active .flyFromRight-4 {
	-webkit-animation: 	KF-flyFromRight 1s ease 800ms both;
	-moz-animation: 	KF-flyFromRight 1s ease 800ms both;
	-ms-animation: 		KF-flyFromRight 1s ease 800ms both;
	-o-animation: 		KF-flyFromRight 1s ease 800ms both;
	animation: 			KF-flyFromRight 1s ease 800ms both;
}

.section.active .flyFromRight-5 {
	-webkit-animation: 	KF-flyFromRight 1s ease 1000ms both;
	-moz-animation: 	KF-flyFromRight 1s ease 1000ms both;
	-ms-animation: 		KF-flyFromRight 1s ease 1000ms both;
	-o-animation: 		KF-flyFromRight 1s ease 1000ms both;
	animation: 			KF-flyFromRight 1s ease 1000ms both;
}

.section.active .flyFromRight-6 {
	-webkit-animation: 	KF-flyFromRight 1s ease 1200ms both;
	-moz-animation: 	KF-flyFromRight 1s ease 1200ms both;
	-ms-animation: 		KF-flyFromRight 1s ease 1200ms both;
	-o-animation: 		KF-flyFromRight 1s ease 1200ms both;
	animation: 			KF-flyFromRight 1s ease 1200ms both;
}


.section .flyFromRight-1 {
	-webkit-animation: 	KF-backToRight 0.5s ease 0ms both;
	-moz-animation: 	KF-backToRight 0.5s ease 0ms both;
	-ms-animation: 		KF-backToRight 0.5s ease 0ms both;
	-o-animation: 		KF-backToRight 0.5s ease 0ms both;
	animation: 			KF-backToRight 0.5s ease 0ms both;
}

.section .flyFromRight-2 {
	-webkit-animation: 	KF-backToRight 0.5s ease 0ms both;
	-moz-animation: 	KF-backToRight 0.5s ease 0ms both;
	-ms-animation: 		KF-backToRight 0.5s ease 0ms both;
	-o-animation: 		KF-backToRight 0.5s ease 0ms both;
	animation: 			KF-backToRight 0.5s ease 0ms both;
}

.section .flyFromRight-3 {
	-webkit-animation: 	KF-backToRight 0.5s ease 0ms both;
	-moz-animation: 	KF-backToRight 0.5s ease 0ms both;
	-ms-animation: 		KF-backToRight 0.5s ease 0ms both;
	-o-animation: 		KF-backToRight 0.5s ease 0ms both;
	animation: 			KF-backToRight 0.5s ease 0ms both;
}

.section .flyFromRight-4 {
	-webkit-animation: 	KF-backToRight 0.5s ease 0ms both;
	-moz-animation: 	KF-backToRight 0.5s ease 0ms both;
	-ms-animation: 		KF-backToRight 0.5s ease 0ms both;
	-o-animation: 		KF-backToRight 0.5s ease 0ms both;
	animation: 			KF-backToRight 0.5s ease 0ms both;
}

.section .flyFromRight-5 {
	-webkit-animation: 	KF-backToRight 0.5s ease 0ms both;
	-moz-animation: 	KF-backToRight 0.5s ease 0ms both;
	-ms-animation: 		KF-backToRight 0.5s ease 0ms both;
	-o-animation: 		KF-backToRight 0.5s ease 0ms both;
	animation: 			KF-backToRight 0.5s ease 0ms both;
}

.section .flyFromRight-6 {
	-webkit-animation: 	KF-backToRight 0.5s ease 0ms both;
	-moz-animation: 	KF-backToRight 0.5s ease 0ms both;
	-ms-animation: 		KF-backToRight 0.5s ease 0ms both;
	-o-animation: 		KF-backToRight 0.5s ease 0ms both;
	animation: 			KF-backToRight 0.5s ease 0ms both;
}

@-webkit-keyframes KF-flyFromRight {
	0%	{ opacity: 0; -webkit-transform: translateX(400px);}
	100%{ opacity: 1; -webkit-transform: translateX(0px);}
}
@-moz-keyframes KF-flyFromRight {
	0%	{ opacity: 0; -moz-transform: translateX(400px);}
	100%{ opacity: 1; -moz-transform: translateX(0px);}
}
@-ms-keyframes KF-flyFromRight {
	0%	{ opacity: 0; -ms-transform: translateX(400px);}
	100%{ opacity: 1; -ms-transform: translateX(0px);}
}
@-o-keyframes KF-flyFromRight {
	0%	{ opacity: 0; -o-transform: translateX(400px);}
	100%{ opacity: 1; -o-transform: translateX(0px);}
}
@keyframes KF-flyFromRight {
	0%	{ opacity: 0; transform: translateX(400px);}
	100%{ opacity: 1; transform: translateX(0px);}
}


@-webkit-keyframes KF-backToRight {
	0%	{ opacity: 1; -webkit-transform: translateX(0px);}
	100%{ opacity: 0; -webkit-transform: translateX(400px);}
}@-moz-keyframes KF-backToRight {
	0%	{ opacity: 1; -moz-transform: translateX(0px);}
	100%{ opacity: 0; -moz-transform: translateX(400px);}
}@-ms-keyframes KF-backToRight {
	0%	{ opacity: 1; -ms-transform: translateX(0px);}
	100%{ opacity: 0; -ms-transform: translateX(400px);}
}@-o-keyframes KF-backToRight {
	0%	{ opacity: 1; -o-transform: translateX(0px);}
	100%{ opacity: 0; -o-transform: translateX(400px);}
}@keyframes KF-backToRight {
	0%	{ opacity: 1; transform: translateX(0px);}
	100%{ opacity: 0; transform: translateX(400px);}
}