<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">
                    <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">
                    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 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">
  <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">
  <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>
                            <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">
        <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 Maui Jim">
                <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="#">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 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 main--secondary u-page-width-max">
    <ul class="breadcrumb u-page-width-max-gutters">
        <li class="breadcrumb__item">
            <a class="breadcrumb__link" href="#">Maui Jim</a>
        </li>
        <li class="breadcrumb__item breadcrumb__item--current">
            Corporate Gifts
        </li>
    </ul>

    <div class="l-secondary-secondary-hero">
        <div class="secondary-hero">
            <img class="secondary-hero__image u-object-fit-cover" src="/assets/images/hero-corporate-large.jpg" sizes="(min-width: 1420px) 1420px, vw" srcset="/assets/images/hero-corporate-small.jpg 432w, /assets/images/hero-corporate-large.jpg 1420w">
            <div class="secondary-hero__copy">
                <img class="secondary-hero__title-image" src="/assets/images/hero-coporate-title-image.png" alt="Maui Jim: The World&#x27;s Most Memorable Gift Experience">
                <button class="button button--outlined js-modal-open-link secondary-hero__call-to-action" data-modal-id="video-youtube" data-modal-video="z3WD_RNxsKY">Watch a Fitting Experience</button>

                <button class="button button--primary secondary-hero__call-to-action">Request More Info</button>

            </div>
        </div>

    </div>
    <div class="l-secondary-accordion-tabs">
        <div class="accordion-tabs accordion-tabs--content js-accordion-tabs">
            <ul class="accordion-tabs__tabs">
                <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="gifting">Coporate gifting</li>
                <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="anywhere">Anywhere in the world</li>
                <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="happy">Everyone happy</li>
                <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="personal">Make it personal</li>
            </ul>
            <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="gifting">
                <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Coporate gifting
      <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>

    </button>
                <div class="accordion-tabs__content">
                    <p>The World’s Most Memorable Gift Experience™ means you and your guests experience the Maui Jim 'Aloha' with every step of the process. From the planning stages to the actual event and beyond, we promise that every person who interacts
                        with Maui Jim will feel valued, respected, and a part of our 'Ohana (family). Being the industry pioneer has its benefits; we save you time, money and stress with our turnkey operations, fast turnaround, and the ability to go anywhere
                        in the world. Staffed by Maui Jim employees, our experience provides peace of mind in knowing you're dealing with only the best ambassadors who will deliver a true brand experience. Our scalability is unparalleled; we can deliver
                        our experience to groups as intimate as 25 people (for domestic/50 for international) or as impressive as 5,000 (or more). Looking for even more personal attention? We can customize package styles and accessories to suit the unique
                        needs of your event.</p>
                    <p>
                        <ul>
                            <li>Incentive Trips</li>
                            <li>Board Meetings</li>
                            <li>Client & Employee Appreciation</li>
                            <li>Reward Programs</li>
                            <li>Sales Meetings</li>
                            <li>Team Building</li>
                            <li>Golf Outings</li>
                            <li>Customer Promotions</li>
                        </ul>
                    </p>
                    <p><a class="button button--outlined button--centered js-modal-open-link" data-modal-id="video-youtube" data-modal-video="RxXGvT__Rag" href="#">How does it work?</a></p>
                </div>
            </div>
            <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="anywhere">
                <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Anywhere in the world
      <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>

    </button>
                <div class="accordion-tabs__content">
                    <p>Whether you’re on a cruise ship, a beach resort or a remote ski slope, a sales meeting or a golf outing, we’ll be there. With offices and distribution centers around the world, we can get it all to your event on time and without delays.</p>
                    <p><a class="button button--outlined js-modal-open-link" data-modal-id="video-youtube" data-modal-video="MU_2wlFygXg" href="#">Where are you going?</a></p>
                </div>
            </div>
            <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="happy">
                <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Everyone happy
      <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>

    </button>
                <div class="accordion-tabs__content">
                    <p>We can build a product package for any event that will fit the group's needs and your budget. This is just a sampling of popular styles.</p>
                    <p>Like what you see? <a href="#">Let's talk</a>.</p>
                </div>
            </div>
            <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="personal">
                <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Make it personal
      <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>

    </button>
                <div class="accordion-tabs__content">
                    <p><strong>The Perfect Personal Touch</strong></p>
                    <p>When you give Maui Jim sunglasses, you’re giving the best. And adding your company logo or image makes it even better. It’s the perfect personal touch that your attendees will associate with your company every time they put on their
                        sunglasses. We can even personalize cases, pouches and cleaning cloths.</p>
                </div>
            </div>
        </div>

    </div>
    <div class="l-secondary-mosaic-card">
        <div class="mosaic-card mosaic-card--text u-block u-page-width-max-gutters">
            <div class="mosaic-card__pair mosaic-card__pair--image-right">
                <div class="mosaic-card__image-container">
                    <img class="mosaic-card__image u-object-fit-cover" src="/assets/images/mosaic-card-4-max.jpg" sizes="(min-width: 1025px) 33vw, (min-width: 681px) 50vw, 100vw" srcset="/assets/images/mosaic-card-4-small.jpg 300w, /assets/images/mosaic-card-4-medium.jpg 335w, /assets/images/mosaic-card-4-max.jpg 474w">
                </div>
                <div class="mosaic-card__text">
                    <h2 class="mosaic-card__headline">New look. Same color, charity and detail.</h2>
                    <p class="mosaic-card__description">A blue mirror coating is applied to the outside surface of our PolarizedPlus2® Neutral Grey lens wich eliminates glare, protects from harmful UV rays, and enhances color.</p>
                </div>
            </div>
            <div class="mosaic-card__pair mosaic-card__pair--image-left">
                <div class="mosaic-card__image-container">
                    <img class="mosaic-card__image u-object-fit-cover" src="/assets/images/mosaic-card-5-max.jpg" sizes="(min-width: 1025px) 33vw, (min-width: 681px) 50vw, 100vw" srcset="/assets/images/mosaic-card-5-small.jpg 300w, /assets/images/mosaic-card-5-medium.jpg 335w, /assets/images/mosaic-card-5-max.jpg 474w">
                </div>
                <div class="mosaic-card__text">
                    <h2 class="mosaic-card__headline">Through the lens.</h2>
                    <p class="mosaic-card__description">Blue Hawaii features a patented blend of elements that increase and balance the saturation of the colors you can see.</p>
                </div>
            </div>
            <div class="mosaic-card__pair mosaic-card__pair--image-bottom">
                <div class="mosaic-card__image-container">
                    <img class="mosaic-card__image u-object-fit-cover" src="/assets/images/mosaic-card-6-max.jpg" sizes="(min-width: 1025px) 33vw, (min-width: 681px) 50vw, 100vw" srcset="/assets/images/mosaic-card-6-small.jpg 300w, /assets/images/mosaic-card-6-medium.jpg 335w, /assets/images/mosaic-card-6-max.jpg 474w">
                </div>
                <div class="mosaic-card__text">
                    <h2 class="mosaic-card__headline">Protection from the sun&#x27;s damaging rays.</h2>
                    <p class="mosaic-card__description">Blue Hawaii offers patented PolarizedPlus2® technology, an effective UV filter for the eyes and surrounding skin.</p>
                </div>
            </div>
        </div>

    </div>
    <div class="l-secondary-featured-products">
        <div class="featured-products u-block u-page-width-max-gutters">
            <h2 class="featured-products__title">Our Products</h2>
            <div class="featured-products__item-wrapper">
                <div class="featured-products__items js-featured-products-carousel cards cards--even">
                    <div class="card js-card">
                        <div class="card__inner">
                            <a class="card__link js-card-url" href="#202-02" data-202-02-url="#202-02" data-B202-2M-url="#B202-2M" data-H202-10-url="#H202-10" data-H202-2M-url="#H202-2M" data-H202-70-url="#H202-70" data-HT202-71-url="#HT202-71" data-H202-2M-2-url="#H202-2M-2" data-H202-70-2-url="#H202-70-2"
                                data-HT202-71-2-url="#HT202-71-2" data-202-02-stock="true" data-B202-2M-stock="true" data-H202-10-stock="true" data-H202-2M-stock="true" data-H202-70-stock="true" data-HT202-71-stock="true" data-H202-2M-2-stock="true" data-H202-70-2-stock="true"
                                data-HT202-71-2-stock="true">
                                <ul class="rating">
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-empty">
                                        <svg class="icon icon--star-empty">
  <use xlink:href="/assets/icons/icons.svg#star-empty"></use>
