.index-service-article,
.index-service-title,
.index-about-title,
.index-about-article,
.index-title,
.news-list,
.page,
.news-page-info-block,
.products-list,
.contact-form-box,
.contact-info-list-box,
.works-info-img, 
.works-info,
.works-p-info{
	opacity: 0;
}
.index-title-box span{
	transform: scale(0, 1);
}





.index-service-info.active .index-service-article{
	animation: fade 1s linear 0s 1 forwards;
}

.index-service-info.active .index-service-title{
	animation: fadeInUp .5s linear 0s 1 forwards;
}
.index-about-info-box.active .index-about-title{
	animation: fadeInUp .5s linear 0s 1 forwards;
}
.index-about-info-box.active .index-about-article{
	animation: fade .5s linear 0.2s 1 forwards;
}

.index-title-box.active .index-title{
	animation: fade .5s linear 0s 1 forwards;
}
.index-title-box.active span:nth-child(1){
	animation: line .5s linear 0s 1 forwards;	
	transform-origin: right;
}
.index-title-box.active span:nth-child(3){
	animation: line .5s linear 0s 1 forwards;	
	transform-origin: left;
}
.index-products-list{
	opacity: 0;
}
.index-products-list.active{
	animation: bounceIn 1s linear 0s 1 forwards;
}


/*-------------------news----------------------*/
.news-list.active{
  animation: fade .5s linear 0s 1 forwards;
}

.page.active{
  animation: fade .5s linear 0s 1 forwards;
}
.news-page-info-block{
  animation: fade .5s linear .2s 1 forwards;
}
/*------------------products--------------------*/
.products-list.active{
  animation: fade .5s linear 0s 1 forwards;
}

/*------------------works---------------------*/
.works-info-img{
  animation: fade .5s linear 0s 1 forwards;
} 
.works-info{
  animation: fade .5s linear .2s 1 forwards;
}
.works-p-info{
  animation: fade .5s linear .4s 1 forwards;
}
/*-----------------contact-----------------------*/
.contact-form-box{
  animation: fade .5s linear 0s 1 forwards;
}

.contact-info-list-box{
 animation: fade .5s linear .2s 1 forwards;
}