<header class="header">
    <div class="promo-bar js-promo-bar">
        <div class="promo-bar__inner u-page-width-max">
            <a class="promo-bar__link" href="#">Free shipping and free returns</a>
            <button class="promo-bar__close-button">
      <span class="u-visually-hidden">Close</span>
      <svg class="icon icon--close" alt="">
  <use xlink:href="/assets/icons/icons.svg#close"></use>
</svg>

    </button>
        </div>
    </div>

    <div class="headroom">
        <nav class="header-nav">
            <ul class="header-nav__primary">
                <li class="header-nav__primary-item header-nav__primary-item--active">
                    <a class="header-nav__primary-link" href="#">Sunglasses</a>
                    <div class="header-nav__secondary-wrapper js-header-nav__secondary-wrapper">
                        <div class="u-page-width-max">
                            <ul class="header-nav__secondary js-header-nav--secondary">
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <button class="header-nav__secondary-button js-header-nav-button" aria-haspopup="true" aria-expanded="false" aria-controls="shop">
                    Shop
                    <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

                  </button>
                                    <div id="shop" class="header-nav__tertiary-wrapper u-page-width-max" aria-hidden="true">
                                        <button class="header-nav__tertiary-back-button js-header-nav-back-button">
                      <svg class="icon icon--arrow-left" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-left"></use>
</svg>

                      Back
                    </button>
                                        <ul class="header-nav__tertiary header-nav__tertiary--marketing js-header-nav--tertiary">
                                            <li class="header-nav__tertiary-menu">
                                                <span class="header-nav__tertiary-menu-label">Frame Style</span>
                                                <ul class="header-nav__tertiary-menu-items">
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Aviators</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Classic</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Wrap</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Fashion</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Rectangular</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Cat Eye</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Rimless</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Shield</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--accent" href="#">
                              All Frames
                              <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

                            </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="header-nav__tertiary-menu">
                                                <span class="header-nav__tertiary-menu-label">Activity</span>
                                                <ul class="header-nav__tertiary-menu-items">
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Golf</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Fish</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Surf</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Run</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Drive</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Hike</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Tennis</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="header-nav__tertiary-menu">
                                                <span class="header-nav__tertiary-menu-label">More</span>
                                                <ul class="header-nav__tertiary-menu-items">
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">New Arrivals</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Best Sellers</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Prescription</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Accessories</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Readers</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Blue Hawaii</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                        <div class="header-nav__tertiary-marketing-placement">
                                            <a class="header-nav__tertiary-marketing-link" href="#">
                                                <div class="header-nav__tertiary-marketing-image" style="background-image: url('/assets/images/megamenu-marketing-placement.jpg');"></div>
                                                <div class="header-nav__tertiary-marketing-text">
                                                    <span class="header-nav__tertiary-marketing-title">Blue Hawaii</span>
                                                    <span class="header-nav__tertiary-marketing-cta">Shop now</span>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="#">
                    MyMaui
                  </a>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="#">
                    Home Try-on
                  </a>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="#">
                    Vintage
                  </a>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="#">
                    Apparel
                  </a>
                                </li>
                            </ul>
                            <ul class="header-nav__secondary js-header-nav--secondary">
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="tel:+1800229933">
                    1-888-666-5905
                    <svg class="icon icon--action-phone" alt="">
  <use xlink:href="/assets/icons/icons.svg#action-phone"></use>
</svg>

                  </a>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="#">
                    Contact Us
                    <svg class="icon icon--action-mail" alt="">
  <use xlink:href="/assets/icons/icons.svg#action-mail"></use>
</svg>

                  </a>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="#">
                    Find a Retailer
                    <svg class="icon icon--action-location" alt="">
  <use xlink:href="/assets/icons/icons.svg#action-location"></use>
</svg>

                  </a>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <button class="header-nav__secondary-button js-header-nav-button" aria-haspopup="true" aria-expanded="false" aria-controls="customer-service">
                    Customer Service
                    <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

                  </button>
                                    <div id="customer-service" class="header-nav__tertiary-wrapper u-page-width-max" aria-hidden="true">
                                        <button class="header-nav__tertiary-back-button js-header-nav-back-button">
                      <svg class="icon icon--arrow-left" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-left"></use>
