@charset "utf-8";
/* CSS Document */

.navwrapper{
		position:relative;
		max-width:100%;
		font-size:14px;
		color:#000000;
		text-align:left;
		padding:0 0;
		margin-top:-25px;
		margin-bottom:25px;
}
.overlay {
		position: fixed;
		display: block;
		content: "";
		top: 0;
		left: 0%;
		width: 100%;
		height: 0;
		opacity: 0;
		background:rgba(0,0,0,0.7);
}


.menu_container, .anchor-link{ 
		display: none; 
}
.menu_container{
		width: 100%;
}

.nav{
		width:100%;
		margin:0 auto;
}
.nav ul{ 
		width:100%;
		float:none;
		list-style: none; 
		text-align:center; 
		padding:0 0;
}
.nav ul li{ 
		width:16.66666666666667%; /*100/6*/
		position:relative;
		float:none;
		z-index:100;
		display:inline-block; 
		text-align:center;
		padding:0 0;
}
.nav ul li:first-child{
		padding:0 0;
}
.nav ul li:last-child{
		padding:0 0;
}
.nav ul li a{ 
		display:block; 
		background:#f6f3e2;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:700;
		line-height:18px;
		color:#302804;
		padding:30px 0;
		text-decoration:none;
		text-transform:uppercase;
		border-right:#302804 1px solid;
}
.nav ul li:last-child a{ 
		border-right:none;
}
.nav ul li a:hover{ 
		background:#705b0a;
		color:#fff;
}
.nav ul li a:hover:after{ 
		bottom:0;
}
a.garage{
		padding:45px 25px 0 !important;
}

/*dropdown*/
.nav ul li.dropdown a{
		padding-right:20px;
}

.showmenu{
		width:16px;
		height:16px;
		display:block;
		background:url(../images/nav-down.png) center 50% no-repeat;
		position:absolute;
		right:8px;
		top:50%;
		margin:-10px 0 0 0;
		display:none;
}
.closemenu{
		width:16px;
		height:16px;
		display:block;
		background:url(../images/nav-up.png) center 50% no-repeat;
		position:absolute;
		right:8px;
		top:50%;
		margin:-10px 0 0 0;
}

.nav ul ul {
		position:absolute; 
		left:0;
		top:100%; 
		display:none;
		width:100%;
		min-width:225px;
		list-style:none;
		background:rgba(92,54,113,0.8);
		z-index:1000;
}
.nav ul ul li{
		width:100%;
		list-style:none;
		padding:0 0 0 0;
}
.nav ul ul li:first-child, .nav ul ul li:last-child{
		padding:0 0 0 0;
}
.nav ul ul a{
		display:block;
		margin:0 0;
		font-family: 'Open Sans', sans-serif;
		font-weight:700;
		font-size:13px;
		color:#302804;
		padding:15px 10px;
		text-align:center;
		text-transform:uppercase;
		border-top:rgba(48,40,4,0.25) 1px solid;
		border-right:none;
}
.nav ul ul li:first-child a{
		border-top:rgba(48,40,4,0) 1px solid;
		border-right:none;
}
.nav ul ul a:hover{
		background:#302804;
		color:#fff;
		border-top:rgba(48,40,4,0.25) 1px solid;
}

/*end dropdown*/
 
.nav{ 
		transition: .2s margin ease; 
		display: block;
}

/*Home Page Banner*/


.nav ul li:hover ul, .nav ul li a:hover ul{
		display:block;
}


.menuwrapper{
		position:relative;
		width:100%;
		/*background:url(../images/menubg.png) top left repeat;*/
}


/* 
-------------------------------------------------------------------------------
   Media Queries
-------------------------------------------------------------------------------
*/

/*================(1300)================*/
@media screen and (max-width:81.25em){
	
	
}

/*================(<1280)================*/
@media screen and (max-width:79.9375em){

	
}

/*================(1200)================*/
@media screen and (max-width:75em){

	
}

/*================(1136)================*/
@media screen and (max-width:71em){
	
}

