﻿.header-link:hover{
    color: #2c4e8b;
}
.header-menu-title:hover,
.header-menu-list.active .header-menu-title{
    color: #c0a264;
}
.header-menu-title:hover:after,
.header-menu-list.active .header-menu-title:after{
    transform: scale(1,1);
}
.index-scroll-box:hover span{
    letter-spacing: 2px;
}

.header-language-list:hover{
    background-color: #c0a264;
}
.news-list-img2 span,
.news-list-info-title,
.news-list-info-link,
.news-list-info-article,
.news-page-info-prev,
.news-page-info-next,
.products-page-class,
.products-page-class-title-box a,
.products-page-info,
.contact-info-list a,
.contact-list-icon,
.contact-textarea-icon,
.about-mission-question{
	transition: all .8s ease; 
}
.news-list:hover .news-list-img-box span,
.news-list-img2:hover span,
.news-more-list:hover .news-more-img-box span{
	transform: scale(1.1);
}



.news-style1 .news-list:hover .news-list-info-link{
	color: #FFF;
}
.news-style1 .news-list:hover .news-list-info-link:after{
	transform: scale(1.1);
}

.news-style2 .news-list:hover .news-list-info-link{
	background-color: #c0a264;
	letter-spacing: 3px;
}

.news-style3 .news-list:hover .news-list-info-article,
.news-more-list:hover .news-more-article{
	color: #c0a264;
}

.news-more-list:hover .news-more-title{
	color: #2c4e8b;
	letter-spacing: 1px;
}
.news-page-back:hover{
	color: #c0a264;
	letter-spacing: 3px;
}
.news-page-back i,
.news-page-info-prev i,
.news-page-info-prev i,
.news-page-info-next i{
	display: inline-block;
}
.news-page-back:hover i,
.news-page-info-prev:hover i,
.news-page-info-next:hover i{
	animation: arrow-right .8s linear 0s infinite alternate;
}

.news-page-info-prev:hover,
.news-page-info-next:hover{
	color: #2c4e8b;
	letter-spacing: 2px;
}

.products-our-list:hover .products-our-mask{
	background-color: rgba(44,78,139,0)
}
.products-our-list:hover .products-our-mask-border{
	opacity: 1;
}
.products-our-list:hover .products-our-list-title{
	background-color: rgba(44,78,139,0.5)
}
.products-page-class:hover,
.products-page-class.active {
	background-color: #2c4e8b;
	color: #FFF;
}

.products-page-class-title-box a:hover{
	color:  #2c4e8b;
}
.products-page-info{
	overflow: hidden;
}
.products-page-info:hover{
	color:  #FFF;
	letter-spacing: 2px;
	background-color: #882a2a;
}
.contact-info-list a:hover{
	color: #2c4e8b;
	font-weight: bold;
}
.contact-list input:focus + .contact-list-icon,
.contact-textarea textarea:focus + .contact-textarea-icon{
	color: #2c4e8b;
}
.file-up> span,
.file-border,
.button button{
	transition: all .5s ease;
}
.file-up-block:hover .file-border{
	border: 2px solid #2c4e8b;
}
.file-up-block:hover .file-up> span{
	background-color: #2c4e8b;
	color: #FFF;
}
.button button{
	cursor: pointer;
}
.button button:hover{
	background-color: #c0a264;
	color: #FFF;
	letter-spacing: 3px;
}
.about-why-list:hover .about-why-mask{
	opacity: 1;
}
.about-why-list:hover .about-why-title-box i,
.about-why-list:hover .about-why-title{
	color: #FFF;
}
.about-why-list:hover .about-why-article{
	color: #FFF;
}
.about-why-list:hover .about-why-img{
	opacity: 0.3;
 	transform: translateX(0%);
}
.about-why-list:hover:nth-child(1) .about-why-title-box span{
	background-image: url(../img/w1-2.png);
}
.about-why-list:hover:nth-child(2) .about-why-title-box span{
	background-image: url(../img/w2-2.png);
}
.about-why-list:hover:nth-child(3) .about-why-title-box span{
	background-image: url(../img/w3-2.png);
}
.about-why-list:hover:nth-child(4) .about-why-title-box span{
	background-image: url(../img/w4-2.png);
}
.about-why-list:hover:nth-child(5) .about-why-title-box span{
	background-image: url(../img/w5-2.png);
}
.about-why-list:hover:nth-child(6) .about-why-title-box span{
	background-image: url(../img/w6-2.png);
}
.about-why-list:hover:nth-child(7) .about-why-title-box span{
	background-image: url(../img/w7-2.png);
}
.about-why-list:hover:nth-child(8) .about-why-title-box span{
	background-image: url(../img/w8-2.png);
}
@media only screen and (min-width: 1000px){

	.about-why-list:nth-child(6) .about-why-mask{
		opacity: 1;
	}
	.about-why-list:nth-child(6) .about-why-title,
	.about-why-list:nth-child(6) .about-why-title-box i{
		color: #FFF;
	}

	.about-why-list:nth-child(6) .about-why-article{
		color: #FFF;
	}

	.about-why-list:nth-child(6) .about-why-img{
		opacity: 0.3;
	 	transform: translateX(0%);
	}
	.about-why-list:nth-child(6) .about-why-title-box span{
		background-image: url(../img/w6-2.png);
	}
}
.index-service-list:hover .index-service-img span{
	transform: scale(1.1);
}
.index-service-list:hover{
	box-shadow: none!important;
	transition-delay: 0;
	transition: all .5s ease;
}

.index-service-list-title:after{
	content: 'none';
	font-size: 0;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #2c4e8b;
	transition: all .5s ease;
	transform: scale(0,1);
}
.index-service-list:hover .index-service-list-title:after{
	transform: scale(1,1);
}
.index-service-list:hover .index-service-list-title span{
	color: #FFF;
}
.application-s-class  {
	transition: all .5s ease;
}
.application-s-class:hover,
.application-s-class.active{
	background-color: #2c4e8b;
	color: #FFF;
}
.application-img-list:hover .application-img-mask,
.application2-img-list:hover .application2-img-mask{
	opacity: 1;
}
.about-mission-question{
	cursor: pointer;
}
.about-mission-list:hover .about-mission-question{
	color: #c0a264;
}

.about-mission-list.problem-icon .about-question-icon i:nth-child(1){
	display: none;
}
.about-mission-list.problem-icon .about-question-icon i:nth-child(2){
	display: block;
}

.application-class-mask{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .5s ease;
	z-index: 2;
}
.application-class-move:hover .application-class-mask{
	opacity: 1;
}
.application-class-list:hover{
	z-index: 2;
	box-shadow: -1px -1px 20px 10px rgba(0,0,0,0.4);
	transition: all .5s ease;
}
.application-class-p{
	transition: all .5s ease;
}
.application-class-move:hover .application-class-list:hover .application-class-mask{
	opacity: 0;
}
.application-class-move:hover .application-class-list:hover .application-class-p{

     background-color: rgba(192,162,100,.8);
     bottom: 40px;
}
.application-class-img-box span{
	transition: all .5s ease;
}
.application-class-list:hover .application-class-img-box span{
	transform: scale(1.05);
}
.application-class-list:hover a{
	border: 0;
}
.application-class-move:hover .application-class-list a{
	border: 0;
}
.footer-list-img span{
	transition: all .5s ease;
}
.footer-list-img:hover span{
	transform: scale(1.1);
}
.footer-list-img{
	position: relative;
}
.footer-list-mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
	transition: all .5s ease;
}
.footer-list-img:hover .footer-list-mask{
	opacity: 1;
}