.video-list,
.products-menu-title,
.products-menu-list,
.products-title,
.edit-box,
.contact-title,
.contact-info-list,
.button,
.map-box,
.certification-img,
.about-mid,
.about-title,
.about-p{
	opacity: 0;
}
.index-banner-slong{
	opacity: 0!important;
}
.header-style1{
	animation: fadeInDown .8s linear 1 0s forwards;
}

.index-banner-slong.slick-active{
	animation: banner-fade-in 3.3s linear 1 0s forwards;

}
.video-list.active{
	animation: fade .8s linear 1 0s forwards;
}

@keyframes banner-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  80%{
  	opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100%{
  	 opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  	}
}

.products-menu-line{
    transform: scale(0 , 1);
    animation: line 1s linear 0.2s 1 forwards;
    transform-origin: left;
}
.products-menu-title,
.products-title{
    animation: fade .8s linear 0s 1 forwards;
}

.products-menu-list{
    animation: fade .8s linear 0.4s 1 forwards;
}
.edit-box{
    animation: fade .8s linear 0.2s 1 forwards;
}

.contact-title{
    animation: fade .8s linear 0s 1 forwards;
}

.contact-info-list{
    animation: fade .8s linear 0.2s 1 forwards;
}

.button{
    animation: fade .8s linear 0.4s 1 forwards;
}
.map-box{
    animation: fade .8s linear 0.6s 1 forwards;
}
.certification-img{
    animation:  fade .8s linear 0s 1 forwards;
}
.certification-img img{
    animation: shadow 1s linear .8s 1 forwards;
}
@keyframes shadow {
  0% {
    box-shadow: rgba(0, 0, 0, 1.0) 0px 0px 0px;
  }
  100%{
    box-shadow: rgba(0, 0, 0, 1.0) 1px 1px 2px;
    }
}
.about-mid{
    animation: fade 1s linear 0s 1 forwards;
}

.about-title{
    animation: fade 1s linear 0.2s 1 forwards;
}
.about-p{
    animation: fade 1s linear 0.4s 1 forwards;
}
.about-box{
    animation: shadow2 .5s linear .8s 1 forwards;
}
@keyframes shadow2 {
  0% {
    box-shadow: rgba(0, 0, 0, 0.70) 0px 0px 8px;
  }
  100%{
    box-shadow: rgba(0, 0, 0, 0.70) 3px 2px 8px;
    }
}

#index .header-style1{
      animation: fadeInDown .8s linear 1 2s forwards;
}