@charset "UTF-8";

body { 
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

@-moz-keyframes fadeInDown {
	0% { opacity: 0;	-moz-transform: translateY(-50px); }
	100% { opacity: 1; -moz-transform: translateY(0px); }
}

@-o-keyframes fadeInDown {
	0% { opacity: 0; -o-transform: translateY(-50px); }
	100% {	opacity: 1;	-o-transform: translateY(0px); }
}

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

.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}


@-moz-keyframes fadeDownIn {
	0% { opacity: 0;	-moz-transform: translateY(10px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeDownIn {
	0% { opacity: 0; -o-transform: translateY(10px); }
	100% {	opacity: 1;	-o-transform: translateY(0); }
}

@keyframes fadeDownIn {
	0% { opacity: 0; transform: translateY(10px); }
	100% {	opacity: 1;	transform: translateY(0); }
}

.animated.fadeDownIn {
	-webkit-animation-name: fadeDownIn;
	-moz-animation-name: fadeDownIn;
	-o-animation-name: fadeDownIn;
	animation-name: fadeDownIn;
}

/*effect fadeInLeftBig*/

@-webkit-keyframes fadeInLeftBig {
	0% { opacity: 0; -webkit-transform: translateX(-2000px); }
	100% { opacity: 1;	-webkit-transform: translateX(0); }
}
@-moz-keyframes fadeInLeftBig {
	0% { opacity: 0; -moz-transform: translateX(-2000px);}
	100% { opacity: 1; -moz-transform: translateX(0); }
}
@-o-keyframes fadeInLeftBig {
	0% { opacity: 0;	-o-transform: translateX(-2000px);}
	100% {	opacity: 1;	-o-transform: translateX(0);}
}
@keyframes fadeInLeftBig {
	0% { opacity: 0; transform: translateX(-2000px);}
	100% { opacity: 1; transform: translateX(0);	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
	0% { opacity: 0; -webkit-transform: translateX(500px);	}
	100% {	opacity: 1;	-webkit-transform: translateX(0);	}
}
@-moz-keyframes fadeInRightBig {
	0% { opacity: 0; -webkit-transform: translateX(500px);	}
	100% {	opacity: 1;	-webkit-transform: translateX(0);	}
}
@-o-keyframes fadeInRightBig {
	0% { opacity: 0; -webkit-transform: translateX(500px);	}
	100% {	opacity: 1;	-webkit-transform: translateX(0);	}
}
@keyframes fadeInRightBig {
	0% { opacity: 0; -webkit-transform: translateX(500px);	}
	100% {	opacity: 1;	-webkit-transform: translateX(0);	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes skew {
	0% { 	opacity: 0; -webkit-transform: skewX(45deg);
			transform: skewX(45deg);
			transition-property: opacity, -webkit-transform;
			transition-property: transform, opacity;
			transition-property: transform, opacity, -webkit-transform;}
	100% {	-webkit-transform: skewX(0); transform: skewX(0); opacity: 1;	}
}
@-moz-keyframes skew {
	0% { 	opacity: 0; -webkit-transform: skewX(20deg);
			transform: skewX(20deg);
			transition-property: opacity, -webkit-transform;
			transition-property: transform, opacity;
			transition-property: transform, opacity, -webkit-transform;}
	100% {	-webkit-transform: skewX(0); transform: skewX(0); opacity: 1;	}
}
@-o-keyframes skew {
	0% { 	opacity: 0; -webkit-transform: skewX(20deg);
			transform: skewX(20deg);
			transition-property: opacity, -webkit-transform;
			transition-property: transform, opacity;
			transition-property: transform, opacity, -webkit-transform;}
	100% {	-webkit-transform: skewX(0); transform: skewX(0); opacity: 1;	}
}
@keyframes skew {
	0% { 	opacity: 0; -webkit-transform: skewX(20deg);
			transform: skewX(20deg);
			transition-property: opacity, -webkit-transform;
			transition-property: transform, opacity;
			transition-property: transform, opacity, -webkit-transform;}
	100% {	-webkit-transform: skewX(0); transform: skewX(0); opacity: 1;	}
}

.skew {
	-webkit-animation-name: skew;
	-moz-animation-name: skew;
	-o-animation-name: skew;
	animation-name: skew;
}