</svg>

                                    </li>
                                </ul>

                                <img class="card__image js-card-image" data-angle="front" src="https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$&amp;wid&#x3D;340" data-variant="202-02" data-202-02-front="https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$&amp;wid&#x3D;340"
                                    data-202-02-angle="https://mauijim.scene7.com/is/image/mauijim/202-02_quarter?$config1800$&amp;wid&#x3D;340" data-202-02-side="https://mauijim.scene7.com/is/image/mauijim/202-02_side?$config1800$&amp;wid&#x3D;340" data-B202-2M-front="https://mauijim.scene7.com/is/image/mauijim/B202-2M_front?$config1800$&amp;wid&#x3D;340"
                                    data-B202-2M-angle="https://mauijim.scene7.com/is/image/mauijim/B202-2M_quarter?$config1800$&amp;wid&#x3D;340" data-B202-2M-side="https://mauijim.scene7.com/is/image/mauijim/B202-2M_side?$config1800$&amp;wid&#x3D;340" data-H202-10-front="https://mauijim.scene7.com/is/image/mauijim/H202-10_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-10-angle="https://mauijim.scene7.com/is/image/mauijim/H202-10_quarter?$config1800$&amp;wid&#x3D;340" data-H202-10-side="https://mauijim.scene7.com/is/image/mauijim/H202-10_side?$config1800$&amp;wid&#x3D;340" data-H202-2M-front="https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-angle="https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$&amp;wid&#x3D;340" data-H202-2M-side="https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$&amp;wid&#x3D;340" data-H202-70-front="https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-angle="https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$&amp;wid&#x3D;340" data-H202-70-side="https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$&amp;wid&#x3D;340" data-HT202-71-front="https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-angle="https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$&amp;wid&#x3D;340" data-HT202-71-side="https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-2-front="https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$&amp;wid&#x3D;340" data-H202-2M-2-angle="https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-2-side="https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$&amp;wid&#x3D;340" data-H202-70-2-front="https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-2-angle="https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$&amp;wid&#x3D;340" data-H202-70-2-side="https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-2-front="https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$&amp;wid&#x3D;340" data-HT202-71-2-angle="https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-2-side="https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$&amp;wid&#x3D;340">
                                <span class="card__status js-card-status" data-202-02-status="" data-B202-2M-status="" data-H202-10-status="New" data-H202-2M-status="New" data-H202-70-status="New" data-HT202-71-status="New" data-H202-2M-2-status="New" data-H202-70-2-status="New" data-HT202-71-2-status="New">
          
          
          
          
          
          
          
          
          
      </span>
                                <h5 class="card__title">PEAHI</h5>
                                <span class="card__price js-card-price" data-202-02-price="$149.00" data-B202-2M-price="$189.00" data-H202-10-price="$229.00" data-H202-2M-price="$229.00" data-H202-70-price="$229.00" data-HT202-71-price="$229.00" data-H202-2M-2-price="$229.00" data-H202-70-2-price="$229.00"
                                    data-HT202-71-2-price="$229.00">
        $149.00
      </span>
                            </a>
                        </div>
                    </div>

                    <div class="card js-card">
                        <div class="card__inner">
                            <a class="card__link js-card-url" href="#HTS267-15C" data-HTS267-15C-url="#HTS267-15C" data-HS267-10M-url="#HS267-10M" data-GS267-02MR-url="#GS267-02MR" data-H202-2M-url="#H202-2M" data-H202-70-url="#H202-70" data-HT202-71-url="#HT202-71" data-H202-2M-2-url="#H202-2M-2"
                                data-H202-70-2-url="#H202-70-2" data-HT202-71-2-url="#HT202-71-2" data-HTS267-15C-stock="true" data-HS267-10M-stock="true" data-GS267-02MR-stock="true" data-H202-2M-stock="true" data-H202-70-stock="true" data-HT202-71-stock="true"
                                data-H202-2M-2-stock="true" data-H202-70-2-stock="true" data-HT202-71-2-stock="true">
                                <ul class="rating">
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-empty">
                                        <svg class="icon icon--star-empty">
  <use xlink:href="/assets/icons/icons.svg#star-empty"></use>
