/* Header + Nav ======================================================================================= */
#header .top, #header div.logo, #header .mid p, #header #oc { z-index:300; position:relative}

#header .mid p.c2a { padding-top:43px;}
#header .mid { height:120px; vertical-align:middle; }

#header p.logo  { padding-top:37px; display:block} 
#header p.logo { display:block; float:left;  margin-bottom:0px; max-width:600px; font-size:18px; }
#header p.logo a { display:block; }
#header p.logo a img { display:block; width:315px; height: auto; max-width:100%; overflow: hidden;}

#header p.logo em { padding-left:10px;}
#header p.logo span, 
#header p.logo strong,
#header p.logo i,
#header p.logo em {vertical-align:middle; display:inline-block}

#header p.logo span {}
#header p.logo i { font-style:normal; height:30px; width:1px; background:#ccc; margin-right:10px; }
#header p.logo strong { font-weight:900;  padding:0px 10px; font-size:18px;}
#header p.logo em { font-style:normal; font-size:14px; font-weight:bold}

#header .mid p { display:block;color:#4d555a}
#header .mid p a { font-weight: normal; font-size:24px; display:inline-block;  margin-left:5px; position:relative; top:2px; font-weight:900;}
#header .mid p strong { display:inline-block; margin-left:5px;}

/* Menu */ 
#header #nav { clear:both;position: absolute; bottom:-52px; z-index:300; width:100% }
#nav ul {   }  
#nav li { display:block; float:left; position:relative;} 
#nav li a { display:block; float:left; padding:20px 25px; font-size:13px; line-height:12px; color:#fff;font-weight:bold}
#nav li.current-page-ancestor>a,  #nav li.current_page_parent>a, #nav li.current_page_parent>a {}

body #nav li a:hover, #nav li:hover>a { background:#c42b3a !important }

#nav li.current-menu-item>a,  #nav li.current-menu-item>a {color:#fff; background:#efefef}

#nav nav { position:relative; z-index:20;}


/* Drop Down Menu */  
#nav ul li ul { 
	display:block; opacity:0; position:absolute; top:-1000px; left:0px ; text-align:left;
	z-index:100; background:rgb(44,44,44); background:rgba(55,55,55,.8); width:250px ; padding:0px;
}
#nav ul li:hover ul { opacity:1; top:52px;  filter:alpha(opacity=100); }
#nav ul li ul li { float:none;} 
#nav ul li ul a  { 
	float:none; padding:10px 14px; margin:0px; font-size:11px; height:auto; text-transform:uppercase;
	color:#fff !important; border:0px !important; text-align:left !important; 
	position:relative; text-decoration:none !important}
#nav li ul a:hover, #nav li ul li.current-menu-item>a { background:#c42b3a !important; color:#fff !important; text-align:center;}

#navbg { position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:10 } 
#nav:hover #navbg {opacity:.4;}
#navbg { opacity:.3; background:#000 ;  -webkit-box-shadow: 0px 0px 12px #000; 
     -moz-box-shadow: 0px 0px 12px #000; 
          box-shadow: 0px 0px 12px #000;} 


/* Header Accent ======================================================================================= */
.accent {  display:block; float:left;  width:20%; }

#header .col-5 .accent { width:20%; }
#header .col-7 .accent { width:14.25%; }
#header .col-7 .a4 { width:14.5%; }
 
.a5 { background:#ccc}
.a4 { background:#aaa}
.a3 { background:#888} 
.a2 { background:#666}
.a1 { background:#444} 

 
/* Mobile Nav  ======================================================================================= */
#mnav { position: absolute; visibility:visible; top:0px; left:0px; right:0; bottom:0; z-index:200; display:none; height:auto; padding-bottom:50px; margin-top:90px }

#mnav ul#mnav-main { padding-bottom:25px;}
#mnav li ul { display:none; }
#mnav li i { font-style:normal}
#mnav li a { color:#4d555a; padding:12px 0px 12px 25px; font-size:14px;  display:block; text-transform:uppercase; margin-bottom:0px}
#mnav li a:hover { color:#c42b3a;}
#mnav li a.active { color:#c42b3a;}
#mnav li ul li a { font-size:13px; color:#4d555a; padding: 7px 40px;}
#mnav li ul { padding-bottom:25px;}

#mnav .phone2 { display:none;}

#mnav li a:hover, #mnav li.current-page-ancestor>a,  #mnav li.current_page_parent>a, #mnav li.current-menu-item>a, 
#mnav li:hover>a, #mnav li.current_page_parent>a, #mnav li.current-menu-item>a {color:#c42b3a; }

#mnav-overlay { position: fixed; visibility:visible; top:0px; left:0; right:0; bottom:0; z-index:100; height:100%; width:100%; display:none; opacity:.97 }

.oc-open #header .inner { z-index:200}

#header .logo a { position:relative;}
.ah-logo-over { position:absolute; top:0px; left:0px;}
#oc.active { background-image:url(../img/close.png); }

.oc-open #oc span { background:#ccc;}
.oc-open #header .inner{ border-bottom:0px;}
body.admin-bar #mnav { top:30px;}

#oc {
  width: 30px; padding:0px; float:right; 
  top: 45px;  display:none;
  height: 28px;
  position: relative;
  cursor: pointer;
}

#oc span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #c42b3a;
  border-radius: 9px;
  left: 0px;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#oc span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#oc span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#oc span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.oc-open #oc span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 4px;
}

.oc-open #oc span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
 
.oc-open #oc span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: 4px;
}


/* Responsive  ======================================================================================= */

@media only screen and (min-width: 1025px) { 


	
} 

@media only screen and (max-width: 1024px) { 

				
}

@media only screen and (min-width: 783px) { 

	#nav nav { display:block !important;} 
	#mnav, #mnav-overlay, #oc { display:none !important ;} 	
}

@media only screen and (max-width: 782px) { 
 
 
	#nav nav { display:none !important;} 	
	
	#header .top .accent { height:5px !important;}
	
	#header p.logo em { display:none;}
	.banner { height:80px;}
	#header p.logo { max-width:220px;}
	#header .mid p a { font-size:18px;}


	#header .mid p.c2a { padding-top: 27px;}
	#header .mid { height:90px; }
	#header p.logo  { padding-top: 24px; } 
	
	#header .mid p.c2a { padding-right:26px;}
	#oc { top:32px; display: block !important;} 	
		
}


@media only screen and (max-width: 600px) { 

	
}

@media only screen and (max-width: 490px) {
	
	#header .mid p.c2a { display:none;}
	#mnav .phone2 { display:block; font-size:18px;}
	#mnav .phone2  a{ font-size:18px;}
	
}
@media only screen and (max-width: 330px) {
	
	#header p.logo { width:190px; max-width:100% } 
	
} 

@media only screen and (max-width: 850px) { 
	#header p.c2a span, 	#header p.c2a strong { display:none;}
	
}