.fadeIn{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {transform: 1;}
}
@-moz-keyframes fadeIn {
  0% {opacity: 0;}
  100% {transform: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {transform: 1;}
}

.fadeInDelay{
  -webkit-animation-name: fadeInDelay;
  animation-name: fadeInDelay;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
@-webkit-keyframes fadeInDelay {
    0% {opacity: 0;}
    60% {opacity: 0;}
    100% {transform: 1;}
}
@-moz-keyframes fadeInDelay {
  0% {opacity: 0;}
  60% {opacity: 0;}
  100% {transform: 1;}
}
@keyframes fadeInDelay {
  0% {opacity: 0;}
  60% {opacity: 0;}
  100% {transform: 1;}
}

.slide1{
  -webkit-animation-name: slideDown;
	animation-name: slideDown;
  -webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.slide2{
  -webkit-animation-name: slideDownLeft;
	animation-name: slideDownLeft;
  -webkit-animation-duration: 1.9s;
	animation-duration: 1.9s;
}
.slide3{
  -webkit-animation-name: slideDownRight;
	animation-name: slideDownRight;
  -webkit-animation-duration: 1.7s;
	animation-duration: 1.7s;
}
.slide4{
  -webkit-animation-name: slideDown;
	animation-name: slideDown;
  -webkit-animation-duration: 1.62s;
	animation-duration: 1.62s;
}
.slide5{
  -webkit-animation-name: slideDownLeft;
	animation-name: slideDownLeft;
  -webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.slide6{
  -webkit-animation-name: slideDownRight;
	animation-name: slideDownRight;
  -webkit-animation-duration: 1.85s;
	animation-duration: 1.85s;
}

.swipe1{
  -webkit-animation-name: slideDown;
	animation-name: slideDown;
  -webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
.swipe2{
  -webkit-animation-name: slideDownLeft;
	animation-name: slideDownLeft;
  -webkit-animation-duration: 0.58s;
	animation-duration: 0.58s;
}
.swipe3{
  -webkit-animation-name: slideDownRight;
	animation-name: slideDownRight;
  -webkit-animation-duration: 0.65s;
	animation-duration: 0.65s;
}
.swipe4{
  -webkit-animation-name: slideDown;
	animation-name: slideDown;
  -webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
.swipe5{
  -webkit-animation-name: slideDownLeft;
	animation-name: slideDownLeft;
  -webkit-animation-duration: 0.72s;
	animation-duration: 0.72s;
}
.swipe6{
  -webkit-animation-name: slideDownRight;
	animation-name: slideDownRight;
  -webkit-animation-duration: 0.47s;
	animation-duration: 0.47s;
}

@-webkit-keyframes slideDown {
    from {transform: -webkit-translateY(-95vh) -webkit-scale(3);}
    to {transform: -webkit-translateY(0%) -webkit-scale(1);}
}
@keyframes slideDown {
  from {transform: translateY(-95vh) scale(3);}
  to {transform: translateY(0%) scale(1);}
}

@-webkit-keyframes slideDownLeft {
    from {transform: -webkit-translateY(-80vh) -webkit-translateX(100vw) -webkit-scale(1.5);}
    to {transform: -webkit-translateY(0%) -webkit-translateX(0%) -webkit-scale(1);}
}
@keyframes slideDownLeft {
  from {transform: translateY(-80vh) translateX(100vw) scale(1.5);}
  to {transform: translateY(0%) translateX(0%) scale(1);}
}

@-webkit-keyframes slideDownRight {
  from {transform: -webkit-translateY(-80vh) -webkit-translateX(-100vw) -webkit-scale(2);}
  to {transform: -webkit-translateY(0%) -webkit-translateX(0%) -webkit-scale(1);}
}
@keyframes slideDownRight {
  from {transform: translateY(-80vh) translateX(-100vw) scale(2);}
  to {transform: translateY(0%) translateX(0%) scale(1);}
}

.slideRight{
  -webkit-animation-name: slideRight;
	animation-name: slideRight;
  -webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
@-webkit-keyframes slideRight {
  from {transform: -webkit-translateX(-100%);}
  to {transform: -webkit-translateX(0%);}
}
@keyframes slideRight {
  from {transform: translateX(-100%);}
  to {transform: translateX(0%);}
}

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;

	animation-duration: 2s;
	-webkit-animation-duration: 2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.96) rotate(1deg);
	}
	50% {
		-webkit-transform: scale(1) rotate(-0.5deg);
	}
	100% {
		-webkit-transform: scale(0.96) rotate(1deg);
	}
}
@keyframes pulse {
	0% {
		transform: scale(0.96) rotate(1deg);
	}
	50% {
		transform: scale(1) rotate(-0.5deg);
	}
	100% {
		transform: scale(0.96) rotate(1deg);
	}
}