</svg>

                      Back
                    </button>
                                        <ul class="header-nav__tertiary js-header-nav--tertiary">
                                            <li class="header-nav__tertiary-menu">
                                                <ul class="header-nav__tertiary-menu-items">
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Order Status</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Repairs</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Returns</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Product Registration</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Prescription</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Retailers</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">FAQs</a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item">
                                                        <a class="header-nav__tertiary-menu-link" href="#">Shipping Information</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                            <ul class="header-nav__secondary js-header-nav--secondary">
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="#">
                    Your Account
                  </a>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="#">
                    Your Orders
                  </a>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="#">
                    Your Wishlist
                  </a>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link header-nav__secondary-link--logout" href="#">
                    Logout
                  </a>
                                </li>
                            </ul>
                            <ul class="header-nav__secondary js-header-nav--secondary">
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link js-modal-open-link" href="#" data-modal-id="country-selector">
                    United States
                    <img src="/assets/images/flag-us.png" alt="United States" width="22" height="14">
                  </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="header-nav__primary-item">
                    <a class="header-nav__primary-link" href="#">Eyeglasses</a>
                    <div class="header-nav__secondary-wrapper js-header-nav__secondary-wrapper">
                        <div class="u-page-width-max">
                        </div>
                    </div>
                </li>
            </ul>
        </nav>
        <div class="header-menu-bar"></div>
        <a class="header__logo-wrapper" href="#">
      <img class="header__logo" src="/assets/images/mauijim-brand-logo.png" alt="Maui Jim logo">
    </a>
        <div class="header__menu-icon">
            <button class="hamburger-spring header__icon header__icon--menu  js-header-icon--menu" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="navigation">
        <span class="u-visually-hidden">Open Menu</span>
        <span class="hamburger-spring__box">
          <span class="hamburger-spring__inner"></span>
        </span>
      </button>
        </div>
        <div class="header__icons">
            <div class="header__icons-inner">
                <button class="header-flyout__toggle header-flyout__toggle--search
  
  
  js-header-icon--search" id="header-flyout-search-toggle" aria-controls="header-flyout-search" aria-expanded="false" data-header-flyout data-header-flyout-type="search">
  <span class="u-visually-hidden">Search</span>
    <svg class="icon icon--search" alt="">
  <use xlink:href="/assets/icons/icons.svg#search"></use>
</svg>

</button>

                <div class="header-flyout header-flyout--search
  " id="header-flyout-search" aria-hidden="true">
                    <button aria-label="Close search" class="header-flyout__close js-header-search-close-button">
    <svg class="icon icon--close-large" alt="">
  <use xlink:href="/assets/icons/icons.svg#close-large"></use>
</svg>

  </button>
                    <div class="header-flyout__content">
                        <div class="header-search js-header-search">
                            <form class="header-search__form">
                                <label class="header-search__form-label">
      <span class="u-visually-hidden">Search</span>
      <input class="header-search__input js-header-search-input" type="text" placeholder="Search on Maui Jim">
    </label>
                            </form>
                            <div class="header-search__results">
                                <a class="header-search__result-link" href="#">View all results <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>
