/* ##  Left Nav  ## */

.railNavHd {
	/* background:#eeeeee; */
	padding:20px 20px 0px 0;
	margin:0 0 .75em;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-1px;
}

.railNav {
	/* background:#eeeeee; */
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	list-style-type:none;
	font-family:inherit;
}
ul.railNav li {padding:0; margin-bottom:10px;}
ul.railNav a,
ul.railNav a:link,
ul.railNav a:visited {
	text-decoration:none;
	display:block;
	padding:15px 20px;
	color:#237CB3;
	text-transform: uppercase;
	font-size:14px;
	font-weight:600;
	border:1px solid #237CB3;
	border-radius:4px;
	text-align:center;
}

ul.railNav a:hover,
ul.railNav a:active,
ul.railNav a.on {color:#fff; text-decoration:none; background:#237CB3;}

ul.railNav ul  {margin:4px 0 0 10px; padding:0; list-style-type:none;}
ul.railNav ul li {}
ul.railNav ul a,
ul.railNav ul a:link,
ul.railNav ul a:visited {}
ul.railNav ul a:hover,
ul.railNav ul a:active {text-decoration:none;}

@media only screen and (min-width:48em){
	.railNavHd {font-size:36px;}
}

/* Section Navigation */
.section-nav-wrpr {border-bottom:1px solid #d6d6d6;}
.section-nav-wrpr .grid_12 {padding:0 20px;}
	
.section-nav {margin:0 -20px 0 -20px;}

.section-nav .railNavHd {font-size:16px; font-weight:500; margin:0; padding:0; display:block; }
.section-nav .railNavHd a {display:block; color:#373737; padding:10px 40px 10px 20px; position:relative;}
.section-nav .railNavHd a:after {
	position: absolute;
	right: 20px;
	font-family: 'Basic-Icons';
	content: "\2b";
	font-size: 12px;
	top: 50%;
	margin-top: -10px;	
}
.section-nav-active .section-nav .railNavHd a:after {
	content: "\2d";	
}

.section-nav .railNavHd a:hover,
.section-nav .railNavHd a:focus {text-decoration:none; color:#000;} 

.section-nav .railNav {display:none; padding:10px 0; margin:0;}

.section-nav .railNav li {margin:0;}
.section-nav .railNav li.has-img {font-size:18px; font-weight:500;}
.section-nav .railNav li.has-img img {width:27px; opacity:.5;}

.section-nav ul.railNav a,
.section-nav ul.railNav a:link,
.section-nav ul.railNav a:visited {
	text-decoration:none;
	display:block;
	padding:7px 20px;
	color:#373737;
	text-transform: none;
	font-size:16px;
	font-weight:500;
	border:none;
	/* border-bottom:4px solid #d6d6d6; */
	border-radius:0;
	text-align:left;
}
.section-nav ul.railNav a:hover,
.section-nav ul.railNav a:active,
.section-nav ul.railNav a.on {color:#373737; text-decoration:underline; background:#fff;}


.section-nav .railNav li.has-sub a span {padding-right:20px;}

.section-nav .railNav .has-sub > a{position:relative; cursor:pointer;}
.section-nav .railNav .has-sub ul {display:none;}
.section-nav .railNav .has-sub.opened ul {display:block;}
.section-nav .railNav .has-sub > a:after {
    content:" ";
    position:absolute; top:50%; right:20px;
	width: 9px;
	height: 9px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	margin-top:-2px;
    -wekbit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0.98) translateY(-50%) rotate(45deg);
        -ms-transform: scale(0.98) translateY(-50%) rotate(45deg);
            transform: scale(0.98) translateY(-50%) rotate(45deg);	
}
.section-nav .railNav .has-sub.opened > a:after {
	-ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);	
}




@media only screen and (min-width:60em){
	.section-nav-wrpr {border-bottom:4px solid #d6d6d6;}	
	
	.section-nav {display:table; width:100%; margin:0 0 -4px 0;}
	
	.section-nav .railNavHd {display:none; }	

	.section-nav .railNav {display:table; /* width:100%; */ padding:0;}
	
	.section-nav .railNav li {display:table-cell; vertical-align:middle; border-left:1px solid #d6d6d6;}
	.section-nav .railNav li:first-child {border-left:none;}
	
	.section-nav .railNav li a, 
	.section-nav .railNav li a:link,
	.section-nav .railNav li a:visited	{display:table; width:100%; padding:0; border-bottom:4px solid #d6d6d6; }
	.section-nav .railNav li a span {display:table-cell; height:50px; text-align:center; vertical-align:middle; padding:0 15px; font-size:14px; line-height:1;}

	.section-nav ul.railNav a:hover,
	.section-nav ul.railNav a:active,
	.section-nav ul.railNav a.on, 
	.section-nav ul.railNav .opened a
		{ border-bottom:4px solid #BA3626; text-decoration:none;}
	
	.section-nav .railNav li ul {margin-top:0;}
	
	.section-nav .railNav .has-sub {position:relative;}
	.section-nav .railNav .has-sub > a:after { right:7px;}
	.section-nav .railNav .has-sub.opened ul {
		margin:15px 0 0; 
		position:absolute; 
		top:100%; 
		right:0;
		min-width:200px; 
		padding:15px;
		border: 1px solid #d2d2d2;
		background:#fff;
		z-index: 10;
		-webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.3);
				box-shadow: 0 4px 10px 0 rgba(0,0,0,0.3);		
        -wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
		transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;		
	}	
	.section-nav .railNav .has-sub.opened ul li {display:block; border:none;}
	.section-nav .railNav .has-sub.opened ul li a {display:block; padding:7px 5px; border-bottom:none;}
	.section-nav .railNav .has-sub.opened ul li a:hover,
	.section-nav .railNav .has-sub.opened ul li a:focus {text-decoration:underline;}
}
@media only screen and (min-width:75em){
	/* .section-nav .railNavHd {font-size:17px;} */
	
	.section-nav .railNav li.has-img a span{font-size:17px;}
	.section-nav .railNav li a span {font-size:15px;}	
}
@media only screen and (min-width:90em){
	/* .section-nav .railNavHd {font-size:18px;} */
	
	.section-nav .railNav li.has-img a span{font-size:18px;}
	.section-nav .railNav li a span {font-size:16px;}	
}	

@media only screen and (max-width:59.999em){
	.section-nav-wrpr {z-index: 2000; position: relative;}
	.cm-js-menu-active .section-nav-wrpr {z-index:0;}

	.section-nav-active .section-nav .railNav {display:block;}
}