.user-head-bar{
	background-image:url(../images/member_table_bg.gif);
	margin-bottom:20px;
	padding:20px 0;
	color:#fff;
	width:100%;
}
.user-head-bar .section--flexer{
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 991px){
	.user-head-bar .section--flexer{
		flex-flow: column;
	}
}
.mmg-avatar{
	float:left;
	position:relative;
	width:75px;
	height:75px;
	background-color:#fff;
	border-radius:50%;
	margin-right: 30px;
	overflow: hidden;
}
.mmg-avatar img{
	width:100%;
}
.user-head-bar__section{
	display:flex;
	align-items:center;
}
.user-head-bar__section--user-info{
	float:left;
}
@media only screen and (max-width: 991px){
	.user-head-bar__section{
		justify-content: center;
	}
}
.user-head-bar__section--user-info{
	float:left;
}
@media only screen and (max-width: 991px){
	.user-head-bar__section--user-info{
		margin-bottom:30px;
	}
}
@media only screen and (max-width: 571px){
	.user-head-bar__section--user-info{
		margin-bottom:0;
	}
}
.user-head-bar__notifications{
	position:relative;
	margin-right:10px;
}
.user-head-bar__notifications i{
	font-size:28px;
	cursor: pointer;
}
.user-head-bar__notifications span.notif-count, .header-holder .notif-count, .menu-item .notif-count{
	position:absolute;
	top:-6px;
	right:-4px;
	background-color:#26c2ff;
	width:17px;
	height:17px;
	border-radius:50%;
	padding-top:2px;
	color:#fff;
	font-size:10px;
	text-align: center;
	cursor: pointer;
}

.header-holder .notif-count {
	top:48px;
	right:8px;
}

.menu-item-12101 a, .menu-item-12182 a, .menu-item-11689 a {
	position:relative;
	display:inline-block !important;
}

.menu-item .notif-count {
	top:15px;
}

.user-head-bar__notifications__expand{
	position: absolute;
	top:40px;
	left:-109px;
	z-index:-1;
	opacity:0;
	color:#333;
	background-color:#fff;
	transition:opacity 300ms ease, z-index 300ms step-end;
	width:320px;
	border-radius: 5px;
	box-shadow: 0 2px 2px 0 rgba(100, 100, 100, 0.75);
}
.user-head-bar__notifications__expand .fa-caret-up{
	position:absolute;
	top:-19px;
	left:50%;
	color:#fff;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.user-head-bar__notifications__expand ul{
	list-style: none;
	margin-left:0;
}
.user-head-bar__notifications__expand li{
	padding:10px 5px;
	border-top:solid 1px #f3f3f3;
}
.user-head-bar__notifications__expand p{
	font-family: "museo-slab", serif;
	font-size: 15.4px;
	padding:5px;
	margin:0;
}
.user-head-bar__notifications__expand .notif-cat{
	float:left;
	width: calc(100% - 70px);
	word-wrap: break-word;
}
.user-head-bar__notifications__expand h3{
	width: 100%;
	float:left;
	font-size: 10px;
	color:#333;
	margin:0;
	word-wrap: break-word;
}
.user-head-bar__notifications__expand a{
	color:#26c2ff;
	font-size:10px;
	float:left;
}
.user-head-bar__notifications__expand a i{
	font-size: 10px;
	margin-left:5px;
}
.user-head-bar__notifications__expand.shown{
	z-index: 10;
	opacity:1;
	transition:opacity 300ms ease, z-index 50ms step-start;
}
.user-head-bar__notifications__expand .link-all-notifs{
	background:#26c2ff;
	color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:4px 8px;
}
.user-head-bar__notifications__expand .link-all-notifs a, .user-head-bar__notifications__expand .link-all-notifs i{
	float: none;
	color: #fff;
	font-size:14px;
}
.user-head-bar__name-points{}
.user-head-bar__name-points p{
	font-size:21px;
	margin:0;
}
.user-head-bar__name-points span{}

.user-head-bar nav{
	float:right;
}

.user-head-bar nav ul{
	display:flex;
	list-style: none;
	margin:0;
}
@media only screen and (max-width: 571px){
	.user-head-bar nav ul{
		display: none;
	}
}
.user-head-bar nav ul a{
	color:#fff;
	margin:0 15px;
}
.user-head-bar nav ul li a{
	display:flex;
	flex-flow: column;
	align-items: center;
	color:#fff;
	margin:0 15px;
}
.user-head-bar nav ul li a:hover{
	text-decoration: none;
}
.user-head-bar nav ul li a i{
	opacity:1;
	font-size: 18px;
	margin-bottom: 6px;
	transition: opacity 250ms ease-in;
}
.user-head-bar nav ul li a  i.fa-arrow-right {
	font-size:14px;
	margin-left: 0px !important;
}
.user-head-bar nav ul li a:hover i{
	opacity:.9;
	transition: opacity 250ms ease-out;
}

.remove_icon{
	background-image: url('../images/remove_icon.jpeg');
}