.move-to-bottom {display: table-footer-group;}

/* ##  Left Nav  ## */

.rail-nav-wrapper {background:#f4f4f4;  margin:0; height: 100%;}

.rail-nav-heading { margin:0; padding:10px 10px; font-size:1.1em; font-weight:bold; background:#ddd; position:relative;}
.rail-nav-heading span.trigger {position:absolute; right:0; top:0; width:40px; height:100%; border-left:1px solid #aaa; background:#bbb; cursor:pointer;}
.rail-nav-heading span.trigger:before {position:absolute; content:''; left:50%; top:50%; margin:-4px 0 0 -5px; border-left:5px solid transparent; border-top:6px solid #fff; border-right:5px solid transparent;}
.rail-nav-heading a {color:#fff; text-decoration:none; font-weight:normal;}
.rail-nav-heading a:hover, 
.rail-nav-heading a:active {color:#fff; text-decoration:underline; font-weight:normal;}

.rail-nav {margin:0; padding:0; list-style-type:none; font-family:inherit;}
ul.rail-nav li {padding: 5px 25px;}
ul.rail-nav li:last-child {border:0px;}
ul.rail-nav a {font-weight:bold; display:block; padding:8px 10px; text-decoration:none;font-family:inherit; color: #00456b; text-transform: uppercase;}

.iconarrow{
	 border: solid #fff;
	 border-width: 0 2px 2px 0;
	 display: inline-block;
	 padding: 4px;
	 transform: rotate(-45deg);
	 -webkit-transform: rotate(-45deg);
}

ul.rail-nav > li > a > span{
	height: 25px;
	width: 25px;
	background:#00456b;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	text-align: center;
	padding: 2px 4px 0 0;
	transition: all ease .6s;
}

ul.rail-nav > li.current > a.on > span > .iconarrow{
	transition: all ease .6s;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

ul.rail-nav > li > ul > li > a > span{display: none;}
ul.rail-nav > li.current > a.on > span{
	padding: 0;
}

/*ul.rail-nav > li > ul{
	display: none;
}*/

ul.rail-nav > li.current > ul{
	display: block;
}

ul.rail-nav ul li span{display: none;}
ul.rail-logos{list-style: none; text-align: center; padding: 0;}
ul.rail-logos > li {padding: 25px 0; border-top:1px solid #b5b3b3; border-top:1px solid #b5b3b3; }
ul.rail-nav a:hover, 
ul.rail-nav a:active {}
ul.rail-nav a.on {font-weight: 900; text-decoration: underline;}

ul.rail-nav ul  {margin:0; padding-left:10px; list-style-type:none;}
ul.rail-nav ul li {border:0px; padding: 0;}
ul.rail-nav ul a {padding:10px 10px 5px 20px; font-size:1em;}
ul.rail-nav ul a:hover, 
ul.rail-nav ul a:active {text-decoration:underline;}


.crumbs{padding: 20px 0 0 20px;}
.crumbs span{font-weight: 700; text-transform: uppercase; font-size: 1.075em; position: relative;padding:0 20px;}
.crumbs span:before{
				content: " ";
				display: inline-block;
				position: absolute;
				top: 5px;
				left: -5px;
				margin: 2px 0 0 5px;
				vertical-align: middle;
				background: #373636;
				width: 10px;
				height: 1px;
				transform: scale(0.98) translateY(-50%) rotate(-45deg);
			}
.crumbs span:after{
	   content: " ";
	   top: 12px;
	   display: inline-block;
	   position: absolute;
	   margin: 2px 0 0 5px;
	   vertical-align: middle;
	   background: #373636;
	   width: 10px;
	   height: 1px;
	   left: -5px;
	   transform: scale(0.98) translateY(-50%) rotate(45deg);
}
/* Mobile Active States */

.rail-nav-wrapper.active {}
.rail-nav-wrapper.active .rail-nav-heading span.trigger:before {border-top:0px; border-bottom:6px solid #fff;}
.rail-nav-wrapper.active .rail-nav  {display:block;}


@media only screen and (min-width:48em){
	.rail-nav-heading span.trigger  {display:none;}
	.rail-nav {display:block; padding: 60px 0px 60px 30px;}
	.rail-nav-wrapper {margin:0 20px 0 10px; }
	ul.rail-nav li {padding: 8px 0;}
}

@media (min-width: 48em) and (max-width: 60em){
		.rail-nav-wrapper{margin: 0;}
		ul.rail-nav li {font-size: 0.85em;}
		.rail-nav{padding: 60px 10px;}
		ul.rail-nav a{padding: 10px 25px 5px;}
}