</a>
                                <div class="search-autocomplete-result">
                                    <a class="search-autocomplete-result__link" href="#">
        <span class="search-autocomplete-result__image-container">
          <img class="search-autocomplete-result__image" src="/assets/images/search-autocomplete-medium.jpg" sizes="(min-width: 681px) 50vw, 25vw"
            srcset="/assets/images/search-autocomplete-small.jpg 75w, /assets/images/search-autocomplete-medium.jpg 340w"
            alt="Front-side view of the Ho&#x27;okipa Reader Universal Fit">
        </span>
        <span class="search-autocomplete-result__title">Ho&#x27;okipa Reader Universal Fit</span>
      </a>
                                </div>
                                <div class="search-autocomplete-result">
                                    <a class="search-autocomplete-result__link" href="#">
        <span class="search-autocomplete-result__image-container">
          <img class="search-autocomplete-result__image" src="/assets/images/search-autocomplete-medium.jpg" sizes="(min-width: 681px) 50vw, 25vw"
            srcset="/assets/images/search-autocomplete-small.jpg 75w, /assets/images/search-autocomplete-medium.jpg 340w"
            alt="Front-side view of the Sandy Beach Universal Fit">
        </span>
        <span class="search-autocomplete-result__title">Sandy Beach Universal Fit</span>
      </a>
                                </div>
                                <div class="search-autocomplete-result">
                                    <a class="search-autocomplete-result__link" href="#">
        <span class="search-autocomplete-result__image-container">
          <img class="search-autocomplete-result__image" src="/assets/images/search-autocomplete-medium.jpg" sizes="(min-width: 681px) 50vw, 25vw"
            srcset="/assets/images/search-autocomplete-small.jpg 75w, /assets/images/search-autocomplete-medium.jpg 340w"
            alt="Front-side view of the Hanalei Universal Fit">
        </span>
        <span class="search-autocomplete-result__title">Hanalei Universal Fit</span>
      </a>
                                </div>
                            </div>
                            <div class="header-search__list">
                                <span class="header-search__list-label">Latest Search</span>
                                <ul class="header-search__list-items">
                                    <li class="header-search__list-item">
                                        <a class="header-search__list-link js-header-search-list-link" href="#">Koko Head</a>
                                    </li>
                                    <li class="header-search__list-item">
                                        <a class="header-search__list-link js-header-search-list-link" href="#">Tail Slide</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="header-search__list">
                                <span class="header-search__list-label">Popular Searches</span>
                                <ul class="header-search__list-items">
                                    <li class="header-search__list-item">
                                        <a class="header-search__list-link js-header-search-list-link" href="#">Aviators</a>
                                    </li>
                                    <li class="header-search__list-item">
                                        <a class="header-search__list-link js-header-search-list-link" href="#">Man</a>
                                    </li>
                                    <li class="header-search__list-item">
                                        <a class="header-search__list-link js-header-search-list-link" href="#">Surf</a>
                                    </li>
                                    <li class="header-search__list-item">
                                        <a class="header-search__list-link js-header-search-list-link" href="#">Vintage</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="header-flyout__overlay header-flyout__overlay--search js-header-flyout-overlay js-header-flyout-overlay--search"></div>

                <a href="#" class="header__icon header__icon--wishlist">
          <span class="u-visually-hidden">Wishlist</span>
          <svg class="icon icon--heart" alt="">
  <use xlink:href="/assets/icons/icons.svg#heart"></use>
</svg>

        </a>
                <a href="#" class="header__icon header__icon--account">
          <span class="u-visually-hidden">Account</span>
          <svg class="icon icon--account" alt="">
  <use xlink:href="/assets/icons/icons.svg#account"></use>
</svg>

        </a>
                <button class="header-flyout__toggle header-flyout__toggle--cart
   header-flyout__toggle--with-fallback
   js-header-flyout-icon-empty-cart
  js-header-icon--cart" id="header-flyout-cart-toggle" aria-controls="header-flyout-cart" aria-expanded="false" data-header-flyout data-header-flyout-type="cart">
  <span class="u-visually-hidden">Cart</span>
    <svg class="icon icon--cart" alt="">
  <use xlink:href="/assets/icons/icons.svg#cart"></use>
</svg>

    <svg class="icon icon--cart-item" alt="">
  <use xlink:href="/assets/icons/icons.svg#cart-item"></use>
</svg>

</button>

                <a href="#" class="header-flyout__link header-flyout__link--cart
    ">
    <span class="u-visually-hidden">Cart</span>
      <svg class="icon icon--cart" alt="">
  <use xlink:href="/assets/icons/icons.svg#cart"></use>
</svg>

      <svg class="icon icon--cart-item" alt="">
  <use xlink:href="/assets/icons/icons.svg#cart-item"></use>
</svg>

  </a>

                <div class="header-flyout header-flyout--cart
   header-flyout--with-fallback" id="header-flyout-cart" aria-hidden="true">
                    <button aria-label="Close cart" class="header-flyout__close js-header-cart-close-button">
    <svg class="icon icon--close-large" alt="">
  <use xlink:href="/assets/icons/icons.svg#close-large"></use>
</svg>

  </button>
                    <div class="header-flyout__header">
                        <span class="header-cart__title">Your Cart <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>
</span>
                    </div>
                    <div class="header-flyout__content">
                        <div class="header-cart header-cart--maui-jim--empty-cart header-cart--tax header-cart--express ">
                            <div class="header-cart__empty">
                                <div class="header-cart__empty-inner">
                                    <img class="header-cart__empty-brand-logo" src="/assets/images/mauijim-brand-mark-grey-small.png">
                                    <span class="header-cart__empty-label">Your Shopping Cart is Empty</span>
                                    <a class="header-cart__empty-button button button--primary" href="#">Shop Now</a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="header-flyout__overlay header-flyout__overlay--cart js-header-flyout-overlay js-header-flyout-overlay--cart"></div>

                <button class="header-nav__country js-modal-open-link" data-modal-id="country-selector" aria-label="Current country is US. Click to select country.">
          <img class="header-nav__country-image" src="/assets/images/flag-us.png" alt="US" width="31" height="20">
          <span class="header-nav__country-label">US</span>
        </button>
            </div>
        </div>
    </div>
