/* 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); }
}

.toScale1d1{
	animation: toScale1d1 5s ease both;
	-webkit-animation: toScale1d1 5s ease both;
	-moz-animation: toScale1d1 5s ease both;
	-o-animation: toScale1d1 5s ease both;
}
@keyframes toScale1d1 {
	to {transform:scale(1.1); }
}
@-webkit-keyframes toScale1d1 {
	to {-webkit-transform:scale(1.1); }
}
@-moz-keyframes toScale1d1 {
	to {-moz-transform:scale(1.1); }
}
@-o-keyframes toScale1d1 {
	to {-o-transform:scale(1.1); }
}

.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;}
}

.fromBottomFade{
	animation: fromBottomFade .6s ease both;
	-webkit-animation: fromBottomFade .6s ease both;
	-moz-animation: fromBottomFade .6s ease both;
	-o-animation: fromBottomFade .6s ease both;
}
@keyframes fromBottomFade {
	from {transform:translateY(100%); opacity:0;}
}
@-webkit-keyframes fromBottomFade {
	from {-webkit-transform:translateY(100%); opacity:0;}
}
@-moz-keyframes fromBottomFade {
	from {-moz-transform:translateY(100%); opacity:0;}
}
@-o-keyframes fromBottomFade {
	from {-o-transform:translateY(100%); opacity:0;}
}

.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:0;}
}
@-webkit-keyframes fromRightFade {
	from {-webkit-transform:translateX(100%); opacity:0;}
}
@-moz-keyframes fromRightFade {
	from {-moz-transform:translateX(100%); opacity:0;}
}
@-o-keyframes fromRightFade {
	from {-o-transform:translateX(100%); opacity:0;}
}

.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; }
}

.delay2{ animation-delay:.2s; -webkit-animation-delay:.2s; -o-animation-delay:.2s; -moz-animation-delay:.2s;}
.delay3{ animation-delay:.4s; -webkit-animation-delay:.4s; -o-animation-delay:.4s; -moz-animation-delay:.4s;}
.delay4{ animation-delay:.6s; -webkit-animation-delay:.6s; -o-animation-delay:.6s; -moz-animation-delay:.6s;}
.delay5{ animation-delay:.8s; -webkit-animation-delay:.8s; -o-animation-delay:.8s; -moz-animation-delay:.8s;}
.delay10{ animation-delay:1s; -webkit-animation-delay:1s; -o-animation-delay:1s; -moz-animation-delay:1s;}