<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">
  <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">
                    <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">
                    SHOP
                    <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

                  </button>
                                    <div class="header-nav__tertiary-wrapper u-page-width-max">
                                        <button class="header-nav__tertiary-back-button js-header-nav-back-button">
                      <svg class="icon icon--arrow-left">
  <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 header-nav__tertiary-menu-items--graphic">
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--graphic">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--graphic" href="#">
                              <img class="header-nav__tertiary-menu-graphic" src="/assets/images/zeal-header-nav-sunglasses.png">
                              Sunglasses
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--graphic">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--graphic" href="#">
                              <img class="header-nav__tertiary-menu-graphic" src="/assets/images/zeal-header-nav-sunglasses.png">
                              Goggles
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--graphic">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--graphic" href="#">
                              <img class="header-nav__tertiary-menu-graphic" src="/assets/images/zeal-header-nav-sunglasses.png">
                              Accessory Lenses
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--graphic">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--graphic" href="#">
                              <img class="header-nav__tertiary-menu-graphic" src="/assets/images/zeal-header-nav-sunglasses.png">
                              Accessories
                            </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <button class="header-nav__secondary-button js-header-nav-button">
                    TECHNOLOGY
                    <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

                  </button>
                                    <div class="header-nav__tertiary-wrapper u-page-width-max">
                                        <button class="header-nav__tertiary-back-button js-header-nav-back-button">
                      <svg class="icon icon--arrow-left">
  <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 header-nav__tertiary-menu-items--horizontal">
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Sunglasses Technology
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Prescription
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Google Technology
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Tech Goggle Support
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              RLs
                            </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <button class="header-nav__secondary-button js-header-nav-button">
                    OUR STORY
                    <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

                  </button>
                                    <div class="header-nav__tertiary-wrapper u-page-width-max">
                                        <button class="header-nav__tertiary-back-button js-header-nav-back-button">
                      <svg class="icon icon--arrow-left">
  <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 header-nav__tertiary-menu-items--horizontal">
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Who We Are
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Ambassadors
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Community
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Footprint
                            </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <button class="header-nav__secondary-button js-header-nav-button">
                    EXPLORE MORE
                    <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

                  </button>
                                    <div class="header-nav__tertiary-wrapper u-page-width-max">
                                        <button class="header-nav__tertiary-back-button js-header-nav-back-button">
                      <svg class="icon icon--arrow-left">
  <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 header-nav__tertiary-menu-items--horizontal">
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Blog
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Events
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Media
                            </a>
                                                    </li>
                                                    <li class="header-nav__tertiary-menu-item header-nav__tertiary-menu-item--horizontal">
                                                        <a class="header-nav__tertiary-menu-link header-nav__tertiary-menu-link--horizontal" href="#">
                              Adventures
                            </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="header-nav__secondary-item js-header-nav-item">
                                    <a class="header-nav__secondary-link" href="">
                    Customer Service
                  </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:+18884549325">
                    (888) 454-9325
                    <svg class="icon icon--action-phone">
  <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">
  <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">
  <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">
                    Customer Service
                    <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

                  </button>
                                    <div class="header-nav__tertiary-wrapper u-page-width-max">
                                        <button class="header-nav__tertiary-back-button js-header-nav-back-button">
                      <svg class="icon icon--arrow-left">
  <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>
                        </div>
                    </div>
                </li>
            </ul>
        </nav>
        <div class="header-menu-bar"></div>
        <a class="header__logo-wrapper" href="#">
      <img class="header__logo" src="/assets/images/zeal-brand-logo.png" alt="Zeal Optics logo">
    </a>
        <div class="header__menu-icon">
            <button class="hamburger-spring header__icon header__icon--menu  zeal js-header-icon--menu" type="button">
        <span class="u-visually-hidden">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__icon header__icon--search js-header-icon--search">
          <span class="u-visually-hidden">Search</span>
          <svg class="icon icon--search">
  <use xlink:href="/assets/icons/icons.svg#search"></use>
