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

/* .wow {
  visibility: hidden;
} */

.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.navbar{
	animation: fadeInDown 0.75s both 0s;
	-webkit-animation: fadeInDown 0.75s both 0s;
	-moz-animation: fadeInDown 0.75s both 0s;
	-ms-animation: fadeInDown 0.75s both 0s;
	-o-animation: fadeInDown 0.75s both 0s;
}
.index .banner .slick-slider .slick-active article h3{
    animation: fadeInDown 0.75s both 0.75s;
	-webkit-animation: fadeInDown 0.75s both 0.75s;
	-moz-animation: fadeInDown 0.75s both 0.75s;
	-ms-animation: fadeInDown 0.75s both 0.75s;
	-o-animation: fadeInDown 0.75s both 0.75s;
}
.index .banner .slick-slider .slick-active article h4{
    animation: fadeInDown 0.75s both 0.75s;
	-webkit-animation: fadeInDown 0.75s both 0.75s;
	-moz-animation: fadeInDown 0.75s both 0.75s;
	-ms-animation: fadeInDown 0.75s both 0.75s;
	-o-animation: fadeInDown 0.75s both 0.75s;
}
.index .banner .slick-slider .slick-active article p{
    animation: fadeInUp 0.75s both 0.75s;
	-webkit-animation: fadeInUp 0.75s both 0.75s;
	-moz-animation: fadeInUp 0.75s both 0.75s;
	-ms-animation: fadeInUp 0.75s both 0.75s;
	-o-animation: fadeInUp 0.75s both 0.75s;
}
.index .banner .slick-slider .slick-active article .pic{
    animation: fadeInUp 0.75s both 0.75s;
	-webkit-animation: fadeInUp 0.75s both 0.75s;
	-moz-animation: fadeInUp 0.75s both 0.75s;
	-ms-animation: fadeInUp 0.75s both 0.75s;
	-o-animation: fadeInUp 0.75s both 0.75s;
}
.index .banner .slick-slider .intro{
	opacity: 0;
}
.index .banner .slick-slider .slick-active .intro{
    -webkit-animation: fadeInRightBig 0.65s cubic-bezier(0.77, 0.4, 0.175, 1) both;
	-moz-animation: fadeInRightBig 0.65s cubic-bezier(0.77, 0.4, 0.175, 1) both;
	-ms-animation: fadeInRightBig 0.65s cubic-bezier(0.77, 0.4, 0.175, 1) both;
	animation: fadeInRightBig 0.65s cubic-bezier(0.77, 0.4, 0.175, 1) both;
}
.inner .content{
    -webkit-animation: fadeInRight 0s cubic-bezier(0,1,0.1,1) 0s both;
	-moz-animation: fadeInRight 0s cubic-bezier(0,1,0.1,1) 0s both;
	-ms-animation: fadeInRight 0s cubic-bezier(0,1,0.1,1) 0s both;
	animation: fadeInRight 0s cubic-bezier(0,1,0.1,1) 0s both;
}
.product .inner .content{
    -webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
}
.index .news-more .title h2,
.index .news-more .title h3 a{
	opacity: 1;
    animation: fadeInLeft 0.5s both 0s;
	-webkit-animation: fadeInLeft 0.5s both 0s;
	-moz-animation: fadeInLeft 0.5s both 0s;
	-ms-animation: fadeInLeft 0.5s both 0s;
	-o-animation: fadeInLeft 0.5s both 0s;
}
.index .news-more .news-slider{
    animation: fadeIn 0.5s both 0s;
	-webkit-animation: fadeIn 0.5s both 0s;
	-moz-animation: fadeIn 0.5s both 0s;
	-ms-animation: fadeIn 0.5s both 0s;
	-o-animation: fadeIn 0.5s both 0s;
}
.inner .banner .title h3{
	-webkit-animation: tracking-in-expand 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.25s both;
	-moz-animation: tracking-in-expand 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.25s both;
	animation: tracking-in-expand 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.25s both;
}
.inner .content .inner-area{
	-webkit-animation: fade-in-bottom 0.85s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s both;
	-moz-animation: fade-in-bottom 0.85s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s both;
	animation: fade-in-bottom 0.85s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s both;
}

.product .inner .banner .info{
	-webkit-animation: fade-in-top 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
	-moz-animation: fade-in-top 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
	animation: fade-in-top 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
}
.product .inner .banner .image{
	-webkit-animation: fade-in-bottom 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
	-moz-animation: fade-in-bottom 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
	animation: fade-in-bottom 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
}

/* index-start */
.carousel-inner{
	animation: fadeInLeft 0.75s both 0.25s;
	-webkit-animation: fadeInLeft 0.75s both 0.25s;
	-moz-animation: fadeInLeft 0.75s both 0.25s;
	-ms-animation: fadeInLeft 0.75s both 0.25s;
	-o-animation: fadeInLeft 0.75s both 0.25s;
}
.class_link h2{
	-webkit-animation: fadeInUp 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
	-moz-animation: fadeInUp 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
	animation: fadeInUp 0.75s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
}