</header>

<main id="main-section" class="main main--dealer-profiles u-page-width-max">
    <ul class="breadcrumb u-page-width-max-gutters js-breadcrumb">
        <li class="breadcrumb__item">
            <a class="breadcrumb__link" href="#">Maui Jim</a>
        </li>
        <li class="breadcrumb__item breadcrumb__item--current">
            Retailers
        </li>
    </ul>

    <h2 class="page-title page-title--light">Authorized Maui Jim Locations</h2>

    <h3 class="section-title section-title--light">Choose Your Country</h3>

    <div class="l-country-selector-wrapper">
        <div class="js-country-selector-wrapper">
            <div class="country-selector js-country-selector">

                <span class="country-selector__chosen-region js-country-selector-chosen-region">North America</span>
                <div class="country-selector__map js-country-selector-map" style="background-image:url('/assets/images/world-map-north-america.png');"></div>

                <div class="accordion-tabs accordion-tabs--country-selector js-accordion-tabs">
                    <div class="accordion-tabs__tabs" role="tablist">
                        <button class="accordion-tabs__tab js-accordion-tabs-tab js-country-selector-tab-button" id="tab-north-america" aria-expanded="true" aria-controls="panel-north-america" role="tab" data-tab="north-america" data-map="/assets/images/world-map-north-america.png"
                            data-value="North America">
            North America
        </button>
                        <button class="accordion-tabs__tab js-accordion-tabs-tab js-country-selector-tab-button" id="tab-europe" aria-expanded="false" aria-controls="panel-europe" role="tab" data-tab="europe" data-map="/assets/images/world-map-europe.png" data-value="Europe">
            Europe
        </button>
                        <button class="accordion-tabs__tab js-accordion-tabs-tab js-country-selector-tab-button" id="tab-africa" aria-expanded="false" aria-controls="panel-africa" role="tab" data-tab="africa" data-map="/assets/images/world-map-africa.png" data-value="Africa">
            Africa
        </button>
                        <button class="accordion-tabs__tab js-accordion-tabs-tab js-country-selector-tab-button" id="tab-middle-east" aria-expanded="false" aria-controls="panel-middle-east" role="tab" data-tab="middle-east" data-map="/assets/images/world-map-middle-east.png"
                            data-value="Middle East">
            Middle East
        </button>
                        <button class="accordion-tabs__tab js-accordion-tabs-tab js-country-selector-tab-button" id="tab-asia-pacific" aria-expanded="false" aria-controls="panel-asia-pacific" role="tab" data-tab="asia-pacific" data-map="/assets/images/world-map-asia-pacific.png"
                            data-value="Asia Pacific">
            Asia Pacific
        </button>
                    </div>

                    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper country-selector__tab">
                        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control" id="tab-north-america" aria-expanded="true" aria-controls="panel-north-america" role="tab" data-tab="north-america">
          North America
          <svg class="icon icon--arrow-down" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

          <svg class="icon icon--arrow-up" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

        </button>
                        <div class="accordion-tabs__content js-accordion-tabs-content country-selector__region country-selector__region--north-america js-country-selector-region js-country-selector-region--default" id="panel-north-america" aria-labelledby="tab-north-america"
                            aria-hidden="false" role="tabpanel" data-tab="north-america">
                            <ul class="country-selector__region-list country-selector__region-list--north-america">
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">American Samoa</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Canada</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Guam</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Mexico</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Puerto Rico</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">United States</a>
                                </li>
                                <li class="country-selector__country  js-country-selector-last-country">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Virgin Islands US</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper country-selector__tab country-selector__tab--three-col">
                        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control" id="tab-europe" aria-expanded="false" aria-controls="panel-europe" role="tab" data-tab="europe">
          Europe
          <svg class="icon icon--arrow-down" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

          <svg class="icon icon--arrow-up" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

        </button>
                        <div class="accordion-tabs__content js-accordion-tabs-content country-selector__region country-selector__region--europe js-country-selector-region" id="panel-europe" aria-labelledby="tab-europe" aria-hidden="true" role="tabpanel" data-tab="europe">
                            <ul class="country-selector__region-list country-selector__region-list--europe">
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Austria</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Belgium</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Croatia</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Cyprus</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Czech Republic</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Denmark</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Estonia</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Finland</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">France</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Germany</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Greece</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Hungary</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Ireland</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Italy</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Luxembourg</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Malta</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Netherlands</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Norway</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Poland</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Portugal</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Romania</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Slovakia</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Slovenia</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Spain</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Sweden</a>
                                </li>
                                <li class="country-selector__country  js-country-selector-last-country">
                                    <a class="country-selector__country-link" href="#" tabindex="0">United Kingdom</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper country-selector__tab">
                        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control" id="tab-africa" aria-expanded="false" aria-controls="panel-africa" role="tab" data-tab="africa">
          Africa
          <svg class="icon icon--arrow-down" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

          <svg class="icon icon--arrow-up" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

        </button>
                        <div class="accordion-tabs__content js-accordion-tabs-content country-selector__region country-selector__region--africa js-country-selector-region" id="panel-africa" aria-labelledby="tab-africa" aria-hidden="true" role="tabpanel" data-tab="africa">
                            <ul class="country-selector__region-list country-selector__region-list--africa">
                                <li class="country-selector__country  js-country-selector-last-country">
                                    <a class="country-selector__country-link" href="#" tabindex="0">South Africa</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper country-selector__tab">
                        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control" id="tab-middle-east" aria-expanded="false" aria-controls="panel-middle-east" role="tab" data-tab="middle-east">
          Middle East
          <svg class="icon icon--arrow-down" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

          <svg class="icon icon--arrow-up" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

        </button>
                        <div class="accordion-tabs__content js-accordion-tabs-content country-selector__region country-selector__region--middle-east js-country-selector-region" id="panel-middle-east" aria-labelledby="tab-middle-east" aria-hidden="true" role="tabpanel" data-tab="middle-east">
                            <ul class="country-selector__region-list country-selector__region-list--middle-east">
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Saudi Arabia</a>
                                </li>
                                <li class="country-selector__country  js-country-selector-last-country">
                                    <a class="country-selector__country-link" href="#" tabindex="0">United Arab Emirates</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper country-selector__tab country-selector__tab--two-col">
                        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control" id="tab-asia-pacific" aria-expanded="false" aria-controls="panel-asia-pacific" role="tab" data-tab="asia-pacific">
          Asia Pacific
          <svg class="icon icon--arrow-down" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

          <svg class="icon icon--arrow-up" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

        </button>
                        <div class="accordion-tabs__content js-accordion-tabs-content country-selector__region country-selector__region--asia-pacific js-country-selector-region" id="panel-asia-pacific" aria-labelledby="tab-asia-pacific" aria-hidden="true" role="tabpanel" data-tab="asia-pacific">
                            <ul class="country-selector__region-list country-selector__region-list--asia-pacific">
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Australia</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Hong Kong</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Singapore</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Malaysia</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Thailand</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">South Korea</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Japan</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Indonesia</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Philippines</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Taiwan</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">Vietnam</a>
                                </li>
                                <li class="country-selector__country ">
                                    <a class="country-selector__country-link" href="#" tabindex="0">India</a>
                                </li>
                                <li class="country-selector__country  js-country-selector-last-country">
                                    <a class="country-selector__country-link" href="#" tabindex="0">New Zealand</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</main>
