/* ==========================================================================
    animation
 ========================================================================== */

.slide.active{
	animation: fadeInDown 0.3s both 0s; 
	-webkit-animation: fadeInDown 0.3s both 0s;
	-moz-animation: fadeInDown 0.3s both 0s; 
	-ms-animation: fadeInDown 0.3s both 0s; 
	-o-animation: fadeInDown 0.3s both 0s; 
}

nav.nav{
	animation: fadeInDown 0.3s both 0s; 
	-webkit-animation: fadeInDown 0.3s both 0s;
	-moz-animation: fadeInDown 0.3s both 0s; 
	-ms-animation: fadeInDown 0.3s both 0s; 
	-o-animation: fadeInDown 0.3s both 0s; 
}
.nav-toggle{
	animation: fadeInRightBig 0.5s both 0.3s; 
	-webkit-animation: fadeInRightBig 0.5s both 0.3s;
	-moz-animation: fadeInRightBig 0.5s both 0.3s; 
	-ms-animation: fadeInRightBig 0.5s both 0.3s; 
	-o-animation: fadeInRightBig 0.5s both 0.3s; 
}
.inquire-btn{
	animation: fadeIn 0.5s both 0.6s; 
	-webkit-animation: fadeIn 0.5s both 0.6s;
	-moz-animation: fadeIn 0.5s both 0.6s; 
	-ms-animation: fadeIn 0.5s both 0.6s; 
	-o-animation: fadeIn 0.5s both 0.6s;
}
.navbar-header a .pic{
	animation: fadeInLeftBig 0.5s both 0.3s; 
	-webkit-animation: fadeInLeftBig 0.5s both 0.3s;
	-moz-animation: fadeInLeftBig 0.5s both 0.3s; 
	-ms-animation: fadeInLeftBig 0.5s both 0.3s; 
	-o-animation: fadeInLeftBig 0.5s both 0.3s; 
}
.banner .tour .group{
	animation: fadeInUp 0.5s both 0.1s; 
	-webkit-animation: fadeInUp 0.5s both 0.1s;
	-moz-animation: fadeInUp 0.5s both 0.1s; 
	-ms-animation: fadeInUp 0.5s both 0.1s; 
	-o-animation: fadeInUp 0.5s both 0.1s; 
}
#myNav.open .nav-collapse-header{
	animation: fadeInDown 0.3s both 1s; 
	-webkit-animation: fadeInDown 0.3s both 1s;
	-moz-animation: fadeInDown 0.3s both 1s; 
	-ms-animation: fadeInDown 0.3s both 1s; 
	-o-animation: fadeInDown 0.3s both 1s; 
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
}
#myNav.open .closebtn{
	animation: fadeIn 0.3s both 1s; 
	-webkit-animation: fadeIn 0.3s both 1s;
	-moz-animation: fadeIn 0.3s both 1s; 
	-ms-animation: fadeIn 0.3s both 1s; 
	-o-animation: fadeIn 0.3s both 1s; 
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
}
#myNav.open .closebtn:before{
	animation: rotateIn 0.5s both 1s; 
	-webkit-animation: rotateIn 0.5s both 1s;
	-moz-animation: rotateIn 0.5s both 1s; 
	-ms-animation: rotateIn 0.5s both 1s; 
	-o-animation: rotateIn 0.5s both 1s; 
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
}
#myNav.open .nav-content .nav-content-bottom{
    animation: fadeInUp 0.3s both 1s; 
	-webkit-animation: fadeInUp 0.3s both 1s;
	-moz-animation: fadeInUp 0.3s both 1s; 
	-ms-animation: fadeInUp 0.3s both 1s; 
	-o-animation: fadeInUp 0.3s both 1s; 
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
}
#myNav.open .nav-content li:nth-of-type(1) a,
#myNav.open .nav-content li:nth-of-type(2) a,
#myNav.open .nav-content li:nth-of-type(3) a,
#myNav.open .nav-content li:nth-of-type(4) a,
#myNav.open .nav-content li:nth-of-type(5) a,
#myNav.open .nav-content li:nth-of-type(6) a{
    animation: fadeInUp 0.3s both 0.5s; 
	-webkit-animation: fadeInUp 0.3s both 0.5s;
	-moz-animation: fadeInUp 0.3s both 0.5s; 
	-ms-animation: fadeInUp 0.3s both 0.5s; 
	-o-animation: fadeInUp 0.3s both 0.5s;
}
/* #myNav.open.nav-active .nav-content li:nth-of-type(1) a,
#myNav.open.nav-active .nav-content li:nth-of-type(2) a,
#myNav.open.nav-active .nav-content li:nth-of-type(3) a,
#myNav.open.nav-active .nav-content li:nth-of-type(4) a,
#myNav.open.nav-active .nav-content li:nth-of-type(5) a,
#myNav.open.nav-active .nav-content li:nth-of-type(6) a{
    animation: fadeInUp 0.3s both 0s; 
	-webkit-animation: fadeInUp 0.3s both 0s;
	-moz-animation: fadeInUp 0.3s both 0s; 
	-ms-animation: fadeInUp 0.3s both 0s; 
	-o-animation: fadeInUp 0.3s both 0s;
} */
/* @media screen and (min-width: 992px) {	
	#myNav.open .nav-content li:nth-of-type(1) a,
	#myNav.open .nav-content li:nth-of-type(2) a,
	#myNav.open .nav-content li:nth-of-type(3) a{
	    animation: fadeInLeft 0.3s both 0.5s; 
		-webkit-animation: fadeInLeft 0.3s both 0.5s;
		-moz-animation: fadeInLeft 0.3s both 0.5s; 
		-ms-animation: fadeInLeft 0.3s both 0.5s; 
		-o-animation: fadeInLeft 0.3s both 0.5s;
	}
	#myNav.open .nav-content li:nth-of-type(4) a,
	#myNav.open .nav-content li:nth-of-type(5) a,
	#myNav.open .nav-content li:nth-of-type(6) a{
	    animation: fadeInRight 0.3s both 0.5s; 
		-webkit-animation: fadeInRight 0.3s both 0.5s;
		-moz-animation: fadeInRight 0.3s both 0.5s; 
		-ms-animation: fadeInRight 0.3s both 0.5s; 
		-o-animation: fadeInRight 0.3s both 0.5s;
	}
}
@media screen and (max-width: 991px) {
	#myNav.open .nav-content li:nth-of-type(odd) a{
		    animation: fadeInLeft 0.3s both 0.5s; 
			-webkit-animation: fadeInLeft 0.3s both 0.5s;
			-moz-animation: fadeInLeft 0.3s both 0.5s; 
			-ms-animation: fadeInLeft 0.3s both 0.5s; 
			-o-animation: fadeInLeft 0.3s both 0.5s;
		}
	#myNav.open .nav-content li:nth-of-type(even) a{
	    animation: fadeInRight 0.3s both 0.5s; 
		-webkit-animation: fadeInRight 0.3s both 0.5s;
		-moz-animation: fadeInRight 0.3s both 0.5s; 
		-ms-animation: fadeInRight 0.3s both 0.5s; 
		-o-animation: fadeInRight 0.3s both 0.5s;
	}
} */
/* .index .banner .slider .txt h3,
.index .banner .slider .txt h4{
	opacity: 0;
} */

