/* text formatting */



@font-face {
	font-family: 'BebasNeue';
	src: url('../Fonts/BebasNeue.otf');
}




#VSMegaMenu {
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

	#VSMegaMenu ul {
		margin: 0 0 1em;
		font-weight: 400;
		list-style: none;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	#VSMegaMenu > ul:after {
		clear: both;
		content: "";
		display: block;
	}

	#VSMegaMenu li {
		cursor: pointer;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		background: transparent;
		list-style-image: none;
		min-height: 1em;
	}

		/* #VSMegaMenu li::after {
	position: relative;
	top: 3pt;
	content: "";
	display: inline-block;
	width: 0.4em;
	height: 0.4em;
	border-right: 0.1em solid black;
	border-top: 0.1em solid black;
	transform: rotate(135deg);
	margin-right: 0.5em;
	margin-left: 5px;
	margin-top: -10px;
}
*/
	#VSMegaMenu li > a {
		text-decoration: none;
	}

	#VSMegaMenu ul.sectionNav.level1 {
		position: relative;
		list-style: none;
		padding: 0;
		margin: 0;
		display: block;
		outline: none;
		border-width: 0;
		background-color: #F7F7F7;
		padding-left: 130px;
		z-index: 15
	}

		#VSMegaMenu ul.sectionNav.level1 > li {
			float: left;
			font-size: 16px;
			line-height: 17px;
			color: #444444;
			margin: 0;
			padding: 21px 26px 22px 26px;
		}

			#VSMegaMenu ul.sectionNav.level1 > li > a {
				color: #444444;
			}

			#VSMegaMenu ul.sectionNav.level1 > li.menu-focus,
			#VSMegaMenu ul.sectionNav.level1 > li.menu-hover {
				background-image: none;
				background-color: #FFF;
				z-index: 5000;
				color: #D24508;
				box-shadow: -9px 0 8px -6px #A6A6A6, 9px 0 8px -6px #A6A6A6;
			}

				#VSMegaMenu ul.sectionNav.level1 > li.menu-focus > a,
				#VSMegaMenu ul.sectionNav.level1 > li.menu-hover > a {
					color: #D24508;
				}

	#VSMegaMenu div.sectionNavContainer {
		z-index: 500;
		background-color: white;
		box-shadow: 1px 4px 4px -2px #A6A6A6;
		-moz-box-shadow: 1px 4px 4px -2px #A6A6A6;
		-webkit-box-shadow: 1px 4px 4px -2px #A6A6A6;
		position: absolute;
		width: 70%;	
	}

		#VSMegaMenu div.sectionNavContainer ul {
			margin-bottom: 0px;
		}

			#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item {
				font-size: 16px;
				font-family: Open Sans, Arial, Helvetica, sans-serif;
				font-weight: 400;
				position: relative;
				min-height: 34px;
				line-height: 34px;
				margin: 0;
				padding: 7px 1em 7px 22px;
			}

				#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item.menu-focus,
				#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item.menu-hover {
					background-color: #F7F7f7;
				}

				#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item > a,
				#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item > .moreSign {
					color: #444444;
				}

				#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item > .moreSign {
					float: right;
					margin-right: 20px;
				}

				#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item.menu-focus > a,
				#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item.menu-focus > .moreSign,
				#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item.menu-hover > a,
				#VSMegaMenu div.sectionNavContainer ul > li.megamenu-item.menu-hover > .moreSign {
					color: #D24508;
					
				}

		#VSMegaMenu div.sectionNavContainer:after {
			clear: both;
			content: "";
			display: block;
		}

	#VSMegaMenu div.sectionNav.level2 {
		position: relative;
	}

	#VSMegaMenu div.sectionNav.level2 > ul.subSectionNav {
		float: left;
		width: 40%;
	}

	
	#VSMegaMenu div.sectionNav.level2 > ul.subSectionNav > li.megamenu-item {
		border-right-color: #E3E3E3;
		border-right-style: solid;
		border-right-width: 2px;
	}

	#VSMegaMenu div.sectionNav.level3 > ul.subSectionNav > li.megamenu-item {
		border-left-color: #E3E3E3;
		border-left-style: solid;
		border-left-width: 2px;
		margin-left: -2px;
	}

	#VSMegaMenu div.advertiseContainer {
		float: right;
		z-index: 1;
		width: 0;
		display: none;
		visibility: hidden;
	}

		#VSMegaMenu div.advertiseContainer > div.innerContent {
			background-position: right top;
			background-repeat: no-repeat;
			height: 400px;
		}

			#VSMegaMenu div.advertiseContainer > div.innerContent > div.contentSection {
				padding-left: 10%;
				padding-top: 25px;
				width: 45%;
			}


			#VSMegaMenu div.advertiseContainer > div.innerContent h1 {
				font-family: "BebasNeue", Arial, Helvetica, sans-serif;
				font-weight: 300;
				font-size: 60px;
				color: #d24507;
				text-align: left;
				font-style: normal;
				padding: 0;
				line-height: 100%;
				margin-bottom: 20px;
			}

			#VSMegaMenu div.advertiseContainer > div.innerContent h2 {
				font-family: Open Sans, Arial Semibold, Helvetica, sans-serif;
				font-weight: 600;
				font-size: 25px;
				color: #393939;
				line-height: 28px;
				text-align: left;
				border-bottom: none;
				margin-bottom: 20px;
			}

			#VSMegaMenu div.advertiseContainer > div.innerContent a {
				font-size: 16px;
			}

	#VSMegaMenu div.sectionNav.level2.subMenuOpen > div.advertiseContainer {
		display: none;
		visibility: hidden;
	}

	#VSMegaMenu div.sectionNav.level3 {
		float: left;
		width: 60%;
		z-index: 10;
		position: relative;
	}

	#VSMegaMenu ul.subSectionNav {
		float: none;
		width: 70%;
	}

		#VSMegaMenu ul.subSectionNav.withSecondColumn,
		#VSMegaMenu ul.subSectionNav.second-column {
			width: 50%;
		}