<div class="subscribe">
    <div class="u-page-width-max">
        <div class="subscribe__text">
            <p class="subscribe__header">Subscribe to our &#x27;ohana</p>
            <span class="subscribe__description">Keep up with the Latest Products and News.</span>
        </div>
        <div class="subscribe-form-wrapper subscribe-form-wrapper--default js-subscribe-form js-subscribe-form--default">
            <form class="subscribe-form">
                <label class="subscribe-form__label">
      <span class="u-visually-hidden">Subscribe</span>
      <input class="subscribe-form__input js-subscribe-form-input" type="text" placeholder="Your Email" autocomplete="email">
    </label>
                <button class="subscribe-form__submit button button--primary">
      <span class="subscribe-form__submit-label">Subscribe</span>
      <svg class="icon icon--submit-mail" alt="">
  <use xlink:href="/assets/icons/icons.svg#submit-mail"></use>
</svg>

    </button>
            </form>
            <div class="subscribe-form-status">
                <span class="subscribe-form-status__message js-subscribe-status-message"></span>
                <span class="subscribe-form-status__close js-subscribe-status-close-button">
      <svg class="icon icon--close-large" alt="">
  <use xlink:href="/assets/icons/icons.svg#close-large"></use>
</svg>

    </span>
            </div>
            <span class="subscribe-form-legal">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a class="subscribe-form-legal__link" href="#">Privacy Policy</a>
  </span>
        </div>

    </div>
