@import url(https://fonts.googleapis.com/css?family=Vollkorn);
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
.nav_main{
	background-color:#fff;	
	}



nav{
	font-family: 'Oswald', sans-serif;
	max-width:1040px;
	text-align:center;
	text-transform: uppercase;
	transition: all 0.3s ease;
	margin:auto;
	padding-bottom:15px;;
	padding-top:5px;
	position:static;
    display:table;

}

/********************************************************** Main Menu */
nav li{
	position: relative !important;
	display:table-cell;
	padding:10px 10px;
	outline:none;
	text-align:center;
	cursor:pointer;
	margin-left:-3px;
	z-index:9998;
	font-size:11px;
	vertical-align:	middle;
	font-weight:normal;
	font-size:14px;
	line-height:15px;
	background-image:url(line.png);
	background-repeat:no-repeat;
	background-position:center right;	
	}
.noborder{
	background-image:none
	}	
	
nav li:hover, ;
nav li:focus{	
	/*background-image: url(overlay.png);	*/
}
nav li a{
	display:block;
	text-decoration:none;
	color: #000;
	}
	
nav li a:hover, nav li a:focus{
	color:#f61b14;
	}	

nav li:hover > .sub, 
nav li:focus > .sub{
	max-height:200px;
	overflow:auto;
	opacity:1;
	padding: 10px 0px;
	box-shadow:0px 0px 5px #000;
		 -ms-transform: skewX(10deg); /* IE 9 */
    -webkit-transform: skewX(10deg); /* Safari */
    transform: skewX(10deg);
}




/********************************************************** Sub Menu */
.sub{
	position: absolute;
	top:45px !important;
	left:0px;
	right:0px;
	transition: all 0.5s ease;
	overflow:hidden;
	max-height:0px;
	white-space:nowrap;
	min-width:320px;
	z-index:9999;
	margin-top:5px;
	background-image: url(overlay.png);	
	opacity:0;
}

.sub > div{
	padding:3px 20px;

	}
.sub > div > a{
	font-weight: normal;
	color: #FFF;
	
	}
.sub > div:hover{
	background-color: #CC0000;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/********************************************************** Toggle */
#toggle, 
#toggle + label {
	display:none;
	background-color: #1e5799;
	cursor:pointer;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: right 25px center;	
	height:44px;
	position:relative;
}
#toggle + label:after {
	content:"MENU";
	position:absolute;
	left:25px;
	top:13px;
	color:#FFF;
}

@media only screen and (max-width: 820px) {
#toggle + label{
	display:block;
	}
		
#toggle:checked ~ nav {
	display:block;
	max-height:999px;
}
.fixed{
	top:0;
	position:static;
	}
nav {
	transition: all 1s ease;
	position: static;
	display:block;
	max-height:0px;
	overflow:hidden;
}
nav > li{
	display:block;
	padding:7px 25px;

	}	
.sub{
	position: static;
	background:transparent;
	padding:0px 0px;
	margin-top:0px;
}
}