footer.footer .icon-wechat {
	background-image: url(../images/social-icons/we_chat_grey.svg),url(../images/social-icons/we_chat_green.svg);
    background-size: 100%, 0%;
}
footer.footer .icon-wechat:hover {
    background-size: 0%, 100%;
}

#wechat-modal {
	position:fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:100vh;
	display:none;
	opacity:0;
	transition:opacity .5s;
}

#wechat-modal.active {
	display:block;
	opacity:1;
}

#wechat-modal #overlay {
	width:100%;
	height:100%;
	background-color:#999;
	opacity:.2;
}

#wechat-modal .content {
	position:absolute;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	background-color:#fff;
	width:640px;
	padding:60px 0px;
}

#wechat-modal .wechat-text {
	margin:20px auto 0px auto;
	display:block;
	width:80%;
	padding-left:52px;
	position:relative;
	font-size:14px;
}
#wechat-modal .wechat-text:before {
	display:block;
	position:absolute;
	content:"";
	background-image:url(../images/wechat-icon.png);
	width:42px;
	height:42px;
	margin-left:-52px;
}

#wechat-modal .close {
	opacity:1;
	position: absolute;
	top:20px;
	right:20px;
	font-size:30px;	
}

@media (max-width: 960px){
	#wechat-modal .content {
		width:75%;
	}
}

@media (max-width: 760px){
	#wechat-modal .content {
		width:95%;
	}
}