/* -------------------------------- */
/* ------ Artemis Antoninis ------- */
/* ----------- ~WOLOLO~ ----------- */
/* -------------------------------- */

#csiNav{
	z-index:1;
	position:absolute;
	width:100%;
	margin-top:0;
}

#csiNav .navbar{background-color:transparent;}
#csiNav a{color:#fff;}
.csiNavActive{border-bottom:3px solid #cc0000 !important;}
#csiNav a .csiNavHover{
	border-bottom:2px solid transparent;
	transition:.3s ease-in-out;
}

#csiNav .dropdown-menu{
	margin-top:0;			
	background-color:rgba(0,0,0,0.9);
}	

#csiNav .dropdown-menu li:hover a{
	background-color:#cc0000;
	color:#fff;
}
	
#csiNav a:hover .csiNavHover{border-bottom:2px solid #cc0000;}

#csiNav .navbar-default .navbar-nav > .open > a > span,
#csiNav .navbar-default .navbar-nav > .open > a > span:hover .csiNavHover,
#csiNav .navbar-default .navbar-nav > .open > a > span:focus .csiNavHover{
	border-bottom:2px solid #cc0000;
}

#csiNav .navbar-default .navbar-nav > .open > a,
#csiNav .navbar-default .navbar-nav > .open > a:hover,
#csiNav .navbar-default .navbar-nav > .open > a:focus{
	background-color:transparent;
}

#csiNav .navbar-default{
	border-radius:0;
	border:transparent;
	margin-bottom:0;
	background-color:rgba(0,0,0,0.30);
}

#csiNav .navbar-collapse{
	width:70%;
	float:right;
}

#csiNav .navbar-brand{
	background:transparent;
	display:none;
}
#csiNav .pager li a{border:0 !important;}
#csiNav .pager li a:hover{background-color:transparent !important;}

@media only screen and (max-width:1150px){
	#csiNav .navbar-collapse{width:80%;	}
}

@media only screen and (max-width:1007px){
	#csiNav .navbar-collapse{width:82%;	}
}

@media only screen and (max-width:991px){
	#csiNav .navbar-collapse{width:60%;	}
	.csiNavMobile{display:none;}
}

@media only screen and (max-width:768px){
	.csiNavMobile{display:inherit;}
	#csiNavWidth{width:100%;}
	#csiNav .nav{
		margin:0;
	}
	
	#csiNav .dropdown-menu li a:hover{
		background-color:#ddd;
		color:#000;
	}
	
	#csiNav .navbar{
		margin-top:65px;
		border-bottom:1px solid #fff;
		padding-top:0;
	}
	
	#csiNav .navbar-default{
		background-color:#222;
		color:#fff;
	}
	
	#csiNav .navbar-brand:hover{
		text-decoration:none;
		display:inherit;
	}
	
	#csiNav .fa-navicon{color:#fff;}
	#csiNav button:hover{background-color:#222;}
	
	#csiNav .navbar-toggle{
		border-color:#222;
		margin-right:2px;
	}
	
	#csiNav h3{display:none;}
	#csiNav .dropdown{
		width:100%; 
		border-bottom:1px solid #f7f7f7;
	}	
	
	#csiNav .navbar-collapse{
		padding:0;
		float:left;
		width:100%;
		width:104%;
	}
	
	#csiNav .dropdown-menu{
		width:100%;
		background-color:#f7f7f7;			
	}
	
	#csiNav .dropdown-menu li:hover a{
		background-color:#fff;
	}
	
	#csiNav .dropdown-menu a{color:#000;}
	#csiNav a:hover .csiDropdown{border-bottom:2px solid #222;}
	#csiNav .caret{float:right;}
	#csiNavDropdownLast{margin-bottom:10px;}
	
	#csiNav button:focus, button:active, button:hover{
		background-color:#222 !important;
	}
	
	#csiNav .csiDropdown{float:none;}
	
	#csiNav .navbar-header a{
		padding-bottom:0;
		margin-top:5px;
		color:#fff;
		width:70%;
		height:45px !important;
	}
}