

.menu a, .menu a:link, .menu a:visited, .menu a:focus, span {
	text-decoration: none;
	color:#696762;	
	font-family: 'Lato', sans-serif, verdana;
	font-weight:400;
	font-size: 22px;
	line-height: 28px;
	display:block;
}

#navigation {
	position:relative;
	width:100%;
	margin: 0;
	padding: 0% 0% 0% 0%;
	right:0%;
}









.menu li {
	background:none;
	width:20%;
}

.menu li a {	
	padding:10% 0 10% 0;
	margin:0;  
	color:#696762;
border-bottom:2px dotted #fff;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.menu li a:hover{
	color:#aaa79c;
border-bottom:2px dotted #d2cec2;
display:block;
}


.menu a#current{
color:#aaa79c;

border-bottom:2px dotted #d2cec2;
display:block;
}




.menu li ul li {
	border-top:1px solid #2b2b2b;
}

.menu li ul li a{
	padding: 10% 0 10% 0;
background:black;
}

.menu li ul li a:hover{
	color:white;
	background:#a3cc26;
	bbackground: rgba(0,0,0,0.5);
}

































/* Responsive container Setting */



@media only screen and (max-width: 1000px) and (orientation:portrait) {









#navigation {
	position:relative;
	width:100%;
	margin: 0;
	padding: 0% 0% 0% 0%;
	right:0%;

border-style:solid;
border-bottom-width:0px;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-color:#000;
}



label.responsive_menu span {
    	font-size: 66px;
	color:#696762;
}

    

label:hover {	
   	background-color: #696762;
}

label:hover span{
	color:#fff;
}

.menu li {

	background: #696762;
	border-top:0px solid #fff;
}
	
.menu li:hover {
		
}
.menu li:hover a{
	color:#f7f4ea;
}
	
.menu li a {
	padding:5% 5% 5% 5%;
    	background:none;
	font-size:44px!important;
	line-height:44px!important;
	color:#fff!important;
}

	
.menu li a:hover{
    	color:#f7f4ea!important;
    	background:none;
}
	






	
		
.menu li:hover ul li:hover {
	 
}
	
.menu li:hover ul li:hover a{
	 color:white;
}


.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%;
	color:white!important;
	font-size:44px!important;
	line-height:44px!important;
}

	
.menu li ul li a:hover {
	color:#4db4d6!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;
	}
	

}