/*================(<1024)================*/
@media screen and (max-width: 63.9375em){

	/*a.garage {
		padding: 20px 12px 0 !important;
	}
	.nav ul li a {
		padding: 30px 12px 0;
	}*/

}

/*================(1023 - 769)================*/
@media only screen and (max-width: 63.9375em) and (min-width: 48.0625em){
}

/*================(<980)================*/
@media screen and (max-width: 61.1875em){
	

}
/*================(800)================*/
@media screen and (max-width: 50em){
}

/*================(767 - 641)================*/
@media only screen and (max-width: 47.9375em) and (min-width: 40.0625em){
}

/*================(<768)================*/
@media screen and (max-width:47.9375em){

.navwrapper{
		position:absolute;
		top:0;
		left:0;
		float:none;
		width:70%;
		border:none;
		text-align:center;
		padding:0 0 0 0;
		z-index:150;
}	

.menu_container, .anchor-link{ 
		display: block; 
}
.menu_container{
		position:relative;
}
.anchor-link{
	  	position:absolute;
		top:17px;
		left:12px;
		background:url(../images/nav-icon.png) center center no-repeat;
		width:30px;
		height:30px;
		z-index:200;
}

nav{
		z-index: 5000;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 15em;
		display:block;
		max-width: 75%;
		overflow-y: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background:#f6f3e2;
		padding: 62px 0 1.75em 0;
		z-index:100;
}
.nav{
		margin-left: -100%; 
		width:70%; 
		z-index: 2; 
}
body.active .overlay{
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity 300ms ease;
		transition: opacity 300ms ease;
		z-index:1;
}
body.active .anchor-link{ 
		position:fixed;
		top:17px;
		left:12px;
		background:url(../images/close-btn.png) center center no-repeat;
}
body.active .nav{ 
		margin-left: 0; 
}


.nav { border: none; }
.nav ul { text-align: left; font-weight: normal; padding:0 0; }
.nav ul li:first-child, .nav ul li:last-child {
		padding:0 0 0 0;
}
.nav ul li { display: block; width:100%; padding:0 0 0 0; }
.nav ul li a { height:auto; border-bottom: 1px solid #d5d1bc; border-top: 1px solid #fffae0; font-size:14px; line-height:20px; color:#302804; background:#f6f3e2; border-right:none; text-align:left; padding:10px; }
.nav ul li:last-child a{border-bottom: 1px solid #d5d1bc;}
.nav ul li a:hover { color:#302804; background-color:#e2dfce; }
.nav ul li.dropdown a{
		padding:15px !important;
}
.showmenu{
		display:block;
		width:40px;
		height:42px;
		display:block;
		background:#dbd6bb url(../images/nav-down.png) center 50% no-repeat;
		position:absolute;
		right:0;
		top:0;
		margin:0 0 0 0;
		border-bottom: none;
}
.closemenu{
		width:40px;
		height:42px;
		display:block;
		background:#c1bc9d url(../images/nav-up.png) center 50% no-repeat;
		position:absolute;
		right:0;
		top:0;
		margin:0 0 0 0;
		border-bottom: none;
}

.nav ul ul{
		position:relative;
		display:none;
		padding:0 0 0 0;
		top:0;
}
.nav ul ul a{
		min-width:1px;
		width:auto;
		background:#e4e0c7;
		text-align:left;
		border-bottom: 1px solid #c8c197;
		border-top:none;
}
.nav ul ul li:last-child a{
		border-bottom:none;
}
.nav ul ul a:hover{
		background:#f6f3e2;
		border-top:none;
		border-bottom: 1px solid #c8c197;
}
.nav ul li:hover ul, .nav ul li a:hover ul{
		display:none;
}
.menuwrapper{
		border-bottom:none;
}
	
}

/*================(640)================*/
@media only screen and (max-width:40em){


}


/*================(639 - 481)================*/
@media only screen and (max-width: 39.9375em) and (min-width: 30.0625em){



	
}

/*================(<640)================*/
@media only screen and (max-width: 39.9375em){



}

/*================(480)================*/
@media only screen and (max-width: 30em){

	
}

/*================(320)================*/
@media screen and (max-width: 20em){
}