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

.navwrapper{
		width:100%;
		position:relative;
		/*float:left;*/
		font-size:12px;
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		border:none;
		padding:6px 0;
		
		background: #ab1d21;
}
.overlay {
		/*z-index: 4000;*/
		/*position: absolute;*/
		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;
		/*background: rgba(73,75,76,0.7);*/
		-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%;
}

/*.anchor-link{ 
		background:url(../images/nav-icon.png) center center no-repeat;
		width:30px;
		height:30px;
}*/
.nav{
		width:100%;
}
.nav ul{ 
		width:100%;
		list-style: none; 
		/*padding: 0px; 
		margin: 0px; */
		text-align:center; 
}
.nav ul li{ 
		position:relative;
		z-index:100;
		display:inline-block; 
		text-align:center;
		/*border-right:1px solid #fff;*/
}
.nav ul li.divider{
		padding:0 12px;
}
.nav ul li a{ 
		display:block; 
		font:normal 12px/1.8 Verdana, Geneva, sans-serif;
		color:#fff;
		padding:5px 0;
		
		padding:0 10px; 
		text-decoration:none;
		
}
.nav ul li a:hover{ 
		background-color:#7e1316; 
}



/*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:-30px;
		top:20px; 
		
		display:none;
		padding:10px 0 5px;
		/*margin:-15px 0 0;*/
		width:100%;
		min-width:200px;
		list-style:none;
		background:url(../images/nav-dropdwn-bg-desktop.png) left top repeat;
}
.nav ul ul li{
		width:100%;
		list-style:none;
}
.nav ul ul a{
		display:block;
		/*min-width:245px;*/
		padding:5px 10px 5px 15px; 
		margin:0 0;
		font:normal 12px/1.8 Verdana, Geneva, sans-serif;
		color:#fff;
		text-align:left;
		/*background:url(../images/nav-dropdwn-bg-desktop.png) left top repeat;*/
		text-transform:uppercase;
		border:none;
}
.nav ul ul a:hover{
		background:#e49204;
		color:#fff;
}
/*.nav ul ul li:first-child a{
			border-bottom:none;		
}
.nav ul ul li:last-child a{
		border-top:none;
}*/
/*.nav ul li:hover > ul {
		display:block; 
		top:50px; 
		z-index:-1;
}*/

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

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

/*Home Page Banner*/















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

/*================(<1024)================*/
@media screen and (max-width: 63.9375em){
.navwrapper{
		/*float:left;*/
		width:100%;
		text-align:center;
		/*border:none;
		padding:0 0 0;*/
}	
.nav ul li{
		width:auto;
		text-align:center;
}
.nav ul li.dropdown a{
		padding:5px 30px;
}
.nav ul li a{
		/*line-height:2.5;
		padding:5px 25px;*/
		display:block;
}
/*.nav ul ul{
		top:38px;
		display:none;
}*/
.nav ul ul a{
		padding:5px 15px !important;
}


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

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

.nav ul li a{
		padding:0 5px !important;
}
	
}

/*================(900)================*/
@media screen and (max-width: 56.25em){

.nav ul li.divider{
		padding:0 5px;
}
.nav ul ul{
		left:-18px;
}
	
}

/*================(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;
		/*height:100%;*/
		/*font-size:1em;*/
		text-align:center;
		padding:0 0 0 0;
		z-index:100;
}	
.nav ul li.divider{
		/*padding:0 25px;*/
		display:none;
}

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

nav{
		z-index: 5000;
		/*position: absolute;*/
		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:#ab1d21;
		padding: 3.5em 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:90;
}
body.active .anchor-link{ 
		position:fixed;
		top:2px;
		left:20px;
		background:url(../images/close-btn.png) center center no-repeat;
		z-index:1000;
}
body.active .nav{ 
		margin-left: 0; 
}


.nav { /*padding: 0.6em 0;*/ border: none; /*padding: 0;*/ }
.nav ul { /*position:absolute; width:100%;*/ text-align: left; font-weight: normal; }
.nav ul li { display: block; }
.nav ul li a { line-height:1.4; border-bottom: 1px solid #7e1316; border-top: 1px solid #D22C31; border-right:none; text-align:left; color: #ffffff; padding:12px !important; }
.nav ul li:last-child a{border-bottom:1px solid #D22C31;}
.nav ul li a:hover { background-color:#7e1316; }

.nav ul li.dropdown a{
		padding:15px !important;
}

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

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

.nav ul ul{
		min-width:1px;
		position:relative;
		display:none;
		top:0;
		left:0;
		padding:0 0 0 0;
}
.nav ul ul a{
		min-width:1px;
		line-height:2;
		width:auto;
		background:#7e1316;
		text-align:left;
		border-bottom:1px solid #005c89;
		border-top:none;
}
.nav ul ul li:first-child a{
		border-top: 1px solid #3081a9;
}
.nav ul ul li:last-child a{
		border-bottom:none;
}
.nav ul ul a:hover{
		background:#e49204;
}
/*.nav ul li:hover > ul {
				display:block; 
				top:0; 
				z-index:-1;
}*/

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


.bannerwrapper{
		border-top:2px solid #fff;
}
.bannerrighttab{
		padding:10px 10px 5px 10px;
		font-size:0.75em;
}
.bannerrightsub {
	padding: 10px 10px 5px 10px;
	font-size: 0.75em;
}

}

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

.anchor-link{
		top:5px;
		left:10px;
}
body.active .anchor-link {
		top:5px;
		left:10px;
}
	
}


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