.index-banner-slong,
.index-info-box,
.index-service-list,
.index-item-block,
.about-title-img,
.about-img,
.about-info-article-p,
.about-info-article-p2,
.about-info-article-p3,
.team-list-box,
.info-list-box,
.page,
.info-box,
.contact-info-form{
	opacity: 0;
}
.index-item-border-top,
.contact-border-top2,
.contact-border-bottom1{
  transform-origin: left;
  transform: scale(0,1);
}

.index-item-border-left,
.contact-border-left,
.contact-border-right{
  transform-origin: top;
  transform: scale(1,0);
}
.index-item-border-bottom,
.contact-border-top1,
.contact-border-bottom2{
  transform-origin: right;
  transform: scale(0,1);
}
.index-item-border-right{
  transform-origin: bottom;
  transform: scale(1,0);
}

.index-banner-slong.slick-active{
	animation: fadeInUp .8s ease 0s 1 both;
}
.index-info-box.active{
	animation: indexInDown .8s ease 0s 1 both;
}
.index-service-list.active{
	animation: fade .8s ease 0s 1 both;
}
.index-item-block.active{
  animation: indexInDown .8s ease 0s 1 both;
}
.index-item-block.active .index-item-border-top{
  animation: line .5s linear .2s 1 both;
}
.index-item-block.active .index-item-border-right{
  animation: line .5s linear .7s 1 both;
}
.index-item-block.active .index-item-border-bottom{
  animation: line .5s linear 1.2s 1 both;
}
.index-item-block.active .index-item-border-left{
  animation: line .5s linear 1.7s 1 both;
}





.about-title{
  animation: fade .5s ease 0s 1 both;
}
.about-border-top1{
  transform-origin: left;
  transform: scale(0,1);
  animation: line .5s linear .2s 1 both;
}
.about-border-top2{
  transform-origin: right;
  transform: scale(0,1);
  animation: line .5s linear .2s 1 both;
}
.about-border-left1{
  transform-origin: top;
  transform: scale(1,0);
  animation: line2 .5s linear .2s 1 both;
}
.about-border-left2{
  transform-origin: bottom;
  transform: scale(1,0);
  animation: line2 .5s linear .2s 1 both;
}
.about-border-bottom1{
  transform-origin: left;
  transform: scale(0,1);
  animation: line .5s linear .2s 1 both;
}
.about-border-bottom2{
  transform-origin: right;
  transform: scale(0,1);
  animation: line .5s linear .2s 1 both;
}
.about-border-right1{
  transform-origin: top;
  transform: scale(1,0);
  animation: line2 .5s linear .2s 1 both;
}
.about-border-right2{
  transform-origin: bottom;
  transform: scale(1,0);
  animation: line2 .5s linear .2s 1 both;
}

.about-icon{
  animation: fade .5s linear .7s 1 both;
}
.about-title-img{
  animation: fadeInRight .8s linear 0s 1 both;
}
.about-img.active{
  animation: fadeInUp .8s linear 0s 1 forwards;
}
.about-info-article-p.active{
  animation: fade .8s ease 0s 1 forwards;
}
.about-info-article-p2.active{
  animation: fadeInUp .8s linear 0s 1 forwards;
}
.about-info-article-p3.active{
  animation: fadeInUp .8s linear 0s 1 forwards;
}
.team-list-box{
  animation: fadeInUp .8s linear 0s 1 forwards;
}

.info-list-box{
  animation: fadeInUp .8s linear 0s 1 forwards;
}
.page.active{
  animation: fade .8s ease 0s 1 forwards;
}

.info-box{
  animation: fadeInUp .8s ease 0s 1 forwards;
}
.contact-border-top1,
.contact-border-top2{
   animation: line .5s linear .7s 1 both;
}
.contact-border-left,
.contact-border-right{
   animation: line2 .5s linear 1.2s 1 both;
}
.contact-border-bottom1,
.contact-border-bottom2{
   animation: line .5s linear 1.7s 1 both;
}

.contact-info-form{
  animation: fade .8s ease .3s 1 forwards;
}


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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@media only screen and (max-width: 1000px){

  .index-info-box,
  .index-service-list,
  .index-item-block,
  .about-title-img,
  .about-img,
  .about-info-article-p,
  .about-info-article-p2,
  .about-info-article-p3,
  .team-list-box,
  .info-list-box,
  .page,
  .info-box,
  .contact-info-form{
    opacity: 1!important;
    animation: none!important;
  }
  .index-item-border-top, 
  .contact-border-top2, 
  .contact-border-bottom1,
  .index-item-border-left, 
  .contact-border-left, 
  .contact-border-right,
  .index-item-border-right,
  .index-item-border-bottom, 
  .contact-border-top1, 
  .contact-border-bottom2{
    transform: scale(1,1);
  }
}