<div class="row filter__row dark-bg sticky-header">
	<div class="col-xl-7 col-md-12 sticky-header-values">
		<div class="row no-padding">
			<div class="col-xl-4 hide-md">
				<p>NAV</p>
				{{ render "atoms/global/space:hr" space=6 }}
				<p class="h2">$22.62</p>
				<p><small class="text-contrast">As of: 15 Jul 2014</small></p>
			</div>
			<div class="col-xl-4 col-md-6">
				<p>1 Day Change</p>
				{{ render "atoms/global/space:hr" space=6 }}
				<p class="h2 basic-font text-normal">
					<span class="text-nowrap">
						<i class="icon-inline icon-middle icons-arrow-up-green-big"></i>$0.03
					</span>
					<span class="text-nowrap">
						<i class="icon-inline icon-middle icons-arrow-up-green-big"></i>0.13%
					</span>
				</p>
			</div>
			<div class="col-xl-4 col-md-6 detached-visible">
				<p>Total Net Assets</p>
				{{ render "atoms/global/space:hr" space=6 }}
				<p class="h2 basic-font text-normal">$205,489,303</p>
				<p><small class="text-contrast">As of: 15 Jul 2014</small></p>
			</div>
		</div>
	</div>
	<div class="col-xl-5 col-md-12 sticky-header-downloads-wrapper">
		<div class="hr"></div>
		<div class="row no-padding">
			<div class="col-xl-6">
				<div class="sticky-header-downloads">
					<p>
						<a href="javascript:;" class="hover-orange">
							<i class="icon-inline icons-download-small-dark-bg"></i> Prospectus
						</a>
					</p>
					<p>
						<a href="javascript:;" class="hover-orange">
							<i class="icon-inline icons-download-small-dark-bg"></i> Summary Prospectus
						</a>
					</p>
				</div>
			</div>
			<div class="col-xl-6">
				<div class="sticky-header-downloads">
					<p>
						<a href="javascript:;" class="hover-orange">
							<i class="icon-inline icons-download-small-dark-bg"></i> SAI
						</a>
					</p>
					<p>
						<a href="javascript:;" class="hover-orange">
							<i class="icon-inline icons-download-small-dark-bg"></i> Fact Sheet
						</a>
					</p>
				</div>
			</div>
		</div>
	</div>
</div>
