@-webkit-keyframes smile-slideInBottom {

	from {
		-webkit-transform: translateY(20%);
		opacity: 0;
	}

	60% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes smile-slideInBottom {

	from {
		transform: translateY(20%);
		opacity: 0;
	}

	60% {
		transform: translateY(0);
		opacity: 1;
	}
}

.smile-slideInBottom {
	-webkit-animation-name: smile-slideinbottom;
	animation-name: smile-slideInBottom;
}

@-webkit-keyframes smile-slideInDown {

	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

@keyframes smile-slideInDown {

	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

.smile-slideInDown {
	-webkit-animation-name: smile-slideindown;
	animation-name: smile-slideInDown;
}

@-webkit-keyframes smile-slideInLeft {

	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

@keyframes smile-slideInLeft {

	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

.smile-slideInLeft {
	-webkit-animation-name: smile-slideinleft;
	animation-name: smile-slideInLeft;
}

@-webkit-keyframes smile-slideInRight {

	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

@keyframes smile-slideInRight {

	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

.smile-slideInRight {
	-webkit-animation-name: smile-slideinright;
	animation-name: smile-slideInRight;
}

@-webkit-keyframes smile-slideInUp {

	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

@keyframes smile-slideInUp {

	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

.smile-slideInUp {
	-webkit-animation-name: smile-slideinup;
	animation-name: smile-slideInUp;
}

@-webkit-keyframes smile-slideOutDown {

	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes smile-slideOutDown {

	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.smile-slideOutDown {
	-webkit-animation-name: smile-slideoutdown;
	animation-name: smile-slideOutDown;
}

@-webkit-keyframes smile-slideOutLeft {

	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes smile-slideOutLeft {

	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.smile-slideOutLeft {
	-webkit-animation-name: smile-slideoutleft;
	animation-name: smile-slideOutLeft;
}

@-webkit-keyframes smile-slideOutRight {

	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes smile-slideOutRight {

	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.smile-slideOutRight {
	-webkit-animation-name: smile-slideoutright;
	animation-name: smile-slideOutRight;
}

@-webkit-keyframes smile-slideOutUp {

	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes smile-slideOutUp {

	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.smile-slideOutUp {
	-webkit-animation-name: smile-slideoutup;
	animation-name: smile-slideOutUp;
}