</svg>

                                    </li>
                                </ul>

                                <img class="card__image js-card-image" data-angle="front" src="https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_front?$config1800$&amp;wid&#x3D;340" data-variant="HTS267-15C" data-HTS267-15C-front="https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_front?$config1800$&amp;wid&#x3D;340"
                                    data-HTS267-15C-angle="https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_quarter?$config1800$&amp;wid&#x3D;340" data-HTS267-15C-side="https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_side?$config1800$&amp;wid&#x3D;340"
                                    data-HS267-10M-front="https://s7d2.scene7.com/is/image/mauijim/HS267-10M_front?$config1800$&amp;wid&#x3D;340" data-HS267-10M-angle="https://s7d2.scene7.com/is/image/mauijim/HS267-10M_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-HS267-10M-side="https://s7d2.scene7.com/is/image/mauijim/HS267-10M_side?$config1800$&amp;wid&#x3D;340" data-GS267-02MR-front="https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_front?$config1800$&amp;wid&#x3D;340"
                                    data-GS267-02MR-angle="https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_quarter?$config1800$&amp;wid&#x3D;340" data-GS267-02MR-side="https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_side?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-front="https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$&amp;wid&#x3D;340" data-H202-2M-angle="https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-side="https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$&amp;wid&#x3D;340" data-H202-70-front="https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$&amp;wid&#x3D;340" data-H202-70-angle="https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-side="https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$&amp;wid&#x3D;340" data-HT202-71-front="https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$&amp;wid&#x3D;340" data-HT202-71-angle="https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-side="https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$&amp;wid&#x3D;340" data-H202-2M-2-front="https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-2-angle="https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$&amp;wid&#x3D;340" data-H202-2M-2-side="https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-2-front="https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$&amp;wid&#x3D;340" data-H202-70-2-angle="https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-2-side="https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$&amp;wid&#x3D;340" data-HT202-71-2-front="https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-2-angle="https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$&amp;wid&#x3D;340" data-HT202-71-2-side="https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$&amp;wid&#x3D;340">
                                <span class="card__status js-card-status" data-HTS267-15C-status="" data-HS267-10M-status="" data-GS267-02MR-status="" data-H202-2M-status="" data-H202-70-status="" data-HT202-71-status="New" data-H202-2M-2-status="New" data-H202-70-2-status="" data-HT202-71-2-status="">
          
          
          
          
          
          
          
          
          
      </span>
                                <h5 class="card__title">WATERWAYS</h5>
                                <span class="card__price js-card-price" data-HTS267-15C-price="$219.00" data-HS267-10M-price="$229.00" data-GS267-02MR-price="$239.00" data-H202-2M-price="$229.00" data-H202-70-price="$229.00" data-HT202-71-price="$229.00" data-H202-2M-2-price="$229.00"
                                    data-H202-70-2-price="$229.00" data-HT202-71-2-price="$229.00">
        $219.00
      </span>
                            </a>
                        </div>
                    </div>

                    <div class="card js-card">
                        <div class="card__inner">
                            <a class="card__link js-card-url" href="#H257-16C" data-H257-16C-url="#H257-16C" data-B257-05CR-url="#B257-05CR" data-257-17C-url="#257-17C" data-H202-2M-url="#H202-2M" data-H202-70-url="#H202-70" data-HT202-71-url="#HT202-71" data-H202-2M-2-url="#H202-2M-2"
                                data-H202-70-2-url="#H202-70-2" data-HT202-71-2-url="#HT202-71-2" data-H257-16C-stock="true" data-B257-05CR-stock="true" data-257-17C-stock="true" data-H202-2M-stock="true" data-H202-70-stock="true" data-HT202-71-stock="true"
                                data-H202-2M-2-stock="true" data-H202-70-2-stock="true" data-HT202-71-2-stock="true">
                                <ul class="rating">
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-empty">
                                        <svg class="icon icon--star-empty">
  <use xlink:href="/assets/icons/icons.svg#star-empty"></use>