</svg>

          <svg class="icon icon--close-large">
  <use xlink:href="/assets/icons/icons.svg#close-large"></use>
</svg>

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

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

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

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

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

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

        </a>
                <button class="header-nav__country js-modal-open-link" data-modal-id="country-selector">
          <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 class="header-search header-flyout header-flyout--search js-header-search">
            <form class="header-search__form">
                <input class="header-search__input js-header-search-input" type="text" placeholder="Search on Zeal">
                <button class="header-search__button js-header-search-button" type="reset">
          <span class="u-visually-hidden">Clear</span>
          <svg class="icon icon--search">
  <use xlink:href="/assets/icons/icons.svg#search"></use>
</svg>

          <svg class="icon icon--close-large">
  <use xlink:href="/assets/icons/icons.svg#close-large"></use>
</svg>

        </button>
            </form>
            <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="#">Forecast</a>
                    </li>
                    <li class="header-search__list-item">
                        <a class="header-search__list-link js-header-search-list-link" href="#">Eclipse</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="#">Slate</a>
                    </li>
                    <li class="header-search__list-item">
                        <a class="header-search__list-link js-header-search-list-link" href="#">Tramline</a>
                    </li>
                    <li class="header-search__list-item">
                        <a class="header-search__list-link js-header-search-list-link" href="#">Level</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 class="header-search__results">
                <a class="header-search__result-link" href="#">View all results <svg class="icon icon--arrow-right">
  <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">
            </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">
            </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">
            </span>
            <span class="search-autocomplete-result__title">Hanalei Universal Fit</span>
          </a>
                </div>
            </div>
        </div>
        <div class="header-cart header-cart--default header-cart--tax header-flyout header-flyout--cart js-header-cart">
            <div class="header-cart__header">
                <span class="header-cart__title">Your Cart <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>
