@charset "UTF-8";


/*Strip the ul of padding and list styling*/



#navbar {
 
 font-family: 'Rubik Lines', serif;
position:fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.3s;
	z-index:999;
	
padding:20px 0%;
	height:auto;
	
	background-color: rgba(0,0,0,.2)

}

#menu {
	
width:95%;
padding-bottom:0px;
  transition: top 0.3s;
	padding-right:5%;
	padding-left:0%;
	text-align:right;
	float:right;
	
}

#menuNotIndex {
	
	background-color: white;
}


#menuContainer {

margin:20px 0px 20px;
height:20px;

float: right;
text-align: right;

	width:100%;

		

	
}
	

#menuContainer ul {
	 
	list-style-type:none;
	margin: 0px;
	position: absolute;
	 text-align: right;
	font-size:0px;
	

	

}

/*Create a horizontal list with spacing*/
#menuContainer li {
	 
 	display:inline-block;
	margin: 0px 10px;
text-transform: normal;


}


/*Style for menu links*/
#menuContainer li a {
	 
	display:block;
line-height: 35px;
	height:35px;
	text-align: left;
	text-decoration: none;
	padding:5px 10px;
	font-size:18px;
	letter-spacing: 1px;
	color:white;
	border-radius: 25px;
	
			
	

}




#menuContainer :nth-child(7){

	
}

/*Hover state for top level links*/
 #menuContainer li:hover a {
	 	 
	color: white;
	 background-color:rgba(0,0,0,.5);
	 	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: left;
}


/*Style for dropdown links*/
 #menuContainer li:hover ul a {
	 
background-color:rgba(0,0,0,.1);
	color: white;
	height: 30px;
	line-height: 30px;
	
	 padding:5px 15px;
	 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	 
	 border-radius: 25px;
	text-align: left;
}



/*Hover state for dropdown links*/



 #menuContainer li:hover ul a:hover {
	 
background-color:rgba(0,0,0,.8);

	
}





/*Hide dropdown links until they are needed*/
#menuContainer li ul {
	  

	padding:5px;

	color:white;
	visibility: hidden;
	transition: visibility 0s, opacity 0.5s linear;
	margin-top:0px;
	
	background-color:rgba(0,0,0,.8);
		transition: all 0.3s ease-in-out;

		-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	 border-radius:25px;

}








/*Make dropdown links vertical*/
#menuContainer li ul li {
	 
	display: block;
	margin:0px;
	
	 


	
}


/*Prevent text wrapping*/
#menuContainer li ul li a {
	
	width: auto;
	min-width: 120px;
	padding: 0 15px;
	color:white;
	
}



/*Display the dropdown on hover*/
 #menuContainer ul li a:hover + .hidden, #menuContainer .hidden:hover {
	 
	display: block;
	visibility: visible;
  	opacity: 1;

}



/*Style 'show menu' label button and hide it by default*/
#menuContainer .show-menu {
	
	
	text-decoration: none;
	color: #fff;
	background-color:rgba(0,0,0,1.00);
	text-align: center;
	padding: 10px 0;
	display: none;
}


/*Hide checkbox*/
input[type=checkbox]{
	
    display: none;
}


/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    
	display: block;
	
}







/* iPhone and mobile  */

@media (max-width: 770px) {
	
	
	#navbar {  
		
position:relative;
	top:0px;
width: 100%;
  display: block;
  transition: top 0.3s;
	z-index:999;
padding:0px !important;
		color:white;
		background-color:rgba(17,95,154,1.00);
		background-image: url("images/backGround/pexels-carlos-11060853.png");
		background-size: 140%;
		background-position: right -150px;
		
	}
	  
	.menuBackGround {
	
	height:410px;
		
	background-image: url("images/backGround/pexels-carlos-11060853.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

#menu {
	


width:100%;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
float:none;
}
	
	
	
	
#menuContainer { 
	
border-top: 1px white solid;
border-bottom:1px white solid;
padding: 0px;
float:none;
margin:0px!important;
	width:100%;
height:auto;

	}
	
	  
	  
	  
/*Make dropdown links appear inline*/
#menuContainer ul {
	
position: static;
display: none;
padding:0px;
	
	
	}
	
	
	  
	  
/*Create vertical spacing*/
#menuContainer li {
	
	border-bottom: 1px solid rgba(255,255,255,1);
	text-align: center;
	width:100% !important;
	margin:0px;
	
	}
	  
	  

	 	  

/*Make all menu links full width*/
#menuContainer ul li, #menuContainer li a {
	
	width:100%;	
	background:black;
	color: rgba(255,255,255,1.00);
	padding-left:0px;
	padding-right:0px;
	text-align: center;
	display:visible;
	dislay:block;
	font-size: 26px;
	border-bottom:1px white solid;
border-radius: 0px;

	}
	  

	  
#menuContainer li a {
	
	padding: 10px 0px;
	color:rgba(255,255,255,1.00);
	display:visible;

	  }
	
	  
	  

#menuContainer ul li, #menuContainer li a:hover {
	
		color: white;
		text-align: center;

	
	}
	  
  
	  
	
#menuContainer ul li ul {
		
	font-size:50%;
		dislay:block;
	

	
	}
	
	
	  #menuContainer ul li ul li {
	
	
background-color: black;
text-align: center;
	
	}
	    
	  
	  
#menuContainer ul li ul a {
	
	padding-top:15px;
		  padding-left:15px;
		  padding-bottom:15px;
			color:white;
	
	}
	
#menuContainer li ul li a {
		width: 100%;
	padding-right:0px;
	padding-left:0px;
	color:white;

	}
	  
	
#menuContainer li:hover ul a {
	
	border-radius: 0px;
	
	}
	  
	
#menuContainer li:hover ul a:hover {
	
	text-align: center;
	
	}
	
	
	
#menuContainer li:hover a {
	 
	text-align: center;
	margin:0px;
}
	
	  		  
	  
	
/*Display 'show menu' link*/
#menuContainer .show-menu {
	
	display:block !important;		
	font-size:130%;
	background-image: url(images/background/menuLines.png);
	background-position:15px center;
	background-repeat:no-repeat;
	

	
	}
	
	
#menuContainer ul li a:last-child {

}

	
	

	  
	
/*end of menu*/
}