.footer-container {
	margin-top: 80px;
	display: inline-flex;
	justify-content: center;	
	width: 100%;
	height: 550px;
	background-color: #000;
}

.footer-body-box {
	position: relative;
	padding: 36px 0;
	width: 1200px;
}

.footer-bg {
	position: absolute;
	right: 0;
	bottom: 0;
}

.footer-item-box {
	margin-top: 60px;
	display: flex;
	justify-content: space-around;
	color: #6B6B6B;
}

.footer-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer-item:hover .footer-item-bg {
	background-color: rgba(224, 85, 53, 0.7);
	transform: scale(1);
	transition: all 0.3s;
}

.footer-item:hover {
	color: #fff;
}

.footer-item-bg {
	position: absolute;
	display: inline-block;
	background-color: rgba(224, 85, 53, 0);
	transform: scale(0.5);
	border-radius: 25px;
	width: 330px;
	height: 220px;
	top: 60px;
	left: -50px;
	z-index: 0;
}

.footer-item-desc {
	z-index: 1;
	text-align: center;
}

.footer-name {
	margin: 15px 0 27px;
	color: #A5A5A5;
	font-size: 24px;
	font-weight: bold;
}

.footer-item:hover .footer-name {
	color: #fff;
}

.footer-txt {
	margin-bottom: 13px;
	font-size: 16px;
	font-weight: 300;
	cursor: pointer;
}

.footer-txt:hover {
	font-weight: bold;
	transform: scale(1.05);
}

.footer-company {
	margin-top: 50px;
	font-size: 14px;
	color: #6B6B6B;
	text-align: center;
}


.footer-container .contact-btn {
	color: #6B6B6B;
}

.footer-item:hover .contact-btn {
	color: #fff;
}

.contact-btn {
	display: inline-block;
	width: 230px;
	font-weight: 300;

}

.contact-btn:hover {
	font-weight: bold;
}

.icon-img {
	width: 120px;
 	height: 120px;
 	/*background-image: url('../../assets/imgs/about/icon_2.png');*/
 	background-size: 100% auto;
 	animation: poleave .2s steps(24) forwards;
	margin-left: 50px;
}

@-webkit-keyframes poenter {
	0%{
		background-position: 0 0;
	}
	to{
		background-position: 0 -2880px;
	}
}
@-webkit-keyframes poleave {
	0%{
		background-position: 0 -2880px;
	}
	to{
		background-position: 0 0;
	}
}


.footer-item:hover .icon-img-1 {
	-webkit-animation: poenter .2s steps(24) forwards;
}

.icon-img-1 {
 	background-image: url('../../assets/imgs/about/icon_1.png');
}

.footer-item:hover .icon-img-2 {
	-webkit-animation: poenter .2s steps(24) forwards;
}

.icon-img-2 {
 	background-image: url('../../assets/imgs/about/icon_2.png');
}

.footer-item:hover .icon-img-3 {
	-webkit-animation: poenter .2s steps(24) forwards;
}

.icon-img-3 {
 	background-image: url('../../assets/imgs/about/icon_3.png');
}