</span>
                <span class="header-cart__item-count">4 items</span>
            </div>
            <div class="header-cart__products">
                <div class="header-cart__item">
                    <a href="#202-02"><img class="header-cart__item-image" src="https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$&amp;wid&#x3D;330" alt="Gloss Black"></a>
                    <span class="header-cart__item-info header-cart__item-info--name">PEAHI</span>
                    <span class="header-cart__item-info">Gloss Black</span>
                    <span class="header-cart__item-info">Neutral Grey</span>
                    <span class="header-cart__item-info">SuperThin Glass</span>
                    <span class="header-cart__item-info">Single Gradient</span>
                    <span class="header-cart__item-info header-cart__item-info--qty">Qty: 1</span>
                    <span class="header-cart__item-info header-cart__item-info--price">$149.00</span>
                    <button class="header-cart__item-remove button button--plain-text">Remove</button>
                </div>
                <div class="header-cart__item">
                    <a href="#HTS267-15C"><img class="header-cart__item-image" src="https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_front?$config1800$&amp;wid&#x3D;330" alt="Olive Stripe"></a>
                    <span class="header-cart__item-info header-cart__item-info--name">WATERWAYS</span>
                    <span class="header-cart__item-info">Olive Stripe</span>
                    <span class="header-cart__item-info">Maui HT™</span>
                    <span class="header-cart__item-info">SuperThin Glass</span>
                    <span class="header-cart__item-info">Single Gradient</span>
                    <div class="header-cart__item-vip-info">
                        <span class="header-cart__item-vip-card-value">VIP Card 30%</span>
                        <span class="header-cart__item-vip-original-price">$319.00</span>
                    </div>
                    <span class="header-cart__item-info header-cart__item-info--qty">Qty: 1</span>
                    <span class="header-cart__item-info header-cart__item-info--price">$219.00</span>
                    <button class="header-cart__item-remove button button--plain-text">Remove</button>
                </div>
                <div class="header-cart__item">
                    <a href="#H257-16C"><img class="header-cart__item-image" src="https://s7d2.scene7.com/is/image/mauijim/H257-16C_front?$config1800$&amp;wid&#x3D;330" alt="Tortoise with Antique Gold"></a>
                    <span class="header-cart__item-info header-cart__item-info--name">KAWIKA</span>
                    <span class="header-cart__item-info">Tortoise with Antique Gold</span>
                    <span class="header-cart__item-info">HCL® Bronze</span>
                    <span class="header-cart__item-info">MauiPure</span>
                    <span class="header-cart__item-info">Single Gradient</span>
                    <div class="header-cart__item-vip-info">
                        <span class="header-cart__item-vip-card-value">VIP Card 30%</span>
                        <span class="header-cart__item-vip-original-price">$319.00</span>
                    </div>
                    <span class="header-cart__item-info header-cart__item-info--qty">Qty: 1</span>
                    <span class="header-cart__item-info header-cart__item-info--price">$299.00</span>
                    <button class="header-cart__item-remove button button--plain-text">Remove</button>
                </div>
                <div class="header-cart__item">
                    <a href="#H178-10"><img class="header-cart__item-image" src="https://s7d2.scene7.com/is/image/mauijim/H178-10_front?$config1800$&amp;wid&#x3D;330" alt="Tortoise"></a>
                    <span class="header-cart__item-info header-cart__item-info--name">VOYAGER</span>
                    <span class="header-cart__item-info">Tortoise</span>
                    <span class="header-cart__item-info">HCL® Bronze</span>
                    <span class="header-cart__item-info">SuperThin Glass</span>
                    <span class="header-cart__item-info">Single Gradient</span>
                    <span class="header-cart__item-info header-cart__item-info--qty">Qty: 1</span>
                    <span class="header-cart__item-info header-cart__item-info--price">$219.00</span>
                    <button class="header-cart__item-remove button button--plain-text">Remove</button>
                </div>
            </div>
            <div class="header-cart__footer">
                <div class="header-cart__subtotal">
                    <span class="header-cart__subtotal-label">Order Subtotal (4):</span>
                    <span class="header-cart__subtotal-value">$1,096.00</span>
                    <span class="header-cart__subtotal-tax">Inkl. MWST</span>
                </div>
                <div class="header-cart__actions">
                    <a class="header-cart__action button button--primary" href="#">View your cart</a>
                </div>
            </div>
        </div>
        <div class="header-flyout-overlay js-header-flyout-overlay"></div>
    </div>
</header>

