/* css document */
.fromscale0d7{
	animation: fromscale0d7 3s ease both;
	-webkit-animation: fromscale0d7 3s ease both;
	-moz-animation: fromscale0d7 3s ease both;
	-o-animation: fromscale0d7 3s ease both;
}
@keyframes fromscale0d7 {
	from {transform:scale(.7); }
}
@-webkit-keyframes fromscale0d7 {
	from {-webkit-transform:scale(.7); }
}
@-moz-keyframes fromscale0d7 {
	from {-moz-transform:scale(.7); }
}
@-o-keyframes fromscale0d7 {
	from {-o-transform:scale(.7); }
}

.fromtopfade{
	animation: fromtopfade .6s ease both;
	-webkit-animation: fromtopfade .6s ease both;
	-moz-animation: fromtopfade .6s ease both;
	-o-animation: fromtopfade .6s ease both;
}
@keyframes fromtopfade {
	from {transform:translatey(-100%); opacity:.3;}
}
@-webkit-keyframes fromtopfade {
	from {-webkit-transform:translatey(-100%); opacity:.3;}
}
@-moz-keyframes fromtopfade {
	from {-moz-transform:translatey(-100%); opacity:.3;}
}
@-o-keyframes fromtopfade {
	from {-o-transform:translatey(-100%); opacity:.3;}
}

.fromleftfade{
	animation: fromleftfade .6s ease both;
	-webkit-animation: fromleftfade .6s ease both;
	-moz-animation: fromleftfade .6s ease both;
	-o-animation: fromleftfade .6s ease both;
}
@keyframes fromleftfade {
	from {transform:translatex(-100%); opacity:.3;}
}
@-webkit-keyframes fromleftfade {
	from {-webkit-transform:translatex(-100%); opacity:.3;}
}
@-moz-keyframes fromleftfade {
	from {-moz-transform:translatex(-100%); opacity:.3;}
}
@-o-keyframes fromleftfade {
	from {-o-transform:translatex(-100%); opacity:.3;}
}

.fromrightfade{
	animation: fromrightfade .6s ease both;
	-webkit-animation: fromrightfade .6s ease both;
	-moz-animation: fromrightfade .6s ease both;
	-o-animation: fromrightfade .6s ease both;
}
@keyframes fromrightfade {
	from {transform:translatex(100%); opacity:.3;}
}
@-webkit-keyframes fromrightfade {
	from {-webkit-transform:translatex(100%); opacity:.3;}
}
@-moz-keyframes fromrightfade {
	from {-moz-transform:translatex(100%); opacity:.3;}
}
@-o-keyframes fromrightfade {
	from {-o-transform:translatex(100%); opacity:.3;}
}

.fadein{
	animation: fadein .6s ease both;
	-webkit-animation: fadein .6s ease both;
	-moz-animation: fadein .6s ease both;
	-o-animation: fadein .6s ease both;
}
@keyframes fadein {
	from { opacity:.3;}
}
@-webkit-keyframes fadein {
	from { opacity:.3;}
}
@-moz-keyframes fadein {
	from { opacity:.3;}
}
@-o-keyframes fadein {
	from { opacity:.3;}
}

@-webkit-keyframes tolefttop {
	to { -webkit-transform: translatex(-50%) translatey(-50%); opacity:0; }
}
@keyframes tolefttop {
	to { transform: translatex(-50%) translatey(-50%); opacity:0; }
}
@-o-keyframes tolefttop {
	to { -o-transform: translatex(-50%) translatey(-50%); opacity:0; }
}
@-moz-keyframes tolefttop {
	to { -moz-transform: translatex(-50%) translatey(-50%); opacity:0; }
}

@-webkit-keyframes torighttop {
	to { -webkit-transform: translatex(50%) translatey(-50%); opacity:0; }
}
@keyframes torighttop {
	to { transform: translatex(50%) translatey(-50%); opacity:0; }
}
@-o-keyframes torighttop {
	to { -o-transform: translatex(50%) translatey(-50%); opacity:0; }
}
@-moz-keyframes torighttop {
	to { -moz-transform: translatex(50%) translatey(-50%); opacity:0; }
}

@-webkit-keyframes toleftbottom {
	to { -webkit-transform: translatex(-50%) translatey(50%); opacity:0; }
}
@keyframes torighttop {
	to { transform: translatex(50%) translatey(-50%); opacity:0; }
}
@-o-keyframes torighttop {
	to { -o-transform: translatex(50%) translatey(-50%); opacity:0; }
}
@-moz-keyframes torighttop {
	to { -moz-transform: translatex(50%) translatey(-50%); opacity:0; }
}

@-webkit-keyframes torightbottom {
	to { -webkit-transform: translatex(50%) translatey(50%); opacity:0; }
}
@keyframes torightbottom {
	to { transform: translatex(50%) translatey(50%); opacity:0; }
}
@-o-keyframes torightbottom {
	to { -o-transform: translatex(50%) translatey(50%); opacity:0; }
}
@-moz-keyframes torightbottom {
	to { -moz-transform: translatex(50%) translatey(50%); opacity:0; }
}