/* ---------------header---------------- */
.header-logo{
	transition: all .3s linear;
	width: 367px;
}

.header2 .header-logo{
	width: 300px;
}
.header2 .header-link{
	width: 37px;
	transition: all .3s linear;
}
.header2 .header-link{
	width: 25px;
	margin-left: 20px;
}
.header2 .header-language{
	padding: 1px 5px;
}
.header-style1 .header-menu> li,
.header-menu-list-box,
.header-style1{
	transition: all .3s linear;
}
.header-style1.header2 .header-menu> li{
	margin-top: 40px;
}

.header-style1.header2{
	box-shadow: rgba(0, 0, 0, 0.7)0px 2px 2px;
}

.banner-scollr img{
	animation: fadeUpout-banner-arrow 1.5s linear 0s infinite alternate;
}


/* ----------------------------------------------- */
.index-title h2,
.index-process-list-box,
.index-service-list,
.index-partner-block,
.about-list-img,
.about-list-narrative-title,
.about-list-narrative-introduction,
.service-box-title,
.problem-box-title,
.problem-list,
.contact-main-title,
.contact-main-narrative,
.contact-info-form,
.service-list-press,
.service-list-box{
	opacity: 0;
}
.index-title-line span,
.index-process-line{
	transform: scale(0, 1);
}
.index-title-line span:before,
.index-title-line span:after{
	transform: scale(1, 0);
}
.index-title.active .index-title-line span{
	animation: line 1s linear 0s 1 forwards;
}
.index-service-list-title{
    transition: all .5s ease-out;
    transform: scaleX(0);
}
.header-link{
    transform: translateY(0);
    transition: all .4s linear;
}
.index-title.active .index-title-line span:before,
.index-title.active .index-title-line span:after{
	animation: line2 .5s linear 1s 1 forwards;
}

.index-title.active h2{
	animation: fade .8s linear 0s 1 forwards;
}

.index-process-list-box.active{
	animation: fade .8s linear .2s 1 forwards;
}
.index-service-block.active .index-service-list:nth-child(1){
	animation: fadeInUp .8s linear 0s 1 forwards;
}
.index-service-block.active .index-service-list:nth-child(2){
	animation: fadeInUp .8s linear .2s 1 forwards;
}
.index-service-block.active .index-service-list:nth-child(3){
	animation: fadeInUp .8s linear .4s 1 forwards;
}
.index-process-line{
	transform-origin: left;
}
.index-process-block .index-process-list-box.active:nth-child(1) .index-process-line{
	animation: line .8s linear 0s 1 forwards;
}
.index-process-block .index-process-list-box.active:nth-child(2) .index-process-line{
	animation: line .8s linear .4s 1 forwards;
}
.index-process-block .index-process-list-box.active:nth-child(3) .index-process-line{
	animation: line .8s linear .8s 1 forwards;
}
.index-process-block .index-process-list-box.active:nth-child(4) .index-process-line{
	animation: line .8s linear 1.2s 1 forwards;
}
.index-partner-block.active{
	animation: fade .8s linear .2s 1 forwards;
}

/* ----------------------------------------------- */
.about-list.active .about-list-img{
	animation: fade .8s linear .4s 1 forwards;
}

.about-list.active .about-list-narrative-title,
.service-list-box.active{
	animation: fade .8s linear 0s 1 forwards;
}
.about-list.active .about-list-narrative-introduction{
	animation: fade .8s linear .2s 1 forwards;
}

.service-box-title.active{
	animation: fade .8s linear 0s 1 forwards;
}
.service-list-box.active{
	animation: fade .8s linear .2s 1 forwards;
}
.service-list-press.active{
	animation: fade .8s linear 0s 1 forwards;
}

/* ---------------------------------------------- */
.problem-box-title.active{
	animation: fade .8s linear 0s 1 forwards;
}
.problem-list.active{
	animation: fade .8s linear 0s 1 forwards;
}

/* ------------------------------------------------- */
.contact-main-title{
	animation: fade .8s linear 0s 1 forwards;
}
.contact-main-narrative{
	animation: fade .8s linear .2s 1 forwards;
}
.contact-info-form{
	animation: fade .8s linear .4s 1 forwards;
}

.footer-top{
	transition: all .3s linear;
}
.footer-tel a{
	transition: all .3s linear;
}