</svg>

                                    </li>
                                </ul>

                                <img class="card__image js-card-image" data-angle="front" src="https://s7d2.scene7.com/is/image/mauijim/H257-16C_front?$config1800$&amp;wid&#x3D;340" data-variant="H257-16C" data-H257-16C-front="https://s7d2.scene7.com/is/image/mauijim/H257-16C_front?$config1800$&amp;wid&#x3D;340"
                                    data-H257-16C-angle="https://s7d2.scene7.com/is/image/mauijim/H257-16C_quarter?$config1800$&amp;wid&#x3D;340" data-H257-16C-side="https://s7d2.scene7.com/is/image/mauijim/H257-16C_side?$config1800$&amp;wid&#x3D;340" data-B257-05CR-front="https://s7d2.scene7.com/is/image/mauijim/B257-05CR_front?$config1800$&amp;wid&#x3D;340"
                                    data-B257-05CR-angle="https://s7d2.scene7.com/is/image/mauijim/B257-05CR_quarter?$config1800$&amp;wid&#x3D;340" data-B257-05CR-side="https://s7d2.scene7.com/is/image/mauijim/B257-05CR_side?$config1800$&amp;wid&#x3D;340"
                                    data-257-17C-front="https://s7d2.scene7.com/is/image/mauijim/257-17C_front?$config1800$&amp;wid&#x3D;340" data-257-17C-angle="https://s7d2.scene7.com/is/image/mauijim/257-17C_quarter?$config1800$&amp;wid&#x3D;340" data-257-17C-side="https://s7d2.scene7.com/is/image/mauijim/257-17C_side?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-front="https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$&amp;wid&#x3D;340" data-H202-2M-angle="https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-side="https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$&amp;wid&#x3D;340" data-H202-70-front="https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$&amp;wid&#x3D;340" data-H202-70-angle="https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-side="https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$&amp;wid&#x3D;340" data-HT202-71-front="https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$&amp;wid&#x3D;340" data-HT202-71-angle="https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-side="https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$&amp;wid&#x3D;340" data-H202-2M-2-front="https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-2-angle="https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$&amp;wid&#x3D;340" data-H202-2M-2-side="https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-2-front="https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$&amp;wid&#x3D;340" data-H202-70-2-angle="https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-2-side="https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$&amp;wid&#x3D;340" data-HT202-71-2-front="https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-2-angle="https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$&amp;wid&#x3D;340" data-HT202-71-2-side="https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$&amp;wid&#x3D;340">
                                <span class="card__status js-card-status" data-H257-16C-status="New" data-B257-05CR-status="" data-257-17C-status="" data-H202-2M-status="" data-H202-70-status="" data-HT202-71-status="New" data-H202-2M-2-status="New" data-H202-70-2-status="" data-HT202-71-2-status="">
          New
          
          
          
          
          
          
          
          
      </span>
                                <h5 class="card__title">KAWIKA</h5>
                                <span class="card__price js-card-price" data-H257-16C-price="$299.00" data-B257-05CR-price="$299.00" data-257-17C-price="$299.00" data-H202-2M-price="$229.00" data-H202-70-price="$229.00" data-HT202-71-price="$229.00" data-H202-2M-2-price="$229.00" data-H202-70-2-price="$229.00"
                                    data-HT202-71-2-price="$229.00">
        $299.00
      </span>
                            </a>
                        </div>
                    </div>

                    <div class="card js-card">
                        <div class="card__inner">
                            <a class="card__link js-card-url" href="#H178-10" data-H178-10-url="#H178-10" data-178-02-url="#178-02" data-H202-10-url="#H202-10" data-H202-2M-url="#H202-2M" data-H202-70-url="#H202-70" data-HT202-71-url="#HT202-71" data-H202-2M-2-url="#H202-2M-2" data-H202-70-2-url="#H202-70-2"
                                data-HT202-71-2-url="#HT202-71-2" data-H178-10-stock="true" data-178-02-stock="true" data-H202-10-stock="true" data-H202-2M-stock="true" data-H202-70-stock="true" data-HT202-71-stock="true" data-H202-2M-2-stock="true" data-H202-70-2-stock="true"
                                data-HT202-71-2-stock="true">
                                <ul class="rating">
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-full">
                                        <svg class="icon icon--star-full">
  <use xlink:href="/assets/icons/icons.svg#star-full"></use>