<main class="main">
    <ul class="breadcrumb u-page-width-max-gutters">
        <li class="breadcrumb__item">
            <a class="breadcrumb__link" href="#">Zeal</a>
        </li>
        <li class="breadcrumb__item breadcrumb__item--current">
            FAQs
        </li>
    </ul>

    <h2 class="page-title page-title--faqs">Frequently Asked Questions</h2>
    <div class="l-faqs u-page-width-max-restricted">
        <div class="tabs js-tabs tabs--default">
            <ul class="tabs__tabs">
                <li class="tabs__tab js-tabs-tab js-tabs-tab--active" data-tab="sunglasses">Sunglasses</li>
                <li class="tabs__tab js-tabs-tab" data-tab="optical">Optical</li>
            </ul>
            <div class="tabs__content-wrapper js-tabs-content-wrapper js-tabs-content-wrapper--active" data-tab="sunglasses">

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        How do I get my sunglasses repaired?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Begin your repair process by visiting <a href='#'>repairsus.mauijim.com</a>. Please complete the form by providing the information needed for your repair.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        Can I still get warranty service even if I don’t have my proof of purchase?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>We will work with you whether you have your proof of purchase or not. Please provide us with the name of the retailer and approximate date of purchase and we will be happy to look at your sunglasses. We will determine if your repair
                            would be considered a warranty. Even if it is not eligible for warranty work, we have great repair options. Our repair form and shipping information can be found at <a href='#'>repairsus.mauijim.com</a>.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        Can I order nose pads for my Maui Jim’s?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Please contact our Customer Service Department toll free at 1-888-666-5602. Our office hours are Mon-Fri: 7am- 9pm; Sat: 7:30am-4pm CST for assistance. Please have your sunglasses or sunglass style number ready when calling.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        Do you sell Maui Jim prescription lenses directly?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>All orders for prescription lenses must be processed through an authorized Maui Jim Rx retailer. If you need to find an authentic Rx retailer, please use the <a href='#'>Retailer Locator</a> and limit the search by checking the
                            “Show only Prescription Retailers” box.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        How do I register my sunglasses?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>You can register your sunglasses by visiting <a href='#'>us.mauijim.com/product-registration</a>. Your registration will help us develop a profile of your needs and lifestyle to serve you better in the future. Registering your
                            sunglasses does not provide warranty verification.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        Are broken or scratched lenses covered under your warranty?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Our 2 year warranty does not cover normal wear and tear or abuse. We do offer competitive lens replacement options through our repair department. Please visit <a href='#'>repairsus.mauijim.com</a> for information on how to send
                            in your sunglasses for repair.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        What is the cost to repair my sunglasses?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Maui Jim offers the best repair service options to our customers. Lenses are $75 USD and are replaced as a pair. Frame charges vary by style. To confirm the charges for your style, contact our Customer Service Department toll free
                            at 1-888-666-5602, our hours are Mon-Fri: 7am-9pm CST; Sat: 7:30am-4pm CST and we will be happy to assist you.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        How do I contact Maui Jim?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <h3>Email (We will respond within 24 hours)</h3>
                        <p>For general questions and information: <a href='#'>sales.us@mauijim.com</a><br>For product repairs: <a href='#'>repairs.us@mauijim.com</a><br>For employment questions and information: <a href='#'>hr.us@mauijim.com</a><br>For website
                            concerns and technical help: <a href='#'>webmaster.us@mauijim.com</a></p>
                        <h3>Mail</h3>
                        <p>Maui Jim Inc<br>One Aloha Lane Peoria, IL 61615</p>
                        <h3>Phone</h3>
                        <p>1-888-666-5602</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        Will you send me screws/lenses/parts for my sunglasses?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>We do not send out parts for our sunglasses. Lenses and frame components need to be sent in for repair to have those parts replaced by our trained repair technicians. If you need to send your sunglasses in for repair, please visit
                            <a href='#'>repairsus.mauijim.com</a>.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        What is the best way to clean my lenses?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <h3>Cleaning & Care tips</h3>
                        <p>As with any quality product, proper care will enhance and prolong the usefulness of your sunglasses and protect your investment. Your sunglasses are coated on the backside of the lens with an anti-reflective (A/R) coating which
                            is essential in eliminating glare and is one of the three elements that make up our patented design. For optimum performance, rinse your sunglasses daily in warm water. Use a mild liquid dish or bath soap to wash each lens
                            surface. Dry using a clean, soft, absorbent cloth. Do not use paper-based products to clean your lenses. Do not use abrasive cleaners, soaps or detergents that may leave a deposit on the lens. Do not use tissues with added
                            lotions, lanolin, silicone or other cleaners; they will leave a film on the lens.</p>
                        <h3>Scratches</h3>
                        <p>The multiple coatings on your lenses are resistant to light scratching, however heavy, abusive scratching can break through the coatings and cause visible marks. Significantly help prolong the life of your lenses by removing dirt
                            and other particles with good cleaning practices and keep your sunglasses in their case while not in use. Good cleaning practices will also help minimize scratching.</p>
                        <h3>Chemicals</h3>
                        <p>Certain common household chemicals will react negatively with the frame material and the metal oxides used on the coatings of your lenses. Avoid contact with acetone (nail polish remover), caustic solutions (such as glass or other
                            ammonia based cleaners), hair sprays containing methylene (listed on label), chlorine (from swimming pools or unfiltered water) or glue.</p>
                        <h3>Hard water</h3>
                        <p>"Hard" water contains high levels of dissolved minerals, especially calcium and magnesium. It is "softened" by the addition of sodium during the filtering process. Everyday examples include pool water and unfiltered water, such
                            as sprinkler water. "Hard" water can be a nuisance to sunglass wearers, as it leaves white spots on lenses after drying. To avoid spotting, simply rinse any sunglass or eyeglass with filtered (tap) water, and wipe dry with
                            a clean cloth.</p>
                        <h3>Salt water</h3>
                        <p>All Maui Jim sunglasses are saltwater safe and corrosion resistant. As with "hard" water, we suggest you rinse off any sunglass with filtered (tap) water, and wipe dry with a clean cloth.</p>
                        <h3>Heat</h3>
                        <p>Excessive heat may deteriorate your lenses or misshape your nylon frame. Avoid placing your sunglasses where you might expect excessive heat, for example, on the dashboard of your car.</p>
                        <h3>Hardware</h3>
                        <p>We recommend that you visit your local sunglass retailer periodically to have them tighten the eyewire screws, attached temples and nose bridge.</p>
                        <h3>Clean cloths</h3>
                        <p>All new sunglasses purchased from Maui Jim include a clean cloth bag. Clean cloths are a great way to keep your sunglasses clean and smudge free. We recommend you frequently launder your clean cloth to keep if free of debris, dirt
                            and oils that could damage your lenses. Wash in warm soapy water. Do not use fabric softener as this may leave a film on your lenses.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        What is Maui Jim’s return policy?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Your satisfaction is our priority. You may return your merchandise purchased from the Maui Jim website for credit within 30 days of your purchase. All returns must be in the original case and/or packaging and in perfect resalable
                            condition for credit. <a href='#'>Click here</a> to get a return label that can be used to send your package to us.</p>
                    </div>
                </div>

            </div>
            <div class="tabs__content-wrapper js-tabs-content-wrapper" data-tab="optical">

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        Can ophthalmic frames be ordered with Maui Jim prescription sun lenses?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        Can ophthalmic frames be ordered with MauiReaders?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        How will an account order a specific shape for the disc hinge styles?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        Which temple lengths are available for the disc hinge?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        What CLEAR prescription range can the ophthalmic line accommodate?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        What prescription SUN range can the ophthalmic line accommodate?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        Can an account request alternate nose pads to meet a patient&#x27;s needs?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        What is Kapa Core?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        What ordering options are available for the clip-on styles?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        What lens material options are available for ophthalmic orders?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

                <div class="faq-question js-faq-question">
                    <h2 class="faq-question__question js-faq-question-question">
                        What are the clear lens design options?
                        <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

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

                    </h2>
                    <div class="faq-question__answer js-faq-question-answer">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>
                    </div>
                </div>

            </div>
        </div>

    </div>
