/* NAVI
======================================================================= */
.top-bar {
	margin-top: 0.9375rem;
	border-top-right-radius: 10px 10px;	
	border-top-left-radius: 10px 10px;
	background: #e8e8e8;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
	.top-bar .title-area {
		height: 45px;	
		z-index: 9999;
		/*background: url(../images/style/nav_fade.png) top center repeat-x;*/
	}
		.title-area li {background: none;}
		.top-bar.expanded .title-area {background: transparent;}
		.top-bar.expanded {background: #e8e8e8;}
		.top-bar .toggle-topbar.menu-icon a { color: #2e3192;}
		.top-bar .toggle-topbar.menu-icon a::after {
			-webkit-box-shadow: 1px 10px 1px 1px #2e3192,1px 16px 1px 1px ##2e3192,1px 22px 1px 1px #2e3192;
			box-shadow: 0 10px 0 1px #2e3192,0 16px 0 1px #2e3192,0 22px 0 1px #2e3192;
		}
	.top-bar-section .dropdown li.parent-link a {color: #2e3192;}
	
	.top-bar-section ul {
		background: #e8e8e8;
		padding: 0 0 10px 0;
		z-index: 9999;
		position: relative;
			
	}
		.top-bar-section ul li {
			padding: 0;
			background: none;	
			border-bottom: solid 1px #ffffff;
		}
			.top-bar-section ul li:last-child {border: none;}
		.top-bar-section ul li > a {
			color: #2e3192;	
			background: none transparent;
			padding: 8px 15px;
		}		
			.top-bar-section ul li:hover:not(.has-form)>a {
				background: #c3c3c3;
				color: #ffffff;
			}
			
			/*active state */
			  .top-bar-section ul li.active > a {
				background: #ffe500;
				color: #6d6e71;
				padding-right: 10px !important;
				z-index: 999;
				position: relative;
			}
			
			
			
		.top-bar-section .has-dropdown > a:after {
			width: 30px;
			height: 30px;
			border: none;
			margin-right: 0;
			margin-top: 0;			
			top: 0;			
			background: url(../images/style/more_arrow.png) right 4px no-repeat;
		}
		
			.top-bar-section .has-dropdown:hover > a:after {
				background: url(../images/style/more_arrow.png) right -114px no-repeat;
			}

	.top-bar-section .dropdown li.title h5 {
		padding: 0;
		margin: 0;
		font-size: 13px;
	}
		.top-bar-section .dropdown li.title h5 a {
			background: #f7f7f7;
			color: #afacac;
			position: relative;
			padding-left: 1.875rem;
		}
		.top-bar-section .dropdown li.title h5 a:before {
			content: "";
			display: block;
			position: absolute;
			width: 8px;
			height: 10px;
			top: 12px;
			left: 15px;
			background: transparent url("../images/style/nav_small_arrow_left.png") repeat scroll 0% 0%;
		}
		
	.top-bar-section .dropdown li.subtitle {
		text-align: center;
	}
	.top-bar-section .dropdown li.subtitle a {
		font-family: "Open Sans",Arial,Helvetica,sans-serif;
		font-size: 18px;
		font-weight: 400;
		float: left;
		line-height: 1.3;
	}

.top-bar-section .dropdown li.subtitle:after {
	content: '';
	display: block;
	clear: both;	
}



/* MEDIUM - 640px up */
@media only screen and (min-width: 40.063em) { 
	
/* NAVI =========================================== */
.title-area {
	display: inline;	
	padding: 0;
	height: 50px;
}
.title-area > li.hide-for-small {
	float: none;	
	display: inline-block !important;
	padding: 0;
}
.title-area > li.hide-for-small a {
	display: block;
	padding: 0.9375rem 0.9375rem;	
	color: #2e3192;
	font-size: 13px;
	position: relative;
}
	.title-area > li.hide-for-small a.expand_menu:after {
		content: '';
		display: block;
		position: absolute;
		width: 10px;
		height: 8px;
		bottom: 5px;
		left: 50%;
		margin-left: -5px;
		background: url(../images/style/nav_small_arrow.png);
	}
	.title-area > li.hide-for-small a.expand_menu.active:after {display: none;}
	
	.title-area > li.hide-for-small a:hover {
		color: #ef3e33;	
	}
	
	.title-area > li a.active {
		color: #ef3e33;
		background: #efefef;
	}
	
#nav-just {
	display: inline-block;
    position: relative;
    width: 100%;
    height: 0;
}
.top-nav {
	height: 50px;
	text-align: justify;
	position: relative;
	z-index:9999;
	border-top-right-radius: 10px 10px;
    border-top-left-radius: 10px 10px;
	background: url(../images/style/nav_fade.png) top center repeat-x;
	padding: 0 0.9375rem;
}

.top-bar ul li.first-level {
	border: none;	
}
.top-bar ul li.first-level > a {
	display: none;
}
.top-bar ul li.first-level > .dropdown > li.back {
	display: none;	
}

.top-bar-section > ul {
	width: 200%;	
}
	.top-bar-section ul {padding: 0; background: #efefef;}
	.top-bar-section .dropdown {padding: 0.9375rem 0 1.875rem 0;}
.top-bar-section .has-dropdown.moved>.dropdown {width: 50%;}
.top-bar-section .has-dropdown.moved>.dropdown>.moved>.dropdown {width: 100%;}
.top-bar-section .dropdown li, .nav-section ul li {
	width: calc(50% - 30px);
	float: left;
	margin: 0 0.9375rem;
}
.top-bar-section ul li:last-child {
	border-bottom: solid 1px #ffffff;	
}
.top-bar-section .dropdown li a, .nav-section ul li a {
	padding: 0.625rem 0;	
}
.top-bar-section .dropdown li.parent-link, .top-bar-section .dropdown li.subtitle {
	width: calc(100% - 30px);
	float: none;
}
.top-bar-section .dropdown li.title {
	float: left;
	width: auto;
	border: none;
	position: absolute;
}
.top-bar-section .dropdown li.parent-link {
	border: none;	
}
.top-bar-section .dropdown li.parent-link a {
	color: #2e3192;
}
.top-bar-section .dropdown li.parent-link a:hover {
	background: transparent;
	color: #ef3e33;
}
.top-bar-section ul li:hover:not(.has-form)>a {
	background: transparent;
	color: #ef3e33;
}

.top-bar-section .dropdown li.title h5 a {
	background: transparent;	
	padding-top: 0;
	padding-left: 0.9375rem;
	font-size: 14px;
}
	.top-bar-section .dropdown li.title h5 a:before {
		top: 5px;
		left: 0;
	}
	.top-bar-section .dropdown li.title h5 a:hover {
		color: #ef3e33;	
	}

.top-bar-section .has-dropdown > a:after {
	background: url(../images/style/nav_arrow.png) right 15px no-repeat;	
}
.top-bar-section .has-dropdown:hover > a:after {
	background: url(../images/style/nav_arrow.png) right 15px no-repeat;	
}

.top-bar-section .dropdown li.subtitle {
	padding: 0.3125rem 0 0.9375rem 0;
}

.top-bar-section ul li:hover.subtitle>a {
	color: #2e3192;
}

.top-bar-section .dropdown li.subtitle a {
	font-size: 24px;
	width: auto;
	display: inline-block;
	padding: 0;		
	float: none;
}
.top-bar-section .dropdown li.subtitle a:hover {
	color: #ef3e33;
}

}

/* LARGE - 1024px up */
@media only screen and (min-width: 64.063em) { 
	.top-bar-section .dropdown li.parent-link, .top-bar-section .dropdown li.subtitle {
		width: calc(100% - 60px);
	}
	.top-bar-section .dropdown li, .nav-section ul li {
		width: calc(33.3333% - 60px);
		margin: 0 1.875rem;
	}
	
	
	.top-bar-section .dropdown li a, .nav-section ul li a {
		padding: 0.9375rem 0;	
	}

}

/* NEW SIMPLE NAV =
=================== */
.simple-nav {
	margin-top: 0.9375rem;
	border-top-right-radius: 10px 10px;	
	border-top-left-radius: 10px 10px;
	background: #e8e8e8;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}	
/*.simple-nav .title-area {
	font-size: 0;
}*/
.simple-nav nav li {
	float: none;
    display: inline-block !important;
    padding: 0;
}
.simple-nav nav li a {
	display: block;
    padding: 0.9375rem 5px;
    color: #2e3192;
    font-size: 12px;
    position: relative;
}
.simple-nav nav li a:hover {
	color: #ef3e33;
}

@media only screen and (min-width: 800px) {
	.simple-nav nav li a {
		font-size: 14px;
	}
}
@media only screen and (min-width: 64.063em) {
	.simple-nav nav li a {
		padding: 0.9375rem 0.9375rem;
	}
}

.nav-section {
	background: #e8e8e8;
	padding: 0.9375rem;
	border-top: solid 1px #ffffff;
}
.nav-section ul {
}
.nav-section ul:after {
	content: '';
	display: block;
	clear: both;
}
.nav-section ul li {
	background: none;
	font-size: 14px;
	border-bottom: solid 1px #ffffff;
	padding: 0;
}
.nav-section ul li a {
	display: block;
	color: #2e3192;
}
.nav-section ul li a:hover {
	color: #ef3e33;
}