</svg>

                                    </li>
                                    <li class="rating__star rating__star--star-empty">
                                        <svg class="icon icon--star-empty">
  <use xlink:href="/assets/icons/icons.svg#star-empty"></use>
</svg>

                                    </li>
                                </ul>

                                <img class="card__image js-card-image" data-angle="front" src="https://s7d2.scene7.com/is/image/mauijim/H178-10_front?$config1800$&amp;wid&#x3D;340" data-variant="H178-10" data-H178-10-front="https://s7d2.scene7.com/is/image/mauijim/H178-10_front?$config1800$&amp;wid&#x3D;340"
                                    data-H178-10-angle="https://s7d2.scene7.com/is/image/mauijim/H178-10_quarter?$config1800$&amp;wid&#x3D;340" data-H178-10-side="https://s7d2.scene7.com/is/image/mauijim/H178-10_side?$config1800$&amp;wid&#x3D;340" data-178-02-front="https://s7d2.scene7.com/is/image/mauijim/178-02_front?$config1800$&amp;wid&#x3D;340"
                                    data-178-02-angle="https://s7d2.scene7.com/is/image/mauijim/178-02_quarter?$config1800$&amp;wid&#x3D;340" data-178-02-side="https://s7d2.scene7.com/is/image/mauijim/178-02_side?$config1800$&amp;wid&#x3D;340" data-H202-10-front="https://mauijim.scene7.com/is/image/mauijim/H202-10_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-10-angle="https://mauijim.scene7.com/is/image/mauijim/H202-10_quarter?$config1800$&amp;wid&#x3D;340" data-H202-10-side="https://mauijim.scene7.com/is/image/mauijim/H202-10_side?$config1800$&amp;wid&#x3D;340" data-H202-2M-front="https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-angle="https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$&amp;wid&#x3D;340" data-H202-2M-side="https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$&amp;wid&#x3D;340" data-H202-70-front="https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-angle="https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$&amp;wid&#x3D;340" data-H202-70-side="https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$&amp;wid&#x3D;340" data-HT202-71-front="https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-angle="https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$&amp;wid&#x3D;340" data-HT202-71-side="https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-2-front="https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$&amp;wid&#x3D;340" data-H202-2M-2-angle="https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-H202-2M-2-side="https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$&amp;wid&#x3D;340" data-H202-70-2-front="https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$&amp;wid&#x3D;340"
                                    data-H202-70-2-angle="https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$&amp;wid&#x3D;340" data-H202-70-2-side="https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-2-front="https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$&amp;wid&#x3D;340" data-HT202-71-2-angle="https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$&amp;wid&#x3D;340"
                                    data-HT202-71-2-side="https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$&amp;wid&#x3D;340">
                                <span class="card__status js-card-status" data-H178-10-status="" data-178-02-status="New" data-H202-10-status="" data-H202-2M-status="" data-H202-70-status="" data-HT202-71-status="New" data-H202-2M-2-status="New" data-H202-70-2-status="" data-HT202-71-2-status="">
          
          
          
          
          
          
          
          
          
      </span>
                                <h5 class="card__title">VOYAGER</h5>
                                <span class="card__price js-card-price" data-H178-10-price="$219.00" data-178-02-price="$219.00" data-H202-10-price="$229.00" data-H202-2M-price="$229.00" data-H202-70-price="$229.00" data-HT202-71-price="$229.00" data-H202-2M-2-price="$229.00" data-H202-70-2-price="$229.00"
                                    data-HT202-71-2-price="$229.00">
        $219.00
      </span>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="featured-products__item-controls js-featured-products-controls">
                    <button class="featured-products__item-control featured-products__item-control--prev">
        <span class="u-visually-hidden">Previous</span>
        <svg class="icon icon--arrow-left">
  <use xlink:href="/assets/icons/icons.svg#arrow-left"></use>
