<div class="row no-padding main-menu-wrapper">
	<nav class="col-xl-10 col-lg-12 col-md-12">

		<a class="nav-caller" data-target=".main-navigation--content" href="javascript:;">
			<i class="icon-menu"></i>
			Menu
		</a>

		<a class="nav-caller" data-target=".main-navigation--lang" href="javascript:;">
			<i class="icons-globe-filled"></i>
			EN
		</a>

		<a class="nav-caller" data-target=".main-navigation--login" href="javascript:;">
			<i class="icons-user"></i>
			Login
		</a>

		<ul class="main-navigation main-navigation--content">
			{{#if etfus }}
				<li class="main-navigation-item active">
					<a>Our Profile <i></i></a>
					<div class="sub-menu-wrapper row floating-4">
						<ul class="sub-menu col-xl-4 col-lg-12">
							<li>
								<a>
									Type
									<i></i>
								</a>

								<div class="sub-menu-sec-level col-xl-12 no-padding">
									{{ render "molecules/navigation/flyout9" }}
								</div>
							</li>
							<li>
								<a>
									Region
									<i></i>
								</a>

								<div class="sub-menu-sec-level col-xl-12 no-padding">
									{{ render "molecules/navigation/flyout10" }}
								</div>
							</li>
							<!-- <li>
								<a href="javascript:;">
									Commodities
									<i></i>
								</a>
								<div class="sub-menu-sec-level col-xl-12 no-padding">
									{{ render "molecules/navigation/flyout3" }}
								</div>
							</li>
							<li>
								<a href="javascript:;">
									Alternative
								</a>
							</li>
							<li>
								<a href="javascript:;">
									Allocation
								</a>
							</li> -->
							<!-- OUT OF SCOPE – START -->
							<li class="item-highlight">
								<a href="javascript:;">
									All X-trackers ETFs
								</a>
							</li>
							<!-- OUT OF SCOPE – END -->
						</ul>
						<!-- OUT OF SCOPE – START -->
<!-- 						<a href="javascript:;" class="flyout-item-detached lk-icon">
	<i class="icons-download"></i>
	<span class="flyout-box-text-wrapper">
		<span>All Deutsche X-trackers Products</span>
		<span class="text-highlight">US. PDF, 356KB</span>
	</span>
</a> -->
						<!-- OUT OF SCOPE – END -->
					</div>
				</li>
			{{else}}
				<li class="main-navigation-item active">
					<a href="javascript:;">
						Our Profile
						<i></i>
					</a>
					<div class="sub-menu-wrapper row floating">
						<ul class="sub-menu col-xl-12">
							<li>
								<a href="javascript:;">
									Product Insights
								</a>
							</li>
							<li>
								<a href="javascript:;">
									Market Insights
								</a>
							</li>
							<li>
								<a href="javascript:;">
									All Insights
								</a>
							</li>
						</ul>
					</div>
				</li>
			{{/if}}

			<li class="main-navigation-item">
				<a href="javascript:;">
					Our Clients
					<i></i>
				</a>
				<div class="sub-menu-wrapper row floating">
					<ul class="sub-menu col-xl-12">
						<li>
							<a href="javascript:;">
								Product Insights
							</a>
						</li>
						<li>
							<a href="javascript:;">
								Market Insights
							</a>
						</li>
						<li>
							<a href="javascript:;">
								All Insights
							</a>
						</li>
					</ul>
				</div>
			</li>
			{{#unless cioview}}
				<li class="main-navigation-item">
					<a href="javascript:;">
						Our Business
						<i></i>
					</a>
					<div class="sub-menu-wrapper row floating-2">
						<ul class="sub-menu col-xl-5 col-lg-12">
							<li>
								<a href="javascript:;">
									Prospectuses &amp; Reports
								</a>
							</li>
							<li>
								<a href="javascript:;">
									Resource Library
								</a>
							</li>
						</ul>
						<div class="col-xl-7 col-lg-12 no-padding">
							{{ render "molecules/navigation/flyout5" }}
						</div>
					</div>
				</li>
			{{/unless}}
			<li class="main-navigation-item">
				<a href="javascript:;">
					About Us
					<i></i>
				</a>
				<div class="sub-menu-wrapper row floating">
					<ul class="sub-menu col-xl-12">
						<li>
							<a href="javascript:;">
								Who We Are
							</a>
						</li>
						<li>
							<a href="javascript:;">
								News &amp; Press
							</a>
						</li>
						<li>
							<a href="javascript:;">
								Contact Us
							</a>
						</li>
					</ul>
				</div>
			</li>
			<li class="main-navigation-item">
				<a href="javascript:;">
					Insights
					<i></i>
				</a>
				<div class="sub-menu-wrapper row floating-3">
					<ul class="sub-menu col-xl-5 col-lg-12">
						<li>
							<a href="javascript:;">
								Product Education
								<i class="icons-arrow-right-big"></i>
							</a>
							<div class="sub-menu-sec-level col-xl-12 no-padding">
								<!-- OUT OF SCOPE – START -->
								{{ render "molecules/navigation/flyout7" }}
								<!-- OUT OF SCOPE – END -->
							</div>
						</li>
						<li>
							<a href="javascript:;">
								Optimum Yield Strategy
							</a>
						</li>
						<li>
							<a href="javascript:;">
								Frequently Asked Questions
							</a>
						</li>
						<li>
							<a href="javascript:;">
								Glossary
							</a>
						</li>
					</ul>
					<div class="col-xl-7 col-lg-12 no-padding hide-lg">
						{{ render "molecules/navigation/flyout6" }}
					</div>
				</div>
			</li>
			<li class="main-navigation-item meta-navigation">
				<ul class="sub-menu col-xl-12">
					<li><a href="javascript:;" class="lk-icon">Deutsche Bank Group <i class="icons-internal-link"></i></a></li>
					<li><a href="javascript:;" class="lk-icon">Career <i class="icons-internal-link"></i></a></li>
					<li><a href="javascript:;" class="lk-icon">Press <i class="icons-internal-link"></i></a></li>
					<li><a href="javascript:;" class="lk-icon">Worldwide <i class="icons-internal-link"></i></a></li>
					<li><a href="javascript:;" class="lk-icon">Deutsche AM <i class="icons-external-link"></i></a></li>
					<li><a href="javascript:;" class="lk-icon">CIO View Worldwide <i class="icons-internal-link"></i></a></li>
					<li><a href="javascript:;" class="lk-icon">Kontakt <i class="icons-internal-link"></i></a></li>
				</ul>
			</li>
		</ul>
		<ul class="main-navigation main-navigation--lang">
			<li class="main-navigation-item active">
				<a href="javascript:;">Deutsche</a>
			</li>
			<li class="main-navigation-item">
				<a href="javascript:;">Spanish</a>
			</li>
			<li class="main-navigation-item">
				<a href="javascript:;">Portuguese</a>
			</li>
			<li class="main-navigation-item">
				<a href="javascript:;">Italian</a>
			</li>
			<li class="main-navigation-item">
				<a href="javascript:;">French</a>
			</li>
			<li class="main-navigation-item">
				<a href="javascript:;">Chinese</a>
			</li>
		</ul>
		<div class="main-navigation main-navigation--login">
			<div class="form form--dark form-login">
				<p class="form__error-message">
					Invalid email or password. Please try again. <a href="javascript:;">Forgot password?</a>
				</p>
				<div class="form__group">
					<label for="input-email-address" class="form__label">E-mail address</label>
					<input type="email" id="input-email-address" required class="form__text form-field" data-vl-errors-messages-disabled>
				</div>
				<div class="form__group">
					<label for="input-password" class="form__label">Password</label>
					<input type="password" id="input-password" required class="form__text form-field" data-vl-errors-messages-disabled>
				</div>
				<div class="form__group">
					<input type="checkbox" id="check-remember-me" name="check-remember-me" class="form-field" data-vl-errors-messages-disabled>
					<label for="check-remember-me" class="form__label">Remember me</label>
				</div>


				<div class="form__group">
					<button class="btn btn-orange btn--small submit-form">Login</button>
				</div>

				<div class="form__group">
					<a href="javascript:;" class="lk-icon">Password forgotten <span class="icons-internal-link"></span></a>
					<a href="javascript:;" class="lk-icon">Enroll now <span class="icons-internal-link"></span></a>
				</div>
			</div>
		</div>
	</nav>
	<div class="col-xl-2 col-lg-12 form-search-wrapper">
		<a class="form-search-activate" href="javascript:;">
			<i></i>
		</a>
		<div class="form-search">
			<label class="visuallyhidden">Search</label>
			<input type="search" class="search-text" placeholder="Search">
			<a href="javascript:;" class="btn-simple btn-search pull-right" aria-label="search"><i class="icons-search"></i></a>
			<div class="autocomplete-search-result"></div>
		</div>
	</div>
</div>

{{#unless nojs }}
<script>
	window.onload = function() {
		/**
		 * START - REQUIRED JS SNIPPET
		 */
		{{ render "atoms/scripts/script-main-navigation" }}
		{{ render "atoms/scripts/script-login-form" }}
		/**
		 * START - REQUIRED JS SNIPPET
		 */
	};
</script>
{{/unless }}
