@charset "utf-8";

/*
	animatation.css
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* animated
--------------------------------------------------------------------------------------------------------*/
.animated {
	animation-duration: 1.4s;
	-webkit-animation-duration: 1.4s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 0;
}
/* fadeIn
-----------------------------------------------*/
@-webkit-keyframes fadeIn {
	from { opacity: 0;}
	to { opacity: 1;}
}
@keyframes fadeIn {
	from { opacity: 0;}
	to { opacity: 1;}
}
.fadeIn {
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
}

/* fadeInUp
-----------------------------------------------*/
@-webkit-keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp2 {
	from { opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUp2 {
	from { opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInUp2 {
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
}

/* fadeInDown
-----------------------------------------------*/
@-webkit-keyframes fadeInDown {
	from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInDown {
	from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}



/* fadeInRight
-----------------------------------------------*/
@-webkit-keyframes fadeInRight {
	from { opacity: 0; -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInRight {
	from { opacity: 0; -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRight2 {
	from { opacity: 0; -webkit-transform: translate3d(15%, 0, 0); transform: translate3d(15%, 0, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInRight2 {
	from { opacity: 0; -webkit-transform: translate3d(15%, 0, 0); transform: translate3d(15%, 0, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2;
}
/* fadeInLeft
-----------------------------------------------*/
@-webkit-keyframes fadeInLeft {
	from { opacity: 0; -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInLeft {
	from { opacity: 0; -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeft2 {
	from { opacity: 0; -webkit-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInLeft2 {
	from { opacity: 0; -webkit-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2;
}
/* fadeInBlur
-----------------------------------------------*/
@-webkit-keyframes fadeInBlur {
	0% { opacity: 0; transform: scale(1.03); -webkit-transform: scale(1.03); filter: blur(10px); -webkit-filter: blur(10px);}
	to { opacity: 1; transform: none; -webkit-transform: none; filter: blur(0); -webkit-filter: blur(0);}
}
@keyframes fadeInBlur {
	0% { opacity: 0; transform: scale(1.03); -webkit-transform: scale(1.03); filter: blur(10px); -webkit-filter: blur(10px);}
	to { opacity: 1; transform: none; -webkit-transform: none; filter: blur(0); -webkit-filter: blur(0);}
}
.fadeInBlur {
	-webkit-animation-name: fadeInBlur;
	animation-name: fadeInBlur;
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
}


/* point
--------------------------------------------------------------------------------------------------------*/
#point .inner .field .about dt {
	-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
}
#point .inner .field .about dd {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
#point .inner .field .photo {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

/* access
--------------------------------------------------------------------------------------------------------*/
#access .inner .about.animated {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
#access .inner .maps.animated {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

/* news
--------------------------------------------------------------------------------------------------------*/
#news .inner .field.animated {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
#news .inner .black-btn.animated {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

/*
	less than 767px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {


/* point
--------------------------------------------------------------------------------------------------------*/
	#point .inner .field .about dt {
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
	}
	#point .inner .field .about dd {
		-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}
	#point .inner .field .photo {
		-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}

/* access
--------------------------------------------------------------------------------------------------------*/
#access .inner .about.animated {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
#access .inner .maps.animated {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

/* news
--------------------------------------------------------------------------------------------------------*/
	#news .inner .field.animated {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}
	#news .inner .black-btn.animated {
		-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}



/*
	animatation.css End
---------------------------------------------------------------------------------------------------------------------------------------------*/
}