.mwafe-fadeInTopFixed {
	animation-name: mwafe-fadeInTopFixed;
}

@keyframes mwafe-fadeInTopFixed {
	from {
		opacity: 0;
		transform: translate3d(0, 25px, 0);
	}

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


.mwafe-fadeInBottomFixed {
	animation-name: mwafe-fadeInBottomFixed;
}

@keyframes mwafe-fadeInBottomFixed {
	from {
		opacity: 0;
		transform: translate3d(0, -25px, 0);
	}

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


.mwafe-fadeInLeftFixed {
	animation-name: mwafe-fadeInLeftFixed;
}

@keyframes mwafe-fadeInLeftFixed {
	from {
		opacity: 0;
		transform: translate3d(25px, 0, 0);
	}

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


.mwafe-fadeInRightFixed {
	animation-name: mwafe-fadeInRightFixed;
}

@keyframes mwafe-fadeInRightFixed {
	from {
		opacity: 0;
		transform: translate3d(-25px, 0, 0);
	}

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


.mwafe-clipInTop {
	animation-name: mwafe-clipInTop;
}

@keyframes mwafe-clipInTop {
	from {
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	}

	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}


.mwafe-clipInBottom {
	animation-name: mwafe-clipInBottom;
}

@keyframes mwafe-clipInBottom {
	from {
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	}

	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}


.mwafe-clipInLeft {
	animation-name: mwafe-clipInLeft;
}

@keyframes mwafe-clipInLeft {
	from {
		clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	}

	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}


.mwafe-clipInRight {
	animation-name: mwafe-clipInRight;
}

@keyframes mwafe-clipInRight {
	from {
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}

	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}