.index .banner .slider .txt h3{
	animation: fadeOutUp 0.6s both 0.3s;
	-webkit-animation: fadeOutUp 0.6s both 0.3s;
	-moz-animation: fadeOutUp 0.6s both 0.3s;
	-ms-animation: fadeOutUp 0.6s both 0.3s;
	-o-animation: fadeOutUp 0.6s both 0.3s;
}
.index .banner .slider .txt h4{
	animation: fadeOutUp 0.6s both 0.4s;
	-webkit-animation: fadeOutUp 0.6s both 0.4s;
	-moz-animation: fadeOutUp 0.6s both 0.4s;
	-ms-animation: fadeOutUp 0.6s both 0.4s;
	-o-animation: fadeOutUp 0.6s both 0.4s;
}
.index .banner .slider .slick-active .txt h3{
	animation: moveUpDown 0.8s both 0.65s;
	-webkit-animation: moveUpDown 0.8s both 0.65s;
	-moz-animation: moveUpDown 0.8s both 0.65s;
	-ms-animation: moveUpDown 0.8s both 0.65s;
	-o-animation: moveUpDown 0.8s both 0.65s;
}
.index .banner .slider .slick-active .txt h4{
    animation: moveUpDown 0.8s both 0.85s; 
	-webkit-animation: moveUpDown 0.8s both 0.85s; 
	-moz-animation: moveUpDown 0.8s both 0.85s; 
	-ms-animation: moveUpDown 0.8s both 0.85s; 
	-o-animation: moveUpDown 0.8s both 0.85s; 
}
.philosophy .core .tab-content .tab-pane.in.active .txt{
    animation: fadeInUp 0.5s both 0.1s; 
	-webkit-animation: fadeInUp 0.5s both 0.1s;
	-moz-animation: fadeInUp 0.5s both 0.1s; 
	-ms-animation: fadeInUp 0.5s both 0.1s; 
	-o-animation: fadeInUp 0.5s both 0.1s; 
}
.product .features.active .left,
.product .specifications.active .left,
.product .details .tab-pane .article .pic{
    animation: fadeInLeft 0.5s both 0.1s; 
	-webkit-animation: fadeInLeft 0.5s both 0.1s;
	-moz-animation: fadeInLeft 0.5s both 0.1s; 
	-ms-animation: fadeInLeft 0.5s both 0.1s; 
	-o-animation: fadeInLeft 0.5s both 0.1s;
}
.product .features.active .right,
.product .specifications.active .right,
.product .details .tab-pane .article ul{
    animation: fadeInRight 0.5s both 0.1s; 
	-webkit-animation: fadeInRight 0.5s both 0.1s;
	-moz-animation: fadeInRight 0.5s both 0.1s; 
	-ms-animation: fadeInRight 0.5s both 0.1s; 
	-o-animation: fadeInRight 0.5s both 0.1s;
}
.product .specifications .title h4,
.product .details .title h4{
	animation: fadeInDown 0.5s both 0.1s; 
	-webkit-animation: fadeInDown 0.5s both 0.1s;
	-moz-animation: fadeInDown 0.5s both 0.1s; 
	-ms-animation: fadeInDown 0.5s both 0.1s; 
	-o-animation: fadeInDown 0.5s both 0.1s; 
}
.product .details .sub-tabs li a{
	animation: fadeInDown 0.5s both 0.1s; 
	-webkit-animation: fadeInDown 0.5s both 0.1s;
	-moz-animation: fadeInDown 0.5s both 0.1s; 
	-ms-animation: fadeInDown 0.5s both 0.1s; 
	-o-animation: fadeInDown 0.5s both 0.1s; 
}
.service .top .tab-pane ul li a .pic{
	animation: rotateIn 0.5s both 0.1s; 
	-webkit-animation: rotateIn 0.5s both 0.1s;
	-moz-animation: rotateIn 0.5s both 0.1s; 
	-ms-animation: rotateIn 0.5s both 0.1s; 
	-o-animation: rotateIn 0.5s both 0.1s; 
}
.container .tabs-content .tab-pane{
    animation: fadeInUp 0.5s both 0.1s; 
	-webkit-animation: fadeInUp 0.5s both 0.1s;
	-moz-animation: fadeInUp 0.5s both 0.1s; 
	-ms-animation: fadeInUp 0.5s both 0.1s; 
	-o-animation: fadeInUp 0.5s both 0.1s; 
}
.container-fluid .tabs-content{
    animation: fadeIn 0.3s both 0.1s; 
	-webkit-animation: fadeIn 0.3s both 0.1s;
	-moz-animation: fadeIn 0.3s both 0.1s; 
	-ms-animation: fadeIn 0.3s both 0.1s; 
	-o-animation: fadeIn 0.3s both 0.1s; 
}
.philosophy .container .bottom .core .tab-content .tab-pane{
    animation: fadeIn 0.5s both 0.1s; 
	-webkit-animation: fadeIn 0.5s both 0.1s;
	-moz-animation: fadeIn 0.5s both 0.1s; 
	-ms-animation: fadeIn 0.5s both 0.1s; 
	-o-animation: fadeIn 0.5s both 0.1s; 
}
.container-fluid .tabs-content span{
    animation: fadeInUp 0.5s both 0.3s; 
	-webkit-animation: fadeInUp 0.5s both 0.3s;
	-moz-animation: fadeInUp 0.5s both 0.3s; 
	-ms-animation: fadeInUp 0.5s both 0.3s; 
	-o-animation: fadeInUp 0.5s both 0.3s;
}