/*.index-banner-list span{
	transition: all 2s linear;
	transform: scale(1.1) translate(3%,0%);
}*/
.fade  {
  -webkit-animation-name : fade  ;
  animation-name : fade  ;
}  
.owl-item.active .index-banner-list span,
.owl-item.active:nth-child(even) .index-banner-list span
{
	transform: scale(1) translate(0%,0%);
}

.contact-info-title{
	animation: fade 1s linear .5s 1 both;
 }

.owl-item.active .index-banner-list:first-child span{
	animation: banner-in 2s linear 0s 1 alternate;
}

.owl-item.active .index-banner-list span{
	animation: banner-in 2s linear 0s 1 alternate;
}
.owl-item.active:nth-child(even) .index-banner-list span{
	animation: banner-in2 2s linear 0s 1 alternate;
}
@keyframes banner-in {
 0% {
    transform: scale(1.1) translate(3%,0%);
  }


  100% {
    transform: scale(1) translate(0%,0%);

  }
}
@keyframes banner-in2 {
 0% {
    transform: scale(1.1) translate(-3%,0%);
  }


  100% {
    transform: scale(1) translate(0%,0%);

  }
}

/*------------------------------------------*/
.index-insect-list-box,
.index-insect-link,
.index-news-link,
.main-title1,
.main-title2,
.about-info-box,
.about-list-box,
.problem-list-box,
.news-list-box,
.products-list-box,
.insect-list-box,
#contact .about-logo,
#contact_form,
.news-page-info-box,
.news-page-link-box,
.insect-page-info-box{
	opacity: 0;
}
.index-insect-box.active .index-insect-list-box,
.problem-list-box,
.news-list-box,
.products-list-box,
.insect-list-box,
.news-page-info-box,
.insect-page-info-box{
	animation: fadeInUp 2s ease 0s 1 forwards;
}
.index-insect-link{
	transition: all 1s ease-in-out ;
	transition-delay: .5s;
}
.index-insect-box.active  .index-insect-link{
	opacity: 1;
}

.index-news-box.active .index-news-bg{
	transform: scale(1,1);
}
.index-news-title-box,
.index-news-list-box{
	opacity: 0;

}
.index-news-box.active .index-news-title-box{
	opacity: 1;
}
.index-news-list-box{
	transition: all 2s ease;
	transition-delay: .5s ;
	opacity: 0;
	transform: translate(0,20%);
}
.index-news-box.active .index-news-list-box{
	opacity: 1;
	transform: translate(0,0);
}

.index-news-link{
	transition: all 1s ease;
	transition-delay: 1s;
	
}
.index-news-box.active .index-news-link{
	opacity: 1;
}

.index-news-link{
	position: relative;
}
.index-news-link:after{
	content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    color: #FFF;
    -webkit-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.index-news-link:hover::after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.index-news-link:hover > span {
    opacity: 0;
    -webkit-transform: translate(0px,40px);
    transform: translate(0px,40px);

}
.index-news-link-mask{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: transparent;
	transition: all .3s linear;
}
.index-news-link:hover .index-news-link-mask{
	background-color: #f39800;
}
.index-news-link span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



/*--------------about----------------*/
.main-title1{
	animation: fadeInRight 1s linear 0s 1 forwards;
}
.main-title2{
	animation: fadeInLeft 1s linear 0s 1 forwards;
}
.about-info-box{
	animation: fadeInUp  1s ease 0s 1 forwards;
}
.about-list-box{
	animation: fadeInUp  1s ease .3s 1 forwards;
}
.about-list-box2{
	opacity: 0;
}
.about-list-box2.active{
	animation: fadeInUp  1s ease 0s 1 forwards;
}

#contact .about-logo,
.news-page-link-box{
	animation: fade 1s linear .3s 1  forwards;
}
#contact #contact_form{
	animation: fadeInUp 2s ease .4s 1 forwards;
}
.header-style1{
	animation: fadeInDown 1s ease 0s 1 forwards;
}

.index-banner-slong, .index-video-slong{
	opacity: 0;
	transition: all 2s linear;
	transform: translate3d(-20%, 0, 0);
	animation: fadeInLeft 2s ease 0s 1 ;
}
.owl-item.active  .index-banner-slong-list .index-banner-slong, 
.owl-item.active  .index-banner-slong-list .index-video-slong{
	opacity: 1;
	transform: translate3d(0, 0, 0);
}




@keyframes headerInDown {
 from {
 	opacity: 0;
    top: -100px;
  }

  to {
  	opacity: 1;
    top: 0;
  }
}