@media screen and (max-width: 1360px) {
	#VSInvestMenu ul.sectionNav.level1 {
		padding-left: 10px;
	}

		#VSInvestMenu ul.sectionNav.level1 > li {
			padding: 21px 21px 22px 21px;
		}
}

@media screen and (max-width: 1295px) {
	#VSInvestMenu ul.sectionNav.level1 {
		padding-left: 60px;
	}
}

@media screen and (max-width: 991px),
/* ipad 3 & 4 portrait */
only screen and (min-device-width: 991px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

	#VSMegaMenu div.sectionNavContainer,
	#VSMegaMenu ul.subSectionNav {
		width: 100%;
	}
	
	#globalNavBarWrapper,
	#VSMegaMenu div.advertiseContainer {
		display: none;
		visibility: hidden;
	}

	#VSMegaMenu {
		position: absolute;
		width: 100%;
	}

		#VSMegaMenu.menu-open,
		#globalNavBarWrapper.menu-open {
			display: block;
			visibility: visible;
		}

			#globalNavBarWrapper.menu-open > div.separator {
				display: block;
				visibility: visible;
				height: 5px;
				clear: both;
				background-color: #f7f7f7;
			}

		#VSMegaMenu .moreSign {
			display: none;
			visibility: hidden;
		}

		#VSMegaMenu ul.sectionNav.level1 {
			padding-left: 0px;
		}

			#VSMegaMenu ul.sectionNav.level1 > li {
				float: none;
			}

		#VSMegaMenu .mobile-hidden {
			display: none;
			visibility: hidden;
		}

		#VSMegaMenu li > span.moreSymbol {
			display: inline-block;
			visibility: visible;
			float: right;
			color: #000;
		}

		#VSMegaMenu li.mobile-selected > span.returnSymbol {
			display: inline-block;
			visibility: visible;
			margin-right: 10px;
		}

		#VSMegaMenu li.mobile-selected > span.moreSymbol {
			display: none;
			visibility: hidden;
		}

		#VSMegaMenu div.sectionNav.level2 > ul.subSectionNav,
		#VSMegaMenu div.sectionNav.level3,
		#VSMegaMenu ul.subSectionNav.withSecondColumn,
		#VSMegaMenu ul.subSectionNav.second-column {
			float: none;
			width: auto;
		}

		#VSMegaMenu ul.sectionNav.level1 > li,
		#VSMegaMenu li {
			color: #000;
			background-color: white;
			border-bottom-color: #E3E3E3;
			border-bottom-style: solid;
			border-bottom-width: 2px;
			padding-right: 25px;
			padding-left: 22px;
			box-shadow: none;
			font-family: Open Sans, Arial, Helvetica, sans-serif;
			font-weight: 400;
			font-size: 16px;
			min-height: 34px;
			line-height: 34px;
			padding-top: 10px;
			padding-bottom: 10px;
		}

			#VSMegaMenu li > .mobileIcon {
				font-style: normal;
			}

			#VSMegaMenu ul.sectionNav.level1 > li > a {
				color: #000;
			}

			#VSMegaMenu ul.sectionNav.level1 > li.menu-focus,
			#VSMegaMenu ul.sectionNav.level1 > li.menu-hover {
				box-shadow: none;
			}

		#VSMegaMenu div.sectionNav.level2 > ul.subSectionNav > li.megamenu-item {
			border-left: none;
			border-right: none;
		}

		#VSMegaMenu li.menu-hover,
		#VSMegaMenu li.menu-focus,
		#VSMegaMenu ul.sectionNav.level1 > li.menu-focus,
		#VSMegaMenu ul.sectionNav.level1 > li.menu-hover {
			color: #D24508;
			background-color: #F7F7f7;
		}

			#VSMegaMenu li.menu-hover,
			#VSMegaMenu li.menu-hover > a,
			#VSMegaMenu li.menu-hover > span.moreSymbol,
			#VSMegaMenu ul.sectionNav.level1 > li.menu-hover > a,
			#VSMegaMenu li.menu-focus,
			#VSMegaMenu li.menu-focus > a,
			#VSMegaMenu li.menu-focus > span.moreSymbol,
			#VSMegaMenu ul.sectionNav.level1 > li.menu-focus > a {
				color: #D24508;
			}

		#VSMegaMenu li.mobile-selected,
		#VSMegaMenu ul.sectionNav.level1 > li.mobile-selected,
		#VSMegaMenu ul.sectionNav.level1 > li.mobile-selected.menu-hover,
		#VSMegaMenu div.sectionNav.level2 > ul.subSectionNav > li.mobile-selected,
		#VSMegaMenu div.sectionNav.level2 > ul.subSectionNav > li.mobile-selected.menu-hover {
			background-color: #F7F7F7;
			padding-right: 0px;
			padding-left: 25px;
			padding: 10px 11px 7px 22px;
			border-right-width: 0px;
		}

			#VSMegaMenu ul.sectionNav.level1 > li.mobile-selected > a,
			#VSMegaMenu ul.sectionNav.level1 > li.mobile-selected.menu-hover > a,
			#VSMegaMenu div.sectionNavContainer ul > li.mobile-selected > a,
			#VSMegaMenu ul.sectionNav.level1 > li.mobile-selected > span,
			#VSMegaMenu ul.sectionNav.level1 > li.mobile-selected.menu-hover > span,
			#VSMegaMenu div.sectionNavContainer ul > li.mobile-selected > span {
				font-size: 16px;
				font-family: Open Sans, Arial, Helvetica, sans-serif;
				font-weight: 600;
				color: #D24508;
			}
}