.menu a, .menu a:link, .menu a:visited, .menu a:focus, span {
	text-decoration: none;
	color:black;	
	font-family: arial, sans-serif;
	font-size: 22px;
	line-height: 22px;
}

#navigation {
	position:relative;
	z-index:10000;
	width:100%;
	margin: 0;
	padding: 0;
}

label.responsive_menu span {
	margin-left: 2%;
	display: none;
}

input#responsive_menu { 
display: none; 
}












.menu {
	position: relative;
	padding: 0;
	margin: 0;

}




.menu li {
	display: inline-block;
	text-align: center;
	margin: 0;
	float:left;
	padding:0;
	background:red;
	width:20%;
	-webkit-transition: all 1.3s ease-out;
 	-moz-transition: all 1.3s ease-out;
 	-o-transition: all 1.3s ease-out;
 	transition: all 1.3s ease-out;
}

.menu li a {
	display: inline-block;	
	padding:10% 0 10% 0;
	margin:0; 
	width:100%;
	color:white!important;
}

.menu li a:hover{

}

.menu li:hover {
	background:black;
}

#current {
	bbackground-color:black;
}


.menu li ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	text-align: left;
	margin-top:0;
	padding: 0;
	width:20%;
}

.menu li:hover ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0;

}

.menu li ul li {
	position: relative;
	display: block;
	width:100%;
	border-top:1px solid black;
	padding:0;
}

.menu li ul li a{
	padding: 10% 0 10% 0;
  	display: block;
}

.menu li ul li a:hover{
	ccolor:white;
	cbackground:black;
}

































/* Responsive container Setting */



@media only screen and (max-width: 1000px) and (orientation:portrait) {








	
	#responsive_menu:checked+.menu {
		display: block;
	}


	#navigation {
		width: 100%;
	}


	.menu {
    display: none;
    padding: 0;
    width:100%;
  }

	label.responsive_menu span {
		display: inline;
    font-size: 66px;
    margin:0;
		color:white;
	}

	label.responsive_menu {
    position: relative;
    display: block;
    width: 90%;   
    background-image: url(../pics/menublack.png);  
    background-repeat:no-repeat;
    background-position:95% center;
    background-color: black;
		background-size:7%;
    padding: 5% 5%;    
	}

    

  label:hover {
		background-image: url(../pics/menu.png);  
   	cursor:pointer;	
   	background-color: red;
  }

  label:hover span{
		color:white;
 	}

	.menu li {
		display:block;
		text-align: left;
		margin-left: 0;
    position: relative;
    width: 100%!important;
    padding:0 0 0 0;
		height:auto;
		background:white;
		border-top:2px solid black;
	}
	
	.menu li:hover {
			color:white;
	}
	.menu li:hover a{
		color:white!important;
	}
	
	.menu li a {
    display:inline-block;
    padding:5% 5% 5% 5%;
    background:none;
		font-size:44px!important;
		line-height:44px!important;
		color:black!important;
	}
	.menu li a:hover{
    color:red!important;
    background:none;
	}
	
	



	
	.menu li:hover ul {
		position:relative;
		width:100%;
		margin:0 0 0 0;
	}
	
		
	.menu li:hover ul li:hover {
	 
	}
	.menu li:hover ul li:hover a{
	 	color:black;
	}

	.menu li ul li{ 
		width: 100%!important;
		padding:0;
		background:black;
		border-top:2px solid white;
	}

	
	.menu li ul li a {
    padding:5% 5% 5% 10%;
		display:inline-block;
		color:black!important;
		font-size:44px!important;
		line-height:44px!important;
	}

	.menu li ul li a:hover {
		color:red!important;
    background:none;
	}














	
	
	/* Disable animation */
	.menu > li > ul li ul, .menu li >ul li, .menu > li > .megadrop, .menu > li > .columndrop, .menu > li > ul, .menu > li {
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
    		-ms-transition: none;
		-o-transition: none;
	}
	

}