</main>
<div class="subscribe">
    <div class="u-page-width-max">
        <div class="subscribe__text">
            <h5 class="subscribe__header">Subscribe to our &#x27;ohana</h5>
            <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">
                <input class="subscribe-form__input js-subscribe-form-input" type="text" placeholder="Your Email" autocomplete="email">
                <button class="subscribe-form__submit button button--primary">
      <span class="subscribe-form__submit-label">Subscribe</span>
      <svg class="icon icon--submit-mail">
  <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">
  <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">
  <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">
  <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">
  <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">
                    <button class="footer-nav__menu-button js-footer-nav-button">
            Zeal Optics
            <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

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

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

          </button>
                    <ul class="footer-nav__menu-items">
                        <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="#">Sunglasses Technology</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Goggles Technology</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Events</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Careers</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Flagship Store</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Trade Login</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Blog</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Media</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Adventures</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-nav__menu-column">
                <div class="footer-nav__menu js-footer-nav-menu">
                    <button class="footer-nav__menu-button js-footer-nav-button">
            Customer Service
            <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

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

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

          </button>
                    <ul class="footer-nav__menu-items">
                        <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="#">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="#">Prescription</a>
                        </li>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Tech Goggle Support</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>
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link js-modal-open-link" href="#" data-modal-id="footer-catalogs">Catalogs</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-nav__menu-column">
                <div class="footer-nav__menu js-footer-nav-menu">
                    <button class="footer-nav__menu-button js-footer-nav-button">
            Legal
            <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

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

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

          </button>
                    <ul class="footer-nav__menu-items">
                        <li class="footer-nav__menu-item">
                            <a class="footer-nav__menu-link" href="#">Terms &amp; Privacy</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-nav__menu js-footer-nav-menu">
                    <button class="footer-nav__menu-button js-footer-nav-button">
            Gift Cards
            <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

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

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

          </button>
                    <ul class="footer-nav__menu-items">
                        <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="footer__retailer-input">Retailers</label>
                <input 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">
  <use xlink:href="/assets/icons/icons.svg#angle-right"></use>
