/*##########################################################
#                       ANIMATIONFLOW.JS                   #
#                           V.1.3.0                        #
#                     by Florian Strasser                  #
#                   www.florian-strasser.de                #
##########################################################*/

body, html{
	max-width:100%;
	
}
.animated{
	opacity:0;
	transition:2s opacity;
	-moz-transition:2s opacity;
	-webkit-transition:2s opacity;
	-o-transition:2s opacity;
	-ms-transition:2s opacity;
}
.animated.fast{
	transition:1s opacity;
	-moz-transition:1s opacity;
	-webkit-transition:1s opacity;
	-o-transition:1s opacity;
	-ms-transition:1s opacity;
}
.animated.slow{
	transition:3s all;
	-moz-transition:3s all;
	-webkit-transition:3s all;
	-o-transition:3s all;
	-ms-transition:3s all;
}
.animated.inView{
	opacity:1.0;
}
.animated.fromLeft{
	position:relative;
	transform:translateX(-100px);
	transition-property: transform, opacity !important;
}
.animated.fromLeft.inView{
	transform:translateX(0px);
}
.animated.fromRight{
	position:relative;
	transform:translateX(100px);
	transition-property: transform, opacity !important;
}
.animated.fromRight.inView{
	transform:translateX(0px);
}
.animated.fromTop{
	position:relative;
	transform:translateY(-100px);
	transition-property: transform, opacity !important;
}
.animated.fromTop.inView{
	transform:translateY(0px);
}
.animated.fromBottom{
	position:relative;
	transform:translateY(100px);
	transition-property: transform, opacity !important;
}
.animated.fromBottom.inView{
	transform:translateY(0px);
}
.animated.rotating{
	transform:rotate(1080deg);
	-moz-transform:rotate(1080deg);
	-webkit-transform:rotate(1080deg);
	-o-transform:rotate(1080deg);
	-ms-transform:rotate(1080deg);
}
.animated.rotating.inView{
	transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
}
.animated-text span{
	position:relative;
	opacity:0;
	top:10px;
	tranisition:0.3s all;
}
.animated-text span.inView{
	opacity:1;
	top:0;
}
.animated-chars span.af-char{
	opacity: 0;
	transform: translateY(100%) rotate(12deg);
	transition: 2s opacity, 2s transform;
	transition-delay: calc(15ms * var(--char-index));
	position: relative;
	display: inline-block;
}
.animated-chars.inView span.af-char{
	transform: translateY(0%) rotate(0deg);
	opacity:1;
}
@media(max-width:1340px){
	.animated.fromLeft, .animated.fromRight{
		left:auto;
		right:auto;
		bottom:-100px;
	}
	.animated.fromLeft.inView,.animated.fromRight.inView{
		bottom:0px;
	}
	
}