.distsocial {
	border-radius: 0.25rem;
    
}
.distsocial h6{
	/* color:#ffffff; */
    /* font-weight: 600; */
    /* font-size: 18px; */
	border:solid 1px #d3d3d3;
    margin:0px;
	padding:0 10px;
	height:32px;
	line-height:32px;
	--tw-bg-opacity: 1;
    /* background-color: rgb(204 203 255/var(--tw-bg-opacity,1)); */
    /* border-top-left-radius: 0.25rem; */
    /* border-top-right-radius: 0.25rem; */
	/* background: url(../images/navigationBg.gif) repeat-x left bottom #323576; */
	background: url(../images/bg_menu.jpg) repeat-x;
}

.socialLnk{
	padding:0px; 
	margin-top: 15px;
	margin-bottom:20px;
	box-shadow:1px 1px 7px #e4e3e3, -1px -1px 7px #e7e7e7;
	border-radius: 0.25rem;
}

.mat-trigger{
	box-shadow:1px 1px 7px #e4e3e3, -1px -1px 7px #e7e7e7;
	align-item:center; 
	cursor: pointer; 
	font-size: 15px; 
	font-weight: 600; 
	height:60px; 
	text-align:center; 
	line-height: 60px; 
	font-family: Roboto,sans-serif; 
	letter-spacing: .0178571429em;
	margin:5px;
    border-radius: 5px; 
}

.mat-trigger:hover{
	height:64px;
	line-height: 64px;
	font-size: 16px; 	
	margin:3px;
}

.mat-trigger a{
	text-decoration:none;
	color:#000000;
}

.mat-trigger a:hover{
	text-decoration:none;
	color:#999999;
}
.mat-trigger a:hover .fb-icon{
	padding:3px;
}

.mat-trigger a:hover .x-icon{
	padding:3px;
}

.mat-trigger a:hover .insta-icon{
	padding:3px;
}

.mat-trigger a:hover .youtube-icon{
	padding:3px;
}

.mat-trigger a:hover .whatsapp-icon{
	padding:3px;
}

.fb-icon{
	width: 50px;
	height:50px; 
	border-radius: 15px; 
	padding:5px;
}

.x-icon{
	width: 50px;
	height:50px; 
	border-radius: 15px; 
	padding:5px;
}

.insta-icon{
	width: 50px;
	height:50px; 
	border-radius: 15px; 
	padding:5px;
}
.youtube-icon{
	width: 50px;
	height:50px; 
	border-radius: 15px; 
	padding:5px;
}
.whatsapp-icon{
	width: 50px;
	height:50px; 
	border-radius: 15px; 
	padding:5px;
}