/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/

/*
==============================================
slideDown
==============================================
*/


.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;
	animation-duration: .5s;
	-webkit-animation-duration: .5s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
 @keyframes slideDown {
 0% {
 transform: translateY(-100%);
}
 50% {
 transform: translateY(8%);
}
 65% {
 transform: translateY(-4%);
}
 80% {
 transform: translateY(4%);
}
 95% {
 transform: translateY(-2%);
}
 100% {
 transform: translateY(0%);
}
}
 @-webkit-keyframes slideDown {
 0% {
 -webkit-transform: translateY(-100%);
}
 50% {
 -webkit-transform: translateY(8%);
}
 65% {
 -webkit-transform: translateY(-4%);
}
 80% {
 -webkit-transform: translateY(4%);
}
 95% {
 -webkit-transform: translateY(-2%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/*
==============================================
slideUp
==============================================
*/


.slideUp {
	animation-name: slideUp;
	-webkit-animation-name: slideUp;
	animation-duration: .5s;
	-webkit-animation-duration: .5s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
 @keyframes slideUp {
 0% {
 transform: translateY(100%);
}
 50% {
 transform: translateY(-8%);
}
 65% {
 transform: translateY(4%);
}
 80% {
 transform: translateY(-4%);
}
 95% {
 transform: translateY(2%);
}
 100% {
 transform: translateY(0%);
}
}
 @-webkit-keyframes slideUp {
 0% {
 -webkit-transform: translateY(100%);
}
 50% {
 -webkit-transform: translateY(-8%);
}
 65% {
 -webkit-transform: translateY(4%);
}
 80% {
 -webkit-transform: translateY(-4%);
}
 95% {
 -webkit-transform: translateY(2%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/*
==============================================
slideLeft
==============================================
*/


.slideLeft {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;
	animation-duration: .5s;
	-webkit-animation-duration: .5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
 @keyframes slideLeft {
 0% {
 transform: translateX(150%);
}
 50% {
 transform: translateX(-8%);
}
 65% {
 transform: translateX(4%);
}
 80% {
 transform: translateX(-4%);
}
 95% {
 transform: translateX(2%);
}
 100% {
 transform: translateX(0%);
}
}
 @-webkit-keyframes slideLeft {
 0% {
 -webkit-transform: translateX(150%);
}
 50% {
 -webkit-transform: translateX(-8%);
}
 65% {
 -webkit-transform: translateX(4%);
}
 80% {
 -webkit-transform: translateX(-4%);
}
 95% {
 -webkit-transform: translateX(2%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
/*
==============================================
slideRight
==============================================
*/


.slideRight {
	animation-name: slideRight;
	-webkit-animation-name: slideRight;
	animation-duration: .5s;
	-webkit-animation-duration: .5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
 @keyframes slideRight {
 0% {
 transform: translateX(-150%);
}
 50% {
 transform: translateX(8%);
}
 65% {
 transform: translateX(-4%);
}
 80% {
 transform: translateX(4%);
}
 95% {
 transform: translateX(-2%);
}
 100% {
 transform: translateX(0%);
}
}
 @-webkit-keyframes slideRight {
 0% {
 -webkit-transform: translateX(-150%);
}
 50% {
 -webkit-transform: translateX(8%);
}
 65% {
 -webkit-transform: translateX(-4%);
}
 80% {
 -webkit-transform: translateX(4%);
}
 95% {
 -webkit-transform: translateX(-2%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp {
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;
	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease -out;
	visibility: visible !important;
}
 @keyframes slideExpandUp {
 0% {
 transform: translateY(100%) scaleX(0.5);
}
 30% {
 transform: translateY(-8%) scaleX(0.5);
}
 40% {
 transform: translateY(2%) scaleX(0.5);
}
 50% {
 transform: translateY(0%) scaleX(1.1);
}
 60% {
 transform: translateY(0%) scaleX(0.9);
}
 70% {
 transform: translateY(0%) scaleX(1.05);
}
 80% {
 transform: translateY(0%) scaleX(0.95);
}
 90% {
 transform: translateY(0%) scaleX(1.02);
}
 100% {
 transform: translateY(0%) scaleX(1);
}
}
 @-webkit-keyframes slideExpandUp {
 0% {
 -webkit-transform: translateY(100%) scaleX(0.5);
}
 30% {
 -webkit-transform: translateY(-8%) scaleX(0.5);
}
 40% {
 -webkit-transform: translateY(2%) scaleX(0.5);
}
 50% {
 -webkit-transform: translateY(0%) scaleX(1.1);
}
 60% {
 -webkit-transform: translateY(0%) scaleX(0.9);
}
 70% {
 -webkit-transform: translateY(0%) scaleX(1.05);
}
 80% {
 -webkit-transform: translateY(0%) scaleX(0.95);
}
 90% {
 -webkit-transform: translateY(0%) scaleX(1.02);
}
 100% {
 -webkit-transform: translateY(0%) scaleX(1);
}
}
/*
==============================================
expandUp
==============================================
*/


.expandUp {
	animation-name: expandUp;
	-webkit-animation-name: expandUp;
	animation-duration: 0.7s;
	-webkit-animation-duration: 0.7s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
 @keyframes expandUp {
 0% {
 transform: translateY(100%) scale(0.6) scaleY(0.5);
}
 60% {
 transform: translateY(-7%) scaleY(1.12);
}
 75% {
 transform: translateY(3%);
}
 100% {
 transform: translateY(0%) scale(1) scaleY(1);
}
}
 @-webkit-keyframes expandUp {
 0% {
 -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}
 60% {
 -webkit-transform: translateY(-7%) scaleY(1.12);
}
 75% {
 -webkit-transform: translateY(3%);
}
 100% {
 -webkit-transform: translateY(0%) scale(1) scaleY(1);
}
}
/*
==============================================
fadeIn
==============================================
*/

.fadeIn {
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
 @keyframes fadeIn {
 0% {
 transform: scale(0);
 opacity: 0.0;
}
 60% {
 transform: scale(1.1);
}
 80% {
 transform: scale(0.9);
 opacity: 1;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}
 @-webkit-keyframes fadeIn {
 0% {
 -webkit-transform: scale(0);
 opacity: 0.0;
}
 60% {
 -webkit-transform: scale(1.1);
}
 80% {
 -webkit-transform: scale(0.9);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1);
 opacity: 1;
}
}
/*
==============================================
expandOpen
==============================================
*/


.expandOpen {
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;
	animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	visibility: visible !important;
}
 @keyframes expandOpen {
 0% {
 transform: scale(1.8);
}
 50% {
 transform: scale(0.95);
}
 80% {
 transform: scale(1.05);
}
 90% {
 transform: scale(0.98);
}
 100% {
 transform: scale(1);
}
}
 @-webkit-keyframes expandOpen {
 0% {
 -webkit-transform: scale(1.8);
}
 50% {
 -webkit-transform: scale(0.95);
}
 80% {
 -webkit-transform: scale(1.05);
}
 90% {
 -webkit-transform: scale(0.98);
}
 100% {
 -webkit-transform: scale(1);
}
}
/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance {
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;
	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	visibility: visible !important;
}
 @keyframes bigEntrance {
 0% {
 transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
 opacity: 0.2;
}
 30% {
 transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
 opacity: 1;
}
 45% {
 transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 60% {
 transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 75% {
 transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 90% {
 transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 100% {
 transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
 opacity: 1;
}
}
 @-webkit-keyframes bigEntrance {
 0% {
 -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
 opacity: 0.2;
}
 30% {
 -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
 opacity: 1;
}
 45% {
 -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 60% {
 -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 75% {
 -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 90% {
 -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
 opacity: 1;
}
}
/*
==============================================
hatch
==============================================
*/

.hatch {
	animation-name: hatch;
	-webkit-animation-name: hatch;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	visibility: visible !important;
}
 @keyframes hatch {
 0% {
 transform: rotate(0deg) scaleY(0.6);
}
 20% {
 transform: rotate(-2deg) scaleY(1.05);
}
 35% {
 transform: rotate(2deg) scaleY(1);
}
 50% {
 transform: rotate(-2deg);
}
 65% {
 transform: rotate(1deg);
}
 80% {
 transform: rotate(-1deg);
}
 100% {
 transform: rotate(0deg);
}
}
 @-webkit-keyframes hatch {
 0% {
 -webkit-transform: rotate(0deg) scaleY(0.6);
}
 20% {
 -webkit-transform: rotate(-2deg) scaleY(1.05);
}
 35% {
 -webkit-transform: rotate(2deg) scaleY(1);
}
 50% {
 -webkit-transform: rotate(-2deg);
}
 65% {
 -webkit-transform: rotate(1deg);
}
 80% {
 -webkit-transform: rotate(-1deg);
}
 100% {
 -webkit-transform: rotate(0deg);
}
}
/*
==============================================
bounce
==============================================
*/


.bounce {
	animation-name: bounce;
	-webkit-animation-name: bounce;
	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
}
 @keyframes bounce {
 0% {
 transform: translateY(0%) scaleY(0.6);
}
 60% {
 transform: translateY(-100%) scaleY(1.1);
}
 70% {
 transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
 80% {
 transform: translateY(0%) scaleY(1.05) scaleX(1);
}
 90% {
 transform: translateY(0%) scaleY(0.95) scaleX(1);
}
 100% {
 transform: translateY(0%) scaleY(1) scaleX(1);
}
}
 @-webkit-keyframes bounce {
 0% {
 -webkit-transform: translateY(0%) scaleY(0.6);
}
 60% {
 -webkit-transform: translateY(-100%) scaleY(1.1);
}
 70% {
 -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
 80% {
 -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
}
 90% {
 -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
}
 100% {
 -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
}
}
/*
==============================================
pulse
==============================================
*/

.pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
 @keyframes pulse {
 0% {
 transform: scale(0.95);
 opacity: 0.7;
}
 50% {
 transform: scale(1);
 opacity: 1;
}
 100% {
 transform: scale(0.95);
 opacity: 0.7;
}
}
 @-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(0.95);
 opacity: 0.7;
}
 50% {
 -webkit-transform: scale(1);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(0.95);
 opacity: 0.7;
}
}
/*
==============================================
floating
==============================================
*/

.floating {
	animation-name: floating;
	-webkit-animation-name: floating;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
 @keyframes floating {
 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(8%);
}
 100% {
 transform: translateY(0%);
}
}
 @-webkit-keyframes floating {
 0% {
 -webkit-transform: translateY(0%);
}
 50% {
 -webkit-transform: translateY(8%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/*
==============================================
tossing
==============================================
*/

.tossing {
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 2.5s;
	-webkit-animation-duration: 2.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
 @keyframes tossing {
 0% {
 transform: rotate(-4deg);
}
 50% {
 transform: rotate(4deg);
}
 100% {
 transform: rotate(-4deg);
}
}
 @-webkit-keyframes tossing {
 0% {
 -webkit-transform: rotate(-4deg);
}
 50% {
 -webkit-transform: rotate(4deg);
}
 100% {
 -webkit-transform: rotate(-4deg);
}
}
/*
==============================================
pullUp
==============================================
*/

.pullUp {
	animation-name: pullUp;
	-webkit-animation-name: pullUp;
	animation-duration: .6s;
	-webkit-animation-duration: .6s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
}
 @keyframes pullUp {
 0% {
 transform: scaleY(0.1);
}
 40% {
 transform: scaleY(1.02);
}
 60% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(1);
}
}
 @-webkit-keyframes pullUp {
 0% {
 -webkit-transform: scaleY(0.1);
}
 40% {
 -webkit-transform: scaleY(1.02);
}
 60% {
 -webkit-transform: scaleY(0.98);
}
 80% {
 -webkit-transform: scaleY(1.01);
}
 100% {
 -webkit-transform: scaleY(0.98);
}
 80% {
 -webkit-transform: scaleY(1.01);
}
 100% {
 -webkit-transform: scaleY(1);
}
}
/*
==============================================
pullDown
==============================================
*/

.pullDown {
	animation-name: pullDown;
	-webkit-animation-name: pullDown;
	animation-duration: .6s;
	-webkit-animation-duration: .6s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
}
 @keyframes pullDown {
 0% {
 transform: scaleY(0.1);
}
 40% {
 transform: scaleY(1.02);
}
 60% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(1);
}
}
 @-webkit-keyframes pullDown {
 0% {
 -webkit-transform: scaleY(0.1);
}
 40% {
 -webkit-transform: scaleY(1.02);
}
 60% {
 -webkit-transform: scaleY(0.98);
}
 80% {
 -webkit-transform: scaleY(1.01);
}
 100% {
 -webkit-transform: scaleY(0.98);
}
 80% {
 -webkit-transform: scaleY(1.01);
}
 100% {
 -webkit-transform: scaleY(1);
}
}
/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft {
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%;
}
 @keyframes stretchLeft {
 0% {
 transform: scaleX(0.3);
}
 40% {
 transform: scaleX(1.02);
}
 60% {
 transform: scaleX(0.98);
}
 80% {
 transform: scaleX(1.01);
}
 100% {
 transform: scaleX(0.98);
}
 80% {
 transform: scaleX(1.01);
}
 100% {
 transform: scaleX(1);
}
}
 @-webkit-keyframes stretchLeft {
 0% {
 -webkit-transform: scaleX(0.3);
}
 40% {
 -webkit-transform: scaleX(1.02);
}
 60% {
 -webkit-transform: scaleX(0.98);
}
 80% {
 -webkit-transform: scaleX(1.01);
}
 100% {
 -webkit-transform: scaleX(0.98);
}
 80% {
 -webkit-transform: scaleX(1.01);
}
 100% {
 -webkit-transform: scaleX(1);
}
}
/*
==============================================
stretchRight
==============================================
*/

.stretchRight {
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
}
 @keyframes stretchRight {
 0% {
 transform: scaleX(0.3);
}
 40% {
 transform: scaleX(1.02);
}
 60% {
 transform: scaleX(0.98);
}
 80% {
 transform: scaleX(1.01);
}
 100% {
 transform: scaleX(0.98);
}
 80% {
 transform: scaleX(1.01);
}
 100% {
 transform: scaleX(1);
}
}
 @-webkit-keyframes stretchRight {
 0% {
 -webkit-transform: scaleX(0.3);
}
 40% {
 -webkit-transform: scaleX(1.02);
}
 60% {
 -webkit-transform: scaleX(0.98);
}
 80% {
 -webkit-transform: scaleX(1.01);
}
 100% {
 -webkit-transform: scaleX(0.98);
}
 80% {
 -webkit-transform: scaleX(1.01);
}
 100% {
 -webkit-transform: scaleX(1);
}
}
.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
}
.animated.hinge {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
}
@-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*
@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
*/
@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInUp {
 0% {
 opacity: 0;
 -moz-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInUp {
 0% {
 opacity: 0;
 -o-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInDown {
 0% {
 opacity: 0;
 -moz-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInDown {
 0% {
 opacity: 0;
 -o-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -moz-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
 @-o-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -o-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -o-transform: translateX(0);
}
}
 @keyframes fadeInLeft {
 0% {
 opacity: 0;
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes fadeInRight {
 0% {
 opacity: 0;
 -moz-transform: translateX(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
 @-o-keyframes fadeInRight {
 0% {
 opacity: 0;
 -o-transform: translateX(20px);
}
 100% {
 opacity: 1;
 -o-transform: translateX(0);
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -moz-transform: translateY(2000px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -o-transform: translateY(2000px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInUpBig {
 0% {
 opacity: 0;
 transform: translateY(2000px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -moz-transform: translateY(-2000px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -o-transform: translateY(-2000px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInDownBig {
 0% {
 opacity: 0;
 transform: translateY(-2000px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-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(2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes fadeInRightBig {
 0% {
 opacity: 0;
 -moz-transform: translateX(2000px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
 @-o-keyframes fadeInRightBig {
 0% {
 opacity: 0;
 -o-transform: translateX(2000px);
}
 100% {
 opacity: 1;
 -o-transform: translateX(0);
}
}
 @keyframes fadeInRightBig {
 0% {
 opacity: 0;
 transform: translateX(2000px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @-moz-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @-o-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
 0% {
 opacity: 1;
 -moz-transform: translateY(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
 0% {
 opacity: 1;
 -o-transform: translateY(0);
}
 100% {
 opacity: 0;
 -o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
 0% {
 opacity: 1;
 transform: translateY(0);
}
 100% {
 opacity: 0;
 transform: translateY(-20px);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
}
 @-moz-keyframes fadeOutDown {
 0% {
 opacity: 1;
 -moz-transform: translateY(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateY(20px);
}
}
 @-o-keyframes fadeOutDown {
 0% {
 opacity: 1;
 -o-transform: translateY(0);
}
 100% {
 opacity: 0;
 -o-transform: translateY(20px);
}
}
 @keyframes fadeOutDown {
 0% {
 opacity: 1;
 transform: translateY(0);
}
 100% {
 opacity: 0;
 transform: translateY(20px);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
}
}
 @-moz-keyframes fadeOutLeft {
 0% {
 opacity: 1;
 -moz-transform: translateX(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateX(-20px);
}
}
 @-o-keyframes fadeOutLeft {
 0% {
 opacity: 1;
 -o-transform: translateX(0);
}
 100% {
 opacity: 0;
 -o-transform: translateX(-20px);
}
}
 @keyframes fadeOutLeft {
 0% {
 opacity: 1;
 transform: translateX(0);
}
 100% {
 opacity: 0;
 transform: translateX(-20px);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(20px);
}
}
 @-moz-keyframes fadeOutRight {
 0% {
 opacity: 1;
 -moz-transform: translateX(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateX(20px);
}
}
 @-o-keyframes fadeOutRight {
 0% {
 opacity: 1;
 -o-transform: translateX(0);
}
 100% {
 opacity: 0;
 -o-transform: translateX(20px);
}
}
 @keyframes fadeOutRight {
 0% {
 opacity: 1;
 transform: translateX(0);
}
 100% {
 opacity: 0;
 transform: translateX(20px);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
}
}
 @-moz-keyframes fadeOutUpBig {
 0% {
 opacity: 1;
 -moz-transform: translateY(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateY(-2000px);
}
}
 @-o-keyframes fadeOutUpBig {
 0% {
 opacity: 1;
 -o-transform: translateY(0);
}
 100% {
 opacity: 0;
 -o-transform: translateY(-2000px);
}
}
 @keyframes fadeOutUpBig {
 0% {
 opacity: 1;
 transform: translateY(0);
}
 100% {
 opacity: 0;
 transform: translateY(-2000px);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
}
}
 @-moz-keyframes fadeOutDownBig {
 0% {
 opacity: 1;
 -moz-transform: translateY(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateY(2000px);
}
}
 @-o-keyframes fadeOutDownBig {
 0% {
 opacity: 1;
 -o-transform: translateY(0);
}
 100% {
 opacity: 0;
 -o-transform: translateY(2000px);
}
}
 @keyframes fadeOutDownBig {
 0% {
 opacity: 1;
 transform: translateY(0);
}
 100% {
 opacity: 0;
 transform: translateY(2000px);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
}
}
 @-moz-keyframes fadeOutLeftBig {
 0% {
 opacity: 1;
 -moz-transform: translateX(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateX(-2000px);
}
}
 @-o-keyframes fadeOutLeftBig {
 0% {
 opacity: 1;
 -o-transform: translateX(0);
}
 100% {
 opacity: 0;
 -o-transform: translateX(-2000px);
}
}
 @keyframes fadeOutLeftBig {
 0% {
 opacity: 1;
 transform: translateX(0);
}
 100% {
 opacity: 0;
 transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
 0% {
 opacity: 1;
 -moz-transform: translateX(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
 0% {
 opacity: 1;
 -o-transform: translateX(0);
}
 100% {
 opacity: 0;
 -o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
 0% {
 opacity: 1;
 transform: translateX(0);
}
 100% {
 opacity: 0;
 transform: translateX(2000px);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes slideInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes slideInDown {
 0% {
 opacity: 0;
 -moz-transform: translateY(-2000px);
}
 100% {
 -moz-transform: translateY(0);
}
}
 @-o-keyframes slideInDown {
 0% {
 opacity: 0;
 -o-transform: translateY(-2000px);
}
 100% {
 -o-transform: translateY(0);
}
}
 @keyframes slideInDown {
 0% {
 opacity: 0;
 transform: translateY(-2000px);
}
 100% {
 transform: translateY(0);
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	-moz-animation-name: slideInDown;
	-o-animation-name: slideInDown;
	animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-100%);
}
 100% {
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes slideInLeft {
 0% {
 opacity: 0;
 -moz-transform: translateX(-100%);
}
 100% {
 -moz-transform: translateX(0);
}
}
 @-o-keyframes slideInLeft {
 0% {
 opacity: 0;
 -o-transform: translateX(-100%);
}
 100% {
 -o-transform: translateX(0);
}
}
 @keyframes slideInLeft {
 0% {
 opacity: 0;
 transform: translateX(-100%);
}
 100% {
 transform: translateX(0);
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	-moz-animation-name: slideInLeft;
	-o-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(100%);
}
 100% {
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes slideInRight {
 0% {
 opacity: 0;
 -moz-transform: translateX(100%);
}
 100% {
 -moz-transform: translateX(0);
}
}
 @-o-keyframes slideInRight {
 0% {
 opacity: 0;
 -o-transform: translateX(100%);
}
 100% {
 -o-transform: translateX(0);
}
}
 @keyframes slideInRight {
 0% {
 opacity: 0;
 transform: translateX(100%);
}
 100% {
 transform: translateX(0);
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	-moz-animation-name: slideInRight;
	-o-animation-name: slideInRight;
	animation-name: slideInRight;
}
@-webkit-keyframes slideOutUp {
 0% {
 -webkit-transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
}
}
 @-moz-keyframes slideOutUp {
 0% {
 -moz-transform: translateY(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateY(-2000px);
}
}
 @-o-keyframes slideOutUp {
 0% {
 -o-transform: translateY(0);
}
 100% {
 opacity: 0;
 -o-transform: translateY(-2000px);
}
}
 @keyframes slideOutUp {
 0% {
 transform: translateY(0);
}
 100% {
 opacity: 0;
 transform: translateY(-2000px);
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	-moz-animation-name: slideOutUp;
	-o-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
@-webkit-keyframes slideOutLeft {
 0% {
 -webkit-transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
}
}
 @-moz-keyframes slideOutLeft {
 0% {
 -moz-transform: translateX(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateX(-2000px);
}
}
 @-o-keyframes slideOutLeft {
 0% {
 -o-transform: translateX(0);
}
 100% {
 opacity: 0;
 -o-transform: translateX(-2000px);
}
}
 @keyframes slideOutLeft {
 0% {
 transform: translateX(0);
}
 100% {
 opacity: 0;
 transform: translateX(-2000px);
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	-moz-animation-name: slideOutLeft;
	-o-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
 0% {
 -webkit-transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
}
}
 @-moz-keyframes slideOutRight {
 0% {
 -moz-transform: translateX(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateX(2000px);
}
}
 @-o-keyframes slideOutRight {
 0% {
 -o-transform: translateX(0);
}
 100% {
 opacity: 0;
 -o-transform: translateX(2000px);
}
}
 @keyframes slideOutRight {
 0% {
 transform: translateX(0);
}
 100% {
 opacity: 0;
 transform: translateX(2000px);
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	-moz-animation-name: slideOutRight;
	-o-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
 @-webkit-keyframes moveFromLeft {
 from {
 -webkit-transform: translateX(-100%);
}
to {
	-webkit-transform: translateX(0%);
}
}
@-moz-keyframes moveFromLeft {
 from {
 -moz-transform: translateX(-100%);
}
to {
	-moz-transform: translateX(0%);
}
}
@-ms-keyframes moveFromLeft {
 from {
 -ms-transform: translateX(-100%);
}
to {
	-ms-transform: translateX(0%);
}
}
@-o-keyframes moveFromLeft {
 from {
 -ms-transform: translateX(-100%);
}
to {
	-ms-transform: translateX(0%);
}
}
@keyframes moveFromLeft {
 from {
 -ms-transform: translateX(-100%);
}
to {
	-ms-transform: translateX(0%);
}
}
.moveFromLeft {
	-webkit-animation: moveFromLeft 400ms ease;
	-moz-animation: moveFromLeft 400ms ease;
	-ms-animation: moveFromLeft 400ms ease;
	-o-animation: moveFromLeft 400ms ease;
	animation: moveFromLeft 400ms ease;
}
 @-webkit-keyframes moveFromRight {
 from {
 -webkit-transform: translateX(100%);
}
to {
	-webkit-transform: translateX(0%);
}
}
@-moz-keyframes moveFromRight {
 from {
 -moz-transform: translateX(100%);
}
to {
	-moz-transform: translateX(0%);
}
}
@-ms-keyframes moveFromRight {
 from {
 -ms-transform: translateX(100%);
}
to {
	-ms-transform: translateX(0%);
}
}
@-o-keyframes moveFromRight {
 from {
 -ms-transform: translateX(100%);
}
to {
	-ms-transform: translateX(0%);
}
}
@keyframes moveFromRight {
 from {
 -ms-transform: translateX(100%);
}
to {
	-ms-transform: translateX(0%);
}
}
.moveFromRight {
	-webkit-animation: moveFromRight 400ms ease;
	-moz-animation: moveFromRight 400ms ease;
	-ms-animation: moveFromRight 400ms ease;
	-o-animation: moveFromRight 400ms ease;
	animation: moveFromRight 400ms ease;
}
@-webkit-keyframes moveFromBottom {
 from {
 -webkit-transform: translateY(100%);
}
to {
	-webkit-transform: translateY(0%);
}
}
@-moz-keyframes moveFromBottom {
 from {
 -moz-transform: translateY(100%);
}
to {
	-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
 from {
 -ms-transform: translateY(100%);
}
to {
	-ms-transform: translateY(0%);
}
}
@-o-keyframes moveFromBottom {
 from {
 -ms-transform: translateY(100%);
}
to {
	-ms-transform: translateY(0%);
}
}
@keyframes moveFromBottom {
 from {
 -ms-transform: translateY(100%);
}
to {
	-ms-transform: translateY(0%);
}
}
.moveFromBottom {
	-webkit-animation: moveFromBottom 400ms ease;
	-moz-animation: moveFromBottom 400ms ease;
	-ms-animation: moveFromBottom 400ms ease;
	-o-animation: moveFromBottom 400ms ease;
	animation: moveFromBottom 400ms ease;
}
/*
   Animation example, for spinners
*/
.animate-spin {
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
}
@-moz-keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
@-o-keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
@-ms-keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
@keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
/*owl carousel plugin*/

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}
.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
 0% {
opacity: 1
}
}
@-moz-keyframes empty {
 0% {
opacity: 1
}
}
@keyframes empty {
 0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-moz-keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-webkit-keyframes backSlideOut {
 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
 to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade {
 to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaleToFade {
 to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes goDown {
 from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
 from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown {
 from {
transform: translateY(-100%);
}
}
 @-webkit-keyframes scaleUpFrom {
 from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
 from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
 from {
opacity: 0;
transform: scale(1.5);
}
}
 @-webkit-keyframes scaleUpTo {
 to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
 to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
 to {
opacity: 0;
transform: scale(1.5);
}
}