/* CSS Document */


.social_medias {
	display: flex;
    align-items: center;
}
.social_medias > a {
	display:inline-block;
	background-position:50% 50%;
	background-size:contain;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	border-radius:50%;
	margin-left:10px;
}
.social_medias .fb {
	background-image:url(../img/Social-FB-Btn.png);
	background-color:#3b5998;
}
.social_medias .fb:hover, .social_medias .fb.active {
	background-color:#4a81d5;
}
.social_medias .weibo {
	background-image:url(../img/Social-Weibo-Btn.png);
	background-color:#956C0F;
}
.social_medias .weibo:hover, .social_medias .weibo.active {
	background-color:#edc316;
}
.social_medias .youtube {
	background-image:url(../img/Social-Youtube-Btn.png);
	background-color:#c13636;
}
.social_medias .youtube:hover, .social_medias .youtube.active {
	background-color:#ef4343;
}
.social_medias .xhs {
	background-image:url(../img/Social-Xhs-Btn.png);
	background-color:#c13636;
}
.social_medias .xhs:hover, .social_medias .xhs.active {
	background-color:#ef4343;
}
.social_medias .ig {
  background-image:
    url(../img/Social-IG-Btn.png),                                      
    radial-gradient(55% 55% at 50% 50%, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0) 65%),    
    linear-gradient(135deg, #D62976 0%, #962FBF 45%, #4F5BD5 100%);                   
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center, center, center;
  background-color: #962FBF; 
}

.social_medias .ig:hover,
.social_medias .ig.active {
  background-image: url(../img/Social-IG-Btn.png);
  background-color: #F05F78;
}

.social_medias .wechat {
	background-image:url(../img/Social-WeChat-Btn.png);
	background-color:#008b40;
}
.social_medias .wechat:hover, .social_medias .wechat.active {
	background-color:#03d263;
}
.social_medias .hideTxt {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	color: #FFFFFF !important;
}

.social_medias .x {
	background-image:url(../img/Social-X-Btn.png);
	background-color:#000000;
}
.social_medias .x:hover, .social_medias .x.active {
	  background-color: #777777;
  filter: brightness(1.25);  
}

.social_medias .linkedin {
	background-image:url(../img/Social-LinkedIn-Btn.png);
	background-color:#0A66C2;
}
.social_medias .linkedin:hover, .social_medias .linkedin.active {
	background-color:#004182;
}