@charset "UTF-8";

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
fadeInUp
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@-webkit-keyframes fadeInUp {
0% {
	opacity: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
	0% {
	opacity: 0;
	-moz-transform: translateY(30px);
	transform: translateY(30px);
}
100% {
	opacity: 1;
	-moz-transform: translateY(0);
	transform: translateY(0);
}
}
@-ms-keyframes fadeInUp {
	0% {
	opacity: 0;
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}
100% {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
	opacity: 0;
	transform: translateY(20px);
}
100% {
	opacity: 1;
	transform: translateY(0);
	}
}
.fadeInUp {
    -webkit-animation: fadeInUp 0.6s ease;
    -moz-animation: fadeInUp 0.6s ease;
	-ms-animation: fadeInUp 0.6s ease;
    animation: fadeInUp 0.6s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeLR {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	}
	@-moz-keyframes fadeLR {
		0% {
		opacity: 0;
		-moz-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	}
	@-ms-keyframes fadeLR {
		0% {
		opacity: 0;
		-ms-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	}
	@keyframes fadeLR {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		}
	}
	.fadeLR {
					-webkit-animation: fadeLR 0.6s ease;
					-moz-animation: fadeLR 0.6s ease;
		-ms-animation: fadeLR 0.6s ease;
					animation: fadeLR 0.6s ease;
					-webkit-animation-fill-mode: both;
					-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
					animation-fill-mode: both;
	}


@-webkit-keyframes fadeRL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	}
	@-moz-keyframes fadeRL {
		0% {
		opacity: 0;
		-moz-transform: translateX(30px);
		transform: translateX(30px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	}
	@-ms-keyframes fadeRL {
		0% {
		opacity: 0;
		-ms-transform: translateX(30px);
		transform: translateX(30px);
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	}
	@keyframes fadeRL {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		}
	}
	.fadeRL {
					-webkit-animation: fadeRL 0.6s ease;
					-moz-animation: fadeRL 0.6s ease;
		-ms-animation: fadeRL 0.6s ease;
					animation: fadeRL 0.6s ease;
					-webkit-animation-fill-mode: both;
					-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
					animation-fill-mode: both;
	}


.fade{
	opacity: 0;
}



/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
class
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
.cnt			{ text-align: center; }
.flex				{ display: flex; }
.flex-center		{ justify-content: center; }
.flex-between		{ justify-content: space-between;}
.flex-reverse		{ flex-direction: row-reverse;}
.flex-itemcenter	{ align-items: center;}
.flex-wrap			{ flex-wrap: wrap; }

/* margin */
.mbn			{ margin-bottom:0!important; }
.mb5			{ margin-bottom: 5px!important; }
.mb10			{ margin-bottom: 10px!important; }
.mb15			{ margin-bottom: 15px!important; }
.mb20			{ margin-bottom: 20px!important; }
.mb25			{ margin-bottom: 25px!important; }
.mb30			{ margin-bottom: 30px!important; }
.mb35			{ margin-bottom: 35px!important; }
.mb40			{ margin-bottom: 40px!important; }
.mb45			{ margin-bottom: 45px!important; }
.mb50			{ margin-bottom: 50px!important; }
.mb55			{ margin-bottom: 55px!important; }
.mb60			{ margin-bottom: 60px!important; }

/* animation delay */
.delay1 {
	animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}
.delay2 {
	animation-delay: 0.35s;
	-moz-animation-delay: 0.35s;
	-webkit-animation-delay: 0.35s;
	-o-animation-delay: 0.35s;
}
.delay3 {
	animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
}
.delay4 {
	animation-delay: 0.65s;
	-moz-animation-delay: 0.65s;
	-webkit-animation-delay: 0.65s;
	-o-animation-delay: 0.65s;
}
.delay5 {
	animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
}