[[Voyager? &service=`megaMenu`]]

<nav class="navbar navbar-default navbar-static-top navbar-main" role="navigation">
    <div class="navbar-container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand" href="[[~[[++site_url]]]]">
                <img src="[[++assets_url]]site/img/equity-estates-logo.png" alt="Equity Estates">
            </a>
        </div>

        <div class="collapse navbar-collapse main-nav">
            <ul class="nav navbar-nav">
                <li class="dropdown dropdown-mega[[UltimateParent:is=`36`:then=` active`]]">
                    <a href="[[~36]]" title="Equity Estates Portfolio" data-hover="dropdown" data-delay="300" data-close-others="true">
                        The Portfolio <b class="caret"></b>
                    </a>
                    
                    <div class="mega-menu dropdown-menu">
                        <nav class="mm-nav">
                            <ul class="nav">
                                <li class="location-type active">
                                    <a href="#location_type" data-toggle="tab">View by Location Type</a>
                                </li><!--

                                --><li class="view-all">
                                    <a href="#view_all" data-toggle="tab">View All Residences</a>
                                </li><!--

                                --><li class="view-map">
                                    <a href="[[~36]]">
                                        Go to Residence Map <span class="glyphicons glyphicons-globe"></span>
                                    </a>
                                </li>

                            </ul>

                        </nav><!-- /.mm-nav -->

                        <div class="tab-content">
                            <div class="mm-pane tab-pane active" id="location_type">
                                <!--<ul class="nav nav-pills">
                                    <li class="beach active">
                                        <a href="#beach_list" data-toggle="tab">Beach</a>
                                    </li>

                                    <li class="city">
                                        <a href="#city_list" data-toggle="tab">City</a>
                                    </li>

                                    <li class="mtn">
                                        <a href="#mtn_list" data-toggle="tab">Mountain</a>
                                    </li>

                                    <li class="leisure">
                                        <a href="#leisure_list" data-toggle="tab">Leisure</a>
                                    </li>

                                </ul>-->

                                <div class="residence-lists">
                                    <div class="residence-list-wrapper" id="beach_list">
                                        <header class="residence-list-header">
                                            <h4 class="residence-list-title">Beach Residences</h4>
                                        </header>

                                        <ul class="residence-list twoColumns">
                                            [[+voyager.megaMenuList_beach]]
                                        </ul>
                                        
                                    </div><!-- /#beach_list.residence-list-wrapper -->
                                    
                                    <div class="residence-list-wrapper" id="city_list">
                                        <header class="residence-list-header">
                                            <h4 class="residence-list-title">City Residences</h4>
                                        </header>

                                        <ul class="residence-list twoColumns">
                                            [[+voyager.megaMenuList_city]]
                                        </ul>
                                        
                                    </div><!-- /#city_list.residence-list-wrapper -->

                                    <div class="residence-list-wrapper" id="mtn_list">
                                        <header class="residence-list-header">
                                            <h4 class="residence-list-title">Mountain Residences</h4>
                                        </header>

                                        <ul class="residence-list twoColumns">
                                            [[+voyager.megaMenuList_mtn]]
                                        </ul>
                                        
                                    </div><!-- /#mtn_list.residence-list-wrapper -->

                                    <div class="residence-list-wrapper" id="leisure_list">
                                        <header class="residence-list-header">
                                            <h4 class="residence-list-title">Leisure Residences</h4>
                                        </header>

                                        <ul class="residence-list twoColumns">
                                            [[+voyager.megaMenuList_leisure]]
                                        </ul>
                                        
                                    </div><!-- /#leisure_list.residence-list-wrapper -->

                                </div><!-- /.residence-lists.tab-content -->

                            </div><!-- /#location_type.mm-pane -->

                            <div class="mm-pane tab-pane" id="view_all">
                                <div class="residence-lists">
                                    <div class="residence-list-wrapper">
                                        <header class="residence-list-header">
                                            <h4 class="residence-list-title">Our Portfolio</h4>

                                        </header>

                                        <ul class="residence-list portfolioResidences">
                                            [[+voyager.megaMenuList_portfolio]]

                                        </ul>

                                    </div>

                                    <div class="residence-list-wrapper">
                                        <header class="residence-list-header">
                                            <h4 class="residence-list-title">Reciprocity Residences</h4>

                                        </header>

                                        <ul class="residence-list allianceResidences">
                                            [[+voyager.megaMenuList_alliance]]

                                        </ul>

                                    </div>

                                </div>

                            </div><!-- /#view_all.mm-pane -->

                        </div><!-- /.tab-content -->

                    </div><!-- /.mega-menu.dropdown-menu -->

                </li>

                <li class="dropdown[[UltimateParent:is=`40`:then=` active`]]">
                    <a href="[[~40]]" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="true">
                        The Experience <b class="caret"></b>
                    </a>
                    
                    [[Wayfinder?
                        &startId=`40`
                        &level=`1`
                        &outerClass=`dropdown-menu`
                    ]]
                    
                </li>

                <li class="dropdown[[UltimateParent:is=`46`:then=` active`]]">
                    <a href="[[~46]]" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="true">
                        The Investment <b class="caret"></b>
                    </a>
                    
                    [[Wayfinder?
                        &startId=`46`
                        &level=`1`
                        &outerClass=`dropdown-menu`
                    ]]
                    
                </li>

                <li class="dropdown[[UltimateParent:is=`2`:then=` active`]]">
                    <a href="[[~2]]" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="true">
                        About Us <b class="caret"></b>
                    </a>
                    
                    [[Wayfinder?
                        &startId=`2`
                        &level=`1`
                        &outerClass=`dropdown-menu`
                    ]]
                    
                </li>

                <li[[!*id:is=`4`:then=` class="active"`]]>
                    <a href="[[~4]]">Contact Us</a>
                </li>

                <li[[!*id:is=`203`:then=` class="active"`]]>
                    <a href="[[~203]]">Member Login</a>
                </li>

            </ul>

        </div><!-- /.navbar-collapse -->

    </div>

</nav>