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

.navwrapper{
		width:100%;
		position:relative;
		font-size:11px;
		color:#000000;
		text-align:right;
		margin-top:30px;
		background:#00489d;
		border-left:none;
		border-right:none;
}
.overlay {
		position: fixed;
		display: block;
		content: "";
		top: 0;
		left: 0%;
		width: 100%;
		height: 0;
		opacity: 0;
		background:url(../images/transparent-bg-gray.png) left top repeat;
		-webkit-transition: opacity 300ms ease, height 1ms 300ms ease;
		transition: opacity 300ms ease, height 1ms 300ms ease;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
}


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

.nav{
		width:100%;
		margin:0 auto;
}
.nav ul{ 
		width:100%;
		list-style: none; 
		text-align:center; 
		padding:8px 2px;
}
.nav ul li{ 
		width:auto;
		position:relative;
		z-index:100;
		display:inline-block; 
		text-align:center;
}
.nav ul li.slidemenu{ 
		display:none;
}
.nav ul li a{ 
		display:block; 
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight:700;
		font-size:13px;
		color:#fff;
		padding:0px 15px;
		text-decoration:none;
		border-right:1px solid #fff;
}
.nav ul li.normangroup a{
		border-right:none;
}
.nav ul li a:hover{ 
		background-color:#0058c0; 
}
.nav ul li:last-child a, .nav ul li:first-child a{
		border-right:none;
}

/*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:34px; 
		display:none;
		width:100%;
		min-width:155px;
		list-style:none;
		background:#656565;
		z-index:1000;
}
.nav ul ul li{
		width:100%;
		list-style:none;
}
.nav ul ul a{
		display:block;
		margin:0 0;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight:700;
		font-size:13px;
		color:#fff;
		padding:5px 8px;
		text-align:left;
		/*text-transform:uppercase;*/
		border:none;
}
.nav ul ul a.classiccars{
		background:#000;
		border:1px solid #fff;
		border-left:none;
		border-right:none;
}
.nav ul ul a:hover{
		background:#ba5a14;
}

/*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
-------------------------------------------------------------------------------
*/

/*================(1200)================*/
@media screen and (max-width: 75em){
	.nav ul li a {
		padding: 0px 10px;
	}
}

/*================(<1024)================*/
@media screen and (max-width: 63.9375em){
.navwrapper{
		/*width:100%;*/
		text-align:center;
		padding:0 0 0;
}	
.nav{
		width:100%;
}
.nav ul{
		text-align:right;
}
.nav ul li{
		text-align:center;
}
.nav ul li.dropdown a{
		padding:5px 30px;
}
.nav ul li a{
		display:block;
		padding:0 7px;
}
.nav ul ul{
		display:none;
}
}

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

/*================(<980)================*/
@media screen and (max-width: 61.1875em){
.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: #00489d;
		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 { display: block; width:100%; }
.nav ul li.slidemenu{ display:none;}
.nav ul li a { border-bottom: 1px solid #003778; border-top: 1px solid #0059c3; color:#fff; background:#00489d; border-right:none; text-align:left; padding:10px; }
.nav ul li:last-child a{border-bottom: 1px solid #003778;}
.nav ul li a:hover { background-color:#003778; }

.nav ul li.dropdown a{
		padding:15px !important;
}
.showmenu{
		display:block;
		width:40px;
		height:40px;
		display:block;
		background:#a0a0a0 url(../images/nav-down.png) center 50% no-repeat;
		position:absolute;
		right:0;
		top:0;
		margin:0 0 0 0;
}
.closemenu{
		width:40px;
		height:40px;
		display:block;
		background:#CCC url(../images/nav-up.png) center 50% no-repeat;
		position:absolute;
		right:0;
		top:0;
		margin:0 0 0 0;
}

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

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

/*================(767 - 641)================*/
@media only screen and (max-width: 47.9375em) and (min-width: 40.0625em){
.nav ul{
	padding:0 0 0 0;
	text-align:left;
}
.nav ul li a{
	font-size:12px;
}
.nav ul ul {
	/*top:40px;*/
	padding:0 0;
}
}

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

/*================(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){
}