</svg>

      </button>
                    <button class="featured-products__item-control featured-products__item-control--next">
        <span class="u-visually-hidden">Next</span>
        <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

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

    </div>
    <div class="l-secondary-secondary-contact">
        <div class="secondary-contact secondary-contact--left">
            <h3 class="secondary-contact__title">Contact Us</h3>
            <div class="secondary-contact__columns">
                <div class="secondary-contact__column">
                    <p>Maui Jim Corporate Gifts<br>One Aloha Lane<br>Peoria, IL 61615<br>corporategifts@mauijim.com<br><br>1.800.614.6790<br>Monday – Friday<br>8:30am – 5:00pm CST</p>
                </div>
                <div class="secondary-contact__column">
                    <p>Learn more about our event fittings or how our corporate pricing flexible program can work for you.</p>
                    <p><a class="button button--outlined" href="#">Request more information</a></p>
                </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">
            Maui Jim
            <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="#">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">
                    <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="#">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">
                    <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 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">
                    <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-selector" 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>
            <a class="footer__geo footer__geo--language js-modal-open-link" data-modal-id="language-selector" href="#">
        <span class="footer__geo-current">
          English
          <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-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-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-instagram">
  <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 (dynamicComponent header)}}
<main class="main main--secondary u-page-width-max">
  {{#if breadcrumb}}
  {{render '@breadcrumb' breadcrumb}}
  {{/if}}
  {{#each components}}
  <div class="l-secondary-{{component}}">
    {{render (dynamicVariant component variant) context}}
  </div>
  {{/each}}
  {{#if imageCards}}
  <div class="image-cards{{#if imageCardsModifier}} image-cards--retailer{{/if}}">
    {{#each imageCards}}
    {{render '@image-card' this merge=true}}
    {{/each}}
  </div>
  {{#if imageCardCallToAction}}
  <a class="button button--primary l-secondary-image-card-call-to-action" href="#">{{imageCardCallToAction}}</a>
  {{/if}}
  {{/if}}
</main>
{{render '@subscribe'}}
{{render (dynamicComponent footer)}}
{
  "pageModals": [
    {
      "component": "video-modal",
      "context": {
        "id": "video-youtube",
        "youtubeId": null
      }
    }
  ],
  "header": "header",
  "footer": "footer",
  "breadcrumb": {
    "items": [
      {
        "label": "Maui Jim",
        "path": "#"
      },
      {
        "label": "Corporate Gifts",
        "current": true
      }
    ]
  },
  "components": [
    {
      "component": "secondary-hero",
      "variant": "default",
      "context": {
        "titleImage": {
          "src": "/assets/images/hero-coporate-title-image.png",
          "alt": "Maui Jim: The World's Most Memorable Gift Experience"
        },
        "callsToAction": [
          {
            "modifier": "outlined",
            "buttonValue": "Watch a Fitting Experience",
            "buttonModal": "video-youtube",
            "buttonModalVideo": "z3WD_RNxsKY",
            "classes": [
              "secondary-hero__call-to-action"
            ]
          },
          {
            "modifier": "primary",
            "buttonValue": "Request More Info",
            "classes": [
              "secondary-hero__call-to-action"
            ]
          }
        ],
        "image": {
          "small": {
            "src": "/assets/images/hero-corporate-small.jpg",
            "width": "432"
          },
          "large": {
            "src": "/assets/images/hero-corporate-large.jpg",
            "width": "1420"
          },
          "vw": "100"
        }
      }
    },
    {
      "component": "accordion-tabs",
      "variant": "content",
      "context": {
        "items": [
          {
            "id": "gifting",
            "label": "Coporate gifting",
            "active": true,
            "content": [
              "The World’s Most Memorable Gift Experience™ means you and your guests experience the Maui Jim 'Aloha' with every step of the process. From the planning stages to the actual event and beyond, we promise that every person who interacts with Maui Jim will feel valued, respected, and a part of our 'Ohana (family).   Being the industry pioneer has its benefits; we save you time, money and stress with our turnkey operations, fast turnaround, and the ability to go anywhere in the world. Staffed by Maui Jim employees, our experience provides peace of mind in knowing you're dealing with only the best ambassadors who will deliver a true brand experience.   Our scalability is unparalleled; we can deliver our experience to groups as intimate as 25 people (for domestic/50 for international) or as impressive as 5,000 (or more). Looking for even more personal attention? We can customize package styles and accessories to suit the unique needs of your event.",
              "<ul><li>Incentive Trips</li><li>Board Meetings</li><li>Client & Employee Appreciation</li><li>Reward Programs</li><li>Sales Meetings</li><li>Team Building</li><li>Golf Outings</li><li>Customer Promotions</li></ul>",
              "<a class=\"button button--outlined button--centered js-modal-open-link\" data-modal-id=\"video-youtube\" data-modal-video=\"RxXGvT__Rag\" href=\"#\">How does it work?</a>"
            ]
          },
          {
            "id": "anywhere",
            "label": "Anywhere in the world",
            "content": [
              "Whether you’re on a cruise ship, a beach resort or a remote ski slope, a sales meeting or a golf outing, we’ll be there. With offices and distribution centers around the world, we can get it all to your event on time and without delays.",
              "<a class=\"button button--outlined js-modal-open-link\" data-modal-id=\"video-youtube\" data-modal-video=\"MU_2wlFygXg\" href=\"#\">Where are you going?</a>"
            ]
          },
          {
            "id": "happy",
            "label": "Everyone happy",
            "content": [
              "We can build a product package for any event that will fit the group's needs and your budget. This is just a sampling of popular styles.",
              "Like what you see? <a href=\"#\">Let's talk</a>."
            ]
          },
          {
            "id": "personal",
            "label": "Make it personal",
            "content": [
              "<strong>The Perfect Personal Touch</strong>",
              "When you give Maui Jim sunglasses, you’re giving the best. And adding your company logo or image makes it even better. It’s the perfect personal touch that your attendees will associate with your company every time they put on their sunglasses. We can even personalize cases, pouches and cleaning cloths."
            ]
          }
        ]
      }
    },
    {
      "component": "mosaic-card",
      "variant": "text"
    },
    {
      "component": "featured-products",
      "variant": "maui-jim",
      "context": {
        "title": "Our Products",
        "cardVariant": "maui-jim",
        "cards": [
          {
            "name": "PEAHI",
            "summary": "Polarized men's classic sunglasses",
            "description": "Pe'ahi ('peh-AH-hee'), on Maui's north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.",
            "category": "Wrap",
            "rating": [
              "star-full",
              "star-full",
              "star-empty",
              "star-empty",
              "star-empty"
            ],
            "vip": null,
            "tax": "Inkl. MWST",
            "variants": [
              {
                "id": "202-02",
                "name": "Gloss Black",
                "color": "#000",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Online Retailer",
                "purchaseLocation": "Dicks.com",
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/202-02_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/202-02_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$149.00",
                "salePrice": "$229.00",
                "url": "#202-02",
                "status": null,
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "202-02",
                  "inactive": null,
                  "material": "superthin"
                }
              },
              {
                "id": "B202-2M",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$189.00",
                "salePrice": "$219.00",
                "url": "#B202-2M",
                "status": null,
                "stock": "In Stock",
                "lens": "Blue Hawaii",
                "lensId": "bluehawaii",
                "lensFull": "Blue Hawaii - Blue mirror coating provides a stylish new look.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "B202-2M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-10",
                "name": "Dark Tortoise",
                "color": "#303032",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-10_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-10_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-10_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": "https://mauijim.scene7.com/is/image/mauijim/10",
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-10",
                "status": "New",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-10",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-2M",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-2M",
                "status": "New",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-2M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-70",
                "name": "Redfish",
                "color": "#7d4a07",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-70",
                "status": "New",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-70",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "HT202-71",
                "name": "MahiMahi",
                "color": "#218b16",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HT202-71",
                "status": "New",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "HT202-71",
                  "inactive": true,
                  "material": "mauipure"
                }
              },
              {
                "id": "H202-2M-2",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-2M-2",
                "status": "New",
                "stock": "Out of Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-2M-2",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-70-2",
                "name": "Redfish",
                "color": "#7d4a07",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-70-2",
                "status": "New",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-70-2",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "HT202-71-2",
                "name": "MahiMahi",
                "color": "#218b16",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HT202-71-2",
                "status": "New",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "HT202-71-2",
                  "inactive": true,
                  "material": "mauipure"
                }
              }
            ],
            "callToAction": null,
            "mauijim": true,
            "zeal": null,
            "excludeVariants": true,
            "mymaui": "true",
            "prescription": null
          },
          {
            "name": "WATERWAYS",
            "summary": null,
            "description": null,
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-empty",
              "star-empty",
              "star-empty"
            ],
            "vip": {
              "cardValue": "30%",
              "originalPrice": "$319.00"
            },
            "tax": "Inkl. MWST",
            "variants": [
              {
                "id": "HTS267-15C",
                "name": "Olive Stripe",
                "color": "#808000",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Online Retailer",
                "purchaseLocation": "Dicks.com",
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$219.00",
                "salePrice": null,
                "url": "#HTS267-15C",
                "status": null,
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "HTS267-15C",
                  "inactive": null,
                  "material": "superthin"
                }
              },
              {
                "id": "HS267-10M",
                "name": "Matte Tortoise",
                "color": "#303032",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/HS267-10M_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/HS267-10M_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/HS267-10M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HS267-10M",
                "status": null,
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "HS267-10M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "GS267-02MR",
                "name": "Matte Black Rubber",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$239.00",
                "salePrice": null,
                "url": "#GS267-02MR",
                "status": null,
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "GS267-02MR",
                  "inactive": true,
                  "material": "superthin"
                }
              }
            ],
            "callToAction": null,
            "mauijim": true,
            "zeal": null,
            "excludeVariants": true,
            "mymaui": "true",
            "prescription": null
          },
          {
            "name": "KAWIKA",
            "summary": null,
            "description": null,
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-half",
              "star-empty",
              "star-empty"
            ],
            "vip": {
              "cardValue": "30%",
              "originalPrice": "$319.00"
            },
            "tax": null,
            "variants": [
              {
                "id": "H257-16C",
                "name": "Tortoise with Antique Gold",
                "color": "#e0d468",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Online Retailer",
                "purchaseLocation": "Dicks.com",
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/H257-16C_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/H257-16C_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/H257-16C_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$299.00",
                "salePrice": null,
                "url": "#H257-16C",
                "status": "New",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "H257-16C",
                  "inactive": null,
                  "material": "mauipure"
                }
              },
              {
                "id": "B257-05CR",
                "name": "Crystal",
                "color": "#fff; border: 1px solid #dedede",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/B257-05CR_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/B257-05CR_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/B257-05CR_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$299.00",
                "salePrice": null,
                "url": "#B257-05CR",
                "status": null,
                "stock": "In Stock",
                "lens": "Blue Hawaii",
                "lensId": "bluehawaii",
                "lensFull": "Blue Hawaii - Blue mirror coating provides a stylish new look.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "B257-05CR",
                  "inactive": true,
                  "material": "mauipure"
                }
              },
              {
                "id": "257-17C",
                "name": "Black Gloss with Antique Pewter",
                "color": "#808080",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/257-17C_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/257-17C_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/257-17C_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$299.00",
                "salePrice": null,
                "url": "#257-17C",
                "status": null,
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "257-17C",
                  "inactive": true,
                  "material": "mauipure"
                }
              }
            ],
            "callToAction": null,
            "mauijim": true,
            "zeal": null,
            "excludeVariants": true,
            "mymaui": "true",
            "prescription": null
          },
          {
            "name": "VOYAGER",
            "summary": null,
            "description": null,
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-full",
              "star-full",
              "star-empty"
            ],
            "vip": null,
            "tax": null,
            "variants": [
              {
                "id": "H178-10",
                "name": "Tortoise",
                "color": "#303032",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Online Retailer",
                "purchaseLocation": "Dicks.com",
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/H178-10_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/H178-10_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/H178-10_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$219.00",
                "salePrice": null,
                "url": "#H178-10",
                "status": null,
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H178-10",
                  "inactive": null,
                  "material": "superthin"
                }
              },
              {
                "id": "178-02",
                "name": "Gloss Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/178-02_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/178-02_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/178-02_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$219.00",
                "salePrice": null,
                "url": "#178-02",
                "status": "New",
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "178-02",
                  "inactive": true,
                  "material": "superthin"
                }
              }
            ],
            "callToAction": null,
            "mauijim": true,
            "zeal": null,
            "excludeVariants": true,
            "mymaui": "true",
            "prescription": null
          }
        ]
      }
    },
    {
      "component": "secondary-contact",
      "variant": "corporate-gifts"
    }
  ]
}
  • Content:
    .l-secondary-accordion-tabs,
    .l-secondary-big-card {
      @include breakpoint($breakpoint-md) {
        margin: 30px $gutter-width-half;
      }
    }
    
    .l-secondary-accordion-tabs,
    .l-secondary-secondary-contact {
      @include breakpoint($breakpoint-xl) {
        max-width: 940px;
        margin-right: auto;
        margin-left: auto;
      }
    }
    
    .l-secondary-big-card {
      @include breakpoint($breakpoint-md) {
        .big-card {
          margin: 0;
        }
      }
    }
    
    .l-secondary-secondary-contact {
      margin: 0 $gutter-width-half 50px;
    
      @include breakpoint($breakpoint-xl) {
        margin: 0 auto 50px;
      }
    }
    
    .l-secondary-centered-text {
      margin: 40px 0;
    
      @include breakpoint($breakpoint-xl) {
        margin: 60px 0;
      }
    }
    
    .l-secondary-filters {
      margin-bottom: 10px;
    
      @include breakpoint($breakpoint-md) {
        margin: 30px 0 50px;
    
        .filter-controls {
          display: none;
        }
      }
    }
    
    .l-secondary-image-card-call-to-action {
      display: block;
      margin: 40px 0 60px 50%;
      clear: both;
      transform: translateX(-50%);
    }
    
  • URL: /components/raw/secondary-page/secondary-page.scss
  • Filesystem Path: src/components/03-pages/secondary-page/secondary-page.scss
  • Size: 987 Bytes

There are no notes for this item.