.navbar
{
	padding-right:5%;
	padding-left:5%;
	z-index: 2;
	font-size:20px;
	background-color:transparent!important;
	background-image: url("../../../../images/MobMenu8.png");
	background-size: 0% 0%;
	transition: background-color 500ms linear
}
.navbar.scrolled
{
	background-color:black!important;
	background-image: url("../../../../images/MobMenu8.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: background-color 500ms linear, background-size 10ms 550ms linear; 
	
}
/*-- Δευτερη κλάση scrolled για τα μην κάνει το εφε στις μικρές οθόνες όταν ανοίγουμε το μενού και είναι διάφανο */
.navbar.scrolledTopScreen
{
	background-image: url("../../../../images/MobMenu8.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color:black!important;
	transition: background-color 500ms linear; 
}

@media only screen and (max-width: 1098px) 
{
	.navbar
	{
		padding-left:2.5%;
	}
	
}

@media only screen and (max-width: 767px) 
{
	.navbar
	{
		padding-right:4%;
	}
	
}
@media only screen and (max-width: 600px) 
{
	.navbar
	{
		padding-left:4%;
		padding-right:4%;
	}
	
}

.navbar-nav
{
	margin-left:auto;
	color:#e6e6e6;
	float:right;
	text-align:right;
	
	
}


.navbar-brand
{
	cursor:default;
}

.professionNav-brand
{
	text-align:center;
	font-size:15px;
	color:#ff9800;
	width:189px;
	height:22.5px;
}

/*--- Mobiles --*/
@media only screen and (max-width: 600px) 
{
	.navbar
	{
		font-size:17px;
	}
	.navbar-brand
	{
		font-size:17px;
	}
	.professionNav-brand
	{
		font-size:14px;
		width:170px;
	}
}
.nav-item
{
	margin-left:5px;
	margin-right:5px;
	
}
.nav-link
{
	color:#e6e6e6!important;
}

.nav-item:hover .nav-link
{
	color:#ff9800!important;
}

.MeActive
{
	color:#ff9800!important;
}

.hrUnderline
{
	float:left;
	margin-top:0.5px;
	background-color:#ff9800;
	width:0px;
	height:2.3px;
	border-radius: 13px 13px 13px 13px;
	-moz-border-radius: 13px 13px 13px 13px;
	-webkit-border-radius: 13px 13px 13px 13px;
	border: 0px solid black;
}
@media only screen and (max-width: 991px) 
{
	.hrUnderline
	{
		float:right;
	}
}

