[data-animated="true"] {
	opacity: 0;
}

.animated {
	opacity: 0;
	animation-duration: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes scaleXout {
	from {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes scaleXout {
	from {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.scaleXout {
	-webkit-animation-name: scaleXout;
	animation-name: scaleXout;
}

@-webkit-keyframes scalePop {
	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scalePop {
	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.scalePop {
	-webkit-animation-name: scalePop;
	animation-name: scalePop;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 15%, 0);
		transform: translate3d(0, 15%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 15%, 0);
		transform: translate3d(0, 15%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -15%, 0);
		transform: translate3d(0, -15%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -15%, 0);
		transform: translate3d(0, -15%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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


@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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


@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	@include opacity(1);
	@include transition(opacity 1s ease-in-out);
}

.animated-delay {
	&-0 {
		-webkit-animation-delay: 0ms;
		animation-delay: 0ms;
		transition-delay: 0ms;
	}
	&-250 {
		-webkit-animation-delay: 250ms;
		animation-delay: 250ms;
		transition-delay: 250ms;
	}
	&-500 {
		-webkit-animation-delay: 500ms;
		animation-delay: 500ms;
		transition-delay: 500ms;
	}
	&-750ms {
		-webkit-animation-delay: 750ms;
		animation-delay: 750ms;
		transition-delay: 750ms;
	}
	&-1000 {
		-webkit-animation-delay: 1000ms;
		animation-delay: 1000ms;
		transition-delay: 1000ms;
	}
	&-1500 {
		-webkit-animation-delay: 1500ms;
		animation-delay: 1500ms;
		transition-delay: 1500ms;
	}
	&-2000 {
		-webkit-animation-delay: 2000ms;
		animation-delay: 2000ms;
		transition-delay: 2000ms;
	}
	&-2500 {
		-webkit-animation-delay: 2500ms;
		animation-delay: 2500ms;
		transition-delay: 25-0ms;
	}
	&-3000 {
		-webkit-animation-delay: 3000ms;
		animation-delay: 3000ms;
		transition-delay: 3000ms;
	}
}