<header id="masthead" class="masthead" role="banner">
<nav class="navigation" role="navigation">
<!-- -->
<ul class="hiddenInDesktop nav-toggler hidden-tablet">
<li id="burger-menu" class="menu"><a href="#" class="icon-menu-burger"></a></li>
<li class="logo"><a href="#">Home</a></li>
<li id="mobile-header-search" class="search"><a href="#" class="icon-search"></a></li>
</ul>
<div class="nav-content" id="mobile-content">
<div class="fil-container">
<!-- -->
<div class="mobile-header hiddenInDesktop hidden-tablet">
<!-- <li class="logo"><a href="#">Home</a></li>
<li><a href="#" id="mobile-close" class="close" onFocus="this.blur();" title="Close navigation panel"><span class="icon-close"></span><span class="accessible">Close navigation panel</span></a></li> -->
</div>
<ul class="mobile-reg-apply hiddenInDesktop hidden-tablet">
<!-- login in-->
<li class="mobile-reg">
<div class="login nav-login">
<a id="mobile-login" class="btn btn-masthead btn-login" href="javascript:void(0)"><span>Login</span> <span>|</span> <span>Register</span></a>
</div>
<div style="display:none;" id="mobile-login-div" class="login-box">
<form target="_blank" class="login-form" method="post" action="">
<fieldset>
<ul class="login-in">
<li>
<div>
<button class="btn btn-masthead btn-login in">Log in</button>
</div>
</li>
<li>
<p class="register-notes"><strong>Or register now:</strong></p>
</li>
<li>
<div>
<button class="btn btn-masthead btn-register">Register as an Adviser </button><button class="btn btn-masthead btn-register">Register as an Investor</button>
</div>
</li>
</ul>
</fieldset>
</form>
</div>
<!-- == -->
</li>
<!-- == -->
<!-- Apply for funds-->
<li id="mobile-apply" class="mobile-apply">
<div class="nav-apply">
<a class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span><span class="icon-chevron-down-m icon-after"></span></a>
</div>
<!-- == -->
<!-- Apply for funds-->
<div id="mobile-apply-div" class="apply nav-apply active" style="display:none;height: 100%;" >
<a class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span></a>
<div style="display:block;height: 100%;" class="apply-box">
<form target="_blank" class="apply-form" method="post" action="">
<fieldset>
<div class="apply-now">
<ul class="apply-droplist">
<li><a href="#"><span class="icon-globe icon-before"></span>Online</a></li>
<li><a href="#"><span class="icon-report icon-before"></span>mFund</a></li>
<li><a href="#"><span class="icon-pdf icon-before"></span>Application forms</a></li>
<li><a href="#"><span class="icon-info icon-before"></span>How do I invest ?</a></li>
</ul>
</div>
</fieldset>
</form>
</div>
</div>
<!-- == -->
</li>
</ul>
<div class="top-bar show-tablet">
<!-- Apply for funds-->
<a class="logo" title="Home" href="#"> </a>
<!-- -->
<div class="top-bar-inner">
<div class="nav-wrap-top">
<!-- Apply for funds-->
<div class="apply nav-apply active">
<a id="apply" class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span><span class="icon-chevron-down-m icon-after"></span></a>
<div style="display:none;" id="apply-div" class="apply-box">
<form target="_blank" class="apply-form" method="" action="">
<div class="apply-now">
<ul class="apply-droplist">
<li><span class="icon-globe icon-before"></span><a href="#">Online</a></li>
<li><span class="icon-report icon-before"></span><a href="#">mFund</a></li>
<li><span class="icon-pdf icon-before"></span><a href="#">Application forms</a></li>
<li><span class="icon-info icon-before"></span><a href="#">How do I invest</a></li>
</ul>
</div>
</form>
</div>
</div>
<!-- == -->
<!-- login in-->
<div class="login nav-login">
<a id="login" class="btn btn-masthead btn-login" href="javascript:void(0)"><span class="icon-lock-account icon-before"></span><span>Login</span> <span>|</span> <span>Register</span></a>
<div style="display:none;" id="login-div" class="login-box">
<form target="_blank" class="login-form" method="post" action="">
<fieldset>
<div class="login-in">
<ul>
<li><p>Exlsting customers log In below please:</p></li>
<li><button class="btn btn-masthead btn-login in">Log in</button>
</li>
<li>
<p>To register click on the applicable link below:</p>
</li>
<li>
<div>
<button class="btn btn-masthead btn-register in">Adviser</button><button class="btn btn-masthead btn-register in">Investor</button>
</div>
</li>
</ul>
</div>
</fieldset>
</form>
</div>
</div>
<!-- == -->
<!-- nav submenu -->
<div class="secondary-nav">
<ul>
<li class="quick-links">
<a href="#" >Adviser Quick Links<span class="icon-chevron-down-m icon-after"></span></a>
<div class="quick-links-droppanel">
<div class="fil-triade up"><span><em> </em></span></div>
<ul class="quick-links-droplist">
<li><a href="#"><span class="icon-star-line icon-before"></span>Earn CPD Points</a></li>
<li><a href="#"><span class="icon-clock icon-before"></span>The investment Clock</a></li>
<li><a href="#"><span class="icon-post icon-before"></span>Order flyer and wall charts</a></li>
<li><a href="#"><span class="icon-report icon-before"></span>Our funds</a></li>
<li><a href="#"><span class="icon-chart icon-before"></span>Understanding Volatility</a></li>
<li><a href="#"><span class="icon-account icon-before"></span>Adviser service team</a></li>
<li><a href="#"><span class="icon-favourites icon-before"></span>Fund platform representation</a></li>
</ul>
</div>
</li>
<li class="institutional"> <a href="#" class="icon after-link-skip">Institutional</a> </li>
</ul>
</div>
<!-- == -->
</div>
<div class="nav-wrap-bottom">
<div class="nav-row">
<!-- mobile nav -->
<ul class="primary-nav primary-nav-list hiddenInDesktop">
<li class="item main-menu back" id="mobile-main-menu"><a href="#" class="header">Main Menu</a></li>
<li id="item-why" class="item item-level-1">
<a class="header sublevel-trigger" href="#"><span class="title">Why Fidelity?</span></a>
</li>
<li id="item-funds" class="item has-sub-item item-level-1">
<a class="header sublevel-trigger" href="#" id="mn-our-funds">
<span class="title">Our Funds</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown2" data-nav-level="2">
<ul class="navColumnSet ">
<li id="li-allfunds" class="hiddenInDesktop hidden-tablet">
<a href="#" class="header"><span>All Funds</span></a>
</li>
<li id="li-australian" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Australian Equities</a>
</li>
<li id="li-regional" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Regional Equities</a>
</li>
<li id="li-global" class="navCol dropdown-li">
<a href="#" class="header">Global Equities</a>
<ul id="li-global-div" class="dropdown-sublist" >
<li><a href="#" class="sub-header">Fidelity Global Fund</a></li>
<li id="li-global-hedged"><a href="#" class="sub-header">Fidelity Hedged Global Equities Fund</a></li>
<li><a href="#" class="sub-header">Fidelity Global Demographics Fund</a></li>
<li><a href="#" class="sub-header">Fidelity Global Emerging Markets Fund</a></li>
<li><a href="#" class="sub-header">Fidelity Global Dividend Growth Fund</a></li>
<li><a href="#" class="sub-header">Fidelity Hedged Global Dividend Growth Fund</a></li>
</ul>
</li>
<li id="li-fixed" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Fixed Income</a>
</li>
<li id="li-tools" class="navCol dropdown-tools item-level-2">
<div class="dropdown-panel dropdown-panel-tools" >
<h4>Tools and help</h4>
<ul>
<li><span class="icon-pdf icon-before"></span><a href="#">investor forms</a></li>
<li><span class="icon-info icon-before"></span><a href="#">how to invest</a></li>
<li><span class="icon-report icon-before"></span><a href="#">Fund financial reports</a></li>
<li><span class="icon-award icon-before"></span><a href="#">Fund proxy voting</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li id="item-insights" class="item has-sub-item item-level-1">
<a class="header sublevel-trigger" href="#" id="navItemInvestingPlanning">
<span class="title">Insights & Learning</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown3" data-nav-level="2" style="display: block;">
<ul class="navColumnSet ">
<li id="li-all" class="hiddenInDesktop hidden-tablet">
<a href="#" class="header"><span>All</span></a>
</li>
<li id="li-australian" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Investment insights</a>
</li>
<li id="li-regional" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Global market review</a>
</li>
<li id="li-regional" class="navCol dropdown-li item-level-2">
<a href="#" class="header">Tools & resources</a>
</li>
</ul>
</div>
</li>
<li id="item-contact" class="item item-level-1">
<a class="header sublevel-trigger" href="#">
<span class="title">Contact us</span>
</a>
</li>
<li id="mobile-quick" class="item has-sub-item item-level-1 quick-links"><a href="#" class="icon after-link-quick"><span class="title">Adviser Quick Links</span></a>
<div id="mobile-quick-div" class="mobile-quick-div quick-links-droppanel" style="display: none;">
<ul class="quick-links-droplist">
<li id="quick-earn"><a href="#"><span class="icon-star-line icon-before"> </span>Earn CPD Points</a></li>
<li><a href="#"><span class="icon-clock icon-before"> </span>The investment Clock</a></li>
<li><a href="#"><span class="icon-post icon-before"> </span>Order flyer and wall charts</a></li>
<li><a href="#"><span class="icon-report icon-before"> </span>Our funds</a></li>
<li><a href="#"><span class="icon-chart icon-before"> </span>Understanding Volatility</a></li>
<li><a href="#"><span class="icon-account icon-before"> </span>Adviser service team</a></li>
<li><a href="#"><span class="icon-favourites icon-before"> </span>Fund platform representation</a></li>
</ul>
</div>
</li>
<li id="item-institutional" class="item item-level-1"><a href="#" class="icon after-link-skip">Institutional</a></li>
</ul>
<!-- desktop nav -->
<ul class="primary-nav primary-nav-list hidden-mobile">
<li class="item-search">
<!-- desktop search -->
<div class="autoComplete search-desktop" role="search"><!--delete class :menu-is-open-->
<form action="" method="">
<input autocomplete="off" placeholder="" type="text" class="autoCompleteInput noOutline" name="keyword" id="searchInput" value="">
</form>
<a class="btn-search icon-search"></a>
<div class="menu autoCompleteList" style="display: none;">
<ul>
<li class="section">
<!-- <a href="#" calss="heading">Funds</a> -->
<ul>
<li role="option" class=""><a href="#">Search list a</a></li>
<li role="option" class=""><a href="#">Search list B</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!--==-->
</li>
<li class="item">
<a class="header sublevel-trigger" href="#">
<span class="title">Contact us</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown4" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-half">
<span class="sub-head h4 sublevel-trigger">General enquiries</span>
<p><span><strong>Phone:</strong> +61 2 9225 0500</span><br>
<span><strong>Opening Hours:</strong> Available till 7pm</span></p>
<span class="sub-head h4 sublevel-trigger">Adviser Services Team</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis tellus augue. Nulla volutpat semper quam, sit amet cursus lacus. Nam aliquam eros a lectus convallis commodo.</p>
<p><a href="#" class="link">View all contact details</a><span class="icon-chevron-right-m icon-after"></span></p>
</div>
<div class="dropdown-panel dropdown-panel-half bg-gray dropdown-panel-form">
<span class="sub-head h4 sublevel-trigger">Frequently requested form</span>
<ul>
<li><a href="#">Additinal Application form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="#">Change of details form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="#">Change of payment form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="#">Withdraw Request form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="#">Change of Financial Adviser form</a><span class="note form-note"> (PDF)</span></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="item">
<a class="header sublevel-trigger" href="#">
<span class="title">Insights & Learning</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown3" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-third">
<span class="sub-head h4 sublevel-trigger">Investment insights</span>
<div class="card masthead-card">
<a href="#"><img class="card-img-top"src="/static/style/images/card-default4.jpg" data-holder-rendered="true"></a>
<div class="card-block">
<h4 class="card-title"><a href="#">Japan‘s bizarrely brief "technical recession"</a></h4>
<div class="card-link"><a href="#" class="link">Read more insights</a><span class="icon-chevron-right-m icon-after"></span></div>
</div>
</div>
</div>
<div class="dropdown-panel dropdown-panel-third">
<span class="sub-head h4 sublevel-trigger">Global market review</span>
<div class="card masthead-card">
<a href="#"><img class="card-img-top"src="/static/style/images/card-default.jpg" data-holder-rendered="true"></a>
<div class="card-block">
<h4 class="card-title"><a href="#">Global stock indices continue to be mixed</a></h4>
<div class="card-link"><a href="#" class="link">Read more insights</a><span class="icon-chevron-right-m icon-after"></span></div>
</div>
</div>
</div>
<div class="dropdown-panel dropdown-panel-third dropdown-panel-tools">
<div class="dropdown-panel-tools-body">
<span class="sub-head h4 sublevel-trigger">Tools</span>
<p>Tools to understand historical market fluctuations and the benefits of investing for the long term.</p>
<ul>
<li><span class="icon-error icon-before"></span><a href="#">Market crisis</a></li>
<li><span class="icon-clock icon-before"></span><a href="#">Timing the market</a></li>
<li><span class="icon-circle-zig icon-before"></span><a href="#">Unpredictable returns</a></li>
<p><a href="#" class="link more">Read more tools</a><span class="icon-chevron-right-m icon-after"></span></p>
</ul>
</div>
</div>
</li>
</ul>
</div>
</li>
<li class="item">
<a class="header sublevel-trigger" href="#">
<span class="title">Our Funds</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown2" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-third">
<ul>
<li>
<span class="sub-head h4 sublevel-trigger">Australian Equities</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="header"> <span>Australian Equities</span>
</a></li>
<li><a href="#">Fidelity Australian Equities Fund</a></li>
<li><a href="#">Fidelity Australian Opportunties Fund</a></li>
<li><a href="#">Fidelity Future Leaders Fund</a></li>
</ul>
</li>
<li>
<span class="sub-head h4 sublevel-trigger">Regional Equities</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="header"> <span>Regional Equities</span>
</a></li>
<li><a href="#">Fidelity Asia Fund</a></li>
<li><a href="#">Fidelity China Fund</a></li>
<li><a href="#">Fidelity India Fund</a></li>
</ul>
</li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-third">
<ul>
<li>
<span class="sub-head h4 sublevel-trigger">Global Equitiel</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="header"> <span>Global Equitiel</span>
</a></li>
<li><a href="#">Fidelity Global Equities Fund</a></li>
<li><a href="#">Fidelity Hedged Global Equities Fund</a></li>
<li><a href="#">Fidelity Global Demographics Fund</a></li>
<li><a href="#">Fidelity Global Emerging Markets Fund</a></li>
<li><a href="#">Fidelity Global Dividend Growth Fund</a></li>
<li><a href="#">Fidelity Hedged Global Dividend Growth Fund</a></li>
</ul>
</li>
<li>
<span class="sub-head h4 sublevel-trigger">Fixed Income</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="#" class="header"> <span>Fixed Income</span>
</a></li>
<li><a href="#">Fidelity Global Strategic Bond Fund</a></li>
</ul>
</li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-third dropdown-panel-tools">
<span class="sub-head h4 sublevel-trigger">Tools and help</span>
<ul>
<li><span class="icon-pdf icon-before"></span><a href="#">investor forms</a></li>
<li><span class="icon-info icon-before"></span><a href="#">how to invest</a></li>
<li><span class="icon-report icon-before"></span><a href="#">Fund financial reports</a></li>
<li><span class="icon-award icon-before"></span><a href="#">Fund proxy voting</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="item last-item">
<a class="header sublevel-trigger" href="#">
<span class="title">Why Fidelity?</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown1" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-half float-left">
<span class="sub-head h4 sublevel-trigger">The Fidelity difference</span>
<p>Lorem ipsum dolor sit amet, consectetur Testadipiscing elit. Morbi eu interdum diam. Donec interdum porttitor risus non bibendum. Maecenas sollicitudin eros in quam imperdiet placerat. Cras justo purus, rhoncus nec lobortis ut, iaculis vel ipsum.</p>
<ul>
<li><a href="#" class="link droplist-link">Explore more about Fidelity</a><span class="icon-chevron-right-m icon-after"></span></li>
<li><a href="#" class="link droplist-link">Industry awards</a><span class="icon-chevron-right-m icon-after"></span></li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-half float-right">
<span class="sub-head h4 sublevel-trigger">What is the Fidelity advantage?</span>
<div class="card card-play masthead-card">
<img class="card-img-top" src="/static/style/images/card-default4.jpg">
<div class="card-block">
<p class="card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis tellus augue. Nulla volutpat semper quam, sit amet cursus lacus. Nam aliquam eros a lectus convallis commodo.</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- mobile search -->
<div id="mobile-search" class="searchMobile hiddenInDesktop hidden-tablet">
<!--search header-->
<div class="mobile-header hiddenInDesktop hidden-tablet">
<li class="logo"><a href="#">Home</a></li>
<li><a href="javascript:void(0)" id="mobile-search-close" class="close" onFocus="this.blur();" title="Close Search"><span class="icon-close"></span></a></li>
</div>
<div class="autoComplete menu-is-open">
<label class="accessible" for="searchInputMobile">Search</label> <input id="searchInputMobile"
class="autoCompleteInput" type="text" value="World economy" placeholder=""></input>
<a class="searchIcon icon-search"></a>
<div class="search-box autoCompleteList active">
<div class="search-droplist">
<ul class="search-section">
<li><a href="#">The <strong>World economy</strong> is suffocating under record debt</a></li>
<li><a href="#"><strong>World</strong> economic forum releases statement...</a></li>
<li><a href="#">The <strong>economy</strong> is better than we thought it was...</a></li>
</ul>
<a href="#" class="link search-link">Show all search results</a>
</div>
</div>
</div>
</div>
<!-- -->
</div>
</nav>
</header>
<script src="jquery.js"></script>
<script>
require([ ‘app/navigation‘ ]);
</script>
</body>
</html>
<div>
<div class="mobile-pannel">
<div class="mobile-login top">
<div class="login">login| register</div>
<div class="apply">apply for funds</div>
</div>
<div class="mobile-menu bottom">
<ul>
<li>why Fidelity?</li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div>
login or register now
</div>
<div>search</div>
</div>