Choose a location so we can tailor the best experience for you.
Toss the cap, and catch that sparkle
Chat or call one of our PERFECTION STYLISTS
Our experts are here to help.
![](_blank>Affirm</a> </span></div>
</div>
</div>
</div>
<button class="hof-slider-btn hof-slider-btn--basic left">
<div class="arrow arrow--left"></div>
</button>
<button class="hof-slider-btn hof-slider-btn--basic right">
<div class="arrow arrow--right"></div>
</button>
</section>
<header data-loadmodule="GlobalNavigation">
<div class="hof-shrinkwrap">
<nav>
<div class="hof-hamburger">
<p class="hof-hamburger-link-wrapper">
<a href="#" class="hof-hamburger-link">
<span class="hof-hamburger-line hof-hamburger-top"></span>
<span class="hof-hamburger-line hof-hamburger-middle"></span>
<span class="hof-hamburger-line hof-hamburger-bottom"></span>
</a>
</p>
<div class="hof-logo-wrapper">
<a href="en.html" > <img src="svg/hof-logo-desktop.svg" alt="Hearts On Fire" width="165" height="14" />
</a> </div>
</div>
<div class="hof-nav-groups">
<div class="hof-nav-groups-close">
<a href="#" class="hof-hamburger-link">
<svg width="14" height="14" aria-labelledby="hof-groups-close-button-mobile" role="img">
<title id="hof-groups-close-button-mobile">Close</title>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#close"></use>
</svg>
</a>
</div>
<div class="hof-nav-group hof-nav-group--utilities" id="hof-nav-group-utilities">
<a href="en.html" > <img src="svg/hof-logo-desktop.svg" alt="Hearts On Fire" width="230" height="20" />
</a> <ul>
<li><a href="store-locator.html">Store Locator</a></li>
<li><a href="wishlist.html">Wish List</a></li>
<li>
<a href="sign-ina5fe.html">
Sign In
</a>
</li>
</ul>
</div>
<div class="hof-nav-groups-scrollable">
<div class="hof-nav-group hof-nav-group-home">
<ul>
<li><a href="en.html" >Home</a></li>
</ul>
</div>
<div class="hof-nav-group" id="hof-nav-group-merchandise">
<ul>
<li>
<a href="engagement-and-wedding.html" class="" data-has-subnav="true" >Engagement & Wedding</a> <ul>
<li><a href="engagement-rings.html">Engagement Rings</a></li>
<li><a href="wedding-rings.html">Wedding Rings</a></li>
<li><a href="vela.html">Vela</a></li>
</ul>
</li>
<li>
<a href="all-jewelry.html" class="" data-has-subnav="true" >Jewelry</a> <ul>
<li><a href="diamond-bracelets.html">Bracelets</a></li>
<li><a href="diamond-earrings.html">Earrings</a></li>
<li><a href="diamond-necklaces.html">Necklaces</a></li>
<li><a href="diamond-rings.html">Rings</a></li>
<li><a href="best-sellers.html">Best Sellers</a></li>
</ul>
</li>
<li>
<a href="collection.html" class="" data-has-subnav="false" >Collections</a> </li>
<li>
<a href="gift-guide.html" class="" data-has-subnav="false" >Gifts</a> </li>
</ul>
</div>
<div class="hof-nav-group" id="hof-nav-group-secondary">
<ul>
<li>
<a href="education.html#top" class="" data-has-subnav="true" >ABOUT OUR DIAMONDS</a> <ul>
<li><a href="diamond-engagement-ring-guide.html">Engagement Ring Guide</a></li>
<li><a href="what-are-the-4cs.html">Understanding the 4 Cs</a></li>
<li><a href="hearts-on-fire-difference.html">The Hearts On Fire Difference</a></li>
</ul>
</li>
</ul>
</div>
<div class="hof-nav-group" id="hof-nav-group-purchase">
<ul>
<li class="hof-gle-header__container">
<a href="#" class="hof-gle-header " data-loadmodule="GeoLocationExperienceHeader" title="United States">
<img src="iconmonstr-globe-thin.html" alt="">
<span>US</span>
</a>
</li>
<li class="hof-search-container">
<a href="#" class="hof-search-toggle">
<svg width="14" height="14" aria-labelledby="hof-search-icon-mobile" role="img">
<title id="hof-search-icon-mobile">What are you searching for?</title>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#search"></use>
</svg>
</a>
<div id="hof-site-search">
<div class="hof-site-search hof-site-search__coveo">
<div>
<div id="_F7BF4A77-BF55-4822-96B5-F2AE5CD083A6"
data-search-interface-id=){kind=link}