.skrollable.item.right{
	-skrollr-animation-name: flipin-right;
}

.skrollable.item.left{
	-skrollr-animation-name: flipin-left;
}

@-skrollr-keyframes flipin-left{
	bottom-top {
        transform: translate3d(0, 150px, 0) perspective(800px) rotate3d(0, 1, 0, 60deg); 
        opacity: 0;
    }
	center {
		transform: translate3d(0, 0, 0) perspective(800px) rotate3d(0, 1, 0, 0deg); 
		opacity: 1;
	}
}

@-skrollr-keyframes flipin-right{
	bottom-top{
        transform: translate3d(0, 150px, 0) perspective(800px) rotate3d(0, 1, 0, -60deg); 
        opacity: 0;
    }
    center {
		transform: translate3d(0, 0, 0) perspective(800px) rotate3d(0, 1, 0, 0deg); 
		opacity: 1;
	}
}

.fx-fadeInUp{
	-skrollr-animation-name: tFadeInUp;
}

@-skrollr-keyframes tFadeInUp{
   701-center{ @class: animated fadeOut; opacity: 0;} 
   700-center{ @class: animated fadeInUp; opacity: 1;}
}

.skrollable.infografik{
	-skrollr-animation-name: functioncall;
}

@-skrollr-keyframes functioncall{
   bottom-center{ }
}