</div>

<footer class="footer footer--default">
    <div class="footer-nav u-page-width-max">
        <a class="footer-nav__action footer-nav__action--phone" href="tel:+1800229933">
      1-888-666-5905
      <svg class="icon icon--action-phone" alt="">
  <use xlink:href="/assets/icons/icons.svg#action-phone"></use>
</svg>

    </a>
        <a class="footer-nav__action footer-nav__action--contact" href="#">
      Contact Us
      <svg class="icon icon--action-mail" alt="">
  <use xlink:href="/assets/icons/icons.svg#action-mail"></use>
</svg>

    </a>
        <a class="footer-nav__action footer-nav__action--retailers" href="#">
      Find a Retailer
      <svg class="icon icon--action-location" alt="">
  <use xlink:href="/assets/icons/icons.svg#action-location"></use>
</svg>

    </a>
        <div class="footer-nav__menus">
            <div class="footer-nav__menu-column">
                <div class="footer-nav__menu js-footer-nav-menu">
                    <h6 class="footer-nav__menu-header">Maui Jim</h6>
                    <button class="footer-nav__menu-button js-footer-nav-button" aria-disabled="false" aria-controls="maui-jim" aria-expanded="false">
            Maui Jim
            <svg class="icon icon--arrow-up" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

            <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

            <svg class="icon icon--arrow-down" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

          </button>
                    <ul class="footer-nav__menu-items" id="maui-jim">
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">About Us</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Contact Us</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Technology</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Golf Events</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Corporate Gifts</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link js-modal-open-link" href="#" data-modal-id="data-protection">Careers</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Austine Wood Comarow Polage ® Art</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Trade Login</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-nav__menu-column">
                <div class="footer-nav__menu js-footer-nav-menu">
                    <h6 class="footer-nav__menu-header">Customer Service</h6>
                    <button class="footer-nav__menu-button js-footer-nav-button" aria-disabled="false" aria-controls="customer-service" aria-expanded="false">
            Customer Service
            <svg class="icon icon--arrow-up" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

            <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

            <svg class="icon icon--arrow-down" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

          </button>
                    <ul class="footer-nav__menu-items" id="customer-service">
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Order Status</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Repairs</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Returns</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Product Registration</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Prescription</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Retailers</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">FAQs</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Shipping Information</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-nav__menu-column">
                <div class="footer-nav__menu js-footer-nav-menu">
                    <h6 class="footer-nav__menu-header">Legal</h6>
                    <button class="footer-nav__menu-button js-footer-nav-button" aria-disabled="false" aria-controls="legal" aria-expanded="false">
            Legal
            <svg class="icon icon--arrow-up" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

            <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

            <svg class="icon icon--arrow-down" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

          </button>
                    <ul class="footer-nav__menu-items" id="legal">
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Terms of Use</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Privacy Policy</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-nav__menu js-footer-nav-menu">
                    <h6 class="footer-nav__menu-header">Gift Cards</h6>
                    <button class="footer-nav__menu-button js-footer-nav-button" aria-disabled="false" aria-controls="gift-cards" aria-expanded="false">
            Gift Cards
            <svg class="icon icon--arrow-up" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

            <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

            <svg class="icon icon--arrow-down" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

          </button>
                    <ul class="footer-nav__menu-items" id="gift-cards">
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">VIP &amp; Gift Cardholder</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Shop Gift Card</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-nav__forms">
            <form class="footer__retailer-form">
                <label class="footer__retailer-label" for="zipcode_or_city">
          <span>Retailers</span>
          <input id="zipcode_or_city" class="footer__retailer-input" name="footer__retailer-input" type="text" placeholder="ZIP code or City" />
          <button class="footer__retailer-submit" type="submit">
            <svg class="icon icon--angle-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#angle-right"></use>