</svg>

        </button>
            </form>
            <div class="subscribe-form-wrapper subscribe-form-wrapper--mini js-subscribe-form js-subscribe-form--default">
                <form class="subscribe-form">
                    <input class="subscribe-form__input js-subscribe-form-input" type="text" placeholder="Subscribe to Our &#x27;Ohana" autocomplete="email">
                    <button class="subscribe-form__submit button button--primary">
      <span class="subscribe-form__submit-label">Subscribe</span>
      <svg class="icon icon--submit-mail">
  <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">
  <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">
            <a class="footer__geo footer__geo--country js-modal-open-link" data-modal-id="country-identifier" href="#">
        <span class="footer__geo-label">Country:</span>
        <span class="footer__geo-current">
          United Arab Emirates
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </span>
      </a>
            <ul class="social-icons">
                <li class="social-icons__item">
                    <a class="social-icons__link" href="#"><svg class="icon icon--social-instagram">
  <use xlink:href="/assets/icons/icons.svg#social-instagram"></use>
</svg>
</a>
                </li>
                <li class="social-icons__item">
                    <a class="social-icons__link" href="#"><svg class="icon icon--social-facebook">
  <use xlink:href="/assets/icons/icons.svg#social-facebook"></use>
</svg>
</a>
                </li>
                <li class="social-icons__item">
                    <a class="social-icons__link" href="#"><svg class="icon icon--social-twitter">
  <use xlink:href="/assets/icons/icons.svg#social-twitter"></use>
</svg>
</a>
                </li>
                <li class="social-icons__item">
                    <a class="social-icons__link" href="#"><svg class="icon icon--social-tumblr">
  <use xlink:href="/assets/icons/icons.svg#social-tumblr"></use>
</svg>
</a>
                </li>
            </ul>

        </div>
    </div>
    <div class="footer__copyright">
        <img class="footer__copyright-logo" src="/assets/images/zeal-brand-logo-small-white.png">
        <span class="footer__copyright-text">©2016 Zeal Optics, Colorado</span>
    </div>
</footer>
{{render (dynamicComponent header) headerContext merge=true}}
<main class="main">
  {{render '@breadcrumb' breadcrumb}}
  <h2 class="page-title page-title--faqs">{{title}}</h2>
  <div class="l-faqs u-page-width-max-restricted">
    {{render '@tabs' tabs}}
  </div>
