#head-bar{
	display: none;
	@media only screen and (min-width:@screen-sm) {
		display: block;
		.container-fluid{
			position: relative;
			display: flex;
			flex-direction: row-reverse;
			align-items:top;
		}
		position: fixed;
		top:0;
		right: 0;
		left: 96px;
		height: 40px;
		background-color: #303539;
		z-index: 800;
		.menu-sedi{
			display: block;
			position: relative;
			padding: 0;
			margin: 0;
			list-style-type: none;
			background-color: #303539;
			li{
				border-top: 1px solid #bdc3c6;
				a{ padding: 15px 15px 15px 0; }
			}
			li{
				display: none;
			}
			li:first-child{
				border-top: none;
				a{ 
					padding: 0 15px 0 0; 
				}
				display: block;
			}
			&.hover{
				li{
					display: block;
				}
			}
		}
		a{
			display: block;
			position: relative;
			&:hover{
				text-decoration: none;
				color:@brand-primary;
			}
			padding:0 15px;
			> span{
				display: flex;
				align-items:center;
				> span{
					display: block;
				}
			}
			color: #bdc3c6;
			.icon-wrapper{
				width: 40px;
				height: 40px;
				padding:10px;
				svg{
					fill:#fff;
					width: 100%;
					height: 100%;
				}
			}
		}
		.head-address{
			border-left: 1px solid #bdc3c6;
		}
	}
}