</svg>

          </button>
        </label>
            </form>
            <div class="subscribe-form-wrapper subscribe-form-wrapper--mini js-subscribe-form js-subscribe-form--default">
                <form class="subscribe-form">
                    <label class="subscribe-form__label">
      <span class="u-visually-hidden">Subscribe</span>
      <input class="subscribe-form__input js-subscribe-form-input" type="text" placeholder="Subscribe to Our &#x27;Ohana" autocomplete="email">
    </label>
                    <button class="subscribe-form__submit button button--primary">
      <span class="subscribe-form__submit-label">Subscribe</span>
      <svg class="icon icon--submit-mail" alt="">
  <use xlink:href="/assets/icons/icons.svg#submit-mail"></use>
</svg>

    </button>
                </form>
                <div class="subscribe-form-status">
                    <span class="subscribe-form-status__message js-subscribe-status-message"></span>
                    <span class="subscribe-form-status__close js-subscribe-status-close-button">
      <svg class="icon icon--close-large" alt="">
  <use xlink:href="/assets/icons/icons.svg#close-large"></use>
</svg>

    </span>
                </div>
                <span class="subscribe-form-legal">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a class="subscribe-form-legal__link" href="#">Privacy Policy</a>
  </span>
            </div>

        </div>
    </div>
    <div class="footer__bottom">
        <div class="u-page-width-max">
            <button class="footer__geo footer__geo--country js-modal-open-link" data-modal-id="country-selector" aria-label="Current country is United Arab Emirates. Click to select country.">
        <span class="footer__geo-label">Country:</span>
        <span class="footer__geo-current">
          United Arab Emirates
          <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </span>
      </button>
            <button class="footer__geo footer__geo--language js-modal-open-link" data-modal-id="language-selector" aria-label="Current language is English. Click to select language.">
        <span class="footer__geo-current">
          English
          <svg class="icon icon--arrow-right" alt="">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </span>
      </button>
            <ul class="social-icons">
                <li class="social-icons__item social-icons__item--social-youtube">
                    <a class="social-icons__link" href="#" aria-label="social-youtube"><svg class="icon icon--social-youtube" alt="">
  <use xlink:href="/assets/icons/icons.svg#social-youtube"></use>
</svg>
</a>
                </li>
                <li class="social-icons__item social-icons__item--social-linkedin">
                    <a class="social-icons__link" href="#" aria-label="social-linkedin"><svg class="icon icon--social-linkedin" alt="">
  <use xlink:href="/assets/icons/icons.svg#social-linkedin"></use>
</svg>
</a>
                </li>
                <li class="social-icons__item social-icons__item--social-twitter">
                    <a class="social-icons__link" href="#" aria-label="social-twitter"><svg class="icon icon--social-twitter" alt="">
  <use xlink:href="/assets/icons/icons.svg#social-twitter"></use>
</svg>
</a>
                </li>
                <li class="social-icons__item social-icons__item--social-facebook">
                    <a class="social-icons__link" href="#" aria-label="social-facebook"><svg class="icon icon--social-facebook" alt="">
  <use xlink:href="/assets/icons/icons.svg#social-facebook"></use>
</svg>
</a>
                </li>
                <li class="social-icons__item social-icons__item--social-instagram">
                    <a class="social-icons__link" href="#" aria-label="social-instagram"><svg class="icon icon--social-instagram" alt="">
  <use xlink:href="/assets/icons/icons.svg#social-instagram"></use>
</svg>
</a>
                </li>
            </ul>

        </div>
    </div>
    <div class="footer__copyright">
        <img class="footer__copyright-logo" src="/assets/images/mauijim-brand-logo-monochromatic.svg">
        <span class="footer__copyright-text">©2016 Maui Jim, Inc. Lahana, Hawaii</span>
    </div>
</footer>
{{render '@header--maui-jim--empty-cart'}}
<main id="main-section" class="main main--dealer-profiles u-page-width-max">
  {{#each topComponents}}
  {{render (dynamicVariant component variant) context}}
  {{/each}}
  {{render '@page-title--light'}}
  {{render '@section-title--light'}}
  <div class="l-country-selector-wrapper">
    {{render '@country-selector'}}
  </div>
</main>
{{render '@subscribe'}}
{{render '@footer'}}
{
  "pageCss": [
    "dealer-profiles"
  ],
  "topComponents": [
    {
      "component": "breadcrumb",
      "variant": "default",
      "context": {
        "items": [
          {
            "label": "Maui Jim",
            "path": "#"
          },
          {
            "label": "Retailers",
            "current": true
          }
        ]
      }
    }
  ]
}

There are no notes for this item.