</main>
{{render '@subscribe'}}
{{render (dynamicComponent footer)}}
{
  "footer": "footer--zeal",
  "header": "header--zeal",
  "breadcrumb": {
    "items": [
      {
        "label": "Zeal",
        "path": "#"
      },
      {
        "label": "FAQs",
        "current": true
      }
    ]
  },
  "title": "Frequently Asked Questions",
  "tabs": {
    "items": [
      {
        "id": "sunglasses",
        "label": "Sunglasses",
        "active": true,
        "components": [
          {
            "component": "faq-question",
            "context": {
              "question": "How do I get my sunglasses repaired?",
              "answer": "<p>Begin your repair process by visiting <a href='#'>repairsus.mauijim.com</a>. Please complete the form by providing the information needed for your repair.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "Can I still get warranty service even if I don’t have my proof of purchase?",
              "answer": "<p>We will work with you whether you have your proof of purchase or not. Please provide us with the name of the retailer and approximate date of purchase and we will be happy to look at your sunglasses. We will determine if your repair would be considered a warranty. Even if it is not eligible for warranty work, we have great repair options. Our repair form and shipping information can be found at <a href='#'>repairsus.mauijim.com</a>.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "Can I order nose pads for my Maui Jim’s?",
              "answer": "<p>Please contact our Customer Service Department toll free at 1-888-666-5602. Our office hours are Mon-Fri: 7am- 9pm; Sat: 7:30am-4pm CST for assistance. Please have your sunglasses or sunglass style number ready when calling.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "Do you sell Maui Jim prescription lenses directly?",
              "answer": "<p>All orders for prescription lenses must be processed through an authorized Maui Jim Rx retailer. If you need to find an authentic Rx retailer, please use the <a href='#'>Retailer Locator</a> and limit the search by checking the “Show only Prescription Retailers” box.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "How do I register my sunglasses?",
              "answer": "<p>You can register your sunglasses by visiting <a href='#'>us.mauijim.com/product-registration</a>. Your registration will help us develop a profile of your needs and lifestyle to serve you better in the future. Registering your sunglasses does not provide warranty verification.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "Are broken or scratched lenses covered under your warranty?",
              "answer": "<p>Our 2 year warranty does not cover normal wear and tear or abuse. We do offer competitive lens replacement options through our repair department. Please visit <a href='#'>repairsus.mauijim.com</a> for information on how to send in your sunglasses for repair.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "What is the cost to repair my sunglasses?",
              "answer": "<p>Maui Jim offers the best repair service options to our customers. Lenses are $75 USD and are replaced as a pair. Frame charges vary by style. To confirm the charges for your style, contact our Customer Service Department toll free at 1-888-666-5602, our hours are Mon-Fri: 7am-9pm CST; Sat: 7:30am-4pm CST and we will be happy to assist you.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "How do I contact Maui Jim?",
              "answer": "<h3>Email (We will respond within 24 hours)</h3><p>For general questions and information: <a href='#'>sales.us@mauijim.com</a><br>For product repairs: <a href='#'>repairs.us@mauijim.com</a><br>For employment questions and information: <a href='#'>hr.us@mauijim.com</a><br>For website concerns and technical help: <a href='#'>webmaster.us@mauijim.com</a></p><h3>Mail</h3><p>Maui Jim Inc<br>One Aloha Lane Peoria, IL 61615</p><h3>Phone</h3><p>1-888-666-5602</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "Will you send me screws/lenses/parts for my sunglasses?",
              "answer": "<p>We do not send out parts for our sunglasses. Lenses and frame components need to be sent in for repair to have those parts replaced by our trained repair technicians. If you need to send your sunglasses in for repair, please visit <a href='#'>repairsus.mauijim.com</a>.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "What is the best way to clean my lenses?",
              "answer": "<h3>Cleaning & Care tips</h3><p>As with any quality product, proper care will enhance and prolong the usefulness of your sunglasses and protect your investment. Your sunglasses are coated on the backside of the lens with an anti-reflective (A/R) coating which is essential in eliminating glare and is one of the three elements that make up our patented design. For optimum performance, rinse your sunglasses daily in warm water. Use a mild liquid dish or bath soap to wash each lens surface. Dry using a clean, soft, absorbent cloth. Do not use paper-based products to clean your lenses. Do not use abrasive cleaners, soaps or detergents that may leave a deposit on the lens. Do not use tissues with added lotions, lanolin, silicone or other cleaners; they will leave a film on the lens.</p><h3>Scratches</h3><p>The multiple coatings on your lenses are resistant to light scratching, however heavy, abusive scratching can break through the coatings and cause visible marks. Significantly help prolong the life of your lenses by removing dirt and other particles with good cleaning practices and keep your sunglasses in their case while not in use. Good cleaning practices will also help minimize scratching.</p><h3>Chemicals</h3><p>Certain common household chemicals will react negatively with the frame material and the metal oxides used on the coatings of your lenses. Avoid contact with acetone (nail polish remover), caustic solutions (such as glass or other ammonia based cleaners), hair sprays containing methylene (listed on label), chlorine (from swimming pools or unfiltered water) or glue.</p><h3>Hard water</h3><p>\"Hard\" water contains high levels of dissolved minerals, especially calcium and magnesium. It is \"softened\" by the addition of sodium during the filtering process. Everyday examples include pool water and unfiltered water, such as sprinkler water. \"Hard\" water can be a nuisance to sunglass wearers, as it leaves white spots on lenses after drying. To avoid spotting, simply rinse any sunglass or eyeglass with filtered (tap) water, and wipe dry with a clean cloth.</p><h3>Salt water</h3><p>All Maui Jim sunglasses are saltwater safe and corrosion resistant. As with \"hard\" water, we suggest you rinse off any sunglass with filtered (tap) water, and wipe dry with a clean cloth.</p><h3>Heat</h3><p>Excessive heat may deteriorate your lenses or misshape your nylon frame. Avoid placing your sunglasses where you might expect excessive heat, for example, on the dashboard of your car.</p><h3>Hardware</h3><p>We recommend that you visit your local sunglass retailer periodically to have them tighten the eyewire screws, attached temples and nose bridge.</p><h3>Clean cloths</h3><p>All new sunglasses purchased from Maui Jim include a clean cloth bag. Clean cloths are a great way to keep your sunglasses clean and smudge free. We recommend you frequently launder your clean cloth to keep if free of debris, dirt and oils that could damage your lenses. Wash in warm soapy water. Do not use fabric softener as this may leave a film on your lenses.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "What is Maui Jim’s return policy?",
              "answer": "<p>Your satisfaction is our priority. You may return your merchandise purchased from the Maui Jim website for credit within 30 days of your purchase. All returns must be in the original case and/or packaging and in perfect resalable condition for credit. <a href='#'>Click here</a> to get a return label that can be used to send your package to us.</p>"
            }
          }
        ]
      },
      {
        "id": "optical",
        "label": "Optical",
        "components": [
          {
            "component": "faq-question",
            "context": {
              "question": "Can ophthalmic frames be ordered with Maui Jim prescription sun lenses?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "Can ophthalmic frames be ordered with MauiReaders?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "How will an account order a specific shape for the disc hinge styles?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "Which temple lengths are available for the disc hinge?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "What CLEAR prescription range can the ophthalmic line accommodate?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "What prescription SUN range can the ophthalmic line accommodate?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "Can an account request alternate nose pads to meet a patient's needs?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "What is Kapa Core?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "What ordering options are available for the clip-on styles?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "What lens material options are available for ophthalmic orders?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          },
          {
            "component": "faq-question",
            "context": {
              "question": "What are the clear lens design options?",
              "answer": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate in massa quis rutrum. Sed condimentum vestibulum varius. Maecenas pharetra maximus luctus.</p>"
            }
          }
        ]
      }
    ]
  }
}
  • Content:
    .page-title--faqs {
      margin: 0;
      padding: 25px 0 30px;
      border: 0;
      color: $color-dark;
      font-size: 2.4rem;
      font-weight: $font-weight-bold;
      letter-spacing: 3px;
      line-height: 2.8rem;
      text-align: center;
      text-transform: uppercase;
    
      @include breakpoint($breakpoint-md) {
        padding: 35px 0 60px;
        font-size: 2.7rem;
        letter-spacing: 3.2px;
      }
    }
    
    .l-faqs {
      margin-bottom: 60px;
    
      .tabs__content-wrapper {
        padding-top: 15px;
      }
    
      @include breakpoint($breakpoint-md) {
        .tabs__content-wrapper {
          padding-top: 25px;
        }
      }
    
      @include breakpoint($breakpoint-xl) {
        .tabs__content-wrapper {
          padding-top: 35px;
        }
      }
    }
    
  • URL: /components/raw/faq-page/faq-page.scss
  • Filesystem Path: src/components/03-pages/faq-page/faq-page.scss
  • Size: 668 Bytes

There are no notes for this item.