/*
 * CSS Animations
 */
 /*about page*/

.main-container .text_content *,
.contact-section a,
.swipe-video,
#grid，
.redirecting_link,
.tag{
	-webkit-animation: animLoadedContent .6s cubic-bezier(0.7,0,0.3,1) both;
	animation: animLoadedContent .6s cubic-bezier(0.7,0,0.3,1) both;
}

.main-container .text_content .about-pic ul{
	-webkit-animation: none;
	animation: none;

}

.main-container .text_content .about-pic ul li{
	-webkit-animation: animLoadedContent .3s cubic-bezier(0.7,0,0.3,1) both;
	animation: animLoadedContent .3s cubic-bezier(0.7,0,0.3,1) both;
}

.main-container .text_content .text_title{
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.main-container .text_content p,
.main-container .text_content video,
.main-container .text_content h2,
.main-container .text_content h3,
.main-container .text_content ul,
.main-container .text_content .circles,
.redirecting_link,
.contact-section a{
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.main-container .text_content .about-header{
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}


@-webkit-keyframes animLoadedContent {
	from { opacity: 0; -webkit-transform: translate3d(0,-100px,0); }
}

@keyframes animLoadedContent {
	from { opacity: 0; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); }
}