PageSourceSearch

https://www.albertsjewelers.com/

html albertsjewelers.com collected 2026-09-30 10:32:31 UTC 547,792 bytes, 10,319 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head>
4<title>Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers</title>
5<meta name="title" content="Jewelry Store in Valparaiso, Schererville, Indiana &amp; Chicago, IL - Albert&#039;s Diamond Jewelers">
6<meta name="description" content="Shop fine jewelry, engagement rings, and custom designs at Albert&#039;s Diamond Jewelers serving Valparaiso, Schererville, IN, and Chicago, IL. Visit the website.">
7<link rel="canonical" href="https://www.albertsjewelers.com/"/>
8<meta name="keywords" content="Home | Albert&#039;s Diamond Jewelers">
9            <meta charset="UTF-8">
10            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
11            <link rel="icon" href="/favicon.ico?ver=1677702192" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1677702192" type="image/x-icon" /><meta name="robots" content="index,follow"><meta name="pinterest-rich-pin" content="false" />
12
13<!--facebook share this starts-->
14<meta property="og:logo" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png">
15<meta property="og:url"           content="https://www.albertsjewelers.com/">
16<meta property="og:type"          content="website">
17<meta property="og:title"         content="Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers">
18<meta name="msapplication-TileImage" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png">
19<meta property="og:image" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png">
20<meta property="og:image:url" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png">
21<meta property="og:image:width" content="600">
22<meta property="og:image:height" content="314">
23<meta property="og:image:alt"  content="Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers">
24<!--facebook share this ends-->
25
26
27<!--twitter share this starts-->
28<meta name="twitter:title" content="Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers">
29<meta name="twitter:image" content="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png">
30<meta name="twitter:site" content="https://www.albertsjewelers.com/">
31<!--twitter share this ends-->
32
33            <link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/scoped-bootstrap-4-6-0.min.css" />
34            <link rel="stylesheet" href="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" href="https://www.albertsjewelers.com/includes/view/dashboard/assets/grape/stylesheets/new/tailwind.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" />
35            
35<script>window.csrf_token = "1bd0984ea999f6b3038b1a5fdf4be7a42e2fa54f46682ee2b592999e8086fb02"</script>
35
36            
36<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790771550000,"csrfToken":"1bd0984ea999f6b3038b1a5fdf4be7a42e2fa54f46682ee2b592999e8086fb02","scWsUrl":"https:\/\/www.albertsjewelers.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
36
37            
37<script src="https://www.albertsjewelers.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
37
38            
38<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789428253" defer></script>
38
39            
39<script>window.formSubmitLogUrl = "https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
39
40            
40<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787273671" defer></script>
40
41        
41<script data-type="lazy" data-src="https://www.albertsjewelers.com/includes/view/dashboard/assets/grape/js/new/iconify.js"></script>
41<script data-type="lazy" data-src="https://www.albertsjewelers.com/includes/view/dashboard/assets/grape/js/new/iconify.js"></script>
vendor: 60 bytes, line 41
41<script src="https://www.google.com/recaptcha/api.js?render=
416Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 28 bytes, line 41
41&badge=bottomleft"></script>
41<script src="/skeleton/1.0/view/js/firstImageCarousel.js?v=2.6" crossorigin="anonymous"></script>
41<script data-type="lazy" data-src="/includes/view/dashboard/assets/grape/js/new/CarouselSettings.js?v=2.5" crossorigin="anonymous"></script>
41<script src="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
41<script src="/skeleton/1.0/view/js/10.js?v=1787273671"></script>
41<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap"><link rel="stylesheet" href="https://www.albertsjewelers.com/public/1.0/fonts/68/font.css"><link rel="stylesheet" href="https://www.albertsjewelers.com/public/1.0/fonts/69/font.css">
42            <!--Scripts Here-->
43			
43<script>window.iShowGlobals = {
44                        'NO_IMAGE_URL':'',
45                        'SITE_LABELS': '',
46                        'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/,
47                        'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,
48                        'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'219-322-2700','USE_LOCAL_DIAMOND_PATH':''  , 'GOOGLE_ANALYTICS_4_TAG':'1'
49                    };
50            </script>
50<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
50<style>
51  @import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,300;0,400;0,500;1,400&display=swap');
52  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
53  @font-face {
54  font-family: futura std;
55  font-style: normal;
56  font-weight: 400;
57  font-display: swap;
58  src: local("Futura Std"),
59    url(https://fonts.cdnfonts.com/s/30938/FuturaStdBook.woff) format("woff");
60}
61@font-face {
62  font-family: futura std;
63  font-style: italic;
64  font-weight: 400;
65  font-display: swap;
66  src: local("Futura Std"),
67    url(https://fonts.cdnfonts.com/s/30938/FuturaStdBookOblique.woff)
68      format("woff");
69}
70@font-face {
71  font-family: futura std;
72  font-style: normal;
73  font-weight: 300;
74  font-display: swap;
75  src: local("Futura Std"),
76    url(https://fonts.cdnfonts.com/s/30938/FuturaStdCondensedLight.woff)
77      format("woff");
78}
79@font-face {
80  font-family: futura std;
81  font-style: italic;
82  font-weight: 300;
83  font-display: swap;
84  src: local("Futura Std"),
85    url(https://fonts.cdnfonts.com/s/30938/FuturaStdCondensedLightObl.woff)
86      format("woff");
87}
88@font-face {
89  font-family: futura std;
90  font-style: italic;
91  font-weight: 300;
92  font-display: swap;
93  src: local("Futura Std"),
94    url(https://fonts.cdnfonts.com/s/30938/FuturaStdLightOblique.woff)
95      format("woff");
96}
97@font-face {
98  font-family: futura std;
99  font-style: normal;
100  font-weight: 500;
101  font-display: swap;
102  src: local("Futura Std"),
103    url(https://fonts.cdnfonts.com/s/30938/FuturaStdCondensed.woff)
104      format("woff");
105}
106@font-face {
107  font-family: futura std;
108  font-style: italic;
109  font-weight: 500;
110  font-display: swap;
111  src: local("Futura Std"),
112    url(https://fonts.cdnfonts.com/s/30938/FuturaStdCondensedOblique.woff)
113      format("woff");
114}
115@font-face {
116  font-family: futura std;
117  font-style: normal;
118  font-weight: 650;
119  font-display: swap;
120  src: local("Futura Std"),
121    url(https://fonts.cdnfonts.com/s/30938/FuturaStdHeavy.woff) format("woff");
122}
123@font-face {
124  font-family: futura std;
125  font-style: normal;
126  font-weight: 700;
127  font-display: swap;
128  src: local("Futura Std"),
129    url(https://fonts.cdnfonts.com/s/30938/FuturaStdBold.woff) format("woff");
130}
131
132  body{
133    font-family: 'Exo', sans-serif;
134    font-size: 16px;
135    line-height: 1.5;
136    color:#000;
137  }
138  
139  h1,h2,h3,h4,h5,h6{
140    font-family: 'Futura Std', sans-serif;
141    color: #555;
142    text-transform: uppercase;
143    font-family: 'Futura Std Light';
144    font-weight: 300;
145  }
146  
147  h1{
148   font-size:30px; 
149  }
150  .main_page_container  p {
151    padding: 0 0 20px;
152    margin: 0;
153}
154
155h2 {
156    margin-bottom: 0;
157    padding-bottom: 10px;
158    padding-top: 0;
159    margin-top: 0;
160}
161  a{
162    /*color: #222;*/
163    color: #08c;
164    text-decoration: none;
165  }
166  
167  
168</style> <meta name="ahrefs-site-verification" content="32281f1e620acdf49662ab58f3103703369f3f0685171c59bc73f7aa27c73e91"><!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 168-169
168
169            <script async src="https://www.googletagmanager.com/gtag/js?id=
169AW-657571256
vendor: 24 bytes, lines 169-170
169"></script>
170            
170<script>
171             
vendor: 166 bytes, lines 171-174
171window.dataLayer = window.dataLayer || [];
172             function gtag(){dataLayer.push(arguments);}
173             gtag('js', new Date());
174             gtag('config', '
174AW-657571256
vendor: 42 bytes, lines 174-175
174', { 'anonymize_ip': true });
175            
175</script>
175 <!-- Facebook Pixel Code -->
175<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.setAttribute('data-type','lazy');t.setAttribute('data-src',v);s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '291926815139821');fbq('track', 'PageView');</script>
175<noscript><img height='1' width='1' style='display:none'src='https://www.facebook.com/tr?id=291926815139821&ev=PageView&noscript=1' alt='facebook pixel' title='facebook pixel'/></noscript><!-- End Facebook Pixel Code -->
176            <!-- Start Google Tag Manager -->
177            
177<script>
178            window.addEventListener('load', function() {
vendor: 607 bytes, lines 178-189
178
179                (function (w, d, s, l, i) {
180                    w[l] = w[l] || [];
181                    w[l].push({'gtm.start':
182                                new Date().getTime(), event: 'gtm.js'});
183                    var f = d.getElementsByTagName(s)[0],
184                            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
185                    j.async = true;
186                    j.src =
187                            '//www.googletagmanager.com/gtm.js?id=' + i + dl;
188                    f.parentNode.insertBefore(j, f);
189                })(window, document, 'script', 'dataLayer', '
189GTM-NKMV8Q
vendor: 16 bytes, lines 189-190
189');
190            
190});
191            </script>
191
192            <!-- End Google Tag Manager -->
193                <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 193-194
193
194                <script async src="https://www.googletagmanager.com/gtag/js?id=
194G-222X86BSF7
vendor: 28 bytes, lines 194-195
194"></script>
195                
195<script>
196                   
vendor: 184 bytes, lines 196-199
196window.dataLayer = window.dataLayer || [];
197                   function gtag(){dataLayer.push(arguments);}
198                   gtag("js", new Date());
199                   gtag("config", "
199G-222X86BSF7
vendor: 23 bytes, lines 199-200
199");
200                   
200window.gtag = function() {
201                       dataLayer.push(arguments);
202                    }
203                </script>
203
204                <!-- End Google Analytics 4 tags  --> <!-- Facebook Pixel Code -->
204<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.setAttribute('data-type','lazy');t.setAttribute('data-src',v);s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '1671823847490448');fbq('track', 'PageView');</script>
204<noscript><img height='1' width='1' style='display:none'src='https://www.facebook.com/tr?id=1671823847490448&ev=PageView&noscript=1' alt='facebook pixel' title='facebook pixel'/></noscript><!-- End Facebook Pixel Code --><!-- Begin TVSquared Page Visits Tracking Code -->
205<script type="text/javascript">
206    var _tvq = window._tvq = window._tvq || [];
207    (function() {
208      var u = (("https:" == document.location.protocol) ?
209          "https://collector-55896.us.tvsquared.com/"
210          :
211          "http://collector-55896.us.tvsquared.com/");
212      _tvq.push(['setSiteId', "TV-4545180936-1"]);
213      _tvq.push(['setTrackerUrl', u + 'tv2track.php']);
214      _tvq.push([function() {
215          this.deleteCustomVariable(5, 'page')
216      }]);
217      _tvq.push(['trackPageView']);
218      var d = document,
219          g = d.createElement('script'),
220          s = d.getElementsByTagName('script')[0];
221      g.type = 'text/javascript';
222      g.defer = true;
223      g.async = true;
224      g.src = u + 'tv2track.js';
225      s.parentNode.insertBefore(g, s);
226    })();
227</script>
227
228<!-- End TVSquared Tracking Code -->
229<script>
230(function () {
231    function hookFbq() {
232        var n = window.fbq;
233        if (!n || n.__evtHook) { return; }
234        function w() {
235            try {
236                if (arguments[0] === 'track' || arguments[0] === 'trackCustom') {
237                    (w.__fired = w.__fired || {})[arguments[1]] = (new Date()).getTime();
238                }
239            } catch (e) {}
240            w.callMethod ? w.callMethod.apply(w, arguments) : w.queue.push(arguments);
241        }
242        w.__evtHook = true;
243        w.__fired = {};
244        w.callMethod = n.callMethod;
245        w.queue = n.queue || [];
246        w.push = w;
247        w.loaded = !!n.loaded;
248        w.version = n.version || '2.0';
249        window.fbq = w;
250        if (window._fbq === n) { window._fbq = w; }
251    }
252    hookFbq();
253
254    function firedSince(evt, ts) {
255        return typeof fbq === 'function' && fbq.__fired && fbq.__fired[evt] && fbq.__fired[evt] >= ts;
256    }
257
258    // Also reaches CAPI: these fallbacks never touch the backend on their own otherwise. The server
259    // copy goes out even when fbq is missing — a blocked pixel is exactly when CAPI has to carry it.
260    function fireEvent(evt) {
261        var eventId = (window.crypto && crypto.randomUUID) ? crypto.randomUUID() : (Date.now() + '_' + Math.random().toString(36).slice(2));
262        if (typeof fbq === 'function') { fbq('track', evt, {}, {eventID: eventId}); }
263        if (!false) { return; }
264        try {
265            fetch('https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_meta_capi.php', {
266                method: 'POST',
267                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
268                body: 'event=' + encodeURIComponent(evt) + '&event_id=' + encodeURIComponent(eventId),
269                keepalive: true
270            });
271        } catch (e) {}
272    }
273
274    // tel:/mailto: wait ~1.5s if not onclick fired the event - fire this one
275    document.addEventListener('click', function (e) {
276        if (!e.target || !e.target.closest) { return; }
277        var t = e.target.closest('a[href^="tel:"], a[href^="mailto:"]');
278        if (!t) { return; }
279        hookFbq();
280        var evt = 'Contact';
281        var ts = (new Date()).getTime();
282        setTimeout(function () {
283            if (!firedSince(evt, ts)) { fireEvent(evt); }
284        }, 1500);
285    }, true);
286
287    // conversation_started -> Contact. Podium and Clientbook both render their launcher into the
288    // page's own DOM, so a delegated click reaches it. What happens inside the widget is invisible
289    // to us, so opening the chat is what counts — once per page view, or reopening it would re-fire.
290    var chatContacted = false;
291    document.addEventListener('click', function (e) {
292        if (chatContacted || !e.target || !e.target.closest) { return; }
293        if (!e.target.closest('#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget')) { return; }
294        chatContacted = true;
295        hookFbq();
296        fireEvent('Contact');
297    }, true);
298
299    // Search box event: only when the server-side Search on the keyword-search page is not running
300    if (true) {
301        document.addEventListener('submit', function (e) {
302            if (!e.target || !e.target.closest) { return; }
303            var f = e.target.closest('form.sform, #search-box-form');
304            if (!f) { return; }
305            // The magnifier is a submit button, so it submits an empty box too — that is not a search
306            var q = f.querySelector('input[name=search]');
307            if (!q || !q.value.trim()) { return; }
308            hookFbq();
309            if (!firedSince('Search', (new Date()).getTime() - 1500)) { fireEvent('Search'); }
310        }, false);
311    }
312})();
313</script>
313
314                
314<script>
vendor: 410 bytes, lines 314-319
314
315                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
316                  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
317                  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
318                  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
319            ga('create', '
319UA-45370095-1
vendor: 44 bytes, lines 319-320
319', 'auto', 'googleAnalytics0');
320            
320ga('set', 'anonymizeIp', true);
321            ga('googleAnalytics0.send', 'pageview')</script>
321
322    
322<script type="application/ld+json">
323    {
324        "@context": "https://schema.org",
325        "@graph": [
326                {
327            "@type": "WebSite",
328            "name": "Albert's Diamond Jewelers",
329            "url": "https://www.albertsjewelers.com/"
330        },
331        {
332            "@type": "WebPage",
333            "name": "Jewelry Store in Valparaiso, Schererville, Indiana & Chicago, IL - Albert's Diamond Jewelers",
334            "description": "Shop fine jewelry, engagement rings, and custom designs at Albert's Diamond Jewelers serving Valparaiso, Schererville, IN, and Chicago, IL. Visit the website.",
335            "keywords": "Albert's Diamond Jewelers",
336            "url": "https://www.albertsjewelers.com/" 
337        },
338        {
339            "@type": "Organization",
340            "name": "Albert's Diamond Jewelers",
341            "email": "[email protected]",
342            "logo": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png",
343            "image": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png",
344            "telephone": "219-322-2700",
345            "url": "https://www.albertsjewelers.com/"
346        },
347                {
348            "@type": "JewelryStore",
349            "name": "SCHERERVILLE STORE",
350            "parentOrganization": {
351                "@type": "Organization",
352                "name" : "Albert's Diamond Jewelers"
353            },
354            "address": {
355                "@type": "PostalAddress",
356                "addressCountry": {
357                    "@type": "Country",
358                    "name": "United States"
359                },
360                "addressLocality": "SCHERERVILLE",
361                "addressRegion": "Indiana",
362                "postalCode": "46375",
363                "streetAddress": "711 MAIN STREET"
364            },
365            "faxNumber": "",
366            "telephone": "219-322-2700",
367            "logo": "https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png",
368            "url": "https://www.albertsjewelers.com/",
369            "image": "https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png",
370            "email": "[email protected]",
371            "hasMap": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5974.316994996882!2d-87.47604128150334!3d41.52250728492549!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8811e13019bb206d%3A0xb4de08229baafd1d!2sAlbert's+Diamond+Jewelers!5e0!3m2!1sen!2sus!4v",
372            "geo": {
373                "@type": "GeoCoordinates",
374                "latitude": "41.495073",
375                "longitude": "-87.469032"
376            },
377            "priceRange": "$5-$100000",
378"openingHoursSpecification": [                    {
379                        "@type": "OpeningHoursSpecification",
380                        "dayOfWeek": "Monday",
381                        "opens": "11:00",
382                        "closes": "18:00"
383                    },                    {
384                        "@type": "OpeningHoursSpecification",
385                        "dayOfWeek": "Tuesday",
386                        "opens": "11:00",
387                        "closes": "18:00"
388                    },                    {
389                        "@type": "OpeningHoursSpecification",
390                        "dayOfWeek": "Wednesday",
391                        "opens": "11:00",
392                        "closes": "18:00"
393                    },                    {
394                        "@type": "OpeningHoursSpecification",
395                        "dayOfWeek": "Thursday",
396                        "opens": "11:00",
397                        "closes": "18:00"
398                    },                    {
399                        "@type": "OpeningHoursSpecification",
400                        "dayOfWeek": "Friday",
401                        "opens": "11:00",
402                        "closes": "18:00"
403                    },                    {
404                        "@type": "OpeningHoursSpecification",
405                        "dayOfWeek": "Saturday",
406                        "opens": "11:00",
407                        "closes": "18:00"
408                    }]            }
409
410        ]
411    }
412    </script>
412
413
414</head>
415<body class="cmp_mode" data-lazyload="1">
416            <nav class="skip-links-nav" aria-label="Skip links">
417                <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a>
418            </nav>
419        
420            <div id="loader_div">
421                <div class="loader_circle"></div>
422            </div>
423            <noscript>
424                <style>
425                    body {overflow: auto;}
426                    #loader_div {display: none;}
427                </style>
428            </noscript>
429        
430
431            <style>
432                @media (min-width: 992px) {
433                
434                .sc_payment_general_style {
435                    font-size: 15px !important;
436                    font-family: Berthold Akzidenz Grotesk !important;
437                    font-weight: 500 !important;
438                    font-style: normal !important;
439                    
440                    letter-spacing: px !important;
441                    color: #022d57 !important;
442                }
443                h1.general_style, .h1_general_style {
444                    font-size: px !important;
445                    font-family: ITC Avant Garde !important;
446                    font-weight: 400 !important;
447                    font-style: normal !important;
448                    
449                    letter-spacing: px !important;
450                    color: #022d57 !important;
451                }
452                h2.general_style, .h2_general_style {
453                    font-size: px !important;
454                    font-family: ITC Avant Garde !important;
455                    font-weight: 400 !important;
456                    font-style: normal !important;
457                    
458                    letter-spacing: px !important;
459                    color: #022d57 !important;
460                }
461                h3.general_style, .h3_general_style {
462                    font-size: px !important;
463                    font-family: ITC Avant Garde !important;
464                    font-weight: 400 !important;
465                    font-style: normal !important;
466                    
467                    letter-spacing: px !important;
468                    color: #022d57 !important;
469                }
470                h4.general_style, .h4_general_style {
471                    font-size: px !important;
472                    font-family: ITC Avant Garde !important;
473                    font-weight: 400 !important;
474                    font-style: normal !important;
475                    
476                    letter-spacing: px !important;
477                    color: #022d57 !important;
478                }
479                h5.general_style, .h5_general_style {
480                    font-size: px !important;
481                    font-family: ITC Avant Garde !important;
482                    font-weight: 300 !important;
483                    font-style: normal !important;
484                    
485                    letter-spacing: px !important;
486                    color: #022d57 !important;
487                }
488                h6.general_style, .h6_general_style {
489                    font-size: px !important;
490                    font-family: ITC Avant Garde !important;
491                    font-weight: 400 !important;
492                    font-style: normal !important;
493                    
494                    letter-spacing: px !important;
495                    color: #022d57 !important;
496                }
497                p.general_style, .p_general_style {
498                    font-size: px !important;
499                    font-family: Berthold Akzidenz Grotesk !important;
500                    font-weight:  !important;
501                    font-style: normal !important;
502                    
503                    letter-spacing: px !important;
504                    color:  !important;
505                }
506                .p2_general_style {
507                    font-size: px !important;
508                    font-family: Berthold Akzidenz Grotesk !important;
509                    font-weight:  !important;
510                    font-style: normal !important;
511                    
512                    letter-spacing: px !important;
513                    color:  !important;
514                }
515                .p3_general_style {
516                    font-size: px !important;
517                    font-family: Berthold Akzidenz Grotesk !important;
518                    font-weight:  !important;
519                    font-style: normal !important;
520                    
521                    letter-spacing: px !important;
522                    color:  !important;
523                }
524                .p4_general_style {
525                    font-size: px !important;
526                    font-family: Berthold Akzidenz Grotesk !important;
527                    font-weight:  !important;
528                    font-style: normal !important;
529                    
530                    letter-spacing: px !important;
531                    color:  !important;
532                }
533                .p5_general_style {
534                    font-size: px !important;
535                    font-family: Berthold Akzidenz Grotesk !important;
536                    font-weight:  !important;
537                    font-style: normal !important;
538                    
539                    letter-spacing: px !important;
540                    color:  !important;
541                }
542                .p6_general_style {
543                    font-size: px !important;
544                    font-family: Berthold Akzidenz Grotesk !important;
545                    font-weight:  !important;
546                    font-style: normal !important;
547                    
548                    letter-spacing: px !important;
549                    color:  !important;
550                }
551                a.general_style, .a_general_style {
552                    text-decoration:  !important;
553                    color:  !important;
554                }
555                a.general_style:hover, .a_general_style:hover {
556                    color:  !important;
557                }
558                label.general_style, .label_general_style {
559                    font-size: px !important;
560                    font-family: Berthold Akzidenz Grotesk !important;
561                    font-weight:  !important;
562                    font-style: normal !important;
563                    
564                    letter-spacing: px !important;
565                    color:  !important;
566                }
567                button.general_style, .button_general_style {
568                    font-size: 12px !important;
569                    font-family: ITC Avant Garde !important;
570                    font-weight: 400 !important;
571                    font-style: normal !important;
572                    
573                    color: #ffffff !important;
574                    background-color: #022d57 !important;
575                    border-style: solid !important;
576                    border-width: 1px !important;
577                    border-radius: px !important;
578                    border-color: #022d57 !important;
579                }
580                button.general_style:hover, .button_general_style:hover {
581                    color:  !important;
582                    background-color:  !important;
583                    border-color:  !important;
584                }
585                .secondary_button_general_style {
586                    font-size: 12px !important;
587                    font-family: ITC Avant Garde !important;
588                    font-weight: 400 !important;
589                    font-style: normal !important;
590                    
591                    color: #022d57 !important;
592                    background-color: #ffffff !important;
593                    border-style: solid !important;
594                    border-width: 1px !important;
595                    border-radius: px !important;
596                    border-color: #003da5 !important;
597                }
598                .secondary_button_general_style:hover {
599                    color: #ffffff !important;
600                    background-color: #003da5 !important;
601                    border-color:  !important;
602                }
603                .reset_button_general_style {
604                    font-size: px !important;
605                    font-family: ITC Avant Garde !important;
606                    font-weight:  !important;
607                    font-style: normal !important;
608                    
609                    color:  !important;
610                    background-color:  !important;
611                    
612                    border-width: px !important;
613                    border-radius: px !important;
614                    border-color:  !important;
615                }
616                .reset_button_general_style:hover {
617                    color:  !important;
618                    background-color:  !important;
619                    border-color:  !important;
620                }
621                .search_box_general_style .sinps::placeholder {
622                    font-size: 11px !important;
623                    font-family: Berthold Akzidenz Grotesk !important;
624                    color:  !important;
625                }
626                .search_box_general_style .sinps {
627                    height: 100%;
628                    font-size: 11px !important;
629                    font-family: Berthold Akzidenz Grotesk !important;
630                    font-weight: 400 !important;
631                    font-style: normal !important;
632                    color:  !important;
633                    background-color:  !important;
634                    border-style: solid !important;
635                    border-width: 1px !important;
636                    border-radius: px !important;
637                    border-top-right-radius: 0 !important;
638                    border-bottom-right-radius: 0 !important;
639                    border-color: #022d57 !important;
640                }
641                .search_box_general_style .sinps:hover,
642                .search_box_general_style .sinps:focus,
643                .search_box_general_style .sinps:active {
644                    background-color:  !important;
645                }
646                .search_box_general_style .sBtns {
647                    height: 100%;
648                    background-color: #022d57 !important;
649                    border-style: solid !important;
650                    border-width: 1px !important;
651                    border-radius: px !important;
652                    border-top-left-radius: 0 !important;
653                    border-bottom-left-radius: 0 !important;
654                    border-color: #022d57 !important;
655                }
656                .search_box_general_style .sBtns:hover,
657                .search_box_general_style .sBtns:focus,
658                .search_box_general_style .sBtns:active {
659                    background-color: #022d57 !important;
660                }
661                .search_box_general_style .sBtns svg {
662                    width: 11px !important;
663                    height: 11px !important;
664                }
665                .search_box_general_style .sBtns path {
666                    fill: #ffffff !important;
667                }
668                .search_box_general_style .sBtns:hover path,
669                .search_box_general_style .sBtns:focus path,
670                .search_box_general_style .sBtns:active path {
671                    fill: #ffffff !important;
672                }
673                .search_box_general_style:hover .sinps,
674                .search_box_general_style:focus .sinps,
675                .search_box_general_style:active .sinps,
676                .search_box_general_style:hover .sBtns,
677                .search_box_general_style:focus .sBtns,
678                .search_box_general_style:active .sBtns {
679                    border-color: #022d57 !important;
680                }
681                svg.general_style, .svg_general_style {
682                    fill: #003da5 !important;
683                    stroke-width: .5 !important;
684                    stroke: #003da5 !important;
685                }
686                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
687                    color: #022d57 !important;
688                    background: #ffffff !important;
689                }
690                .irs--big .irs-grid-text {
691                    color: #022d57 !important;
692                }
693                .irs--big .irs-grid-pol {
694                    background: #022d57 !important;
695                }
696                .irs--big .irs-bar {
697                    border-color: #ffffff !important;
698                    background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important;
699                }
700                .irs--big .irs-handle {
701                    border-color: #B3B3B2;
702                    background: linear-gradient(to bottom,  0%, #003da5 30%, #003da5 100%) !important;
703                }
704                .pagination.general_style .page-link {
705                    font-size: 12px !important;
706                    font-family: ITC Avant Garde !important;
707                    font-weight: 400 !important;
708                    font-style: normal !important;
709                    
710                    color: #022d57 !important;
711                    background-color:  !important;
712                    border-color:  !important;
713                }
714                .pagination.general_style .page-link:hover {
715                    color:  !important;
716                    background-color:  !important;
717                    border-color:  !important;
718                }
719                .pagination.general_style .page-item.active .page-link {
720                    color: #ffffff !important;
721                    background-color: #022d57 !important;
722                    border-color: #022d57 !important;
723                }
724                input[type=checkbox].general_style {
725                    accent-color: #003da5 !important;
726                }
727                .breadcrumb.general_style .breadcrumb-item a,
728                .breadcrumb.general_style .breadcrumb-item {
729                    font-size: 14px !important;
730                    font-family: ITC Avant Garde !important;
731                    font-weight:  !important;
732                    font-style: normal !important;
733                    
734                    letter-spacing: px !important;
735                    color: #000 !important;
736                }
737                .shapes-div .shapes-img.active {
738                    background-color:  !important;
739                    color:  !important;
740                }
741                                .input_general_style {
742                    position: relative;
743                }
744                .input_general_style label {
745                    width: auto !important;
746                    position: absolute;
747                    top: 50%;
748                    left: 5px;
749                    z-index: 1;
750                    transform: translateY(-50%);
751                    transform-origin: 0% 100%;
752                    transition: all .2s ease-out;
753                    padding: 0 10px;
754                    margin: 0 !important;
755                    cursor: text;
756                    background: white;
757                }
758                .input_general_style label.active {
759                    top: 0;
760                    transform: translateY(-55%) scale(0.80);
761                }
762            
763                .input_general_style input::placeholder {
764                    color: transparent !important;
765                }
766                .input_general_style input {
767                    font-size: 16px !important;
768                    font-family: Berthold Akzidenz Grotesk !important;
769                    font-weight:  !important;
770                    font-style:  !important;
771                    color:  !important;
772                    background-color: white !important;
773                    border-style: solid !important;
774                    border-width: px !important;
775                    border-radius: 0px !important;
776                    border-color:  !important;
777                }
778                .input_general_style:hover input {
779                    border-color:  !important;
780                }
781                .input_general_style input:-webkit-autofill,
782                .input_general_style input:-webkit-autofill:hover,
783                .input_general_style input:-webkit-autofill:focus,
784                .input_general_style input:-webkit-autofill:active{
785                    -webkit-box-shadow: 0 0 0 30px white inset !important;
786                }
787                .input_general_style input:focus {
788                    border-color: initial;
789                    box-shadow: unset;
790                }
791                .input_general_style .toggle-password-visibility {
792                    position: absolute;
793                    right: 5px;
794                    top: 50%;
795                    transform: translateY(-50%);
796                    border: 0;
797                    background: transparent;
798                }
799                                .select_general_style {
800                    position: relative;
801                }
802                .select_general_style label {
803                    width: auto !important;
804                    position: absolute;
805                    top: 50%;
806                    left: 5px;
807                    transform: translateY(-50%);
808                    transform-origin: 0% 100%;
809                    transition: all .2s ease-out;
810                    padding: 0 10px;
811                    margin: 0 !important;
812                    cursor: text;
813                    background: white;
814                }
815                .select_general_style label.active {
816                    top: 0;
817                    transform: translateY(-55%) scale(0.80);
818                }
819
820                .select_general_style select {
821                    font-size: 16px !important;
822                    font-family: Berthold Akzidenz Grotesk !important;
823                    font-weight:  !important;
824                    font-style:  !important;
825                    color:  !important;
826                    border-style: solid !important;
827                    border-width: px !important;
828                    border-radius: 0px !important;
829                    border-color:  !important;
830                    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important;
831                    -webkit-appearance: none !important;
832                    -moz-appearance: none !important;
833                    appearance: none !important;
834                }
835                .select_general_style:hover select {
836                    border-color:  !important;
837                }
838                .select_general_style select:focus {
839                    border-color: initial;
840                    box-shadow: unset;
841                }
842                .select_general_style select:-webkit-autofill,
843                .select_general_style select:-webkit-autofill:hover,
844                .select_general_style select:-webkit-autofill:focus,
845                .select_general_style select:-webkit-autofill:active{
846                    -webkit-box-shadow: 0 0 0 30px white inset !important;
847                }
848                                .textarea_general_style {
849                    position: relative;
850                }
851                .textarea_general_style label {
852                    width: auto !important;
853                    position: absolute;
854                    top: 18px;
855                    left: 5px;
856                    transform: translateY(-50%);
857                    transform-origin: 0% 100%;
858                    transition: all .2s ease-out;
859                    padding: 0 10px;
860                    margin: 0 !important;
861                    cursor: text;
862                    background: white;
863                }
864                .textarea_general_style label.active {
865                    top: 0;
866                    transform: translateY(-55%) scale(0.80);
867                }
868
869                .textarea_general_style textarea {
870                    font-size: 16px !important;
871                    font-family: Berthold Akzidenz Grotesk !important;
872                    font-weight:  !important;
873                    font-style:  !important;
874                    color:  !important;
875                    background-color: white !important;
876                    border-style: solid !important;
877                    border-width: px !important;
878                    border-radius: 0px !important;
879                    border-color:  !important;
880                }
881                .textarea_general_style:hover textarea {
882                    border-color:  !important;
883                }
884                .textarea_general_style textarea:focus {
885                    border-color: initial;
886                    box-shadow: unset;
887                }
888                .textarea_general_style textarea:-webkit-autofill,
889                .textarea_general_style textarea:-webkit-autofill:hover,
890                .textarea_general_style textarea:-webkit-autofill:focus,
891                .textarea_general_style textarea:-webkit-autofill:active{
892                    -webkit-box-shadow: 0 0 0 30px white inset !important;
893                }
894                }
895            </style>            <style>
896                @media (min-width: 768px) and (max-width: 991.9px) {
897                
898                .sc_payment_general_style {
899                    font-size: 15px !important;
900                    font-family: Berthold Akzidenz Grotesk !important;
901                    font-weight: 500 !important;
902                    font-style: normal !important;
903                    
904                    letter-spacing: px !important;
905                    color: #022d57 !important;
906                }
907                h1.general_style, .h1_general_style {
908                    font-size: px !important;
909                    font-family: ITC Avant Garde !important;
910                    font-weight: 400 !important;
911                    font-style: normal !important;
912                    
913                    letter-spacing: px !important;
914                    color: #022d57 !important;
915                }
916                h2.general_style, .h2_general_style {
917                    font-size: px !important;
918                    font-family: ITC Avant Garde !important;
919                    font-weight: 400 !important;
920                    font-style: normal !important;
921                    
922                    letter-spacing: px !important;
923                    color: #022d57 !important;
924                }
925                h3.general_style, .h3_general_style {
926                    font-size: px !important;
927                    font-family: ITC Avant Garde !important;
928                    font-weight: 400 !important;
929                    font-style: normal !important;
930                    
931                    letter-spacing: px !important;
932                    color: #022d57 !important;
933                }
934                h4.general_style, .h4_general_style {
935                    font-size: px !important;
936                    font-family: ITC Avant Garde !important;
937                    font-weight: 400 !important;
938                    font-style: normal !important;
939                    
940                    letter-spacing: px !important;
941                    color: #022d57 !important;
942                }
943                h5.general_style, .h5_general_style {
944                    font-size: px !important;
945                    font-family: ITC Avant Garde !important;
946                    font-weight: 300 !important;
947                    font-style: normal !important;
948                    
949                    letter-spacing: px !important;
950                    color: #022d57 !important;
951                }
952                h6.general_style, .h6_general_style {
953                    font-size: px !important;
954                    font-family: ITC Avant Garde !important;
955                    font-weight: 400 !important;
956                    font-style: normal !important;
957                    
958                    letter-spacing: px !important;
959                    color: #022d57 !important;
960                }
961                p.general_style, .p_general_style {
962                    font-size: px !important;
963                    font-family: Berthold Akzidenz Grotesk !important;
964                    font-weight:  !important;
965                    font-style: normal !important;
966                    
967                    letter-spacing: px !important;
968                    color:  !important;
969                }
970                .p2_general_style {
971                    font-size: px !important;
972                    font-family: Berthold Akzidenz Grotesk !important;
973                    font-weight:  !important;
974                    font-style: normal !important;
975                    
976                    letter-spacing: px !important;
977                    color:  !important;
978                }
979                .p3_general_style {
980                    font-size: px !important;
981                    font-family: Berthold Akzidenz Grotesk !important;
982                    font-weight:  !important;
983                    font-style: normal !important;
984                    
985                    letter-spacing: px !important;
986                    color:  !important;
987                }
988                .p4_general_style {
989                    font-size: px !important;
990                    font-family: Berthold Akzidenz Grotesk !important;
991                    font-weight:  !important;
992                    font-style: normal !important;
993                    
994                    letter-spacing: px !important;
995                    color:  !important;
996                }
997                .p5_general_style {
998                    font-size: px !important;
999                    font-family: Berthold Akzidenz Grotesk !important;
1000                    font-weight:  !important;
1001                    font-style: normal !important;
1002                    
1003                    letter-spacing: px !important;
1004                    color:  !important;
1005                }
1006                .p6_general_style {
1007                    font-size: px !important;
1008                    font-family: Berthold Akzidenz Grotesk !important;
1009                    font-weight:  !important;
1010                    font-style: normal !important;
1011                    
1012                    letter-spacing: px !important;
1013                    color:  !important;
1014                }
1015                a.general_style, .a_general_style {
1016                    text-decoration:  !important;
1017                    color:  !important;
1018                }
1019                a.general_style:hover, .a_general_style:hover {
1020                    color:  !important;
1021                }
1022                label.general_style, .label_general_style {
1023                    font-size: px !important;
1024                    font-family: Berthold Akzidenz Grotesk !important;
1025                    font-weight:  !important;
1026                    font-style: normal !important;
1027                    
1028                    letter-spacing: px !important;
1029                    color:  !important;
1030                }
1031                button.general_style, .button_general_style {
1032                    font-size: 12px !important;
1033                    font-family: ITC Avant Garde !important;
1034                    font-weight: 400 !important;
1035                    font-style: normal !important;
1036                    
1037                    color: #ffffff !important;
1038                    background-color: #022d57 !important;
1039                    border-style: solid !important;
1040                    border-width: 1px !important;
1041                    border-radius: px !important;
1042                    border-color: #022d57 !important;
1043                }
1044                button.general_style:hover, .button_general_style:hover {
1045                    color:  !important;
1046                    background-color:  !important;
1047                    border-color:  !important;
1048                }
1049                .secondary_button_general_style {
1050                    font-size: 12px !important;
1051                    font-family: ITC Avant Garde !important;
1052                    font-weight: 400 !important;
1053                    font-style: normal !important;
1054                    
1055                    color: #022d57 !important;
1056                    background-color: #ffffff !important;
1057                    border-style: solid !important;
1058                    border-width: 1px !important;
1059                    border-radius: px !important;
1060                    border-color: #003da5 !important;
1061                }
1062                .secondary_button_general_style:hover {
1063                    color: #ffffff !important;
1064                    background-color: #003da5 !important;
1065                    border-color:  !important;
1066                }
1067                .reset_button_general_style {
1068                    font-size: px !important;
1069                    font-family: ITC Avant Garde !important;
1070                    font-weight:  !important;
1071                    font-style: normal !important;
1072                    
1073                    color:  !important;
1074                    background-color:  !important;
1075                    
1076                    border-width: px !important;
1077                    border-radius: px !important;
1078                    border-color:  !important;
1079                }
1080                .reset_button_general_style:hover {
1081                    color:  !important;
1082                    background-color:  !important;
1083                    border-color:  !important;
1084                }
1085                .search_box_general_style .sinps::placeholder {
1086                    font-size: 11px !important;
1087                    font-family: Berthold Akzidenz Grotesk !important;
1088                    color:  !important;
1089                }
1090                .search_box_general_style .sinps {
1091                    height: 100%;
1092                    font-size: 11px !important;
1093                    font-family: Berthold Akzidenz Grotesk !important;
1094                    font-weight: 400 !important;
1095                    font-style: normal !important;
1096                    color:  !important;
1097                    background-color:  !important;
1098                    border-style: solid !important;
1099                    border-width: 1px !important;
1100                    border-radius: px !important;
1101                    border-top-right-radius: 0 !important;
1102                    border-bottom-right-radius: 0 !important;
1103                    border-color: #022d57 !important;
1104                }
1105                .search_box_general_style .sinps:hover,
1106                .search_box_general_style .sinps:focus,
1107                .search_box_general_style .sinps:active {
1108                    background-color:  !important;
1109                }
1110                .search_box_general_style .sBtns {
1111                    height: 100%;
1112                    background-color: #022d57 !important;
1113                    border-style: solid !important;
1114                    border-width: 1px !important;
1115                    border-radius: px !important;
1116                    border-top-left-radius: 0 !important;
1117                    border-bottom-left-radius: 0 !important;
1118                    border-color: #022d57 !important;
1119                }
1120                .search_box_general_style .sBtns:hover,
1121                .search_box_general_style .sBtns:focus,
1122                .search_box_general_style .sBtns:active {
1123                    background-color: #022d57 !important;
1124                }
1125                .search_box_general_style .sBtns svg {
1126                    width: 11px !important;
1127                    height: 11px !important;
1128                }
1129                .search_box_general_style .sBtns path {
1130                    fill: #ffffff !important;
1131                }
1132                .search_box_general_style .sBtns:hover path,
1133                .search_box_general_style .sBtns:focus path,
1134                .search_box_general_style .sBtns:active path {
1135                    fill: #ffffff !important;
1136                }
1137                .search_box_general_style:hover .sinps,
1138                .search_box_general_style:focus .sinps,
1139                .search_box_general_style:active .sinps,
1140                .search_box_general_style:hover .sBtns,
1141                .search_box_general_style:focus .sBtns,
1142                .search_box_general_style:active .sBtns {
1143                    border-color: #022d57 !important;
1144                }
1145                svg.general_style, .svg_general_style {
1146                    fill: #003da5 !important;
1147                    stroke-width: .5 !important;
1148                    stroke: #003da5 !important;
1149                }
1150                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
1151                    color: #022d57 !important;
1152                    background: #ffffff !important;
1153                }
1154                .irs--big .irs-grid-text {
1155                    color: #022d57 !important;
1156                }
1157                .irs--big .irs-grid-pol {
1158                    background: #022d57 !important;
1159                }
1160                .irs--big .irs-bar {
1161                    border-color: #ffffff !important;
1162                    background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important;
1163                }
1164                .irs--big .irs-handle {
1165                    border-color: #B3B3B2;
1166                    background: linear-gradient(to bottom,  0%, #003da5 30%, #003da5 100%) !important;
1167                }
1168                .pagination.general_style .page-link {
1169                    font-size: 12px !important;
1170                    font-family: ITC Avant Garde !important;
1171                    font-weight: 400 !important;
1172                    font-style: normal !important;
1173                    
1174                    color: #022d57 !important;
1175                    background-color:  !important;
1176                    border-color:  !important;
1177                }
1178                .pagination.general_style .page-link:hover {
1179                    color:  !important;
1180                    background-color:  !important;
1181                    border-color:  !important;
1182                }
1183                .pagination.general_style .page-item.active .page-link {
1184                    color: #ffffff !important;
1185                    background-color: #022d57 !important;
1186                    border-color: #022d57 !important;
1187                }
1188                input[type=checkbox].general_style {
1189                    accent-color: #003da5 !important;
1190                }
1191                .breadcrumb.general_style .breadcrumb-item a,
1192                .breadcrumb.general_style .breadcrumb-item {
1193                    font-size: 14px !important;
1194                    font-family: ITC Avant Garde !important;
1195                    font-weight:  !important;
1196                    font-style: normal !important;
1197                    
1198                    letter-spacing: px !important;
1199                    color: #000 !important;
1200                }
1201                .shapes-div .shapes-img.active {
1202                    background-color:  !important;
1203                    color:  !important;
1204                }
1205                                .input_general_style {
1206                    position: relative;
1207                }
1208                .input_general_style label {
1209                    width: auto !important;
1210                    position: absolute;
1211                    top: 50%;
1212                    left: 5px;
1213                    z-index: 1;
1214                    transform: translateY(-50%);
1215                    transform-origin: 0% 100%;
1216                    transition: all .2s ease-out;
1217                    padding: 0 10px;
1218                    margin: 0 !important;
1219                    cursor: text;
1220                    background: white;
1221                }
1222                .input_general_style label.active {
1223                    top: 0;
1224                    transform: translateY(-55%) scale(0.80);
1225                }
1226            
1227                .input_general_style input::placeholder {
1228                    color: transparent !important;
1229                }
1230                .input_general_style input {
1231                    font-size: 16px !important;
1232                    font-family: Berthold Akzidenz Grotesk !important;
1233                    font-weight:  !important;
1234                    font-style:  !important;
1235                    color:  !important;
1236                    background-color: white !important;
1237                    border-style: solid !important;
1238                    border-width: px !important;
1239                    border-radius: 0px !important;
1240                    border-color:  !important;
1241                }
1242                .input_general_style:hover input {
1243                    border-color:  !important;
1244                }
1245                .input_general_style input:-webkit-autofill,
1246                .input_general_style input:-webkit-autofill:hover,
1247                .input_general_style input:-webkit-autofill:focus,
1248                .input_general_style input:-webkit-autofill:active{
1249                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1250                }
1251                .input_general_style input:focus {
1252                    border-color: initial;
1253                    box-shadow: unset;
1254                }
1255                .input_general_style .toggle-password-visibility {
1256                    position: absolute;
1257                    right: 5px;
1258                    top: 50%;
1259                    transform: translateY(-50%);
1260                    border: 0;
1261                    background: transparent;
1262                }
1263                                .select_general_style {
1264                    position: relative;
1265                }
1266                .select_general_style label {
1267                    width: auto !important;
1268                    position: absolute;
1269                    top: 50%;
1270                    left: 5px;
1271                    transform: translateY(-50%);
1272                    transform-origin: 0% 100%;
1273                    transition: all .2s ease-out;
1274                    padding: 0 10px;
1275                    margin: 0 !important;
1276                    cursor: text;
1277                    background: white;
1278                }
1279                .select_general_style label.active {
1280                    top: 0;
1281                    transform: translateY(-55%) scale(0.80);
1282                }
1283
1284                .select_general_style select {
1285                    font-size: 16px !important;
1286                    font-family: Berthold Akzidenz Grotesk !important;
1287                    font-weight:  !important;
1288                    font-style:  !important;
1289                    color:  !important;
1290                    border-style: solid !important;
1291                    border-width: px !important;
1292                    border-radius: 0px !important;
1293                    border-color:  !important;
1294                    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important;
1295                    -webkit-appearance: none !important;
1296                    -moz-appearance: none !important;
1297                    appearance: none !important;
1298                }
1299                .select_general_style:hover select {
1300                    border-color:  !important;
1301                }
1302                .select_general_style select:focus {
1303                    border-color: initial;
1304                    box-shadow: unset;
1305                }
1306                .select_general_style select:-webkit-autofill,
1307                .select_general_style select:-webkit-autofill:hover,
1308                .select_general_style select:-webkit-autofill:focus,
1309                .select_general_style select:-webkit-autofill:active{
1310                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1311                }
1312                                .textarea_general_style {
1313                    position: relative;
1314                }
1315                .textarea_general_style label {
1316                    width: auto !important;
1317                    position: absolute;
1318                    top: 18px;
1319                    left: 5px;
1320                    transform: translateY(-50%);
1321                    transform-origin: 0% 100%;
1322                    transition: all .2s ease-out;
1323                    padding: 0 10px;
1324                    margin: 0 !important;
1325                    cursor: text;
1326                    background: white;
1327                }
1328                .textarea_general_style label.active {
1329                    top: 0;
1330                    transform: translateY(-55%) scale(0.80);
1331                }
1332
1333                .textarea_general_style textarea {
1334                    font-size: 16px !important;
1335                    font-family: Berthold Akzidenz Grotesk !important;
1336                    font-weight:  !important;
1337                    font-style:  !important;
1338                    color:  !important;
1339                    background-color: white !important;
1340                    border-style: solid !important;
1341                    border-width: px !important;
1342                    border-radius: 0px !important;
1343                    border-color:  !important;
1344                }
1345                .textarea_general_style:hover textarea {
1346                    border-color:  !important;
1347                }
1348                .textarea_general_style textarea:focus {
1349                    border-color: initial;
1350                    box-shadow: unset;
1351                }
1352                .textarea_general_style textarea:-webkit-autofill,
1353                .textarea_general_style textarea:-webkit-autofill:hover,
1354                .textarea_general_style textarea:-webkit-autofill:focus,
1355                .textarea_general_style textarea:-webkit-autofill:active{
1356                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1357                }
1358                }
1359            </style>            <style>
1360                @media (max-width: 767.9px) {
1361                
1362                .sc_payment_general_style {
1363                    font-size: 15px !important;
1364                    font-family: Berthold Akzidenz Grotesk !important;
1365                    font-weight: 500 !important;
1366                    font-style: normal !important;
1367                    
1368                    letter-spacing: px !important;
1369                    color: #022d57 !important;
1370                }
1371                h1.general_style, .h1_general_style {
1372                    font-size: px !important;
1373                    font-family: ITC Avant Garde !important;
1374                    font-weight: 400 !important;
1375                    font-style: normal !important;
1376                    
1377                    letter-spacing: px !important;
1378                    color: #022d57 !important;
1379                }
1380                h2.general_style, .h2_general_style {
1381                    font-size: px !important;
1382                    font-family: ITC Avant Garde !important;
1383                    font-weight: 400 !important;
1384                    font-style: normal !important;
1385                    
1386                    letter-spacing: px !important;
1387                    color: #022d57 !important;
1388                }
1389                h3.general_style, .h3_general_style {
1390                    font-size: px !important;
1391                    font-family: ITC Avant Garde !important;
1392                    font-weight: 400 !important;
1393                    font-style: normal !important;
1394                    
1395                    letter-spacing: px !important;
1396                    color: #022d57 !important;
1397                }
1398                h4.general_style, .h4_general_style {
1399                    font-size: px !important;
1400                    font-family: ITC Avant Garde !important;
1401                    font-weight: 400 !important;
1402                    font-style: normal !important;
1403                    
1404                    letter-spacing: px !important;
1405                    color: #022d57 !important;
1406                }
1407                h5.general_style, .h5_general_style {
1408                    font-size: px !important;
1409                    font-family: ITC Avant Garde !important;
1410                    font-weight: 300 !important;
1411                    font-style: normal !important;
1412                    
1413                    letter-spacing: px !important;
1414                    color: #022d57 !important;
1415                }
1416                h6.general_style, .h6_general_style {
1417                    font-size: px !important;
1418                    font-family: ITC Avant Garde !important;
1419                    font-weight: 400 !important;
1420                    font-style: normal !important;
1421                    
1422                    letter-spacing: px !important;
1423                    color: #022d57 !important;
1424                }
1425                p.general_style, .p_general_style {
1426                    font-size: px !important;
1427                    font-family: Berthold Akzidenz Grotesk !important;
1428                    font-weight:  !important;
1429                    font-style: normal !important;
1430                    
1431                    letter-spacing: px !important;
1432                    color:  !important;
1433                }
1434                .p2_general_style {
1435                    font-size: px !important;
1436                    font-family: Berthold Akzidenz Grotesk !important;
1437                    font-weight:  !important;
1438                    font-style: normal !important;
1439                    
1440                    letter-spacing: px !important;
1441                    color:  !important;
1442                }
1443                .p3_general_style {
1444                    font-size: px !important;
1445                    font-family: Berthold Akzidenz Grotesk !important;
1446                    font-weight:  !important;
1447                    font-style: normal !important;
1448                    
1449                    letter-spacing: px !important;
1450                    color:  !important;
1451                }
1452                .p4_general_style {
1453                    font-size: px !important;
1454                    font-family: Berthold Akzidenz Grotesk !important;
1455                    font-weight:  !important;
1456                    font-style: normal !important;
1457                    
1458                    letter-spacing: px !important;
1459                    color:  !important;
1460                }
1461                .p5_general_style {
1462                    font-size: px !important;
1463                    font-family: Berthold Akzidenz Grotesk !important;
1464                    font-weight:  !important;
1465                    font-style: normal !important;
1466                    
1467                    letter-spacing: px !important;
1468                    color:  !important;
1469                }
1470                .p6_general_style {
1471                    font-size: px !important;
1472                    font-family: Berthold Akzidenz Grotesk !important;
1473                    font-weight:  !important;
1474                    font-style: normal !important;
1475                    
1476                    letter-spacing: px !important;
1477                    color:  !important;
1478                }
1479                a.general_style, .a_general_style {
1480                    text-decoration:  !important;
1481                    color:  !important;
1482                }
1483                a.general_style:hover, .a_general_style:hover {
1484                    color:  !important;
1485                }
1486                label.general_style, .label_general_style {
1487                    font-size: px !important;
1488                    font-family: Berthold Akzidenz Grotesk !important;
1489                    font-weight:  !important;
1490                    font-style: normal !important;
1491                    
1492                    letter-spacing: px !important;
1493                    color:  !important;
1494                }
1495                button.general_style, .button_general_style {
1496                    font-size: 12px !important;
1497                    font-family: ITC Avant Garde !important;
1498                    font-weight: 400 !important;
1499                    font-style: normal !important;
1500                    
1501                    color: #ffffff !important;
1502                    background-color: #022d57 !important;
1503                    border-style: solid !important;
1504                    border-width: 1px !important;
1505                    border-radius: px !important;
1506                    border-color: #022d57 !important;
1507                }
1508                button.general_style:hover, .button_general_style:hover {
1509                    color:  !important;
1510                    background-color:  !important;
1511                    border-color:  !important;
1512                }
1513                .secondary_button_general_style {
1514                    font-size: 12px !important;
1515                    font-family: ITC Avant Garde !important;
1516                    font-weight: 400 !important;
1517                    font-style: normal !important;
1518                    
1519                    color: #022d57 !important;
1520                    background-color: #ffffff !important;
1521                    border-style: solid !important;
1522                    border-width: 1px !important;
1523                    border-radius: px !important;
1524                    border-color: #003da5 !important;
1525                }
1526                .secondary_button_general_style:hover {
1527                    color: #ffffff !important;
1528                    background-color: #003da5 !important;
1529                    border-color:  !important;
1530                }
1531                .reset_button_general_style {
1532                    font-size: px !important;
1533                    font-family: ITC Avant Garde !important;
1534                    font-weight:  !important;
1535                    font-style: normal !important;
1536                    
1537                    color:  !important;
1538                    background-color:  !important;
1539                    
1540                    border-width: px !important;
1541                    border-radius: px !important;
1542                    border-color:  !important;
1543                }
1544                .reset_button_general_style:hover {
1545                    color:  !important;
1546                    background-color:  !important;
1547                    border-color:  !important;
1548                }
1549                .search_box_general_style .sinps::placeholder {
1550                    font-size: 11px !important;
1551                    font-family: Berthold Akzidenz Grotesk !important;
1552                    color:  !important;
1553                }
1554                .search_box_general_style .sinps {
1555                    height: 100%;
1556                    font-size: 11px !important;
1557                    font-family: Berthold Akzidenz Grotesk !important;
1558                    font-weight: 400 !important;
1559                    font-style: normal !important;
1560                    color:  !important;
1561                    background-color:  !important;
1562                    border-style: solid !important;
1563                    border-width: 1px !important;
1564                    border-radius: px !important;
1565                    border-top-right-radius: 0 !important;
1566                    border-bottom-right-radius: 0 !important;
1567                    border-color: #022d57 !important;
1568                }
1569                .search_box_general_style .sinps:hover,
1570                .search_box_general_style .sinps:focus,
1571                .search_box_general_style .sinps:active {
1572                    background-color:  !important;
1573                }
1574                .search_box_general_style .sBtns {
1575                    height: 100%;
1576                    background-color: #022d57 !important;
1577                    border-style: solid !important;
1578                    border-width: 1px !important;
1579                    border-radius: px !important;
1580                    border-top-left-radius: 0 !important;
1581                    border-bottom-left-radius: 0 !important;
1582                    border-color: #022d57 !important;
1583                }
1584                .search_box_general_style .sBtns:hover,
1585                .search_box_general_style .sBtns:focus,
1586                .search_box_general_style .sBtns:active {
1587                    background-color: #022d57 !important;
1588                }
1589                .search_box_general_style .sBtns svg {
1590                    width: 11px !important;
1591                    height: 11px !important;
1592                }
1593                .search_box_general_style .sBtns path {
1594                    fill: #ffffff !important;
1595                }
1596                .search_box_general_style .sBtns:hover path,
1597                .search_box_general_style .sBtns:focus path,
1598                .search_box_general_style .sBtns:active path {
1599                    fill: #ffffff !important;
1600                }
1601                .search_box_general_style:hover .sinps,
1602                .search_box_general_style:focus .sinps,
1603                .search_box_general_style:active .sinps,
1604                .search_box_general_style:hover .sBtns,
1605                .search_box_general_style:focus .sBtns,
1606                .search_box_general_style:active .sBtns {
1607                    border-color: #022d57 !important;
1608                }
1609                svg.general_style, .svg_general_style {
1610                    fill: #003da5 !important;
1611                    stroke-width: .5 !important;
1612                    stroke: #003da5 !important;
1613                }
1614                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
1615                    color: #022d57 !important;
1616                    background: #ffffff !important;
1617                }
1618                .irs--big .irs-grid-text {
1619                    color: #022d57 !important;
1620                }
1621                .irs--big .irs-grid-pol {
1622                    background: #022d57 !important;
1623                }
1624                .irs--big .irs-bar {
1625                    border-color: #ffffff !important;
1626                    background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important;
1627                }
1628                .irs--big .irs-handle {
1629                    border-color: #B3B3B2;
1630                    background: linear-gradient(to bottom,  0%, #003da5 30%, #003da5 100%) !important;
1631                }
1632                .pagination.general_style .page-link {
1633                    font-size: 12px !important;
1634                    font-family: ITC Avant Garde !important;
1635                    font-weight: 400 !important;
1636                    font-style: normal !important;
1637                    
1638                    color: #022d57 !important;
1639                    background-color:  !important;
1640                    border-color:  !important;
1641                }
1642                .pagination.general_style .page-link:hover {
1643                    color:  !important;
1644                    background-color:  !important;
1645                    border-color:  !important;
1646                }
1647                .pagination.general_style .page-item.active .page-link {
1648                    color: #ffffff !important;
1649                    background-color: #022d57 !important;
1650                    border-color: #022d57 !important;
1651                }
1652                input[type=checkbox].general_style {
1653                    accent-color: #003da5 !important;
1654                }
1655                .breadcrumb.general_style .breadcrumb-item a,
1656                .breadcrumb.general_style .breadcrumb-item {
1657                    font-size: 14px !important;
1658                    font-family: ITC Avant Garde !important;
1659                    font-weight:  !important;
1660                    font-style: normal !important;
1661                    
1662                    letter-spacing: px !important;
1663                    color: #000 !important;
1664                }
1665                .shapes-div .shapes-img.active {
1666                    background-color:  !important;
1667                    color:  !important;
1668                }
1669                                .input_general_style {
1670                    position: relative;
1671                }
1672                .input_general_style label {
1673                    width: auto !important;
1674                    position: absolute;
1675                    top: 50%;
1676                    left: 5px;
1677                    z-index: 1;
1678                    transform: translateY(-50%);
1679                    transform-origin: 0% 100%;
1680                    transition: all .2s ease-out;
1681                    padding: 0 10px;
1682                    margin: 0 !important;
1683                    cursor: text;
1684                    background: white;
1685                }
1686                .input_general_style label.active {
1687                    top: 0;
1688                    transform: translateY(-55%) scale(0.80);
1689                }
1690            
1691                .input_general_style input::placeholder {
1692                    color: transparent !important;
1693                }
1694                .input_general_style input {
1695                    font-size: 16px !important;
1696                    font-family: Berthold Akzidenz Grotesk !important;
1697                    font-weight:  !important;
1698                    font-style:  !important;
1699                    color:  !important;
1700                    background-color: white !important;
1701                    border-style: solid !important;
1702                    border-width: px !important;
1703                    border-radius: 0px !important;
1704                    border-color:  !important;
1705                }
1706                .input_general_style:hover input {
1707                    border-color:  !important;
1708                }
1709                .input_general_style input:-webkit-autofill,
1710                .input_general_style input:-webkit-autofill:hover,
1711                .input_general_style input:-webkit-autofill:focus,
1712                .input_general_style input:-webkit-autofill:active{
1713                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1714                }
1715                .input_general_style input:focus {
1716                    border-color: initial;
1717                    box-shadow: unset;
1718                }
1719                .input_general_style .toggle-password-visibility {
1720                    position: absolute;
1721                    right: 5px;
1722                    top: 50%;
1723                    transform: translateY(-50%);
1724                    border: 0;
1725                    background: transparent;
1726                }
1727                                .select_general_style {
1728                    position: relative;
1729                }
1730                .select_general_style label {
1731                    width: auto !important;
1732                    position: absolute;
1733                    top: 50%;
1734                    left: 5px;
1735                    transform: translateY(-50%);
1736                    transform-origin: 0% 100%;
1737                    transition: all .2s ease-out;
1738                    padding: 0 10px;
1739                    margin: 0 !important;
1740                    cursor: text;
1741                    background: white;
1742                }
1743                .select_general_style label.active {
1744                    top: 0;
1745                    transform: translateY(-55%) scale(0.80);
1746                }
1747
1748                .select_general_style select {
1749                    font-size: 16px !important;
1750                    font-family: Berthold Akzidenz Grotesk !important;
1751                    font-weight:  !important;
1752                    font-style:  !important;
1753                    color:  !important;
1754                    border-style: solid !important;
1755                    border-width: px !important;
1756                    border-radius: 0px !important;
1757                    border-color:  !important;
1758                    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important;
1759                    -webkit-appearance: none !important;
1760                    -moz-appearance: none !important;
1761                    appearance: none !important;
1762                }
1763                .select_general_style:hover select {
1764                    border-color:  !important;
1765                }
1766                .select_general_style select:focus {
1767                    border-color: initial;
1768                    box-shadow: unset;
1769                }
1770                .select_general_style select:-webkit-autofill,
1771                .select_general_style select:-webkit-autofill:hover,
1772                .select_general_style select:-webkit-autofill:focus,
1773                .select_general_style select:-webkit-autofill:active{
1774                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1775                }
1776                                .textarea_general_style {
1777                    position: relative;
1778                }
1779                .textarea_general_style label {
1780                    width: auto !important;
1781                    position: absolute;
1782                    top: 18px;
1783                    left: 5px;
1784                    transform: translateY(-50%);
1785                    transform-origin: 0% 100%;
1786                    transition: all .2s ease-out;
1787                    padding: 0 10px;
1788                    margin: 0 !important;
1789                    cursor: text;
1790                    background: white;
1791                }
1792                .textarea_general_style label.active {
1793                    top: 0;
1794                    transform: translateY(-55%) scale(0.80);
1795                }
1796
1797                .textarea_general_style textarea {
1798                    font-size: 16px !important;
1799                    font-family: Berthold Akzidenz Grotesk !important;
1800                    font-weight:  !important;
1801                    font-style:  !important;
1802                    color:  !important;
1803                    background-color: white !important;
1804                    border-style: solid !important;
1805                    border-width: px !important;
1806                    border-radius: 0px !important;
1807                    border-color:  !important;
1808                }
1809                .textarea_general_style:hover textarea {
1810                    border-color:  !important;
1811                }
1812                .textarea_general_style textarea:focus {
1813                    border-color: initial;
1814                    box-shadow: unset;
1815                }
1816                .textarea_general_style textarea:-webkit-autofill,
1817                .textarea_general_style textarea:-webkit-autofill:hover,
1818                .textarea_general_style textarea:-webkit-autofill:focus,
1819                .textarea_general_style textarea:-webkit-autofill:active{
1820                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1821                }
1822                }
1823            </style><header class="appearance-desktop-view-template">    
1824    
1825    
1826        
1827        <style>
1828            .header_container>.flex_row {
1829                display: flex;
1830            }
1831
1832            .header_container_1 {
1833                            width: 100%;
1834                                        max-width: 100%;
1835                            margin: 0 auto;
1836                position: relative !important;
1837                transform: inherit !important;
1838            }
1839            .header_container>.flex_row>.flex_col {
1840                display: flex;
1841                flex-wrap: wrap;
1842                box-sizing: border-box;
1843                align-content: baseline;
1844            }
1845            .header_container>.flex_row>.flex_col>.flex_cell {
1846                height: fit-content;
1847                display: flex;
1848            }
1849            .header_container>.flex_row>.flex_col>.flex_cell a {
1850                text-decoration: none;
1851            }
1852            .header_container img {
1853                max-width: 100%;
1854            }
1855            .row_spacer_cs {
1856                display: none;
1857            }
1858            .sticky_row {
1859                position: fixed;
1860            }
1861            .sticky_row + .row_spacer_cs {
1862                display: block;
1863            }
1864        </style>
1865
1866        <div class="header_container header_container_1" data-device-type="1">
1867
1868            
1869                
1870                <div class="flex_row flex_row_1 ">
1871
1872                    
1873                        <div class="flex_col flex_col_1">
1874
1875                            
1876                        </div>
1877
1878                        <style>
1879                            .header_container_1>.flex_row_1>.flex_col_1 {
1880                            width:2%;                            }
1881                        </style>
1882
1883
1884                    
1885                        <div class="flex_col flex_col_2">
1886
1887                            
1888<div class="flex_cell flex_cell_1 call_us">
1889            <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
1889<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>219-322-2700</span></a></div>    </div>
1890<style>
1891    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us {
1892        width:px;        justify-content:left; -webkit-justify-content:left;        align-items:center; -webkit-align-items:center;    }
1893
1894            .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us {
1895        height:100%;        }
1896    
1897    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content {
1898        display: flex;
1899        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
1900
1901    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a {
1902        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:12px;        font-family:ITC Avant Garde;        display: flex;
1903        align-items: center;
1904        text-transform:none;    }
1905
1906    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg,
1907    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img {
1908        margin-right: 5px;
1909        height:11px;    }
1910
1911    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class {
1912        fill: currentColor;
1913    }
1914
1915
1916    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover {
1917    color:#ffffff;    }
1918</style>
1919<div class="flex_cell flex_cell_2 custom_text">
1920    <div class="flex_cell_content">
1921                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" target="_blank">
1922                    <p class="">Request An Appointment →</p>
1923                </a>
1924            </div>
1925</div>
1926<style>
1927    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text {
1928    width:px;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
1929
1930            .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text {
1931        height:100%;        }
1932    
1933    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content {
1934    display: flex;
1935    margin-top:10px;    margin-bottom:10px;    margin-left:20px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1936
1937    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p {
1938    line-height: inherit;
1939    margin:0;
1940    text-align:left;    color:#ffffff;    font-weight:300;    font-style:normal;            font-size:12px;font-family:ITC Avant Garde;    text-transform:none;    text-decoration:none;    }
1941
1942    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p:hover {
1943    color:#ffffff;    }
1944</style>
1945
1946                        </div>
1947
1948                        <style>
1949                            .header_container_1>.flex_row_1>.flex_col_2 {
1950                            width:28%;                            }
1951                        </style>
1952
1953
1954                    
1955                        <div class="flex_col flex_col_3">
1956
1957                            
1958                        </div>
1959
1960                        <style>
1961                            .header_container_1>.flex_row_1>.flex_col_3 {
1962                            width:2%;                            }
1963                        </style>
1964
1965
1966                    
1967                        <div class="flex_col flex_col_4">
1968
1969                            
1970<div class="flex_cell flex_cell_1 custom_text">
1971    <div class="flex_cell_content">
1972                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/best-sellers" >
1973                    <p class="">Spend $200 or more for FREE 2-Day Shipping! Free In-Store Pickup!</p>
1974                </a>
1975            </div>
1976</div>
1977<style>
1978    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text {
1979    width:100%;    justify-content:center;
1979 -webkit-justify-content:center;    align-items:center; -webkit-align-items:center;    }
1980
1981            .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text {
1982        height:100%;        }
1983    
1984    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content {
1985    display: flex;
1986    margin-top:13px;    margin-bottom:13px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1987
1988    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p {
1989    line-height: inherit;
1990    margin:0;
1991    text-align:center;    color:#ffffff;    font-weight:300;    font-style:normal;            font-size:12px;font-family:ITC Avant Garde;    text-transform:none;    text-decoration:none;    }
1992
1993    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p:hover {
1994    color:#ffffff;    }
1995</style>
1996
1997                        </div>
1998
1999                        <style>
2000                            .header_container_1>.flex_row_1>.flex_col_4 {
2001                            width:36%;                            }
2002                        </style>
2003
2004
2005                    
2006                        <div class="flex_col flex_col_5">
2007
2008                            
2009<div class="flex_cell flex_cell_1 sl_element">
2010        <div class="flex_cell_content"><a class="fas-store " href="javascript:" title="Store Locator"><svg class="store-locator-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 64 64"><path d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"/></svg><span class="sl-selected-store"></span></a></div>    </div>
2011<style>
2012    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element {
2013    width:100%;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
2014
2015        .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element {
2016        }
2017    
2018    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element>.flex_cell_content {
2019        display: flex;
2020    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
2021
2022    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a {
2023    color:#022d57;        font-style:normal;            font-size:px;    font-family:Arial;        display: flex;
2024        align-items: center;
2025    text-transform:none;    }
2026
2027    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a svg,
2028    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a img {
2029        margin-right: 5px;
2030    height:16px;    }
2031
2032    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a .path_class {
2033        fill: currentColor;
2034    }
2035
2036
2037    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a:hover {
2038    color:#022d57;    }
2039</style>
2040
2041                        </div>
2042
2043                        <style>
2044                            .header_container_1>.flex_row_1>.flex_col_5 {
2045                            width:20%;                            }
2046                        </style>
2047
2048
2049                    
2050                        <div class="flex_col flex_col_6">
2051
2052                            
2053<div class="flex_cell flex_cell_1 account_icons">
2054    <div class="flex_cell_content">
2055        
2056                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1">
2057                <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>
2057                                                <span class="item-count-badge wishlist-count-badge d-none"></span>
2058                            </a>
2059        
2060                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
2061                <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg>                                                <span class="item-count-badge build-shopping-cart-item-counter d-none"></span>
2062                            </a>
2063        
2064        
2065                                    <a class="" href="/login" title="My Account" style="order: 3">
2066                    <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg>                                    </a>
2067                        </div>
2068</div>
2069
2070<style>
2071    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons {
2072        width:100%;                                    justify-content: flex-end;
2073                            align-items:center; -webkit-align-items:center;    }
2074
2075            .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons {
2076        height:100%;        }
2077    
2078    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons>.flex_cell_content {
2079    display: flex;
2080    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
2081
2082    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
2083        display: none !important;
2084    }
2085
2086    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a {
2087        display: flex;
2088        align-items: center;
2089        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:15px;        font-family:Libre Baskerville;        margin-left: 12px;
2090        text-transform:none;    }
2091
2092    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a svg,
2093    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a img {
2094        flex-shrink: 0;
2095        margin-right: 5px;
2096        width:14px;        height:14px;    }
2097
2098    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .path_class {
2099        fill: currentColor;
2100    }
2101
2102    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a:hover {
2103        color:#ffffff;    }
2104
2105    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .item-count-badge {
2106        padding: 0 5px;
2107        height: 16px;
2108        min-width: 16px;
2109        text-align: center;
2110        border-radius: 7px;
2111        line-height: 16px;
2112        border: 1px solid #fff;
2113        font-style: normal;
2114        font-weight: 700;
2115        font-size: 10px;
2116        background-color:#cdb877;        color:#ffffff;        margin-left: -10px;
2117        margin-top: -15px;
2118    }
2119</style>
2120                        </div>
2121
2122                        <style>
2123                            .header_container_1>.flex_row_1>.flex_col_6 {
2124                            width:10%;                            }
2125                        </style>
2126
2127
2128                    
2129                        <div class="flex_col flex_col_7">
2130
2131                            
2132                        </div>
2133
2134                        <style>
2135                            .header_container_1>.flex_row_1>.flex_col_7 {
2136                            width:2%;                            }
2137                        </style>
2138
2139
2140                    
2141                </div>
2142
2143                
2144                <style>
2145    .header_container_1>.flex_row_1 {
2146                    background-color: #022d57;
2147        
2148        color:#000000;        height:auto;                
2149        
2150            }
2151
2152    </style>
2153
2154
2155                                
2156            
2157                
2158                <div class="flex_row flex_row_2 ">
2159
2160                    
2161                        <div class="flex_col flex_col_1">
2162
2163                            <div class="flex_cell flex_cell_1 line">
2164            <div class="s_line"></div>
2165    </div>
2166
2167<style>
2168    .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 {
2169        width: 100%;
2170        justify-content:center;
2170 -webkit-justify-content:center;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2171
2172    
2173    .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
2174        background-color:#ffffff;        border-style: solid;
2175                width:100%;        border-radius:0px;        border-width:0px;        border-color:#000000;    }
2176
2177</style>
2178                        </div>
2179
2180                        <style>
2181                            .header_container_1>.flex_row_2>.flex_col_1 {
2182                            width:100%;                            }
2183                        </style>
2184
2185
2186                    
2187                </div>
2188
2189                
2190                <style>
2191    .header_container_1>.flex_row_2 {
2192                    background-color: #ffffff;
2193        
2194        color:#000000;        height:20px;                
2195        
2196            }
2197
2198    </style>
2199
2200
2201                                
2202            
2203                
2204                <div class="flex_row flex_row_3 ">
2205
2206                    
2207                        <div class="flex_col flex_col_1">
2208
2209                            
2210                        </div>
2211
2212                        <style>
2213                            .header_container_1>.flex_row_3>.flex_col_1 {
2214                            width:2%;                            }
2215                        </style>
2216
2217
2218                    
2219                        <div class="flex_col flex_col_2">
2220
2221                            <div class="flex_cell flex_cell_1 menu">
2222    <div class="flex_cell_content">
2223            <style>
2224            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner,
2225            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-parent {
2226                width: 30px;
2227                height: 24px;
2228                position: relative;
2229                cursor: pointer;
2230            }
2231            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
2232                fill: #022d57;            }
2233
2234            
2235            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-nav-section,
2236            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-close-button{
2237            color:#000000;                display: flex;
2238            font-weight:400;            font-style:normal;                        font-size:15px;            font-family:ITC Avant Garde;            text-transform:none;                        line-height:48px;            }
2239        </style>
2240
2241        <div id="desktop_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="desktop_hamburger_menu_template">
2242            <div class="hamburger-button-parent">
2243               <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
2244                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
2245                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
2246                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
2247                </svg>
2248
2249
2250            </div>
2251                    </div>
2252        </div>
2253</div>
2254
2255<style>
2256    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu {
2257        width:100%;                                    justify-content: flex-start;
2258                            align-items:center; -webkit-align-items:center;    }
2259
2260            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu {
2261        height:100%;        }
2262    
2263    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content {
2264        display: flex;
2265        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2266
2267    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
2268    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
2269        color:#000000; display: flex;
2270        font-weight:400;        font-style:normal;                font-size:15px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:48px;    }
2271
2272    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
2273        color:#000000;    }
2274</style>
2275                        </div>
2276
2277                        <style>
2278                            .header_container_1>.flex_row_3>.flex_col_2 {
2279                            width:5%;                            }
2280                        </style>
2281
2282
2283                    
2284                        <div class="flex_col flex_col_3">
2285
2286                            
2287
2288<div class="flex_cell flex_cell_1 image">
2289    <div class="flex_cell_content">
2290
2291            <a href="https://www.albertsjewelers.com/"
2292           >
2293    
2294        
2295            <img
2296                height="100px"                width="200px"
2297                
2298                src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"
2299
2300                alt="Abert&#039;s Diamond Jewelers">
2301
2302        
2303            </a>
2304    
2305    </div>
2306</div>
2307    <style>
2308                .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image {
2309        width:100%;        justify-content:left;
2309 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
2310        .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image>.flex_cell_content {
2311        display: flex;
2312        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2313        .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image img {
2314        max-width:180px;        }
2315        
2316                .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image {
2317        height:100%;        }
2318            </style>
2319
2320
2321                        </div>
2322
2323                        <style>
2324                            .header_container_1>.flex_row_3>.flex_col_3 {
2325                            width:24%;                            }
2326                        </style>
2327
2328
2329                    
2330                        <div class="flex_col flex_col_4">
2331
2332                            
2333<div class="flex_cell flex_cell_1 search_box">
2334    <div class="flex_cell_content">
2335                    <form class="sform" id="search-box-form"
2336            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
2337                    <div class="inputs-group">
2338                                    <button class="sBtn">
2339                        <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg>
2340                    </button>
2341                                <input class="sinp" type="text" name="search"
2342                       placeholder="Watches, Jewelry, Rings..." 
2343                       aria-label="Watches, Jewelry, Rings..."
2344                       >
2345                            </div>
2346                    </form>
2347            </div>
2348</div>
2349<style>
2350    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box {
2351        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
2352
2353            .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box {
2354        height:100%;        }
2355    
2356    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content {
2357        display: flex;
2358        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        width:75%;    }
2359
2360    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sform, .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .inputs-group {
2361        width: 100%;
2362        display: flex;
2363        flex-wrap: nowrap;
2364    }
2365
2366    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp {
2367        border-radius: 0px;
2368        padding: 4px 8px;
2369        outline: 0px;
2370        box-shadow: none;
2371        font-size:12px;        font-family:Libre Baskerville;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;        
2372        
2373       
2374                border-style: solid;
2375        border-width:1px;        border-color:#ffffff;        
2376
2377                    border-left:0px;
2378                        width: 100%;        
2379        
2380                border-bottom-color:#022d57;    }
2381
2382    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp:hover {
2383            }
2384
2385    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp::placeholder {
2386        font-size:12px;        font-family:Libre Baskerville;        color:#022d57;        opacity: 1;
2387    }
2388
2389    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn {
2390        height: 100%;
2391        border-radius: 0px;
2392        padding: 4px;
2393        align-items: center;
2394        justify-content: center;
2395        display: flex;
2396        border-style: solid;
2397        border-width:1px;        border-color:#ffffff;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;                                    border-right:0px;
2398                            
2399            }
2400
2401    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover {
2402        background-color:#ffffff;            }
2403
2404    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn svg {
2405        width:11px;        height:11px;    }
2406
2407    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn .path_class {
2408        fill:#022d57;    }
2409
2410    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class {
2411        fill:#022d57;    }
2412
2413</style>
2414                        </div>
2415
2416                        <style>
2417                            .header_container_1>.flex_row_3>.flex_col_4 {
2418                            width:37%;                            }
2419                        </style>
2420
2421
2422                    
2423                        <div class="flex_col flex_col_5">
2424
2425                            
2426
2427<div class="flex_cell flex_cell_1 image">
2428    <div class="flex_cell_content">
2429
2430            <a href="https://www.albertsjewelers.com/david-yurman"
2431           >
2432    
2433        
2434            <img
2435                height="65px"                width="140px"
2436                
2437                src="https://www.albertsjewelers.com/public/1.0/uploads/source/dy_widget.jpg"
2438
2439                alt="David Yurman Logo">
2440
2441        
2442            </a>
2443    
2444    </div>
2445</div>
2446    <style>
2447                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image {
2448        width:140px;        justify-content:center; -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
2449        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image>.flex_cell_content {
2450        display: flex;
2451        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2452        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image img {
2453                }
2454        
2455                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image {
2456        height:100%;        }
2457            </style>
2458
2459
2460
2461<div class="flex_cell flex_cell_2 image">
2462    <div class="flex_cell_content">
2463
2464            <a href="https://www.albertsjewelers.com/breitling"
2465           target="_blank" rel="noopener noreferrer">
2466    
2467        
2468            <img
2469                height="65px"                width="140px"
2470                
2471                src="https://www.albertsjewelers.com/public/1.0/uploads/source/breitling_plaque.jpg"
2472
2473                alt="Breitling">
2474
2475        
2476            </a>
2477    
2478    </div>
2479</div>
2480    <style>
2481                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image {
2482        width:140px;        justify-content:right; -webkit-justify-content:right;                align-items:center; -webkit-align-items:center;        }
2483        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image>.flex_cell_content {
2484        display: flex;
2485        margin-top:px;        margin-bottom:px;        margin-left:5px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2486        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image img {
2487                }
2488        
2489                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image {
2490        height:100%;        }
2491            </style>
2492
2493
2494                        </div>
2495
2496                        <style>
2497                            .header_container_1>.flex_row_3>.flex_col_5 {
2498                            width:30%;                            }
2499                        </style>
2500
2501
2502                    
2503                        <div class="flex_col flex_col_6">
2504
2505                            
2506                        </div>
2507
2508                        <style>
2509                            .header_container_1>.flex_row_3>.flex_col_6 {
2510                            width:2%;                            }
2511                        </style>
2512
2513
2514                    
2515                </div>
2516
2517                
2518                <style>
2519    .header_container_1>.flex_row_3 {
2520                    background-color: #ffffff;
2521        
2522        color:#000000;        height:auto;                
2523        
2524            }
2525
2526    </style>
2527
2528
2529                                
2530            
2531                
2532                <div class="flex_row flex_row_4 ">
2533
2534                    
2535                        <div class="flex_col flex_col_1">
2536
2537                            
2538                        </div>
2539
2540                        <style>
2541                            .header_container_1>.flex_row_4>.flex_col_1 {
2542                            width:100%;                            }
2543                        </style>
2544
2545
2546                    
2547                </div>
2548
2549                
2550                <style>
2551    .header_container_1>.flex_row_4 {
2552                    background-color: #ffffff;
2553        
2554        color:#000000;        height:17px;                
2555        
2556            }
2557
2558    </style>
2559
2560
2561                                
2562            
2563            
2564                
2565                    <div class="flex_row">
2566
2567                        
2568                            <div class="flex_col">
2569
2570                                
2571                            </div>
2572                        
2573                            <div class="flex_col">
2574
2575                                
2576                            </div>
2577                        
2578                            <div class="flex_col">
2579
2580                                
2581                            </div>
2582                        
2583                            <div class="flex_col">
2584
2585                                
2586                            </div>
2587                        
2588                            <div class="flex_col">
2589
2590                                
2591                            </div>
2592                        
2593                            <div class="flex_col">
2594
2595                                
2596                            </div>
2597                        
2598                            <div class="flex_col">
2599
2600                                
2601                            </div>
2602                        
2603                    </div>
2604                
2605            
2606                
2607                    <div class="flex_row">
2608
2609                        
2610                            <div class="flex_col">
2611
2612                                
2613                            </div>
2614                        
2615                    </div>
2616                
2617            
2618                
2619                    <div class="flex_row">
2620
2621                        
2622                            <div class="flex_col">
2623
2624                                
2625                            </div>
2626                        
2627                            <div class="flex_col">
2628
2629                                <div class="flex_cell flex_cell_1 menu">
2630    <style>
2631        body.no-scroll {
2632            overflow: hidden;
2633        }
2634        #desktop_hamburger_menu_template {
2635            position: fixed;
2636            top: 0;
2637            left: 0;
2638            width: 425px;
2639            overflow-y: auto;
2640            left: -425px;
2641            z-index: 1000000001;
2642            background-color: #ffffff;
2643            transition: all 0.3s ease;
2644            height: 100%;
2645            max-height: 100vh;
2646            -webkit-overflow-scrolling: touch;
2647            box-sizing: border-box;
2648        }
2649        #desktop_hamburger_menu_template_overlay.open {
2650            position: absolute;
2651            top: 0;
2652            left: 0;
2653            right: 0;
2654            z-index: 100;
2655            transition: all 0.3s ease;
2656            height: 100vh;
2657            background: rgba(1, 1, 1, 0.5);
2658            cursor: pointer;
2659            box-sizing: border-box;
2660        }
2661        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m {
2662            height: 100vh;
2663            overflow-y: auto;
2664            -webkit-overflow-scrolling: touch;
2665            box-sizing: border-box;
2666            padding-right: 30px;
2667        }
2668        
2669        /* Applies to your scrollable element */
2670        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m,
2671        #desktop_hamburger_menu_template .sub-menu-panel {
2672          /* existing styles */
2673          overflow-y: auto;
2674          scroll-behavior: smooth;
2675
2676          /* Optional smoother experience on mobile */
2677          -webkit-overflow-scrolling: touch;
2678        }
2679
2680        /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */
2681        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar,
2682        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar {
2683          width: 8px;
2684        }
2685
2686        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track,
2687        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track {
2688          background: #f0f0f0; /* Light background */
2689          border-radius: 4px;
2690        }
2691        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb,
2692        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb {
2693          background-color: #ccc;
2694          border-radius: 4px;
2695          border: 2px solid #f0f0f0; /* Matches track */
2696        }
2697        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
2698        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover {
2699          background-color: #999;
2700        }
2701
2702        /* Firefox scrollbar styling */
2703        @supports (scrollbar-color: auto) {
2704            #desktop_hamburger_menu_template .hamburger-menu-template-inner-m,
2705          #desktop_hamburger_menu_template .sub-menu-panel {
2706            scrollbar-width: thin;
2707            scrollbar-color: #ccc #f0f0f0; /* thumb and track */
2708          }
2709        }
2710        #desktop_hamburger_menu_template .hamburger-menu-template-inner {
2711            padding: 30px;
2712            width: 425px;
2713            padding-right: 0px;
2714            position: fixed;
2715            box-sizing: border-box;
2716        }
2717        #desktop_hamburger_menu_template .hamburger-menu-close-button {
2718            font-size: 14px !important;
2719            display: flex;
2720            align-items: center;
2721            margin-bottom: 20px;
2722        }
2723        #desktop_hamburger_menu_template .hamburger-menu-close-button svg {
2724            height: 24px;
2725            margin-right: 5px;
2726        }
2727        #desktop_hamburger_menu_template .hamburger-menu-nav-section {
2728            display: flex;
2729            justify-content: space-between;
2730            align-items: center;
2731            box-sizing: border-box;
2732        }
2733        #desktop_hamburger_menu_template .sub_title_m {
2734            color: #444;
2735            text-transform: uppercase;
2736            font-weight: 400;
2737            font-size: 14px;
2738            margin-top: 30px;
2739            margin-bottom: 30px;
2740            letter-spacing: 2px;
2741            display:flex;
2742        }
2743        #desktop_hamburger_menu_template .hamburger-menu-nav-section svg {
2744            height: 20px;
2745            float: right;
2746        }
2747        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{
2748            text-decoration: underline;
2749        }
2750        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{
2751            min-width:30px;
2752            justify-content: end;
2753        }
2754        #desktop_hamburger_menu_template .icon_and_name {
2755            display:flex;
2756            align-items:center;
2757            gap:10px;
2758        }
2759        #desktop_hamburger_menu_template .ham_menu_container {
2760            display:flex;
2761            justify-content: space-between;
2762        }
2763        #desktop_hamburger_menu_template.open {
2764            left: 0;
2765            
2766        }        
2767        #desktop_hamburger_menu_template .sub-menu-panel {
2768            padding: 30px;
2769            padding-top: 60px;
2770            position: absolute;
2771            top: 0;
2772            left: 425px;
2773            width: 425px;
2774            height: 100vh;
2775            background-color: #fff;
2776            overflow-y: auto;
2777            z-index: 999999;
2778            opacity: 0;
2779            transition: opacity 0.5s ease;
2780        }
2781
2782        #desktop_hamburger_menu_template .sub-menu-panel.open {       
2783            opacity: 1;
2784            z-index: 9999999;
2785        }
2786         
2787        
2788        
2789        #desktop_hamburger_menu_template a.hamburger-menu-nav-section,
2790        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
2791        #desktop_hamburger_menu_template a.hamburger-menu-close-button,
2792        #desktop_hamburger_menu_template button.hamburger-menu-close-button {
2793            position: relative;
2794        color:#000000;            display: flex;
2795        font-weight:400;        font-style:normal;                font-size:15px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:48px;        }
2796        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
2797        #desktop_hamburger_menu_template button.hamburger-menu-close-button {
2798            background: none;
2799            border: none;
2800            padding: 0;
2801            cursor: pointer;
2802            width: 100%;
2803        }
2804        /* this is not working in dash */
2805        #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover, 
2806        #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover,
2807        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active,
2808        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active
2809        {
2810            color: #000;
2811        }
2812        #desktop_hamburger_menu_template a.hamburger-menu-nav-section::after,
2813        #desktop_hamburger_menu_template button.hamburger-menu-nav-section::after {
2814            content: "";
2815            position: absolute;
2816            left: 0;
2817            bottom: 0;
2818            width: 0%;
2819            height: 0.5px;
2820            background-color: #000;
2821            transition: width 0.5s ease;
2822        }
2823        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
2824        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active::after {
2825            width: 100%;
2826        }
2827
2828        #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover::after,
2829        #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover::after {
2830            width: 100%;
2831        }
2832        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
2833            display: none;
2834            padding: 15px 0px;
2835            padding-left: 20px;
2836            background: #fff;
2837        }
2838        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
2839            display: block;
2840            padding-top:2px;
2841        }        
2842        
2843        #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img,
2844        #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img {
2845                            height:25px;
2846                    }
2847        @media (min-width: 768px) {             
2848            .hide_desktop {
2849                display:none!important;
2850            }
2851        }
2852        
2853        @media (max-width: 767.9px) {            
2854            .hide_mobile {
2855                display:none!important;
2856            }
2857            #desktop_hamburger_menu_template .sub_title_m svg {
2858                height: 20px;
2859                transform: rotate(180deg);
2860            }
2861            #desktop_hamburger_menu_template .sub_title_m {
2862                align-items: center;
2863                gap: 8px;
2864                cursor: pointer;
2865            }
2866            #desktop_hamburger_menu_template {
2867                position: fixed;
2868                top: 0;
2869                left: 0;
2870                width: 100%;
2871                overflow-y: auto;
2872                left: -100%;
2873                z-index: 9999998;
2874                background-color: #ffffff;
2875                transition: all 0.3s ease;
2876                height: 100%;
2877                max-height: 100vh;
2878                -webkit-overflow-scrolling: touch;
2879                box-sizing: border-box;
2880            }
2881        
2882            #desktop_hamburger_menu_template .sub-menu-panel {
2883                padding: 30px;
2884                padding-top: 30px;
2885                padding-bottom: 100px;
2886                position: absolute;
2887                top: 0;
2888                left: 200%;
2889                width: 100%;
2890                height: 100vh;
2891                background-color: #fff;
2892                overflow-y: auto;
2893                z-index: -1;
2894                opacity: 1;
2895                transition: 0.5s ease;
2896                box-sizing: border-box;
2897            }
2898            #desktop_hamburger_menu_template .sub-menu-panel.open {       
2899                opacity: 1;
2900                left: 0px;
2901                z-index: 9999999;
2902            }
2903            
2904            #desktop_hamburger_menu_template .hamburger-menu-template-inner {
2905                width: 100%;
2906            }
2907            
2908            
2909        }
2910        
2911        
2912       
2913    </style>
2914
2915    <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
2916        
2917        <div class="hamburger-menu-template-inner">
2918            <div class="hamburger-menu-template-inner-m">
2919                        <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="desktop_hamburger_close_button" role="button">
2920                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg>
2921            </a>
2922            
2923            <div class="script_before_menu">
2924                                
2925
2926<div class="flex_cell flex_cell_1 image">
2927    <div class="flex_cell_content">
2928
2929    
2930        
2931            <img
2932                                
2933                
2934                src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png"
2935
2936                alt="Albert&#039;s Jewelers">
2937
2938        
2939    
2940    </div>
2941</div>
2942    <style>
2943                .header_container_1 .flex_row .flex_col .script_before_menu .image {
2944        width:100%;        justify-content:left !important;                align-items:center !important;        }
2945        .header_container_1 .flex_row .flex_col .script_before_menu .image>.flex_cell_content {
2946        display: flex;
2947        margin-top:px !important;        margin-bottom:px !important;        margin-left:px !important;        margin-right:px !important;        padding-top:px !important;        padding-bottom:px !important;        padding-left:px !important;        padding-right:px !important;        }
2948        .header_container_1 .flex_row .flex_col .script_before_menu .image img {
2949        max-width:180px;        }
2950        
2951                .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image {
2952                }
2953            </style>
2954
2955                            </div>
2956            <div style="clear: both"></div>
2957                                                                                                                        
2958                    
2959                                                <a style="margin-top:25px"
2960                           class="hamburger-menu-nav-section " 
2961                           title="New Arrivals" 
2962                           href="#!" >
2963                            
2964                        <span class="icon_and_name">
2965                        
2966                            New Arrivals                        </span>
2967                            
2968                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
2969                        
2970                        </a>
2971                                            
2972
2973                    
2974                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-216">
2975                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2976                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2977  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
2978</svg>
2979
2980                            New Arrivals                        
2981                        </div>
2982                        <div class="sub_title_m hide_mobile">New Arrivals</div>
2983                        
2984                        
2985                            <!-- desktop_hamburger_menu_216_start -->
2986                            <div id="desktop_hamburger_menu_216"></div>
2987                            <!-- desktop_hamburger_menu_216_end -->
2988                                            </div>
2989
2990                                        
2991                    
2992                                                <a style="margin-top:25px"
2993                           class="hamburger-menu-nav-section " 
2994                           title="Engagement Rings" 
2995                           href="#!" >
2996                            
2997                        <span class="icon_and_name">
2998                        
2999                            Engagement Rings                        </span>
3000                            
3001                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
3002                        
3003                        </a>
3004                                            
3005
3006                    
3007                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-6">
3008                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3009                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3010  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
3011</svg>
3012
3013                            Engagement Rings                        
3014                        </div>
3015                        <div class="sub_title_m hide_mobile">Engagement Rings</div>
3016                        
3017                        
3018                            <!-- desktop_hamburger_menu_6_start -->
3019                            <div id="desktop_hamburger_menu_6"></div>
3020                            <!-- desktop_hamburger_menu_6_end -->
3021                                            </div>
3022
3023                            
3024                    
3025                                                <a style=""
3026                           class="hamburger-menu-nav-section " 
3027                           title="Wedding Bands" 
3028                           href="#!" >
3029                            
3030                        <span class="icon_and_name">
3031                        
3032                            Wedding Bands                        </span>
3033                            
3034                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
3035                        
3036                        </a>
3037                                            
3038
3039                    
3040                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-12">
3041                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3042                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3043  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
3044</svg>
3045
3046                            Wedding Bands                        
3047                        </div>
3048                        <div class="sub_title_m hide_mobile">Wedding Bands</div>
3049                        
3050                        
3051                            <!-- desktop_hamburger_menu_12_start -->
3052                            <div id="desktop_hamburger_menu_12"></div>
3053                            <!-- desktop_hamburger_menu_12_end -->
3054                                            </div>
3055
3056                            
3057                    
3058                                                <a style=""
3059                           class="hamburger-menu-nav-section " 
3060                           title="Diamonds" 
3061                           href="#!" >
3062                            
3063                        <span class="icon_and_name">
3064                        
3065                            Diamonds                        </span>
3066                            
3067                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
3068                        
3069                        </a>
3070                                            
3071
3072                    
3073                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-11">
3074                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3075                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3076  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
3077</svg>
3078
3079                            Diamonds                        
3080                        </div>
3081                        <div class="sub_title_m hide_mobile">Diamonds</div>
3082                        
3083                        
3084                            <!-- desktop_hamburger_menu_11_start -->
3085                            <div id="desktop_hamburger_menu_11"></div>
3086                            <!-- desktop_hamburger_menu_11_end -->
3087                                            </div>
3088
3089                            
3090                    
3091                                                <a style="margin-top:20px"
3092                           class="hamburger-menu-nav-section " 
3093                           title="Designers " 
3094                           href="#!" >
3095                            
3096                        <span class="icon_and_name">
3097                        
3098                            Designers                         </span>
3099                            
3100                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
3101                        
3102                        </a>
3103                                            
3104
3105                    
3106                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-72">
3107                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3108                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3109  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
3110</svg>
3111
3112                            Designers                         
3113                        </div>
3114                        <div class="sub_title_m hide_mobile">Designers </div>
3115                        
3116                        
3117                            <!-- desktop_hamburger_menu_72_start -->
3118                            <div id="desktop_hamburger_menu_72"></div>
3119                            <!-- desktop_hamburger_menu_72_end -->
3120                                            </div>
3121
3122                            
3123                    
3124                                                <a style=""
3125                           class="hamburger-menu-nav-section " 
3126                           title="Fine Jewelry" 
3127                           href="#!" >
3128                            
3129                        <span class="icon_and_name">
3130                        
3131                            Fine Jewelry                        </span>
3132                            
3133                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
3134                        
3135                        </a>
3136                                            
3137
3138                    
3139                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-16">
3140                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3141                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3142  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
3143</svg>
3144
3145                            Fine Jewelry                        
3146                        </div>
3147                        <div class="sub_title_m hide_mobile">Fine Jewelry</div>
3148                        
3149                        
3150                            <!-- desktop_hamburger_menu_16_start -->
3151                            <div id="desktop_hamburger_menu_16"></div>
3152                            <!-- desktop_hamburger_menu_16_end -->
3153                                            </div>
3154
3155                            
3156                    
3157                                                <a style=""
3158                           class="hamburger-menu-nav-section " 
3159                           title="Timepieces" 
3160                           href="#!" >
3161                            
3162                        <span class="icon_and_name">
3163                        
3164                            Timepieces                        </span>
3165                            
3166                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
3167                        
3168                        </a>
3169                                            
3170
3171                    
3172                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-20">
3173                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3174                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3175  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
3176</svg>
3177
3178                            Timepieces                        
3179                        </div>
3180                        <div class="sub_title_m hide_mobile">Timepieces</div>
3181                        
3182                        
3183                            <!-- desktop_hamburger_menu_20_start -->
3184                            <div id="desktop_hamburger_menu_20"></div>
3185                            <!-- desktop_hamburger_menu_20_end -->
3186                                            </div>
3187
3188                            
3189                    
3190                                                <a style="margin-top:20px"
3191                           class="hamburger-menu-nav-section " 
3192                           title="Services" 
3193                           href="#!" >
3194                            
3195                        <span class="icon_and_name">
3196                        
3197                            Services                        </span>
3198                            
3199                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
3200                        
3201                        </a>
3202                                            
3203
3204                    
3205                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-179">
3206                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3207                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3208  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
3209</svg>
3210
3211                            Services                        
3212                        </div>
3213                        <div class="sub_title_m hide_mobile">Services</div>
3214                        
3215                        
3216                            <!-- desktop_hamburger_menu_179_start -->
3217                            <div id="desktop_hamburger_menu_179"></div>
3218                            <!-- desktop_hamburger_menu_179_end -->
3219                                            </div>
3220
3221                            
3222                    
3223                                                <a style=""
3224                           class="hamburger-menu-nav-section " 
3225                           title="Contact" 
3226                           href="#!" >
3227                            
3228                        <span class="icon_and_name">
3229                        
3230                            Contact                        </span>
3231                            
3232                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
3233                        
3234                        </a>
3235                                            
3236
3237                    
3238                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-22">
3239                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3240                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3241  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
3242</svg>
3243
3244                            Contact                        
3245                        </div>
3246                        <div class="sub_title_m hide_mobile">Contact</div>
3247                        
3248                        
3249                            <!-- desktop_hamburger_menu_22_start -->
3250                            <div id="desktop_hamburger_menu_22"></div>
3251                            <!-- desktop_hamburger_menu_22_end -->
3252                                            </div>
3253
3254                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
3255                                            </div>
3256        </div>
3257        </div>
3258    </nav>
3259    <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div>
3260
3261    
3261<script>
3262        $(function () {
3263            
3264            
3265            const trap = focusTrap.createFocusTrap('#desktop_hamburger_menu_template', {
3266                onActivate: () => $('#desktop_hamburger_menu_template').addClass('is-active'),
3267                onDeactivate: () => $('#desktop_hamburger_menu_template').removeClass('is-active'),
3268                clickOutsideDeactivates: true
3269            });
3270    
3271    
3272    
3273            function updatePanelWidth() {
3274                const elements = document.querySelectorAll('.custom_bm_fw');
3275
3276                elements.forEach(element => {
3277                  const panel = element.closest('.sub-menu-panel');
3278                  if (panel) {
3279                    if (window.innerWidth > 768) { 
3280                      const newWidth = window.innerWidth - 425;
3281                      panel.style.width = `${newWidth}px`;
3282                    } else {
3283                      panel.removeAttribute('style');
3284                    }
3285                  }
3286                });
3287              }
3288
3289            updatePanelWidth();
3290            window.addEventListener('resize', updatePanelWidth);
3291
3292            let $lastNavTrigger = null;
3293            $('.sub-menu-panel').attr('tabindex', '-1');
3294            $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3295
3296
3297
3298            $('#desktop_hamburger_button').on('click keypress', function (event) {
3299                if(event.which === 13 || event.which === 32 || event.type == 'click') {
3300                    if(event.which === 32) {
3301                        event.preventDefault();
3302                    }
3303                    document.body.classList.add('no-scroll');
3304                    $('#desktop_hamburger_menu_template').toggleClass('open')
3305                    $('#desktop_hamburger_menu_template_overlay').toggleClass('open')
3306                    $('#desktop_hamburger_menu_template').removeAttr('inert')
3307                    trap.activate()
3308                    $('#desktop_hamburger_close_button').focus()
3309                }
3310            })
3311            
3312            function closeSubMenu() {
3313                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3314                    panel.classList.remove('open');
3315                })
3316                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3317                    panel.classList.remove('active');
3318                })
3319                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3320                // Restore main-list nav items to the tab order
3321                $('.hamburger-menu-nav-section').removeAttr('tabindex');
3322                if ($lastNavTrigger) {
3323                    $lastNavTrigger.focus();
3324                    $lastNavTrigger = null;
3325                }
3326            }
3327
3328            $('.header_container_1').on('click', '.close_sub_menu', function() {
3329                closeSubMenu();
3330            })
3331
3332            $('.header_container_1').on('keydown', '.close_sub_menu', function(event) {
3333                if (event.key === 'Enter' || event.key === ' ') {
3334                    event.preventDefault();
3335                    closeSubMenu();
3336                }
3337            })
3338            
3339            
3340
3341            // Cycle Tab focus within the open sub-menu-panel (last item → first item)
3342            $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) {
3343                if (event.key !== 'Tab' || event.shiftKey) return;
3344                var $panel = $(this).closest('.sub-menu-panel.open');
3345                var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]');
3346                if ($focusable.last().is(this)) {
3347                    event.preventDefault();
3348                    $focusable.first().trigger('focus');
3349                }
3350            });
3351
3352            $('#desktop_hamburger_close_button, #desktop_hamburger_menu_template_overlay').on('click keypress', function (event) {
3353                // <button> fires a synthetic click on Enter/Space — skip keypress to avoid double-fire
3354                if (event.type === 'keypress' && this.tagName === 'BUTTON') {
3355                    return;
3356                }
3357                if(event.which === 13 || event.which === 32 || event.type == 'click') {
3358                    if (event.which === 32) {
3359                        event.preventDefault();
3360                    }
3361
3362                    closeHamburgerMenu();
3363                }
3364            })
3365
3366            $(window).resize(function () {
3367                                if($(window).width() <= 992) closeHamburgerMenu();
3368                            })
3369
3370            function closeHamburgerMenu() {
3371                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3372                    panel.classList.remove('open');
3373                })
3374                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3375                    panel.classList.remove('active');
3376                })
3377                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3378                // Restore main-list nav items to the tab order
3379                $('.hamburger-menu-nav-section').removeAttr('tabindex');
3380                $lastNavTrigger = null;
3381                document.body.classList.remove('no-scroll');
3382                $('#desktop_hamburger_menu_template').removeClass('open')
3383                $('#desktop_hamburger_menu_template_overlay').removeClass('open')
3384                $('#desktop_hamburger_menu_template').attr('inert', 'inert')
3385                trap.deactivate()
3386            }
3387
3388            $('.header_container_1').on('click', '.hamburger-menu-nav-section', function() {
3389
3390                if ($(this).hasClass("active")) {
3391                    document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3392                        panel.classList.remove('open');
3393                    })
3394                    document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3395                        panel.classList.remove('active');
3396                    })
3397                    $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3398                    // Restore main-list nav items to the tab order
3399                    $('.hamburger-menu-nav-section').removeAttr('tabindex');
3400                } else {
3401                    // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button
3402                    let $checkPanel = $(this).hasClass("parent_men_arrow")
3403                        ? $(this).closest('.ham_menu_container').next('.sub-menu-panel')
3404                        : $(this).next('.sub-menu-panel');
3405
3406                    if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) {
3407                        document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3408                            panel.classList.remove('open');
3409                        })
3410                        document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3411                            panel.classList.remove('active');
3412                        })
3413                        $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3414
3415                        $(this).addClass('active');
3416                        $lastNavTrigger = $(this);
3417
3418                        let $openedPanel = null;
3419
3420                        if (!$(this).hasClass("parent_men")) {
3421                            updatePanelWidth();
3422                            $(this).next('.sub-menu-panel').toggleClass('open');
3423                            $openedPanel = $(this).next('.sub-menu-panel');
3424                        }
3425                        if ($(this).hasClass("parent_men_arrow")) {
3426                            $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open');
3427                            $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel');
3428                        }
3429
3430                        if ($openedPanel && $openedPanel.hasClass('open')) {
3431                            // Hide main-list nav items from tab order while panel is open
3432                            $('.hamburger-menu-nav-section').attr('tabindex', '-1');
3433                            $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0');
3434                            setTimeout(function() {
3435                                $openedPanel.find('[tabindex="0"]').first().trigger('focus');
3436                            }, 50);
3437                        }
3438                    }
3439                }
3440
3441            })
3442        })
3443        
3444        function setHamburgerInnerHeight() {
3445            const inner = document.querySelector('.hamburger-menu
3445-template-inner-m');
3446            const offset = 0; // adjust this if there's a header/footer inside
3447            inner.style.height = `${window.innerHeight - offset - 70}px`;
3448        }
3449
3450        // Run on load and resize
3451        window.addEventListener('load', setHamburgerInnerHeight);
3452        window.addEventListener('resize', setHamburgerInnerHeight);
3453
3454    </script>
3454
3455</div>
3456
3457<style>
3458    #desktop_hamburger_menu_template>ul>li>a {
3459        color:#000000; display: flex;
3460        font-weight:400;        font-style:normal;                font-size:15px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:48px;    }
3461
3462    #desktop_hamburger_menu_template>ul>li>a:hover {
3463        color:#000000;    }
3464    
3465    
3466
3467</style>
3468                            </div>
3469                        
3470                            <div class="flex_col">
3471
3472                                
3473                            </div>
3474                        
3475                            <div class="flex_col">
3476
3477                                
3478                            </div>
3479                        
3480                            <div class="flex_col">
3481
3482                                
3483                            </div>
3484                        
3485                            <div class="flex_col">
3486
3487                                
3488                            </div>
3489                        
3490                    </div>
3491                
3492            
3493                
3494                    <div class="flex_row">
3495
3496                        
3497                            <div class="flex_col">
3498
3499                                
3500                            </div>
3501                        
3502                    </div>
3503                
3504            
3505        </div>
3506
3507
3508    
3509</header>
3510<header class="appearance-tablet-view-template">    
3511    
3512    
3513        
3514        <style>
3515            .header_container>.flex_row {
3516                display: flex;
3517            }
3518
3519            .header_container_2 {
3520                            width: 100%;
3521                                        max-width: 100%;
3522                            margin: 0 auto;
3523                position: relative !important;
3524                transform: inherit !important;
3525            }
3526            .header_container>.flex_row>.flex_col {
3527                display: flex;
3528                flex-wrap: wrap;
3529                box-sizing: border-box;
3530                align-content: baseline;
3531            }
3532            .header_container>.flex_row>.flex_col>.flex_cell {
3533                height: fit-content;
3534                display: flex;
3535            }
3536            .header_container>.flex_row>.flex_col>.flex_cell a {
3537                text-decoration: none;
3538            }
3539            .header_container img {
3540                max-width: 100%;
3541            }
3542            .row_spacer_cs {
3543                display: none;
3544            }
3545            .sticky_row {
3546                position: fixed;
3547            }
3548            .sticky_row + .row_spacer_cs {
3549                display: block;
3550            }
3551        </style>
3552
3553        <div class="header_container header_container_2" data-device-type="2">
3554
3555            
3556                
3557                <div class="flex_row flex_row_1 ">
3558
3559                    
3560                        <div class="flex_col flex_col_1">
3561
3562                            
3563                        </div>
3564
3565                        <style>
3566                            .header_container_2>.flex_row_1>.flex_col_1 {
3567                            width:3%;                            }
3568                        </style>
3569
3570
3571                    
3572                        <div class="flex_col flex_col_2">
3573
3574                            
3575<div class="flex_cell flex_cell_1 custom_text">
3576    <div class="flex_cell_content">
3577                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" >
3578                    <p class="">Request An Appointment →</p>
3579                </a>
3580            </div>
3581</div>
3582<style>
3583    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
3584    width:100%;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
3585
3586            .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
3587        height:100%;        }
3588    
3589    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content {
3590    display: flex;
3591    margin-top:10px;    margin-bottom:10px;    margin-left:3px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
3592
3593    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p {
3594    line-height: inherit;
3595    margin:0;
3596    text-align:center;    color:#ffffff;    font-weight:400;    font-style:normal;            font-size:11px;font-family:ITC Avant Garde;    text-transform:none;    text-decoration:none;    }
3597
3598    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover {
3599    color:#ffffff;    }
3600</style>
3601
3602                        </div>
3603
3604                        <style>
3605                            .header_container_2>.flex_row_1>.flex_col_2 {
3606                            width:47%;                            }
3607                        </style>
3608
3609
3610                    
3611                        <div class="flex_col flex_col_3">
3612
3613                            
3614<div class="flex_cell flex_cell_1 call_us">
3615            <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
3615<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>Call Us</span></a></div>    </div>
3616<style>
3617    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
3618        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
3619
3620            .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
3621        height:100%;        }
3622    
3623    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content {
3624        display: flex;
3625        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:3px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3626
3627    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a {
3628        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:11px;        font-family:ITC Avant Garde;        display: flex;
3629        align-items: center;
3630        text-transform:none;    }
3631
3632    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg,
3633    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img {
3634        margin-right: 5px;
3635        height:10px;    }
3636
3637    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class {
3638        fill: currentColor;
3639    }
3640
3641
3642    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover {
3643    color:#ffffff;    }
3644</style>
3645                        </div>
3646
3647                        <style>
3648                            .header_container_2>.flex_row_1>.flex_col_3 {
3649                            width:47%;                            }
3650                        </style>
3651
3652
3653                    
3654                        <div class="flex_col flex_col_4">
3655
3656                            
3657                        </div>
3658
3659                        <style>
3660                            .header_container_2>.flex_row_1>.flex_col_4 {
3661                            width:3%;                            }
3662                        </style>
3663
3664
3665                    
3666                </div>
3667
3668                
3669                <style>
3670    .header_container_2>.flex_row_1 {
3671                    background-color: #022d57;
3672        
3673        color:#000000;        height:auto;                
3674        
3675            }
3676
3677    </style>
3678
3679
3680                                
3681            
3682                
3683                <div class="flex_row flex_row_2 ">
3684
3685                    
3686                        <div class="flex_col flex_col_1">
3687
3688                            <div class="flex_cell flex_cell_1 menu">
3689    <div class="flex_cell_content">
3690            <style>
3691            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner,
3692            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent {
3693                width: 30px;
3694                height: 24px;
3695                position: relative;
3696                cursor: pointer;
3697            }
3698            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
3699                fill: #022d57;            }
3700
3701            
3702            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section,
3703            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{
3704            color:#000000;                display: flex;
3705            font-weight:400;            font-style:normal;                        font-size:14px;            font-family:ITC Avant Garde;            text-transform:none;                        line-height:35px;            }
3706        </style>
3707
3708        <div id="tablet_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="tablet_hamburger_menu_template">
3709            <div class="hamburger-button-parent">
3710               <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
3711                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
3712                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
3713                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
3714                </svg>
3715
3716
3717            </div>
3718                    </div>
3719        </div>
3720</div>
3721
3722<style>
3723    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
3724        width:100%;                                    justify-content: center;
3725                            align-items:center; -webkit-align-items:center;    }
3726
3727            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
3728        height:100%;        }
3729    
3730    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
3731        display: flex;
3732        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3733
3734    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
3735    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
3736        color:#000000; display: flex;
3737        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
3738
3739    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
3740        color:#000000;    }
3741</style>
3742                        </div>
3743
3744                        <style>
3745                            .header_container_2>.flex_row_2>.flex_col_1 {
3746                            width:12%;                            }
3747                        </style>
3748
3749
3750                    
3751                        <div class="flex_col flex_col_2">
3752
3753                            
3754
3755<div class="flex_cell flex_cell_1 image">
3756    <div class="flex_cell_content">
3757
3758            <a href="https://www.albertsjewelers.com/"
3759           >
3760    
3761        
3762            <img
3763                                
3764                
3765                src="https://www.albertsjewelers.com/public/1.0/uploads/source/ad-logo-t.png"
3766
3767                alt="Albert&#039;s Diamond Jewelers">
3768
3769        
3770            </a>
3771    
3772    </div>
3773</div>
3774    <style>
3775                .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image {
3776        width:100%;        justify-content:left;
3776 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
3777        .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
3778        display: flex;
3779        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
3780        .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img {
3781        max-width:100%;        }
3782        
3783                .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image {
3784        height:100%;        }
3785            </style>
3786
3787
3788                        </div>
3789
3790                        <style>
3791                            .header_container_2>.flex_row_2>.flex_col_2 {
3792                            width:60%;                            }
3793                        </style>
3794
3795
3796                    
3797                        <div class="flex_col flex_col_3">
3798
3799                            
3800<div class="flex_cell flex_cell_1 account_icons">
3801    <div class="flex_cell_content">
3802        
3803                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1">
3804                <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>                                                <span class="item-count-badge wishlist-count-badge d-none"></span>
3805                            </a>
3806        
3807                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
3808                <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg>                                                <span class="item-count-badge build-shopping-cart-item-counter d-none"></span>
3809                            </a>
3810        
3811        
3812                                    <a class="" href="/login" title="My Account" style="order: 3">
3813                    <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg>                                    </a>
3814                        </div>
3815</div>
3816
3817<style>
3818    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
3819        width:100%;                                    justify-content: flex-end;
3820                            align-items:center; -webkit-align-items:center;    }
3821
3822            .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
3823        height:100%;        }
3824    
3825    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
3826    display: flex;
3827    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:25px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
3828
3829    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
3830        display: none !important;
3831    }
3832
3833    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a {
3834        display: flex;
3835        align-items: center;
3836        color:#022d57;        font-weight:400;        font-style:normal;                        font-size:16px;        font-family:Baskerville;        margin-left: 12px;
3837        text-transform:none;    }
3838
3839    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg,
3840    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img {
3841        flex-shrink: 0;
3842        margin-right: 5px;
3843        width:15px;        height:15px;    }
3844
3845    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class {
3846        fill: currentColor;
3847    }
3848
3849    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover {
3850        color:#003da5;    }
3851
3852    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
3853        padding: 0 5px;
3854        height: 16px;
3855        min-width: 16px;
3856        text-align: center;
3857        border-radius: 7px;
3858        line-height: 16px;
3859        border: 1px solid #fff;
3860        font-style: normal;
3861        font-weight: 700;
3862        font-size: 10px;
3863        background-color:#cdb877;        color:#ffffff;        margin-left: -10px;
3864        margin-top: -15px;
3865    }
3866</style>
3867                        </div>
3868
3869                        <style>
3870                            .header_container_2>.flex_row_2>.flex_col_3 {
3871                            width:28%;                            }
3872                        </style>
3873
3874
3875                    
3876                </div>
3877
3878                
3879                <style>
3880    .header_container_2>.flex_row_2 {
3881                    background-color: #ffffff;
3882        
3883        color:#000000;        height:auto;                
3884        
3885            }
3886
3887    </style>
3888
3889
3890                                
3891            
3892                
3893                <div class="flex_row flex_row_3 ">
3894
3895                    
3896                        <div class="flex_col flex_col_1">
3897
3898                            
3899<div class="flex_cell flex_cell_1 search_box">
3900    <div class="flex_cell_content">
3901                    <form class="sform" id="search-box-form"
3902            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
3903                    <div class="inputs-group">
3904                                    <button class="sBtn">
3905                        <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg>
3906                    </button>
3907                                <input class="sinp" type="text" name="search"
3908                       placeholder="Watches, Jewelry, Rings..." 
3909                       aria-label="Watches, Jewelry, Rings..."
3910                       >
3911                            </div>
3912                    </form>
3913            </div>
3914</div>
3915<style>
3916    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
3917        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
3918
3919            .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
3920        height:100%;        }
3921    
3922    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content {
3923        display: flex;
3924        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        width:85%;    }
3925
3926    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sform, .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group {
3927        width: 100%;
3928        display: flex;
3929        flex-wrap: nowrap;
3930    }
3931
3932    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp {
3933        border-radius: 0px;
3934        padding: 4px 8px;
3935        outline: 0px;
3936        box-shadow: none;
3937        font-size:12px;        font-family:Baskerville;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;        
3938        
3939       
3940                border-style: solid;
3941        border-width:1px;        border-color:#ffffff;        
3942
3943                    border-left:0px;
3944                        width: 100%;        
3945        
3946                border-bottom-color:#022d57;    }
3947
3948    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover {
3949            }
3950
3951    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder {
3952        font-size:12px;        font-family:Baskerville;        color:#022d75;        opacity: 1;
3953    }
3954
3955    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn {
3956        height: 100%;
3957        border-radius: 0px;
3958        padding: 4px;
3959        align-items: center;
3960        justify-content: center;
3961        display: flex;
3962        border-style: solid;
3963        border-width:1px;        border-color:#ffffff;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;                                    border-right:0px;
3964                            
3965            }
3966
3967    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover {
3968        background-color:#ffffff;            }
3969
3970    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg {
3971        width:11px;        height:11px;    }
3972
3973    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class {
3974        fill:#022d57;    }
3975
3976    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class {
3977        fill:#022d57;    }
3978
3979</style>
3980                        </div>
3981
3982                        <style>
3983                            .header_container_2>.flex_row_3>.flex_col_1 {
3984                            width:100%;                            }
3985                        </style>
3986
3987
3988                    
3989                </div>
3990
3991                
3992                <style>
3993    .header_container_2>.flex_row_3 {
3994                    background-color: #ffffff;
3995        
3996        color:#000000;        height:auto;                
3997        
3998            }
3999
4000    </style>
4001
4002
4003                                
4004            
4005            
4006                
4007                    <div class="flex_row">
4008
4009                        
4010                            <div class="flex_col">
4011
4012                                
4013                            </div>
4014                        
4015                            <div class="flex_col">
4016
4017                                
4018                            </div>
4019                        
4020                            <div class="flex_col">
4021
4022                                
4023                            </div>
4024                        
4025                            <div class="flex_col">
4026
4027                                
4028                            </div>
4029                        
4030                    </div>
4031                
4032            
4033                
4034                    <div class="flex_row">
4035
4036                        
4037                            <div class="flex_col">
4038
4039                                <div class="flex_cell flex_cell_1 menu">
4040    <style>
4041        body.no-scroll {
4042            overflow: hidden;
4043        }
4044        #tablet_hamburger_menu_template {
4045            position: fixed;
4046            top: 0;
4047            left: 0;
4048            width: 425px;
4049            overflow-y: auto;
4050            left: -425px;
4051            z-index: 1000000001;
4052            background-color: #ffffff;
4053            transition: all 0.3s ease;
4054            height: 100%;
4055            max-height: 100vh;
4056            -webkit-overflow-scrolling: touch;
4057            box-sizing: border-box;
4058        }
4059        #tablet_hamburger_menu_template_overlay.open {
4060            position: absolute;
4061            top: 0;
4062            left: 0;
4063            right: 0;
4064            z-index: 100;
4065            transition: all 0.3s ease;
4066            height: 100vh;
4067            background: rgba(1, 1, 1, 0.5);
4068            cursor: pointer;
4069            box-sizing: border-box;
4070        }
4071        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m {
4072            height: 100vh;
4073            overflow-y: auto;
4074            -webkit-overflow-scrolling: touch;
4075            box-sizing: border-box;
4076            padding-right: 30px;
4077        }
4078        
4079        /* Applies to your scrollable element */
4080        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m,
4081        #tablet_hamburger_menu_template .sub-menu-panel {
4082          /* existing styles */
4083          overflow-y: auto;
4084          scroll-behavior: smooth;
4085
4086          /* Optional smoother experience on mobile */
4087          -webkit-overflow-scrolling: touch;
4088        }
4089
4090        /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */
4091        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar,
4092        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar {
4093          width: 8px;
4094        }
4095
4096        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track,
4097        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track {
4098          background: #f0f0f0; /* Light background */
4099          border-radius: 4px;
4100        }
4101        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb,
4102        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb {
4103          background-color: #ccc;
4104          border-radius: 4px;
4105          border: 2px solid #f0f0f0; /* Matches track */
4106        }
4107        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
4108        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover {
4109          background-color: #999;
4110        }
4111
4112        /* Firefox scrollbar styling */
4113        @supports (scrollbar-color: auto) {
4114            #tablet_hamburger_menu_template .hamburger-menu-template-inner-m,
4115          #tablet_hamburger_menu_template .sub-menu-panel {
4116            scrollbar-width: thin;
4117            scrollbar-color: #ccc #f0f0f0; /* thumb and track */
4118          }
4119        }
4120        #tablet_hamburger_menu_template .hamburger-menu-template-inner {
4121            padding: 30px;
4122            width: 425px;
4123            padding-right: 0px;
4124            position: fixed;
4125            box-sizing: border-box;
4126        }
4127        #tablet_hamburger_menu_template .hamburger-menu-close-button {
4128            font-size: 14px !important;
4129            display: flex;
4130            align-items: center;
4131            margin-bottom: 20px;
4132        }
4133        #tablet_hamburger_menu_template .hamburger-menu-close-button svg {
4134            height: 24px;
4135            margin-right: 5px;
4136        }
4137        #tablet_hamburger_menu_template .hamburger-menu-nav-section {
4138            display: flex;
4139            justify-content: space-between;
4140            align-items: center;
4141            box-sizing: border-box;
4142        }
4143        #tablet_hamburger_menu_template .sub_title_m {
4144            color: #444;
4145            text-transform: uppercase;
4146            font-weight: 400;
4147            font-size: 14px;
4148            margin-top: 30px;
4149            margin-bottom: 30px;
4150            letter-spacing: 2px;
4151            display:flex;
4152        }
4153        #tablet_hamburger_menu_template .hamburger-menu-nav-section svg {
4154            height: 20px;
4155            float: right;
4156        }
4157        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{
4158            text-decoration: underline;
4159        }
4160        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{
4161            min-width:30px;
4162            justify-content: end;
4163        }
4164        #tablet_hamburger_menu_template .icon_and_name {
4165            display:flex;
4166            align-items:center;
4167            gap:10px;
4168        }
4169        #tablet_hamburger_menu_template .ham_menu_container {
4170            display:flex;
4171            justify-content: space-between;
4172        }
4173        #tablet_hamburger_menu_template.open {
4174            left: 0;
4175            
4176        }        
4177        #tablet_hamburger_menu_template .sub-menu-panel {
4178            padding: 30px;
4179            padding-top: 60px;
4180            position: absolute;
4181            top: 0;
4182            left: 425px;
4183            width: 425px;
4184            height: 100vh;
4185            background-color: #fff;
4186            overflow-y: auto;
4187            z-index: 999999;
4188            opacity: 0;
4189            transition: opacity 0.5s ease;
4190        }
4191
4192        #tablet_hamburger_menu_template .sub-menu-panel.open {       
4193            opacity: 1;
4194            z-index: 9999999;
4195        }
4196         
4197        
4198        
4199        #tablet_hamburger_menu_template a.hamburger-menu-nav-section,
4200        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
4201        #tablet_hamburger_menu_template a.hamburger-menu-close-button,
4202        #tablet_hamburger_menu_template button.hamburger-menu-close-button {
4203            position: relative;
4204        color:#000000;            display: flex;
4205        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;        }
4206        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
4207        #tablet_hamburger_menu_template button.hamburger-menu-close-button {
4208            background: none;
4209            border: none;
4210            padding: 0;
4211            cursor: pointer;
4212            width: 100%;
4213        }
4214        /* this is not working in dash */
4215        #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover, 
4216        #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover,
4217        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active,
4218        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active
4219        {
4220            color: #000;
4221        }
4222        #tablet_hamburger_menu_template a.hamburger-menu-nav-section::after,
4223        #tablet_hamburger_menu_template button.hamburger-menu-nav-section::after {
4224            content: "";
4225            position: absolute;
4226            left: 0;
4227            bottom: 0;
4228            width: 0%;
4229            height: 0.5px;
4230            background-color: #000;
4231            transition: width 0.5s ease;
4232        }
4233        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
4234        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active::after {
4235            width: 100%;
4236        }
4237
4238        #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover::after,
4239        #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover::after {
4240            width: 100%;
4241        }
4242        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
4243            display: none;
4244            padding: 15px 0px;
4245            padding-left: 20px;
4246            background: #fff;
4247        }
4248        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
4249            display: block;
4250            padding-top:2px;
4251        }        
4252        
4253        #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img,
4254        #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img {
4255                            height:30px;
4256                    }
4257        @media (min-width: 768px) {             
4258            .hide_desktop {
4259                display:none!important;
4260            }
4261        }
4262        
4263        @media (max-width: 767.9px) {            
4264            .hide_mobile {
4265                display:none!important;
4266            }
4267            #tablet_hamburger_menu_template .sub_title_m svg {
4268                height: 20px;
4269                transform: rotate(180deg);
4270            }
4271            #tablet_hamburger_menu_template .sub_title_m {
4272                align-items: center;
4273                gap: 8px;
4274                cursor: pointer;
4275            }
4276            #tablet_hamburger_menu_template {
4277                position: fixed;
4278                top: 0;
4279                left: 0;
4280                width: 100%;
4281                overflow-y: auto;
4282                left: -100%;
4283                z-index: 9999998;
4284                background-color: #ffffff;
4285                transition: all 0.3s ease;
4286                height: 100%;
4287                max-height: 100vh;
4288                -webkit-overflow-scrolling: touch;
4289                box-sizing: border-box;
4290            }
4291        
4292            #tablet_hamburger_menu_template .sub-menu-panel {
4293                padding: 30px;
4294                padding-top: 30px;
4295                padding-bottom: 100px;
4296                position: absolute;
4297                top: 0;
4298                left: 200%;
4299                width: 100%;
4300                height: 100vh;
4301                background-color: #fff;
4302                overflow-y: auto;
4303                z-index: -1;
4304                opacity: 1;
4305                transition: 0.5s ease;
4306                box-sizing: border-box;
4307            }
4308            #tablet_hamburger_menu_template .sub-menu-panel.open {       
4309                opacity: 1;
4310                left: 0px;
4311                z-index: 9999999;
4312            }
4313            
4314            #tablet_hamburger_menu_template .hamburger-menu-template-inner {
4315                width: 100%;
4316            }
4317            
4318            
4319        }
4320        
4321        
4322       
4323    </style>
4324
4325    <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
4326        
4327        <div class="hamburger-menu-template-inner">
4328            <div class="hamburger-menu-template-inner-m">
4329                        <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="tablet_hamburger_close_button" role="button">
4330                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg>
4331            </a>
4332            
4333            <div class="script_before_menu">
4334                                
4335
4336<div class="flex_cell flex_cell_1 image">
4337    <div class="flex_cell_content">
4338
4339    
4340        
4341            <img
4342                                
4343                
4344                src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png"
4345
4346                alt="Albert&#039;s Jewelers">
4347
4348        
4349    
4350    </div>
4351</div>
4352    <style>
4353                .header_container_2 .flex_row .flex_col .script_before_menu .image {
4354        width:100%;        justify-content:left !important;                align-items:center !important;        }
4355        .header_container_2 .flex_row .flex_col .script_before_menu .image>.flex_cell_content {
4356        display: flex;
4357        margin-top:px !important;        margin-bottom:px !important;        margin-left:px !important;        margin-right:px !important;        padding-top:px !important;        padding-bottom:px !important;        padding-left:px !important;        padding-right:px !important;        }
4358        .header_container_2 .flex_row .flex_col .script_before_menu .image img {
4359        max-width:150px;        }
4360        
4361                .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.image {
4362                }
4363            </style>
4364
4365                            </div>
4366            <div style="clear: both"></div>
4367                                                                                                                        
4368                    
4369                                                <a style="margin-top:25px"
4370                           class="hamburger-menu-nav-section " 
4371                           title="New Arrivals" 
4372                           href="#!" >
4373                            
4374                        <span class="icon_and_name">
4375                        
4376                            New Arrivals                        </span>
4377                            
4378                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
4379                        
4380                        </a>
4381                                            
4382
4383                    
4384                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-216">
4385                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4386                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4387  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
4388</svg>
4389
4390                            New Arrivals                        
4391                        </div>
4392                        <div class="sub_title_m hide_mobile">New Arrivals</div>
4393                        
4394                        
4395                            <!-- tablet_hamburger_menu_216_start -->
4396                            <div id="tablet_hamburger_menu_216"></div>
4397                            <!-- tablet_hamburger_menu_216_end -->
4398                                            </div>
4399
4400                                        
4401                    
4402                                                <a style="margin-top:25px"
4403                           class="hamburger-menu-nav-section " 
4404                           title="Engagement Rings" 
4405                           href="#!" >
4406                            
4407                        <span class="icon_and_name">
4408                        
4409                            Engagement Rings                        </span>
4410                            
4411                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
4412                        
4413                        </a>
4414                                            
4415
4416                    
4417                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-6">
4418                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4419                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4420  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
4421</svg>
4422
4423                            Engagement Rings                        
4424                        </div>
4425                        <div class="sub_title_m hide_mobile">Engagement Rings</div>
4426                        
4427                        
4428                            <!-- tablet_hamburger_menu_6_start -->
4429                            <div id="tablet_hamburger_menu_6"></div>
4430                            <!-- tablet_hamburger_menu_6_end -->
4431                                            </div>
4432
4433                            
4434                    
4435                                                <a style=""
4436                           class="hamburger-menu-nav-section " 
4437                           title="Wedding Bands" 
4438                           href="#!" >
4439                            
4440                        <span class="icon_and_name">
4441                        
4442                            Wedding Bands                        </span>
4443                            
4444                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
4445                        
4446                        </a>
4447                                            
4448
4449                    
4450                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-12">
4451                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4452                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4453  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
4454</svg>
4455
4456                            Wedding Bands                        
4457                        </div>
4458                        <div class="sub_title_m hide_mobile">Wedding Bands</div>
4459                        
4460                        
4461                            <!-- tablet_hamburger_menu_12_start -->
4462                            <div id="tablet_hamburger_menu_12"></div>
4463                            <!-- tablet_hamburger_menu_12_end -->
4464                                            </div>
4465
4466                            
4467                    
4468                                                <a style=""
4469                           class="hamburger-menu-nav-section " 
4470                           title="Diamonds" 
4471                           href="#!" >
4472                            
4473                        <span class="icon_and_name">
4474                        
4475                            Diamonds                        </span>
4476                            
4477                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
4478                        
4479                        </a>
4480                                            
4481
4482                    
4483                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-11">
4484                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4485                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4486  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
4487</svg>
4488
4489                            Diamonds                        
4490                        </div>
4491                        <div class="sub_title_m hide_mobile">Diamonds</div>
4492                        
4493                        
4494                            <!-- tablet_hamburger_menu_11_start -->
4495                            <div id="tablet_hamburger_menu_11"></div>
4496                            <!-- tablet_hamburger_menu_11_end -->
4497                                            </div>
4498
4499                            
4500                    
4501                                                <a style="margin-top:20px"
4502                           class="hamburger-menu-nav-section " 
4503                           title="Designers " 
4504                           href="#!" >
4505                            
4506                        <span class="icon_and_name">
4507                        
4508                            Designers                         </span>
4509                            
4510                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
4511                        
4512                        </a>
4513                                            
4514
4515                    
4516                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-72">
4517                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4518                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4519  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
4520</svg>
4521
4522                            Designers                         
4523                        </div>
4524                        <div class="sub_title_m hide_mobile">Designers </div>
4525                        
4526                        
4527                            <!-- tablet_hamburger_menu_72_start -->
4528                            <div id="tablet_hamburger_menu_72"></div>
4529                            <!-- tablet_hamburger_menu_72_end -->
4530                                            </div>
4531
4532                            
4533                    
4534                                                <a style=""
4535                           class="hamburger-menu-nav-section " 
4536                           title="Fine Jewelry" 
4537                           href="#!" >
4538                            
4539                        <span class="icon_and_name">
4540                        
4541                            Fine Jewelry                        </span>
4542                            
4543                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
4544                        
4545                        </a>
4546                                            
4547
4548                    
4549                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-16">
4550                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4551                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4552  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
4553</svg>
4554
4555                            Fine Jewelry                        
4556                        </div>
4557                        <div class="sub_title_m hide_mobile">Fine Jewelry</div>
4558                        
4559                        
4560                            <!-- tablet_hamburger_menu_16_start -->
4561                            <div id="tablet_hamburger_menu_16"></div>
4562                            <!-- tablet_hamburger_menu_16_end -->
4563                                            </div>
4564
4565                            
4566                    
4567                                                <a style=""
4568                           class="hamburger-menu-nav-section " 
4569                           title="Timepieces" 
4570                           href="#!" >
4571                            
4572                        <span class="icon_and_name">
4573                        
4574                            Timepieces                        </span>
4575                            
4576                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
4577                        
4578                        </a>
4579                                            
4580
4581                    
4582                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-20">
4583                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4584                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4585  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
4586</svg>
4587
4588                            Timepieces                        
4589                        </div>
4590                        <div class="sub_title_m hide_mobile">Timepieces</div>
4591                        
4592                        
4593                            <!-- tablet_hamburger_menu_20_start -->
4594                            <div id="tablet_hamburger_menu_20"></div>
4595                            <!-- tablet_hamburger_menu_20_end -->
4596                                            </div>
4597
4598                            
4599                    
4600                                                <a style="margin-top:20px"
4601                           class="hamburger-menu-nav-section " 
4602                           title="Services" 
4603                           href="#!" >
4604                            
4605                        <span class="icon_and_name">
4606                        
4607                            Services                        </span>
4608                            
4609                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
4610                        
4611                        </a>
4612                                            
4613
4614                    
4615                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-179">
4616                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4617                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4618  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
4619</svg>
4620
4621                            Services                        
4622                        </div>
4623                        <div class="sub_title_m hide_mobile">Services</div>
4624                        
4625                        
4626                            <!-- tablet_hamburger_menu_179_start -->
4627                            <div id="tablet_hamburger_menu_179"></div>
4628                            <!-- tablet_hamburger_menu_179_end -->
4629                                            </div>
4630
4631                            
4632                    
4633                                                <a style=""
4634                           class="hamburger-menu-nav-section " 
4635                           title="Contact" 
4636                           href="#!" >
4637                            
4638                        <span class="icon_and_name">
4639                        
4640                            Contact                        </span>
4641                            
4642                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
4643                        
4644                        </a>
4645                                            
4646
4647                    
4648                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-22">
4649                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4650                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4651  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
4652</svg>
4653
4654                            Contact                        
4655                        </div>
4656                        <div class="sub_title_m hide_mobile">Contact</div>
4657                        
4658                        
4659                            <!-- tablet_hamburger_menu_22_start -->
4660                            <div id="tablet_hamburger_menu_22"></div>
4661                            <!-- tablet_hamburger_menu_22_end -->
4662                                            </div>
4663
4664                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
4665                                            </div>
4666        </div>
4667        </div>
4668    </nav>
4669    <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div>
4670
4671    
4671<script>
4672        $(function () {
4673            
4674            
4675            const trap = focusTrap.createFocusTrap('#tablet_hamburger_menu_template', {
4676                onActivate: () => $('#tablet_hamburger_menu_template').addClass('is-active'),
4677                onDeactivate: () => $('#tablet_hamburger_menu_template').removeClass('is-active'),
4678                clickOutsideDeactivates: true
4679            });
4680    
4681    
4682    
4683            function updatePanelWidth() {
4684                const elements = document.querySelectorAll('.custom_bm_fw');
4685
4686                elements.forEach(element => {
4687                  const panel = element.closest('.sub-menu-panel');
4688                  if (panel) {
4689                    if (window.innerWidth > 768) { 
4690                      const newWidth = window.innerWidth - 425;
4691                      panel.style.width = `${newWidth}px`;
4692                    } else {
4693                      panel.removeAttribute('style');
4694                    }
4695                  }
4696                });
4697              }
4698
4699            updatePanelWidth();
4700            window.addEventListener('resize', updatePanelWidth);
4701
4702            let $lastNavTrigger = null;
4703            $('.sub-menu-panel').attr('tabindex', '-1');
4704            $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4705
4706
4707
4708            $('#tablet_hamburger_button').on('click keypress', function (event) {
4709                if(event.which === 13 || event.which === 32 || event.type == 'click') {
4710                    if(event.which === 32) {
4711                        event.preventDefault();
4712                    }
4713                    document.body.classList.add('no-scroll');
4714                    $('#tablet_hamburger_menu_template').toggleClass('open')
4715                    $('#tablet_hamburger_menu_template_overlay').toggleClass('open')
4716                    $('#tablet_hamburger_menu_template').removeAttr('inert')
4717                    trap.activate()
4718                    $('#tablet_hamburger_close_button').focus()
4719                }
4720            })
4721            
4722            function closeSubMenu() {
4723                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4724                    panel.classList.remove('open');
4725                })
4726                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4727                    panel.classList.remove('active');
4728                })
4729                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4730                // Restore main-list nav items to the tab order
4731                $('.hamburger-menu-nav-section').removeAttr('tabindex');
4732                if ($lastNavTrigger) {
4733                    $lastNavTrigger.focus();
4734                    $lastNavTrigger = null;
4735                }
4736            }
4737
4738            $('.header_container_2').on('click', '.close_sub_menu', function() {
4739                closeSubMenu();
4740            })
4741
4742            $('.header_container_2').on('keydown', '.close_sub_menu', function(event) {
4743                if (event.key === 'Enter' || event.key === ' ') {
4744                    event.preventDefault();
4745                    closeSubMenu();
4746                }
4747            })
4748            
4749            
4750
4751            // Cycle Tab focus within the open sub-menu-panel (last item → first item)
4752            $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) {
4753                if (event.key !== 'Tab' || event.shiftKey) return;
4754                var $panel = $(this).closest('.sub-menu-panel.open');
4755                var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]');
4756                if ($focusable.last().is(this)) {
4757                    event.preventDefault();
4758                    $focusable.first().trigger('focus');
4759                }
4760            });
4761
4762            $('#tablet_hamburger_close_button, #tablet_hamburger_menu_template_overlay').on('click keypress', function (event) {
4763                // <button> fires a synthetic click on Enter/Space — skip keypress to avoid double-fire
4764                if (event.type === 'keypress' && this.tagName === 'BUTTON') {
4765                    return;
4766                }
4767                if(event.which === 13 || event.which === 32 || event.type == 'click') {
4768                    if (event.which === 32) {
4769                        event.preventDefault();
4770                    }
4771
4772                    closeHamburgerMenu();
4773                }
4774            })
4775
4776            $(window).resize(function () {
4777                                if($(window).width() > 992 || $(window).width() <= 768) closeHamburgerMenu();
4778                            })
4779
4780            function closeHamburgerMenu() {
4781                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4782                    panel.classList.remove('open');
4783                })
4784                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4785                    panel.classList.remove('active');
4786                })
4787                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4788                // Restore main-list nav items to the tab order
4789                $('.hamburger-menu-nav-section').removeAttr('tabindex');
4790                $lastNavTrigger = null;
4791                document.body.classList.remove('no-scroll');
4792                $('#tablet_hamburger_menu_template').removeClass('open')
4793                $('#tablet_hamburger_menu_template_overlay').removeClass('open')
4794                $('#tablet_hamburger_menu_template').attr('inert', 'inert')
4795                trap.deactivate()
4796            }
4797
4798            $('.header_container_2').on('click', '.hamburger-menu-nav-section', function() {
4799
4800                if ($(this).hasClass("active")) {
4801                    document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4802                        panel.classList.remove('open');
4803                    })
4804                    document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4805                        panel.classList.remove('active');
4806                    })
4807                    $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4808                    // Restore main-list nav items to the tab order
4809                    $('.hamburger-menu-nav-section').removeAttr('tabindex');
4810                } else {
4811                    // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button
4812                    let $checkPanel = $(this).hasClass("parent_men_arrow")
4813                        ? $(this).closest('.ham_menu_container').next('.sub-menu-panel')
4814                        : $(this).next('.sub-menu-panel');
4815
4816                    if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) {
4817                        document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4818                            panel.classList.remove('open');
4819                        })
4820                        document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4821                            panel.classList.remove('active');
4822                        })
4823                        $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4824
4825                        $(this).addClass('active');
4826                        $lastNavTrigger = $(this);
4827
4828                        let $openedPanel = null;
4829
4830                        if (!$(this).hasClass("parent_men")) {
4831                            updatePanelWidth();
4832                            $(this).next('.sub-menu-panel').toggleClass('open');
4833                            $openedPanel = $(this).next('.sub-menu-panel');
4834                        }
4835                        if ($(this).hasClass("parent_men_arrow")) {
4836                            $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open');
4837                            $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel');
4838                        }
4839
4840                        if ($openedPanel && $openedPanel.hasClass('open')) {
4841                            // Hide main-list nav items from tab order while panel is open
4842                            $('.hamburger-menu-nav-section').attr('tabindex', '-1');
4843                            $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0');
4844                            setTimeout(function() {
4845                                $openedPanel.find('[tabindex="0"]').first().trigger('focus');
4846                            }, 50);
4847                        }
4848                    }
4849                }
4850
4851            })
4852        })
4853        
4854        function setHamburgerInnerHeight() {
4855            const inner = document.querySelector('.hamburger-menu
4855-template-inner-m');
4856            const offset = 0; // adjust this if there's a header/footer inside
4857            inner.style.height = `${window.innerHeight - offset - 70}px`;
4858        }
4859
4860        // Run on load and resize
4861        window.addEventListener('load', setHamburgerInnerHeight);
4862        window.addEventListener('resize', setHamburgerInnerHeight);
4863
4864    </script>
4864
4865</div>
4866
4867<style>
4868    #tablet_hamburger_menu_template>ul>li>a {
4869        color:#000000; display: flex;
4870        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
4871
4872    #tablet_hamburger_menu_template>ul>li>a:hover {
4873        color:#000000;    }
4874    
4875    
4876
4877</style>
4878                            </div>
4879                        
4880                            <div class="flex_col">
4881
4882                                
4883                            </div>
4884                        
4885                            <div class="flex_col">
4886
4887                                
4888                            </div>
4889                        
4890                    </div>
4891                
4892            
4893                
4894                    <div class="flex_row">
4895
4896                        
4897                            <div class="flex_col">
4898
4899                                
4900                            </div>
4901                        
4902                    </div>
4903                
4904            
4905        </div>
4906
4907
4908    
4909</header>
4910<header class="appearance-mobile-view-template">    
4911    
4912    
4913        
4914        <style>
4915            .header_container>.flex_row {
4916                display: flex;
4917            }
4918
4919            .header_container_3 {
4920                            width: 100%;
4921                                        max-width: 100%;
4922                            margin: 0 auto;
4923                position: relative !important;
4924                transform: inherit !important;
4925            }
4926            .header_container>.flex_row>.flex_col {
4927                display: flex;
4928                flex-wrap: wrap;
4929                box-sizing: border-box;
4930                align-content: baseline;
4931            }
4932            .header_container>.flex_row>.flex_col>.flex_cell {
4933                height: fit-content;
4934                display: flex;
4935            }
4936            .header_container>.flex_row>.flex_col>.flex_cell a {
4937                text-decoration: none;
4938            }
4939            .header_container img {
4940                max-width: 100%;
4941            }
4942            .row_spacer_cs {
4943                display: none;
4944            }
4945            .sticky_row {
4946                position: fixed;
4947            }
4948            .sticky_row + .row_spacer_cs {
4949                display: block;
4950            }
4951        </style>
4952
4953        <div class="header_container header_container_3" data-device-type="3">
4954
4955            
4956                
4957                <div class="flex_row flex_row_1 ">
4958
4959                    
4960                        <div class="flex_col flex_col_1">
4961
4962                            
4963                        </div>
4964
4965                        <style>
4966                            .header_container_3>.flex_row_1>.flex_col_1 {
4967                            width:1%;                            }
4968                        </style>
4969
4970
4971                    
4972                        <div class="flex_col flex_col_2">
4973
4974                            
4975<div class="flex_cell flex_cell_1 custom_text">
4976    <div class="flex_cell_content">
4977                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" >
4978                    <p class="">Appointments →</p>
4979                </a>
4980            </div>
4981</div>
4982<style>
4983    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
4984    width:100%;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
4985
4986            .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
4987        height:100%;        }
4988    
4989    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content {
4990    display: flex;
4991    margin-top:10px;    margin-bottom:10px;    margin-left:3px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
4992
4993    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p {
4994    line-height: inherit;
4995    margin:0;
4996    text-align:left;    color:#ffffff;    font-weight:400;    font-style:normal;            font-size:10px;font-family:ITC Avant Garde;    text-transform:none;    text-decoration:none;    }
4997
4998    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover {
4999    color:#ffffff;    }
5000</style>
5001
5002                        </div>
5003
5004                        <style>
5005                            .header_container_3>.flex_row_1>.flex_col_2 {
5006                            width:48%;                            }
5007                        </style>
5008
5009
5010                    
5011                        <div class="flex_col flex_col_3">
5012
5013                            
5014<div class="flex_cell flex_cell_1 call_us">
5015            <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
5015<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>Call Us</span></a></div>    </div>
5016<style>
5017    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
5018        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
5019
5020            .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
5021        height:100%;        }
5022    
5023    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content {
5024        display: flex;
5025        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
5026
5027    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a {
5028        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:10px;        font-family:ITC Avant Garde;        display: flex;
5029        align-items: center;
5030        text-transform:none;    }
5031
5032    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg,
5033    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img {
5034        margin-right: 5px;
5035        height:9px;    }
5036
5037    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class {
5038        fill: currentColor;
5039    }
5040
5041
5042    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover {
5043    color:#ffffff;    }
5044</style>
5045                        </div>
5046
5047                        <style>
5048                            .header_container_3>.flex_row_1>.flex_col_3 {
5049                            width:48%;                            }
5050                        </style>
5051
5052
5053                    
5054                        <div class="flex_col flex_col_4">
5055
5056                            
5057                        </div>
5058
5059                        <style>
5060                            .header_container_3>.flex_row_1>.flex_col_4 {
5061                            width:1%;                            }
5062                        </style>
5063
5064
5065                    
5066                </div>
5067
5068                
5069                <style>
5070    .header_container_3>.flex_row_1 {
5071                    background-color: #022d57;
5072        
5073        color:#000000;        height:auto;                
5074        
5075            }
5076
5077    </style>
5078
5079
5080                                
5081            
5082                
5083                <div class="flex_row flex_row_2 ">
5084
5085                    
5086                        <div class="flex_col flex_col_1">
5087
5088                            <div class="flex_cell flex_cell_1 menu">
5089    <div class="flex_cell_content">
5090            <style>
5091            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner,
5092            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent {
5093                width: 30px;
5094                height: 24px;
5095                position: relative;
5096                cursor: pointer;
5097            }
5098            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
5099                fill: #022d57;            }
5100
5101            
5102            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section,
5103            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{
5104            color:#000000;                display: flex;
5105            font-weight:400;            font-style:normal;                        font-size:14px;            font-family:ITC Avant Garde;            text-transform:none;                        line-height:35px;            }
5106        </style>
5107
5108        <div id="mobile_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="mobile_hamburger_menu_template">
5109            <div class="hamburger-button-parent">
5110               <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
5111                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
5112                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
5113                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
5114                </svg>
5115
5116
5117            </div>
5118                    </div>
5119        </div>
5120</div>
5121
5122<style>
5123    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
5124        width:100%;                                    justify-content: flex-start;
5125                            align-items:center; -webkit-align-items:center;    }
5126
5127            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
5128        height:100%;        }
5129    
5130    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
5131        display: flex;
5132        margin-top:px;        margin-bottom:px;        margin-left:10px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
5133
5134    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
5135    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
5136        color:#000000; display: flex;
5137        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
5138
5139    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
5140        color:#000000;    }
5141</style>
5142                        </div>
5143
5144                        <style>
5145                            .header_container_3>.flex_row_2>.flex_col_1 {
5146                            width:10%;                            }
5147                        </style>
5148
5149
5150                    
5151                        <div class="flex_col flex_col_2">
5152
5153                            
5154
5155<div class="flex_cell flex_cell_1 image">
5156    <div class="flex_cell_content">
5157
5158            <a href="https://www.albertsjewelers.com/"
5159           >
5160    
5161        
5162            <img
5163                height="50px"                width="100px"
5164                
5165                src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos1---m.jpg"
5166
5167                alt="Albert&#039;s Diamond Jewelers">
5168
5169        
5170            </a>
5171    
5172    </div>
5173</div>
5174    <style>
5175                .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image {
5176        width:100%;        justify-content:left;
5176 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
5177        .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
5178        display: flex;
5179        margin-top:5px;        margin-bottom:5px;        margin-left:15px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
5180        .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img {
5181                }
5182        
5183                .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image {
5184        height:100%;        }
5185            </style>
5186
5187
5188                        </div>
5189
5190                        <style>
5191                            .header_container_3>.flex_row_2>.flex_col_2 {
5192                            width:50%;                            }
5193                        </style>
5194
5195
5196                    
5197                        <div class="flex_col flex_col_3">
5198
5199                            
5200<div class="flex_cell flex_cell_1 account_icons">
5201    <div class="flex_cell_content">
5202        
5203                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1">
5204                <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>                                                <span class="item-count-badge wishlist-count-badge d-none"></span>
5205                            </a>
5206        
5207                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
5208                <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg>                                                <span class="item-count-badge build-shopping-cart-item-counter d-none"></span>
5209                            </a>
5210        
5211        
5212                                    <a class="" href="/login" title="My Account" style="order: 3">
5213                    <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg>                                    </a>
5214                        </div>
5215</div>
5216
5217<style>
5218    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
5219        width:100%;                                    justify-content: flex-end;
5220                            align-items:center; -webkit-align-items:center;    }
5221
5222            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
5223        height:100%;        }
5224    
5225    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
5226    display: flex;
5227    margin-top:px;    margin-bottom:5px;    margin-left:px;    margin-right:4px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
5228
5229    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
5230        display: none !important;
5231    }
5232
5233    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a {
5234        display: flex;
5235        align-items: center;
5236        color:#022d57;        font-weight:400;        font-style:normal;                        font-size:14px;        font-family:ITC Avant Garde;        margin-left: 12px;
5237        text-transform:none;    }
5238
5239    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg,
5240    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img {
5241        flex-shrink: 0;
5242        margin-right: 5px;
5243        width:13px;        height:13px;    }
5244
5245    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class {
5246        fill: currentColor;
5247    }
5248
5249    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover {
5250        color:#003da5;    }
5251
5252    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
5253        padding: 0 5px;
5254        height: 16px;
5255        min-width: 16px;
5256        text-align: center;
5257        border-radius: 7px;
5258        line-height: 16px;
5259        border: 1px solid #fff;
5260        font-style: normal;
5261        font-weight: 700;
5262        font-size: 10px;
5263        background-color:#cdb877;        color:#ffffff;        margin-left: -10px;
5264        margin-top: -15px;
5265    }
5266</style>
5267                        </div>
5268
5269                        <style>
5270                            .header_container_3>.flex_row_2>.flex_col_3 {
5271                            width:40%;                            }
5272                        </style>
5273
5274
5275                    
5276                </div>
5277
5278                
5279                <style>
5280    .header_container_3>.flex_row_2 {
5281                    background-color: #ffffff;
5282        
5283        color:#000000;        height:auto;                
5284        
5285            }
5286
5287    </style>
5288
5289
5290                                
5291            
5292                
5293                <div class="flex_row flex_row_3 ">
5294
5295                    
5296                        <div class="flex_col flex_col_1">
5297
5298                            
5299<div class="flex_cell flex_cell_1 search_box">
5300    <div class="flex_cell_content">
5301                    <form class="sform" id="search-box-form"
5302            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
5303                    <div class="inputs-group">
5304                                    <button class="sBtn">
5305                        <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg>
5306                    </button>
5307                                <input class="sinp" type="text" name="search"
5308                       placeholder="Search Products..." 
5309                       aria-label="Search Products..."
5310                       >
5311                            </div>
5312                    </form>
5313            </div>
5314</div>
5315<style>
5316    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
5317        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
5318
5319            .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
5320        height:100%;        }
5321    
5322    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content {
5323        display: flex;
5324        margin-top:15px;        margin-bottom:5px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        width:70%;    }
5325
5326    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sform, .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group {
5327        width: 100%;
5328        display: flex;
5329        flex-wrap: nowrap;
5330    }
5331
5332    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp {
5333        border-radius: 0px;
5334        padding: 4px 8px;
5335        outline: 0px;
5336        box-shadow: none;
5337        font-size:12px;        font-family:Baskerville;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;        
5338        
5339       
5340                border-style: solid;
5341        border-width:1px;        border-color:#ffffff;        
5342
5343                    border-left:0px;
5344                        width: 100%;        
5345        
5346                border-bottom-color:#022d57;    }
5347
5348    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover {
5349            }
5350
5351    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder {
5352        font-size:12px;        font-family:Baskerville;        color:#022d57;        opacity: 1;
5353    }
5354
5355    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn {
5356        height: 100%;
5357        border-radius: 0px;
5358        padding: 4px;
5359        align-items: center;
5360        justify-content: center;
5361        display: flex;
5362        border-style: solid;
5363        border-width:1px;        border-color:#ffffff;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;                                    border-right:0px;
5364                            
5365            }
5366
5367    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover {
5368        background-color:#022d57;            }
5369
5370    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg {
5371        width:11px;        height:11px;    }
5372
5373    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class {
5374        fill:#022d57;    }
5375
5376    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class {
5377        fill:#022d57;    }
5378
5379</style>
5380                        </div>
5381
5382                        <style>
5383                            .header_container_3>.flex_row_3>.flex_col_1 {
5384                            width:100%;                            }
5385                        </style>
5386
5387
5388                    
5389                </div>
5390
5391                
5392                <style>
5393    .header_container_3>.flex_row_3 {
5394                    background-color: #ffffff;
5395        
5396        color:#000000;        height:auto;                
5397        
5398            }
5399
5400    </style>
5401
5402
5403                                
5404            
5405            
5406                
5407                    <div class="flex_row">
5408
5409                        
5410                            <div class="flex_col">
5411
5412                                
5413                            </div>
5414                        
5415                            <div class="flex_col">
5416
5417                                
5418                            </div>
5419                        
5420                            <div class="flex_col">
5421
5422                                
5423                            </div>
5424                        
5425                            <div class="flex_col">
5426
5427                                
5428                            </div>
5429                        
5430                    </div>
5431                
5432            
5433                
5434                    <div class="flex_row">
5435
5436                        
5437                            <div class="flex_col">
5438
5439                                <div class="flex_cell flex_cell_1 menu">
5440    <style>
5441        body.no-scroll {
5442            overflow: hidden;
5443        }
5444        #mobile_hamburger_menu_template {
5445            position: fixed;
5446            top: 0;
5447            left: 0;
5448            width: 425px;
5449            overflow-y: auto;
5450            left: -425px;
5451            z-index: 1000000001;
5452            background-color: #ffffff;
5453            transition: all 0.3s ease;
5454            height: 100%;
5455            max-height: 100vh;
5456            -webkit-overflow-scrolling: touch;
5457            box-sizing: border-box;
5458        }
5459        #mobile_hamburger_menu_template_overlay.open {
5460            position: absolute;
5461            top: 0;
5462            left: 0;
5463            right: 0;
5464            z-index: 100;
5465            transition: all 0.3s ease;
5466            height: 100vh;
5467            background: rgba(1, 1, 1, 0.5);
5468            cursor: pointer;
5469            box-sizing: border-box;
5470        }
5471        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m {
5472            height: 100vh;
5473            overflow-y: auto;
5474            -webkit-overflow-scrolling: touch;
5475            box-sizing: border-box;
5476            padding-right: 30px;
5477        }
5478        
5479        /* Applies to your scrollable element */
5480        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m,
5481        #mobile_hamburger_menu_template .sub-menu-panel {
5482          /* existing styles */
5483          overflow-y: auto;
5484          scroll-behavior: smooth;
5485
5486          /* Optional smoother experience on mobile */
5487          -webkit-overflow-scrolling: touch;
5488        }
5489
5490        /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */
5491        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar,
5492        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar {
5493          width: 8px;
5494        }
5495
5496        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track,
5497        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track {
5498          background: #f0f0f0; /* Light background */
5499          border-radius: 4px;
5500        }
5501        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb,
5502        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb {
5503          background-color: #ccc;
5504          border-radius: 4px;
5505          border: 2px solid #f0f0f0; /* Matches track */
5506        }
5507        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
5508        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover {
5509          background-color: #999;
5510        }
5511
5512        /* Firefox scrollbar styling */
5513        @supports (scrollbar-color: auto) {
5514            #mobile_hamburger_menu_template .hamburger-menu-template-inner-m,
5515          #mobile_hamburger_menu_template .sub-menu-panel {
5516            scrollbar-width: thin;
5517            scrollbar-color: #ccc #f0f0f0; /* thumb and track */
5518          }
5519        }
5520        #mobile_hamburger_menu_template .hamburger-menu-template-inner {
5521            padding: 30px;
5522            width: 425px;
5523            padding-right: 0px;
5524            position: fixed;
5525            box-sizing: border-box;
5526        }
5527        #mobile_hamburger_menu_template .hamburger-menu-close-button {
5528            font-size: 14px !important;
5529            display: flex;
5530            align-items: center;
5531            margin-bottom: 20px;
5532        }
5533        #mobile_hamburger_menu_template .hamburger-menu-close-button svg {
5534            height: 24px;
5535            margin-right: 5px;
5536        }
5537        #mobile_hamburger_menu_template .hamburger-menu-nav-section {
5538            display: flex;
5539            justify-content: space-between;
5540            align-items: center;
5541            box-sizing: border-box;
5542        }
5543        #mobile_hamburger_menu_template .sub_title_m {
5544            color: #444;
5545            text-transform: uppercase;
5546            font-weight: 400;
5547            font-size: 14px;
5548            margin-top: 30px;
5549            margin-bottom: 30px;
5550            letter-spacing: 2px;
5551            display:flex;
5552        }
5553        #mobile_hamburger_menu_template .hamburger-menu-nav-section svg {
5554            height: 20px;
5555            float: right;
5556        }
5557        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{
5558            text-decoration: underline;
5559        }
5560        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{
5561            min-width:30px;
5562            justify-content: end;
5563        }
5564        #mobile_hamburger_menu_template .icon_and_name {
5565            display:flex;
5566            align-items:center;
5567            gap:10px;
5568        }
5569        #mobile_hamburger_menu_template .ham_menu_container {
5570            display:flex;
5571            justify-content: space-between;
5572        }
5573        #mobile_hamburger_menu_template.open {
5574            left: 0;
5575            
5576        }        
5577        #mobile_hamburger_menu_template .sub-menu-panel {
5578            padding: 30px;
5579            padding-top: 60px;
5580            position: absolute;
5581            top: 0;
5582            left: 425px;
5583            width: 425px;
5584            height: 100vh;
5585            background-color: #fff;
5586            overflow-y: auto;
5587            z-index: 999999;
5588            opacity: 0;
5589            transition: opacity 0.5s ease;
5590        }
5591
5592        #mobile_hamburger_menu_template .sub-menu-panel.open {       
5593            opacity: 1;
5594            z-index: 9999999;
5595        }
5596         
5597        
5598        
5599        #mobile_hamburger_menu_template a.hamburger-menu-nav-section,
5600        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
5601        #mobile_hamburger_menu_template a.hamburger-menu-close-button,
5602        #mobile_hamburger_menu_template button.hamburger-menu-close-button {
5603            position: relative;
5604        color:#000000;            display: flex;
5605        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;        }
5606        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
5607        #mobile_hamburger_menu_template button.hamburger-menu-close-button {
5608            background: none;
5609            border: none;
5610            padding: 0;
5611            cursor: pointer;
5612            width: 100%;
5613        }
5614        /* this is not working in dash */
5615        #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover, 
5616        #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover,
5617        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active,
5618        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active
5619        {
5620            color: #000;
5621        }
5622        #mobile_hamburger_menu_template a.hamburger-menu-nav-section::after,
5623        #mobile_hamburger_menu_template button.hamburger-menu-nav-section::after {
5624            content: "";
5625            position: absolute;
5626            left: 0;
5627            bottom: 0;
5628            width: 0%;
5629            height: 0.5px;
5630            background-color: #000;
5631            transition: width 0.5s ease;
5632        }
5633        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
5634        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active::after {
5635            width: 100%;
5636        }
5637
5638        #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover::after,
5639        #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover::after {
5640            width: 100%;
5641        }
5642        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
5643            display: none;
5644            padding: 15px 0px;
5645            padding-left: 20px;
5646            background: #fff;
5647        }
5648        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
5649            display: block;
5650            padding-top:2px;
5651        }        
5652        
5653        #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img,
5654        #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img {
5655                            height:30px;
5656                    }
5657        @media (min-width: 768px) {             
5658            .hide_desktop {
5659                display:none!important;
5660            }
5661        }
5662        
5663        @media (max-width: 767.9px) {            
5664            .hide_mobile {
5665                display:none!important;
5666            }
5667            #mobile_hamburger_menu_template .sub_title_m svg {
5668                height: 20px;
5669                transform: rotate(180deg);
5670            }
5671            #mobile_hamburger_menu_template .sub_title_m {
5672                align-items: center;
5673                gap: 8px;
5674                cursor: pointer;
5675            }
5676            #mobile_hamburger_menu_template {
5677                position: fixed;
5678                top: 0;
5679                left: 0;
5680                width: 100%;
5681                overflow-y: auto;
5682                left: -100%;
5683                z-index: 9999998;
5684                background-color: #ffffff;
5685                transition: all 0.3s ease;
5686                height: 100%;
5687                max-height: 100vh;
5688                -webkit-overflow-scrolling: touch;
5689                box-sizing: border-box;
5690            }
5691        
5692            #mobile_hamburger_menu_template .sub-menu-panel {
5693                padding: 30px;
5694                padding-top: 30px;
5695                padding-bottom: 100px;
5696                position: absolute;
5697                top: 0;
5698                left: 200%;
5699                width: 100%;
5700                height: 100vh;
5701                background-color: #fff;
5702                overflow-y: auto;
5703                z-index: -1;
5704                opacity: 1;
5705                transition: 0.5s ease;
5706                box-sizing: border-box;
5707            }
5708            #mobile_hamburger_menu_template .sub-menu-panel.open {       
5709                opacity: 1;
5710                left: 0px;
5711                z-index: 9999999;
5712            }
5713            
5714            #mobile_hamburger_menu_template .hamburger-menu-template-inner {
5715                width: 100%;
5716            }
5717            
5718            
5719        }
5720        
5721        
5722       
5723    </style>
5724
5725    <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
5726        
5727        <div class="hamburger-menu-template-inner">
5728            <div class="hamburger-menu-template-inner-m">
5729                        <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="mobile_hamburger_close_button" role="button">
5730                <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg>
5731            </a>
5732            
5733            <div class="script_before_menu">
5734                                
5735
5736<div class="flex_cell flex_cell_1 image">
5737    <div class="flex_cell_content">
5738
5739    
5740        
5741            <img
5742                                
5743                
5744                src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png"
5745
5746                alt="Albert&#039;s Jewelers">
5747
5748        
5749    
5750    </div>
5751</div>
5752    <style>
5753                .header_container_3 .flex_row .flex_col .script_before_menu .image {
5754        width:100%;        justify-content:left !important;                align-items:center !important;        }
5755        .header_container_3 .flex_row .flex_col .script_before_menu .image>.flex_cell_content {
5756        display: flex;
5757        margin-top:px !important;        margin-bottom:px !important;        margin-left:px !important;        margin-right:px !important;        padding-top:px !important;        padding-bottom:px !important;        padding-left:px !important;        padding-right:px !important;        }
5758        .header_container_3 .flex_row .flex_col .script_before_menu .image img {
5759        max-width:130px;        }
5760        
5761                .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image {
5762                }
5763            </style>
5764
5765                            </div>
5766            <div style="clear: both"></div>
5767                                                                                                                        
5768                    
5769                                                <a style="margin-top:25px"
5770                           class="hamburger-menu-nav-section " 
5771                           title="New Arrivals" 
5772                           href="#!" >
5773                            
5774                        <span class="icon_and_name">
5775                        
5776                            New Arrivals                        </span>
5777                            
5778                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
5779                        
5780                        </a>
5781                                            
5782
5783                    
5784                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-216">
5785                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5786                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5787  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
5788</svg>
5789
5790                            New Arrivals                        
5791                        </div>
5792                        <div class="sub_title_m hide_mobile">New Arrivals</div>
5793                        
5794                        
5795                            <!-- mobile_hamburger_menu_216_start -->
5796                            <div id="mobile_hamburger_menu_216"></div>
5797                            <!-- mobile_hamburger_menu_216_end -->
5798                                            </div>
5799
5800                                        
5801                    
5802                                                <a style="margin-top:25px"
5803                           class="hamburger-menu-nav-section " 
5804                           title="Engagement Rings" 
5805                           href="#!" >
5806                            
5807                        <span class="icon_and_name">
5808                        
5809                            Engagement Rings                        </span>
5810                            
5811                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
5812                        
5813                        </a>
5814                                            
5815
5816                    
5817                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-6">
5818                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5819                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5820  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
5821</svg>
5822
5823                            Engagement Rings                        
5824                        </div>
5825                        <div class="sub_title_m hide_mobile">Engagement Rings</div>
5826                        
5827                        
5828                            <!-- mobile_hamburger_menu_6_start -->
5829                            <div id="mobile_hamburger_menu_6"></div>
5830                            <!-- mobile_hamburger_menu_6_end -->
5831                                            </div>
5832
5833                            
5834                    
5835                                                <a style=""
5836                           class="hamburger-menu-nav-section " 
5837                           title="Wedding Bands" 
5838                           href="#!" >
5839                            
5840                        <span class="icon_and_name">
5841                        
5842                            Wedding Bands                        </span>
5843                            
5844                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
5845                        
5846                        </a>
5847                                            
5848
5849                    
5850                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-12">
5851                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5852                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5853  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
5854</svg>
5855
5856                            Wedding Bands                        
5857                        </div>
5858                        <div class="sub_title_m hide_mobile">Wedding Bands</div>
5859                        
5860                        
5861                            <!-- mobile_hamburger_menu_12_start -->
5862                            <div id="mobile_hamburger_menu_12"></div>
5863                            <!-- mobile_hamburger_menu_12_end -->
5864                                            </div>
5865
5866                            
5867                    
5868                                                <a style=""
5869                           class="hamburger-menu-nav-section " 
5870                           title="Diamonds" 
5871                           href="#!" >
5872                            
5873                        <span class="icon_and_name">
5874                        
5875                            Diamonds                        </span>
5876                            
5877                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
5878                        
5879                        </a>
5880                                            
5881
5882                    
5883                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-11">
5884                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5885                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5886  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
5887</svg>
5888
5889                            Diamonds                        
5890                        </div>
5891                        <div class="sub_title_m hide_mobile">Diamonds</div>
5892                        
5893                        
5894                            <!-- mobile_hamburger_menu_11_start -->
5895                            <div id="mobile_hamburger_menu_11"></div>
5896                            <!-- mobile_hamburger_menu_11_end -->
5897                                            </div>
5898
5899                            
5900                    
5901                                                <a style="margin-top:20px"
5902                           class="hamburger-menu-nav-section " 
5903                           title="Designers " 
5904                           href="#!" >
5905                            
5906                        <span class="icon_and_name">
5907                        
5908                            Designers                         </span>
5909                            
5910                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
5911                        
5912                        </a>
5913                                            
5914
5915                    
5916                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-72">
5917                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5918                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5919  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
5920</svg>
5921
5922                            Designers                         
5923                        </div>
5924                        <div class="sub_title_m hide_mobile">Designers </div>
5925                        
5926                        
5927                            <!-- mobile_hamburger_menu_72_start -->
5928                            <div id="mobile_hamburger_menu_72"></div>
5929                            <!-- mobile_hamburger_menu_72_end -->
5930                                            </div>
5931
5932                            
5933                    
5934                                                <a style=""
5935                           class="hamburger-menu-nav-section " 
5936                           title="Fine Jewelry" 
5937                           href="#!" >
5938                            
5939                        <span class="icon_and_name">
5940                        
5941                            Fine Jewelry                        </span>
5942                            
5943                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
5944                        
5945                        </a>
5946                                            
5947
5948                    
5949                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-16">
5950                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5951                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5952  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
5953</svg>
5954
5955                            Fine Jewelry                        
5956                        </div>
5957                        <div class="sub_title_m hide_mobile">Fine Jewelry</div>
5958                        
5959                        
5960                            <!-- mobile_hamburger_menu_16_start -->
5961                            <div id="mobile_hamburger_menu_16"></div>
5962                            <!-- mobile_hamburger_menu_16_end -->
5963                                            </div>
5964
5965                            
5966                    
5967                                                <a style=""
5968                           class="hamburger-menu-nav-section " 
5969                           title="Timepieces" 
5970                           href="#!" >
5971                            
5972                        <span class="icon_and_name">
5973                        
5974                            Timepieces                        </span>
5975                            
5976                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
5977                        
5978                        </a>
5979                                            
5980
5981                    
5982                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-20">
5983                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5984                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5985  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
5986</svg>
5987
5988                            Timepieces                        
5989                        </div>
5990                        <div class="sub_title_m hide_mobile">Timepieces</div>
5991                        
5992                        
5993                            <!-- mobile_hamburger_menu_20_start -->
5994                            <div id="mobile_hamburger_menu_20"></div>
5995                            <!-- mobile_hamburger_menu_20_end -->
5996                                            </div>
5997
5998                            
5999                    
6000                                                <a style="margin-top:20px"
6001                           class="hamburger-menu-nav-section " 
6002                           title="Services" 
6003                           href="#!" >
6004                            
6005                        <span class="icon_and_name">
6006                        
6007                            Services                        </span>
6008                            
6009                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
6010                        
6011                        </a>
6012                                            
6013
6014                    
6015                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-179">
6016                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
6017                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
6018  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
6019</svg>
6020
6021                            Services                        
6022                        </div>
6023                        <div class="sub_title_m hide_mobile">Services</div>
6024                        
6025                        
6026                            <!-- mobile_hamburger_menu_179_start -->
6027                            <div id="mobile_hamburger_menu_179"></div>
6028                            <!-- mobile_hamburger_menu_179_end -->
6029                                            </div>
6030
6031                            
6032                    
6033                                                <a style=""
6034                           class="hamburger-menu-nav-section " 
6035                           title="Contact" 
6036                           href="#!" >
6037                            
6038                        <span class="icon_and_name">
6039                        
6040                            Contact                        </span>
6041                            
6042                                                    <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg>
6043                        
6044                        </a>
6045                                            
6046
6047                    
6048                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-22">
6049                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
6050                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
6051  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path>
6052</svg>
6053
6054                            Contact                        
6055                        </div>
6056                        <div class="sub_title_m hide_mobile">Contact</div>
6057                        
6058                        
6059                            <!-- mobile_hamburger_menu_22_start -->
6060                            <div id="mobile_hamburger_menu_22"></div>
6061                            <!-- mobile_hamburger_menu_22_end -->
6062                                            </div>
6063
6064                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
6065                                                    <div class="custom_script_after_menu">
6066                        <br><br><br><br><br>                    </div>
6067                            </div>
6068        </div>
6069        </div>
6070    </nav>
6071    <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div>
6072
6073    
6073<script>
6074        $(function () {
6075            
6076            
6077            const trap = focusTrap.createFocusTrap('#mobile_hamburger_menu_template', {
6078                onActivate: () => $('#mobile_hamburger_menu_template').addClass('is-active'),
6079                onDeactivate: () => $('#mobile_hamburger_menu_template').removeClass('is-active'),
6080                clickOutsideDeactivates: true
6081            });
6082    
6083    
6084    
6085            function updatePanelWidth() {
6086                const elements = document.querySelectorAll('.custom_bm_fw');
6087
6088                elements.forEach(element => {
6089                  const panel = element.closest('.sub-menu-panel');
6090                  if (panel) {
6091                    if (window.innerWidth > 768) { 
6092                      const newWidth = window.innerWidth - 425;
6093                      panel.style.width = `${newWidth}px`;
6094                    } else {
6095                      panel.removeAttribute('style');
6096                    }
6097                  }
6098                });
6099              }
6100
6101            updatePanelWidth();
6102            window.addEventListener('resize', updatePanelWidth);
6103
6104            let $lastNavTrigger = null;
6105            $('.sub-menu-panel').attr('tabindex', '-1');
6106            $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6107
6108
6109
6110            $('#mobile_hamburger_button').on('click keypress', function (event) {
6111                if(event.which === 13 || event.which === 32 || event.type == 'click') {
6112                    if(event.which === 32) {
6113                        event.preventDefault();
6114                    }
6115                    document.body.classList.add('no-scroll');
6116                    $('#mobile_hamburger_menu_template').toggleClass('open')
6117                    $('#mobile_hamburger_menu_template_overlay').toggleClass('open')
6118                    $('#mobile_hamburger_menu_template').removeAttr('inert')
6119                    trap.activate()
6120                    $('#mobile_hamburger_close_button').focus()
6121                }
6122            })
6123            
6124            function closeSubMenu() {
6125                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6126                    panel.classList.remove('open');
6127                })
6128                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6129                    panel.classList.remove('active');
6130                })
6131                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6132                // Restore main-list nav items to the tab order
6133                $('.hamburger-menu-nav-section').removeAttr('tabindex');
6134                if ($lastNavTrigger) {
6135                    $lastNavTrigger.focus();
6136                    $lastNavTrigger = null;
6137                }
6138            }
6139
6140            $('.header_container_3').on('click', '.close_sub_menu', function() {
6141                closeSubMenu();
6142            })
6143
6144            $('.header_container_3').on('keydown', '.close_sub_menu', function(event) {
6145                if (event.key === 'Enter' || event.key === ' ') {
6146                    event.preventDefault();
6147                    closeSubMenu();
6148                }
6149            })
6150            
6151            
6152
6153            // Cycle Tab focus within the open sub-menu-panel (last item → first item)
6154            $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) {
6155                if (event.key !== 'Tab' || event.shiftKey) return;
6156                var $panel = $(this).closest('.sub-menu-panel.open');
6157                var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]');
6158                if ($focusable.last().is(this)) {
6159                    event.preventDefault();
6160                    $focusable.first().trigger('focus');
6161                }
6162            });
6163
6164            $('#mobile_hamburger_close_button, #mobile_hamburger_menu_template_overlay').on('click keypress', function (event) {
6165                // <button> fires a synthetic click on Enter/Space — skip keypress to avoid double-fire
6166                if (event.type === 'keypress' && this.tagName === 'BUTTON') {
6167                    return;
6168                }
6169                if(event.which === 13 || event.which === 32 || event.type == 'click') {
6170                    if (event.which === 32) {
6171                        event.preventDefault();
6172                    }
6173
6174                    closeHamburgerMenu();
6175                }
6176            })
6177
6178            $(window).resize(function () {
6179                                if($(window).width() > 768) closeHamburgerMenu();
6180                            })
6181
6182            function closeHamburgerMenu() {
6183                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6184                    panel.classList.remove('open');
6185                })
6186                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6187                    panel.classList.remove('active');
6188                })
6189                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6190                // Restore main-list nav items to the tab order
6191                $('.hamburger-menu-nav-section').removeAttr('tabindex');
6192                $lastNavTrigger = null;
6193                document.body.classList.remove('no-scroll');
6194                $('#mobile_hamburger_menu_template').removeClass('open')
6195                $('#mobile_hamburger_menu_template_overlay').removeClass('open')
6196                $('#mobile_hamburger_menu_template').attr('inert', 'inert')
6197                trap.deactivate()
6198            }
6199
6200            $('.header_container_3').on('click', '.hamburger-menu-nav-section', function() {
6201
6202                if ($(this).hasClass("active")) {
6203                    document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6204                        panel.classList.remove('open');
6205                    })
6206                    document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6207                        panel.classList.remove('active');
6208                    })
6209                    $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6210                    // Restore main-list nav items to the tab order
6211                    $('.hamburger-menu-nav-section').removeAttr('tabindex');
6212                } else {
6213                    // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button
6214                    let $checkPanel = $(this).hasClass("parent_men_arrow")
6215                        ? $(this).closest('.ham_menu_container').next('.sub-menu-panel')
6216                        : $(this).next('.sub-menu-panel');
6217
6218                    if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) {
6219                        document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6220                            panel.classList.remove('open');
6221                        })
6222                        document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6223                            panel.classList.remove('active');
6224                        })
6225                        $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6226
6227                        $(this).addClass('active');
6228                        $lastNavTrigger = $(this);
6229
6230                        let $openedPanel = null;
6231
6232                        if (!$(this).hasClass("parent_men")) {
6233                            updatePanelWidth();
6234                            $(this).next('.sub-menu-panel').toggleClass('open');
6235                            $openedPanel = $(this).next('.sub-menu-panel');
6236                        }
6237                        if ($(this).hasClass("parent_men_arrow")) {
6238                            $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open');
6239                            $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel');
6240                        }
6241
6242                        if ($openedPanel && $openedPanel.hasClass('open')) {
6243                            // Hide main-list nav items from tab order while panel is open
6244                            $('.hamburger-menu-nav-section').attr('tabindex', '-1');
6245                            $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0');
6246                            setTimeout(function() {
6247                                $openedPanel.find('[tabindex="0"]').first().trigger('focus');
6248                            }, 50);
6249                        }
6250                    }
6251                }
6252
6253            })
6254        })
6255        
6256        function setHamburgerInnerHeight() {
6257            const inner = document.querySelector('.hamburger-menu
6257-template-inner-m');
6258            const offset = 0; // adjust this if there's a header/footer inside
6259            inner.style.height = `${window.innerHeight - offset - 70}px`;
6260        }
6261
6262        // Run on load and resize
6263        window.addEventListener('load', setHamburgerInnerHeight);
6264        window.addEventListener('resize', setHamburgerInnerHeight);
6265
6266    </script>
6266
6267</div>
6268
6269<style>
6270    #mobile_hamburger_menu_template>ul>li>a {
6271        color:#000000; display: flex;
6272        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
6273
6274    #mobile_hamburger_menu_template>ul>li>a:hover {
6275        color:#000000;    }
6276    
6277    
6278
6279</style>
6280                            </div>
6281                        
6282                            <div class="flex_col">
6283
6284                                
6285                            </div>
6286                        
6287                            <div class="flex_col">
6288
6289                                
6290                            </div>
6291                        
6292                    </div>
6293                
6294            
6295                
6296                    <div class="flex_row">
6297
6298                        
6299                            <div class="flex_col">
6300
6301                                
6302                            </div>
6303                        
6304                    </div>
6305                
6306            
6307        </div>
6308
6309
6310    
6311</header>
6312
6313
6314<main id="main" class="main_page_container page_type_10 page_guid_3000503">
6315    
6316    <style>
6317    [data-checkbox-hidden]{width:fit-content;}body{margin:0;}#logo_img_pop_00001{margin:0 auto;}
6318                        img[carousel_image_type="desktop"]{display:block !important;}
6319                        img[carousel_image_type="tablet"]{display:none !important;}
6320                        img[carousel_image_type="mobile"]{display:none !important;} 
6321                        img[pointer]{cursor:pointer;} p,h1,h2,h3,h4,h5,h6{padding:0; margin:0;} 
6322                        img[zoom]{transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;vertical-align: middle;height: auto;max-width: 100%;}
6323                        img[zoom]:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
6324                        .pointer{cursor:pointer;}
6325                        .gjs-cell, .cell{width:100%;}                      
6326                        .table-auto{
6327                            table-layout: fixed;
6328                        }
6329                        .customer_review_carousel{
6330                            max-height:234px !important;
6331                        }
6332                        img.object-cover{
6333                            filter: none !important;
6334                        }
6335                        .customer_review_carousel .item-carousel{
6336                            flex-direction: column !important;
6337                        }
6338                        .bst-carousel.item-carousel {
6339                            position:relative;
6340                            /*display: flex;
6341                            justify-content: center;*/
6342                        }
6343
6344                        [data-template] img {                        
6345                            width:100%;
6346                        }
6347                        .item-carousel img {                        
6348                            margin: auto;
6349                        }                                                
6350                        .main_page_container img[height]{height:auto !important;}
6351                        /*.gjs-cell{width:100% !important;}*/
6352                        .carousel-control {
6353                            -webkit-tap-highlight-color: transparent;
6354                            display:flex;
6355                            justify-content:center;
6356                            align-items:center;
6357                            z-index:1;
6358                            width:auto;
6359                        }
6360                        .carousel-control  svg {
6361                            color:black;
6362                        }
6363                        .bst-carousel.carousel {                            
6364                            width:-webkit-fill-available;                            
6365                            width:-moz-available;
6366                            position: relative;
6367                          }
6368                        
6369                        @media(max-width: 991.9px){
6370                            img[carousel_image_type="desktop"]{display:none !important;} 
6371                            img[carousel_image_type="tablet"]{display:block !important;} 
6372                            img[carousel_image_type="mobile"]{display:none !important;}
6373                            
6374                        }
6375
6376
6377                        @media(max-width: 767.9px){
6378                            img[carousel_image_type="desktop"]{display:none !important;} 
6379                            img[carousel_image_type="tablet"]{display:none !important;} 
6380                            img[carousel_image_type="mobile"]{display:block !important;}
6381
6382                            
6383                        }
6384                        [data-checkbox-hidden]{width:fit-content;}body{margin:0;}img[carousel_image_type="desktop"]{display:block !important;}img[carousel_image_type="tablet"]{display:none !important;}img[carousel_image_type="mobile"]{display:none !important;}img[pointer]{cursor:pointer;}p, h1, h2, h3, h4, h5, h6{padding:0;margin:0;}img[zoom]{transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;vertical-align:middle;height:auto;max-width:100%;}img[zoom]:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}.pointer{cursor:pointer;}
6384img.object-cover{filter:none !important;}.customer_review_carousel .item-carousel{flex-direction:column !important;}.bst-carousel.item-carousel{position:relative;undefined:undefined;}[data-template] img{width:100%;}.item-carousel img{margin:auto;}.main_page_container img[height]{height:auto !important;}.carousel-control{-webkit-tap-highlight-color:transparent;display:flex;justify-content:center;align-items:center;z-index:1;width:auto;}.carousel-control  svg{color:black;}.bst-carousel.carousel{width:-moz-available;position:relative;}.row{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;padding:10px;min-height:75px;}.row-cell{flex-grow:1;width:100%;padding:5px;}.bst-carousel img{border:0;}.bst-carousel svg:not(:root){overflow:hidden;}.bst-carousel .img-responsive, .bst-carousel .carousel-inner>.item>img, .bst-carousel .carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;}.bst-carousel .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
6384.bst-carousel .sr-only-focusable:active, .bst-carousel .sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}.bst-carousel .carousel-inner{position:relative;overflow:hidden;width:100%;}.bst-carousel .carousel-inner>.item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}.bst-carousel .carousel-inner>.item>img, .bst-carousel .carousel-inner>.item>a>img{line-height:1;display:block;margin:auto;}.bst-carousel .carousel-inner>.active, .bst-carousel .carousel-inner>.next, .bst-carousel .carousel-inner>.prev{display:block;}.bst-carousel .carousel-inner>.active{left:0;}.bst-carousel .carousel-inner>.next, .bst-carousel .carousel-inner>.prev{position:absolute;top:0;width:100%;}.bst-carousel .carousel-inner>.next{left:100%;}.bst-carousel .carousel-inner>.prev{left:-100%;}.bst-carousel .carousel-inner>.next.left, .bst-carousel .carousel-inner>.prev.right{left:0;}.bst-carousel .carousel-inner>.active.left{left:-100%;}.bst-carousel .carousel-inner>.active.right{left:100%;}.bst-carousel .carousel-control{position:absolute;top:0;left:0;bottom:0;undefined:undefined;opacity:0.5;filter:alpha(opacity=50);font-size:20px;color:#ffffff;text-align:center;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);background-color:rgba(0, 0, 0, 0);z-index:1000;}.bst-carousel .carousel-control.right{left:auto;right:0;}
6384.bst-carousel, .bst-carousel .carousel-control:hover{outline:0;color:#ffffff;text-decoration:none;opacity:1 !important;filter:alpha(opacity=90);}.bst-carousel .carousel-control .icon-prev, .bst-carousel .carousel-control .icon-next, .bst-carousel .carousel-control .glyphicon-chevron-left, .bst-carousel .carousel-control .glyphicon-chevron-right{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block;}.bst-carousel .carousel-control .icon-prev, .bst-carousel .carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px;}.bst-carousel .carousel-control .icon-next, .bst-carousel .carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px;}.bst-carousel .carousel-control .icon-prev, .bst-carousel .carousel-control .icon-next{width:20px;height:20px;line-height:1;font-family:serif;}.bst-carousel .carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center;}.bst-carousel .carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #ffffff;border-radius:10px;cursor:pointer;background-color:rgba(0, 0, 0, 0);}.bst-carousel .carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#ffffff;}.item-carousel.active{undefined:undefined;}.bst-carousel .carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#ffffff;text-align:center;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);}.bst-carousel .carousel-caption .btn{text-shadow:none;}
6384.bst-carousel .clearfix:before, .bst-carousel .clearfix:after{content:" ";display:table;}.bst-carousel .clearfix:after{clear:both;}.bst-carousel .center-block{display:block;margin-left:auto;margin-right:auto;}.gjs-dashed img{max-width:100%;}*{box-sizing:border-box;}.wrapper952 a{text-decoration:none;}.wrapper952 a:hover{text-decoration:none;}.container-with-image952 img{width:100%;height:auto;}p{padding:0;margin:0 0 1em 0;}body, div, span, p, img, small, figure, section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}figure, section{display:block;}small{font-size:85%;}button{cursor:pointer;margin:0;border:none;background:none;font-family:inherit;font-size:100%;text-transform:none;line-height:1;color:currentColor;width:auto;overflow:visible;}body *{-webkit-font-smoothing:antialiased;}.wrapper--full{max-width:none;margin:0 auto;}.section-padding{--padding-top:var(--PT);--padding-bottom:var(--PB);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);}p .p{font-size:calc(var(--font-3) * var(--FONT-ADJUST-BODY));}.small, small, p small{font-size:calc(var(--font-2) * var(--FONT-ADJUST-BODY));}.p, p{margin:0.5em 0;}a{text-decoration:none;color:var(--link);transition:color 0.25s ease;}.btn span{position:relative;vertical-align:middle;}.btn:not(.btn--text) span:not([class]){display:block;height:100%;transform:translateZ(0);}.lazy-image img{transition:opacity 0.5s ease-in;}.image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:auto;}.image-wrapper--cover img{object-fit:cover;}img.fit-cover{object-fit:cover;}p a{--link:currentcolor;--link-hover:currentcolor;display:inline;text-decoration:none;cursor:pointer;padding:0 0 5px;color:var(--link);line-height:normal;background:linear-gradient(to right, currentColor, currentColor);background-size:100% 1px;background-position:50% 86%;background-repeat:no-repeat;transition:color 0.25s ease-in, background-size 0.25s ease-in;}.index-look{background-color:var(--bg);color:var(--text);}.look__slide{flex:0 0 auto;width:100%;}.look__aside{flex:1 1 50%;text-align:left;padding:35px 0;overflow:hidden;}.look__image--fullheight .look__image-bg{--header-height-sticky:0;}.product-item{--text:var(--COLOR-TEXT);--text-dark:var(--COLOR-TEXT-DARK);--text-light:var(--COLOR-TEXT-LIGHT);position:relative;background:var(--COLOR-BG);scroll-snap-align:start;}.product-item__image:not(.image--empty){background-color:var(--COLOR-BG);}.product-item__image .product-link{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;}.product-information{text-align:left;line-height:1.4;}.product-information .price{font-size:inherit;color:var(--text-light);}.product-information .price small{font-size:inherit;}.quick-add__button > span{pointer-events:none;}#igxfrtebhp834601 h2, #igxfrtebhp834601 h3, #igxfrtebhp834601 p{margin:0;padding:0;}#igxfrtebhp834601 a{text-decoration:none;color:#222;}#igxfrtebhp834601 a:hover{text-decoration:none;}.warranty3460 img{width:100%;height:auto;}.warranty3460 .tablet3460, .warranty3460 .mobile3460{display:none;}#dferwe3s0001 a:hover{text-decoration:none;}.container-with-image_504 img{width:100%;height:auto;}.sticky-row{display:flex;flex-direction:row;height:100vh;position:sticky;top:0;width:100%;overflow:auto;}.main-wr-002 a:hover{text-decoration:none;}.main-wr-002 .p_t_002{text-align:center;max-width:80%;}.jew_card002>div{position:relative;}.header-block h4{font-size:26px;font-weight:700;margin:0 0 50px 0;}.main-image img{width:100%;height:100%;}.product-image img{width:100%;}.product-context p{margin:0;}.product-price, .product-info p{margin:0;font-size:16px;font-weight:700;}#igxfrtebhp88021 h3, #igxfrtebhp88021 p{margin:0;padding:0;}#igxfrtebhp88021 a{text-decoration:none;color:#222;}#igxfrtebhp88021 a:hover{text-decoration:none;}
6384.left802d .warranty802_description{left:0;right:20px;}.warranty802 img{width:100%;height:auto;}.warranty802 .tablet802, .warranty802 .mobile802{display:none;}.fs7-3{font-size:3.2rem;line-height:1.1rem;}.max-width-102.align-center{margin-left:auto;margin-right:auto;}.line-mask{position:absolute;top:0;right:0;background-color:#062b39;opacity:0.65;height:100%;width:100%;z-index:2;}.container{position:relative;display:flex;flex-direction:column;max-width:3200px;margin:0 auto;}.block2{width:100%;height:100vh;min-height:720px;padding:0% 0px 0% 0px;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);justify-content:flex-start;align-items:center;display:flex;}.carousel-12-01{overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:3200px;margin:0 auto;}.carousel-12-img-01{width:100%;}.carousel-12-img-02{display:none;width:100%;}.carousel-12-img-03{display:none;width:100%;}.carousel-12-div-01{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;}.carousel-12-div-03{display:flex;flex-direction:column;align-items:center;}#carousel-12-01{overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:3200px;margin:0 auto;}#carousel-12-02{overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:3200px;margin:0 auto;}#carousel-12-img-01{width:100%;}#carousel-12-img-04{width:100%;padding:2px 0px 0 0px;}#carousel-12-img-02{display:none;width:100%;}#carousel-12-img-05{display:none;width:100%;}#carousel-12-img-03{display:none;width:100%;}#carousel-12-img-06{display:none;width:100%;}#carousel-12-div-01{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;}#carousel-12-div-03{display:flex;flex-direction:column;align-items:center;}.icon-display{display:inline-block;}#itv3{padding:0px 0px 0px 0px;}#i3q1uf-3{font-family:ITC Avant Garde;font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;letter-spacing:1px;}#ismmxg-3{color:black;font-size:15px;text-align:center;font-family:ITC Avant Garde;font-weight:400;letter-spacing:3%;line-height:25px;padding:0px 20px 0px 20px;margin:60px 0 0 0;}#iplt0l-3{color:black;height:auto;object-fit:contain;}#ifb6ni-3{justify-content:center;display:flex;}#irf0qc-3{text-transform:uppercase;padding:12px 40px;background:transparent;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;cursor:pointer;text-decoration:underline;}#ivq3ik-3{width:100%;display:flex;justify-content:center;margin:0px 0 0 0;}#iw6aj4{font-family:ITC Avant Garde;font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;letter-spacing:1px;}#ip6rw5{color:black;font-size:15px;text-align:center;font-family:ITC Avant Garde;letter-spacing:3%;line-height:25px;padding:0px 20px 0px 20px;margin:60px 0 0 0;}#ip4bub{color:black;height:auto;object-fit:contain;}#i0ysqq{justify-content:center;display:flex;}#id21bh{text-transform:uppercase;padding:12px 40px;background:transparent;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;text-decoration:underline;cursor:pointer;}#iccsrp{width:100%;display:flex;justify-content:center;margin:0px 0 0 0;}#i869r{font-family:ITC Avant Garde;font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;letter-spacing:1px;}#i48wa{color:black;font-size:15px;text-align:center;font-family:ITC Avant Garde;letter-spacing:3%;line-height:25px;padding:0px 20px 0px 20px;margin:60px 0 0 0;}#iyw6c{color:black;height:auto;}#ikifp{justify-content:center;display:flex;}#ihf53{text-transform:uppercase;padding:12px 40px;background:transparent;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;text-decoration:underline;cursor:pointer;}#iod8g{width:100%;display:flex;justify-content:center;margin:0px 0 0 0;}#template-28_1-a-02{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;}#block4{min-height:100vh;height:auto;width:100%;max-width:3200px;display:block;margin-bottom:10px;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#fafafa 0%, #fafafa 100%);}#igxfrtebhp834613{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:100%;margin:4rem 50px 10px 50px;}#i9ooz2{font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;margin:30px 30px 70px 0px;font-family:ITC Avant Garde;letter-spacing:1px;}#i50rod{display:flex;width:75%;margin:0% 0px 0px 25%;}#ifi4lw{display:flex;}#is6id9d{color:black;width:100%;height:auto;object-fit:cover;display:none;}#is6id9m{color:black;width:100%;height:auto;object-fit:cover;display:none;}#is6id9{color:black;width:100%;height:auto;object-fit:cover;margin:0 0 20px 0;}#i7tpt5{width:100%;}#ix593b{color:black;font-size:15px;text-align:justify;font-family:ITC Avant Garde;margin:30px 0px 70px 0px;letter-spacing:3%;line-height:25px;}#iws6t{padding:2px 0px 0px 0px;display:flex;flex-direction:column;align-items:center;}#ih6la{font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;margin:30px 30px 70px 0px;font-family:ITC Avant Garde;letter-spacing:1px;}#ihdfb{color:black;font-size:15px;text-align:justify;font-family:ITC Avant Garde;margin:30px 0px 70px 0px;letter-spacing:3%;line-height:25px;}#inxd8{display:flex;}#ig1op{color:black;width:100%;height:auto;object-fit:cover;margin:0 0 20px 0;}#ikivf{color:black;width:100%;height:auto;object-fit:cover;display:none;}#inslm{color:black;width:100%;height:auto;object-fit:cover;display:none;}#i5t4l{width:100%;}#i2lrp{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:100%;margin:4rem 50px 10px 50px;}#i2lgg{display:flex;width:75%;margin:0% 0px 0px 25%;}#irqhj{min-height:100vh;height:auto;width:100%;max-width:3200px;display:block;background-image:linear-gradient(#fffcf8 0%, #fffcf8 100%);margin:0 0 0 0;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;}#i7uvs{font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;margin:30px 30px 70px 0px;font-family:ITC Avant Garde;letter-spacing:1px;}#if0ob{color:black;font-size:15px;text-align:justify;font-family:ITC Avant Garde;margin:30px 0px 70px 0px;letter-spacing:3%;line-height:25px;}#iiykm{display:flex;}#i5hmc{color:black;width:100%;height:auto;object-fit:cover;margin:0 0 20px 0;}#i3fam{color:black;width:100%;height:auto;object-fit:cover;display:none;}#iy1hi{color:black;width:100%;height:auto;object-fit:cover;display:none;}#idw71{width:100%;}#il62s{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:100%;margin:4rem 50px 10px 50px;}#ix82a{display:flex;width:75%;margin:0% 0px 0px 25%;}#inxgr{min-height:100vh;height:auto;width:100%;max-width:3200px;display:block;margin-bottom:10px;background-image:linear-gradient(#fffefc 0%, #fffefc 100%);background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;}#iu15t{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;}#i7362{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;}#iwamkk{font-size:125px;font-weight:500;text-transform:uppercase;text-align:center;color:white;transition:all 0.5s linear;font-family:Baskerville;}#iwamkk-2{font-size:125px;font-weight:500;text-transform:uppercase;text-align:center;color:white;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;transition:all 0.5s ease;font-family:Baskerville;}#ihtqwe{font-size:125px;font-weight:500;text-transform:uppercase;text-align:center;color:white;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;transition:all 0.5s linear;font-family:Baskerville;}#ih1s1f{display:flex;flex-direction:column;width:75%;min-height:100vh;justify-content:center;position:absolute;z-index:1;}#ixmaxq{color:black;object-fit:cover;position:static;margin:0px 0 0 0;top:0px;right:0px;height:100%;display:none;}#ih7o2r{position:absolute;margin:0px 0 0px 0px;right:0px;height:100%;top:0px;display:flex;width:500px;}#ipgluk{display:block;flex-direction:row;align-items:center;justify-content:center;width:100%;margin:50px 0px 0px 50px;flex-wrap:nowrap;position:relative;min-height:100vh;overflow:hidden;}#izu70l{display:flex;margin:0 auto;width:100%;flex-wrap:nowrap;max-width:3200px;background-image:url(/public/1.0/uploads/source/homepage-2025/desktop/background-pic-of-couple_1.jpg);background-position:center center;background-size:cover;}#iywwsf{font-size:180px;font-weight:500;text-transform:uppercase;text-align:center;color:black;}#iet0b{color:black;object-fit:contain;position:static;margin:0px 0 0 0;top:0px;right:0px;height:100%;}#iagz5{color:black;object-fit:cover;position:static;margin:0px 0 0 0;top:0px;right:0px;height:100%;display:none;}#container{position:relative;display:flex;flex-direction:column;max-width:3200px;margin:0 auto;}#block2{width:100%;height:100vh;min-height:720px;padding:0% 0px 0% 0px;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);justify-content:flex-start;align-items:center;display:flex;}
6384#i0a5y{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#icn0b{display:inline-block;font-size:3.3vw;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;font-weight:300;}#iqof8{display:inline-block;position:relative;}#iypab{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#i2pgz{display:inline-block;font-size:inherit;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;}#i08ib{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#i1k0a{display:inline-block;font-size:inherit;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;}#iasbj{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#ifmdd{display:inline-block;font-size:inherit;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;}#iqjb6{display:block;text-align:start;width:100%;font-size:inherit;color:black;position:relative;}#iylpx{display:inline-block;font-size:inherit;color:#444444;border:0px solid #000000;text-align:left;font-family:Baskerville;text-transform:uppercase;}#i32hkq{width:100%;transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#ibn4r{color:#ffffff;font-size:3.3vw;text-align:center;justify-content:flex-start;height:auto;transition:all 2s ease-in-out;transform-style:preserve-3d;will-change:transform;transform:translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);font-family:Cinzel;padding:0px 40px 0px 40px;}#izyco{transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#i1he6{width:100%;transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#iihci{width:100%;transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#i9otf{width:100%;transition:width 2s ease;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#d3cdc3 0%, #d3cdc3 100%);opacity:0.8;}#ikmnt{display:none;justify-content:center;background:#FAFAFA;}#ikmn{display:flex;justify-content:center;background:#FAFAFA;padding:25px 0px 25px 0px;}#yhn1{display:flex;margin:10px 10px 20px 20px;justify-content:center;flex-direction:column;background:#fff;}#yhn1-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn2{display:flex;margin:10px 10px 20px 20px;justify-content:center;flex-direction:column;background:#fff;}#yhn2-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn3{display:flex;margin:10px 10px 10px 20px;justify-content:center;flex-direction:column;background:#fff;}#yhn3-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn4{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn5{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}
6384#yhn6{display:flex;margin:10px 10px 10px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn6-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn7{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn7-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn8{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn8-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn9{display:flex;margin:10px 10px 10px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn9-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn10{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn11{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn11-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn12{display:flex;margin:10px 10px 10px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn12-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn13{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn13-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn14{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn14-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn15{display:flex;margin:10px 10px 10px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn16{display:flex;margin:10px 20px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn16-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn17{display:flex;margin:10px 20px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn17-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn18{display:flex;margin:10px 20px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#yhn18-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn17-2-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn18-2-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn19-2-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#yhn20-2{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#tgv1{margin:0 auto;height:auto;}#tgv1-2{height:auto;}#tgv2{margin:0px 0px 0 0px;}#tgv2-2{height:auto;}#tgv3{margin:0px 0 0px 0px;height:auto;}#tgv3-2{height:auto;}#tgv4{margin:0 auto;height:auto;}#tgv5{margin:0 auto;height:auto;}#tgv6{margin:0 auto;height:auto;}#tgv6-2{height:auto;}#tgv7{margin:0 auto;height:auto;}#tgv7-2{height:auto;}#tgv8{margin:0 auto;height:auto;}#tgv9-2{height:auto;}#tgv10{margin:0 auto;height:auto;}#tgv11{margin:0 auto;height:auto;}#tgv11-2{height:auto;}#tgv12{margin:0 auto;height:auto;}#tgv12-2{height:auto;}#tgv13{margin:0 auto;height:auto;}#tgv13-2{height:auto;}#tgv14{margin:0 auto;height:auto;}#tgv14-2{height:auto;}#tgv15{margin:0 auto;height:auto;}#tgv16{margin:0 auto;height:auto;}#tgv16-2{height:auto;}#tgv17{margin:0 auto;height:auto;}#tgv17-2{height:auto;}#tgv18{margin:0 auto;height:auto;}#tgv18-2{height:auto;}#ujn4{padding:83px 0px 0px 0px;}#ujn4-2{padding-top:4.5vw;}#ujn5-2{padding-top:4.5vw;}#ujn5{padding:83px 0px 0px 0px;}#ujn2{padding:83px 0px 0px 0px;}#ujn2-2{padding-top:4.5vw;}
6384#ujn1{padding:136px 0px 0px 0px;}#ujn1-2{padding-top:7.15vw;}#ujn3{padding:213px 0px 0px 0px;}#ujn3-2{padding-top:11.45vw;}#ikmnm{display:none;}#igxfrtebhp83431{display:flex;justify-content:space-between;max-width:3200px;margin:0 auto;padding:100px 0px 0px 116px;}#igxfrtebhp83432{display:flex;justify-content:center;align-items:flex-end;position:relative;}#igxfrtebhp83442{display:flex;justify-content:flex-start;align-items:flex-start;position:relative;width:33.33%;margin:0px 96px 0px 78px;font-family:ITC Avant Garde;}#igxfrtebhp83432_01{overflow:hidden;display:flex;align-items:flex-end;}#igxfrtebhp83443{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0px 0px 0px 0;}#igxfrtebhp83490{width:100%;height:auto;}#igxfrtebhp83491{width:100%;height:auto;display:none;}#igxfrtebhp83492{width:100%;height:auto;display:none;}#template-20-h2-02{font-family:ITC Avant Garde;font-size:34px;font-weight:300;text-transform:uppercase;text-align:center;color:black;line-height:32px;margin:0 0 20px 0;letter-spacing:1px;}#template-20-p-02{color:black;font-size:15px;font-family:ITC Avant Garde;text-align:center;letter-spacing:1px;line-height:30px;}#template-20-a-02{text-transform:uppercase;padding:0px;width:300px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;height:45px;line-height:45px;margin:30px 0 0 0;}#iimz{padding:0px 0px 0 0px;}#iklgku{color:#003da5;}#iw1d3t{color:#003da5;}#imb447{padding:0px 0 0px 0px;}#i38cf1{padding:0px 0px 0 0px;}#ixvwpd{padding:0px 0px 0px 0;}#iuj6bk{padding:0px 0px 0 0px;}#icm2yd{padding:0px 0px 0px 0;}#iln4tq{padding:0px 0px 0px 0;}#i3ayz5{font-family:ITC Avant Garde;font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;letter-spacing:1px;}#i71jfo{color:black;font-size:15px;text-align:center;font-family:ITC Avant Garde;letter-spacing:3%;line-height:25px;padding:0px 20px 0px 20px;margin:60px 0 0 0;}#ifvx2h{color:black;height:auto;object-fit:contain;}#iffzce{justify-content:center;display:flex;}#i5d1zy{text-transform:uppercase;padding:12px 40px;background:transparent;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;text-decoration:underline;cursor:pointer;}#iqkvck{width:100%;display:flex;justify-content:center;margin:0px 0 0 0;}#icgwrf{padding:0px 0px 0px 0px;}#i7rxbh{padding:2px 0px 0px 0px;}#ibys1x{padding:2px 0px 0px 0px;}#iph18l{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:15px;color:white;text-decoration:none;text-align:center;cursor:pointer;position:absolute;right:50px;bottom:50px;z-index:3;}#gvcxfde0002{overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:3200px;margin:0 auto;}#gvcxfde0003{width:100%;height:auto;}#gvcxfde0004{width:100%;height:auto;display:none;}#gvcxfde0005{width:100%;height:auto;display:none;}#gvcxfde0010{display:flex;flex-direction:column;align-items:center;}#gvcxfde0012{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;}#icik9d{padding:0px 0px 0 0px;}#iwo3zj{padding:1px 0px 1px 0px;}#i88o47{padding:1px 0px 1px 0;}#ivqdhi{margin:0 auto;height:auto;border:1px solid #c1c1c1;}#iaed99{display:flex;margin:10px 10px 20px 10px;justify-content:center;flex-direction:column;background:#fff;}#io5hnv{height:auto;}#itianl{display:flex;margin:10px 5px;border:2px solid #aeaeae;justify-content:center;flex-direction:column;background:#fff;}#id76pr{font-size:36px;font-weight:300;text-transform:uppercase;text-align:center;color:black;margin:30px 30px 70px 0px;font-family:ITC Avant Garde;letter-spacing:1px;}#i7x0ci{color:black;font-size:15px;text-align:justify;font-family:ITC Avant Garde;margin:30px 0px 70px 0px;letter-spacing:3%;line-height:25px;}#id3prf{display:flex;}#ik8ovv{color:black;width:100%;height:auto;object-fit:cover;margin:0 0 20px 0;}#ir0nuj{color:black;width:100%;height:auto;object-fit:cover;display:none;}#ig1koh{color:black;width:100%;height:auto;object-fit:cover;display:none;}#idc9fn{width:100%;}#ikpuuz{text-transform:capitalize;padding:0px 5px 0px 5px;background:transparent;font-family:ITC Avant Garde;font-size:14px;color:black;text-decoration:underline;text-align:center;cursor:pointer;}#ip7m6f{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:100%;margin:4rem 50px 10px 50px;}#i26n1k{display:flex;width:75%;margin:0% 0px 0px 25%;}#i6z14t{min-height:100vh;height:auto;width:100%;max-width:3200px;display:block;background-image:linear-gradient(#fffcf8 0%, #fffcf8 100%);margin:0 0 0 0;background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;}#ih3a7d{padding:0px 0px 0px 0px;}#i4ft-2{--aspect-ratio:0.6666666666666666;display:flex;height:100%;}#product-item--template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142-9573459067163-2{--swatch-size:var(--swatch-size-filters);background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#iwt56-2{display:flex;max-width:740px;margin:0px auto 0px auto;}#ie3ir-2{background-repeat:repeat;background-position:left top;background-attachment:scroll;background-size:auto;background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#iy3wkg-3-2{width:100%;}#i40gri-3-2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin:10px auto 10px auto;height:100%;padding:140px 10px 40px 10px;max-width:740px;}#ids8l7-2{width:100%;}#im8g8f-2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin:10px auto 10px auto;height:100%;padding:140px 10px 40px 10px;max-width:740px;}#i9sr7x-2{--swatch-size:var(--swatch-size-filters);background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#itt5s6-2{display:flex;max-width:740px;margin:0px auto 0px auto;}#ijy71-2{width:100%;}#idu03-2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin:10px auto 10px auto;height:100%;padding:140px 10px 40px 10px;max-width:740px;}#ibhyh-2{--swatch-size:var(--swatch-size-filters);background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#iq4sn-2{display:flex;max-width:740px;margin:0px auto 0px auto;}#ipty-2{display:none;z-index:2;}#ipk013{height:100%;object-fit:cover;object-position:center;}#iwfv-2{height:100%;}#imw5-2{height:100vh;position:sticky;flex:0 0 50%;top:0;}#ia8pk{display:none;z-index:2;}#i8mwpe{padding:0px 0px 0px 0px;}#i5ev4x{width:100%;}#iqhyzk{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin:10px auto 10px auto;height:100%;padding:140px 10px 40px 10px;max-width:740px;}#ie0wkw{--swatch-size:var(--swatch-size-filters);background-image:linear-gradient(#f3f3f0 0%, #f3f3f0 100%);}#iqr5tf{display:flex;max-width:740px;margin:0px auto 0px auto;}@media (max-width: 991.9px){img[carousel_image_type="desktop"]{display:none !important;}img[carousel_image_type="tablet"]{display:block !important;}img[carousel_image_type="mobile"]{display:none !important;}.warranty3460 .desktop3460{display:none;}.warranty3460 .tablet3460{display:block;}
6384.jew_card002 img{max-width:200px;}.product-price, .product-info p{margin:0;font-size:12px;font-weight:700;}.header-block h4{margin:0 0 20px 0;font-size:24px;}.warranty802 .desktop802{display:none;}.warranty802 .tablet802{display:block;}.right802d .warranty802_description{right:0;}.carousel-12-img-01{display:none;}.carousel-12-img-02{display:block;}.carousel-12-div-01{top:10px;left:10px;right:10px;bottom:10px;}.carousel-12-div-03{position:absolute;bottom:10%;}#carousel-12-img-01{display:none;}#carousel-12-img-04{display:none;}#carousel-12-img-02{display:block;}#carousel-12-img-05{display:block;}#carousel-12-div-01{top:10px;left:10px;right:10px;bottom:10px;}#carousel-12-div-03{position:absolute;bottom:10%;}#igxfrtebhp834613{margin:4rem 10px 10px 10px;align-items:flex-start;}#i50rod{width:100%;margin:0% 0px 0px 0%;}#i9ooz2{line-height:2.5rem;font-size:2.5rem;text-align:left;}#i7tpt5{height:auto;}#is6id9{display:none;}#is6id9m{display:none;}#is6id9d{display:block;margin:0 0 20px 0;}#ih6la{line-height:2.5rem;font-size:2.5rem;text-align:left;}#ig1op{display:none;}#ikivf{display:block;padding:0 0 20px 0;}#inslm{display:none;}#i5t4l{height:auto;}#i2lrp{margin:4rem 10px 10px 10px;justify-content:center;align-items:flex-start;}#i2lgg{width:100%;margin:0% 0px 0px 0%;}#i7uvs{line-height:2.5rem;font-size:2.5rem;text-align:left;}#i5hmc{display:none;}#i3fam{display:block;padding:0 0 20px 0;}#iy1hi{display:none;}#idw71{height:auto;}#il62s{margin:4rem 10px 10px 10px;justify-content:center;align-items:flex-start;}#ix82a{width:100%;margin:0% 0px 0px 0%;}#ipgluk{margin:50px 10px 50px 10px;}#ixmaxq{display:block;}#iwamkk{font-size:5rem;width:60%;}#ih1s1f{margin:0px 0px 0px 0;width:100%;}#iwamkk-2{font-size:5rem;width:60%;}#ihtqwe{font-size:5rem;width:60%;}#ih7o2r{height:auto;}#iet0b{display:none;}#iagz5{display:none;}#i0a5y{display:flex;text-align:left;justify-content:center;}#icn0b{font-size:inherit;text-align:left;}#ibn4r{font-size:2.5rem;}#block2{text-align:left;padding:0% 30px 0% 30px;}#i2pgz{text-align:left;}#i1k0a{text-align:left;}#ifmdd{text-align:left;}#iylpx{text-align:left;}#yhn1-2{margin:10px 5px 10px 10px;border:0 solid #aeaeae;}#yhn2-2{margin:10px 5px 10px 10px;border:0 solid #aeaeae;}#yhn3-2{margin:10px 5px 10px 10px;border:0 solid #aeaeae;}#yhn17-2-2{margin:10px 10px 10px 5px;border:0 solid #aeaeae;}#yhn18-2-2{margin:10px 10px 10px 5px;border:0 solid #aeaeae;}#yhn19-2-2{margin:10px 10px 10px 5px;border:0 solid #aeaeae;}#yhn20-2{margin:10px 10px 10px 5px;border:0 solid #aeaeae;}#ujn3-2{padding:0px 0px 0px 0px;}#ujn4-2{padding:58px 0px 0px 0px;}#ujn5-2{padding:25px 0px 0px 0px;}#ujn2-2{padding:63px 0px 0px 0px;}#ujn1-2{padding:109px 0px 0px 0px;}#igxfrtebhp83431{flex-wrap:wrap;padding:0px 0px 0px 0;}#igxfrtebhp83490{display:none;}#igxfrtebhp83491{display:block;}#template-20-p-02{display:block;margin:0 0 94px 0;}#template-20-a-02{margin-top:0px;}#igxfrtebhp83432{width:100%;}#igxfrtebhp83442{width:100%;margin:94px 36px 104px 51px;}#igxfrtebhp83443{left:0;right:0;}#template-20-h2-02{margin:0px 0px 30px 0px;}#yhn6-2{border:0 solid #aeaeae;}#yhn11-2{border:0 solid #aeaeae;}#yhn16-2{border:0 solid #aeaeae;}#yhn7-2{border:0 solid #aeaeae;}#yhn12-2{border:0 solid #aeaeae;}#yhn17-2{border:0 solid #aeaeae;}#yhn18-2{border:0 solid #aeaeae;}#yhn13-2{border:0 solid #aeaeae;}#yhn8-2{border:0 solid #aeaeae;}#yhn9-2{border:0 solid #aeaeae;}#yhn14-2{border:0 solid #aeaeae;}#gvcxfde0004{display:block;}#gvcxfde0003{display:none;}#gvcxfde0010{position:absolute;bottom:10%;}#gvcxfde0012{top:10px;left:10px;right:10px;bottom:10px;display:none;}#irqhj{min-height:auto;}#iu15t{text-decoration:underline;}#irmri{display:none;}#itianl{border:0 solid #aeaeae;}#io5hnv{border:1px solid #c1c1c1;}#id76pr{line-height:2.5rem;font-size:2.5rem;text-align:left;}#ik8ovv{display:none;}#ir0nuj{display:block;padding:0 0 20px 0;}#ig1koh{display:none;}#idc9fn{height:auto;}#ip7m6f{margin:4rem 10px 10px 10px;justify-content:center;align-items:flex-start;}#i26n1k{width:100%;margin:0% 0px 0px 0%;}#i6z14t{min-height:auto;}#imw5-2{z-index:2;position:static;height:auto;width:100%;}#ipty-2{display:block;width:100%;}#ipk013{display:none;}#ihnm-2{display:flex;flex-direction:column;}#itt5s6-2{max-width:100%;}#i90x{width:100%;}#iwt56-2{max-width:100%;}#iq4sn-2{max-width:100%;}#i40gri-3-2{max-width:auto;padding:40px 10px 40px 10px;margin:50px auto 50px auto;}#im8g8f-2{max-width:auto;padding:40px 10px 40px 10px;margin:50px auto 50px auto;}#idu03-2{max-width:auto;padding:40px 10px 40px 10px;margin:50px auto 50px auto;}#ia8pk{display:none;}#iqhyzk{max-width:auto;padding:40px 10px 40px 10px;margin:50px auto 50px auto;}#iqr5tf{max-width:100%;}#ip6rw5{margin:30px 0px 0px 0px;font-size:14px;}#ismmxg-3{margin:30px 0px 0px 0px;font-size:14px;}#i71jfo{margin:30px 0px 0px 0px;font-size:14px;}#i48wa{margin:30px 0px 0px 0px;font-size:14px;}#ie3ir-2{padding:0px 50px 0px 50px;}}
6384@media screen and (min-width: 768px){.bst-carousel .carousel-control .glyphicon-chevron-left, .bst-carousel .carousel-control .glyphicon-chevron-right, .bst-carousel .carousel-control .icon-prev, .bst-carousel .carousel-control .icon-next{width:30px;height:30px;margin-top:-10px;font-size:30px;}.bst-carousel .carousel-control .glyphicon-chevron-left, .bst-carousel .carousel-control .icon-prev{margin-left:-10px;}.bst-carousel .carousel-control .glyphicon-chevron-right, .bst-carousel .carousel-control .icon-next{margin-right:-10px;}.bst-carousel .carousel-caption{left:20%;right:20%;padding-bottom:36px;}.bst-carousel .carousel-indicators{bottom:20px;}}@media only screen and (min-width: 990px){:root{--header-height:var(--HEADER-HEIGHT, 0px);--font-15:82px;--font-14:75px;--font-13:69px;--font-12:62px;--font-11:56px;--font-10:53px;--font-9:45px;--font-8:38px;--font-7:32px;--font-6:27px;--font-5:23px;--font-4:19px;--font-3:16px;--font-2:14px;--font-1:12px;}}@media (max-width: 991.9px) and (min-width: 768px){#ikmn{display:none;}#ikmnt{display:flex;}#ih1s1f{justify-content:flex-start;}#ixmaxq{width:50vw;height:auto !important;}#ih7o2r{width:100%;display:flex;justify-content:center;top:auto;bottom:10%;}#ipgluk{position:relative;}#iwamkk{width:100%;}#iwamkk-2{width:100%;}#ihtqwe{width:100%;}}@media (max-width: 767.9px){img[carousel_image_type="desktop"]{display:none !important;}img[carousel_image_type="tablet"]{display:none !important;}img[carousel_image_type="mobile"]{display:block !important;}.warranty3460>img{width:100%;}.warranty3460 .tablet3460{display:none;}.warranty3460 .mobile3460{display:block;}.warranty3460_headings h1, .warranty3460_headings h3460{color:white;}.men-women3460 .warranty3460_headings h1, .men-women3460 .warranty3460_headings h3460{color:black;}.men-women3460 .warranty3460_button a{color:black;border:1px solid black;}.warranty3460_button a{color:white;border:1px solid white;}.jew_card002 img{max-width:100%;}.main-wr-002 .p_t_002{display:none;}.header-block h4{margin:0 0 20px 0;font-size:22px;margin-bottom:20px;}.warranty802>img{width:100%;}.warranty802 .mobile802{display:block;}.warranty802 .tablet802{display:none;}.carousel-12-img-02{display:none;}.carousel-12-img-03{display:block;}.carousel-12-div-01{top:10px;left:10px;right:10px;bottom:10px;}#iagz5{transform:scale(.85);display:block;}#carousel-12-img-02{display:none;}#carousel-12-img-05{display:none;}#carousel-12-img-03{display:block;height:99.97%;}#carousel-12-img-06{display:block;}#carousel-12-div-01{top:10px;left:10px;right:10px;bottom:10px;}#ifi4lw{display:block;}#i9ooz2{margin-right:0px;margin-bottom:0rem;line-height:2rem;font-size:2rem;text-align:left;}#ix593b{margin:1.5rem 0;}#is6id9d{display:none;}#is6id9m{display:block;padding:0 0 10px 0;}#igxfrtebhp834613{margin:3rem 10px 4rem 10px;}#ih6la{margin-right:0px;margin-bottom:0rem;line-height:2rem;font-size:2rem;text-align:left;}#ihdfb{margin:1.5rem 0;}#inxd8{display:block;}#ikivf{display:none;}#inslm{display:block;margin:0px 0px 10px 0px;}#i2lrp{margin:3rem 10px 4rem 10px;}#i7uvs{margin-right:0px;margin-bottom:0rem;line-height:2rem;font-size:2rem;text-align:left;}#if0ob{margin:1.5rem 0;}#iiykm{display:block;}#i3fam{display:none;}#iy1hi{display:block;margin:0 0 10px 0;}#il62s{margin:3rem 10px 4rem 10px;}#iu15t{text-decoration:underline;font-size:12px;}#iwamkk{z-index:222;font-size:3rem;position:absolute;margin:0px 0px 0px 10%;top:100px;}#iwamkk-2{z-index:222;font-size:4rem;position:absolute;margin:0px 0px 0px 10%;top:170px;display:flex;}#ihtqwe{z-index:222;font-size:3rem;position:absolute;margin:0px 0px 0px 10%;top:240px;}#ipgluk{margin:30px 10px 30px 10px;}#ih1s1f{width:100%;margin:0px 0px 0px 0%;position:relative;}#ixmaxq{display:none;}#ih7o2r{height:280px;justify-content:center;bottom:10%;width:100%;left:0px;top:auto;}#iet0b{display:none;}#ibn4r{font-size:1.4rem;display:block;padding:0px 20px 0px 20px;}#block2{padding:0% 10px 0% 10px;}#icn0b{text-align:left;font-weight:400;}#i2pgz{text-align:left;}#i1k0a{text-align:left;}#ifmdd{text-align:left;}#iylpx{text-align:left;}#ikmn{display:none;}#ikmnm{display:flex;flex-wrap:nowrap;justify-content:center;}#ujn1-3{padding-top:0;}#ujn2-3{padding:63px 0 0 0;}#ujn3-3{padding-top:0;}#yhn1-3{margin:10px 5px 10px 5px;}#yhn2-3{margin:10px 5px 10px 5px;}#yhn3-3{margin:10px 5px 10px 5px;}#yhn4-3{margin:10px 5px 10px 5px;}#yhn5-3{margin:10px 5px 10px 5px;}#yhn6-3{margin:10px 5px 10px 5px;}#yhn7-3{margin:10px 5px 10px 5px;}#yhn8-3{margin:10px 5px 10px 5px;}#yhn9-3{margin:10px 5px 10px 5px;}#yhn10-3{margin:10px 5px 10px 5px;}#yhn11-3{margin:10px 5px 10px 5px;}#yhn12-3{margin:10px 5px 10px 5px;}#yhn13-3{margin:10px 5px 10px 5px;}#yhn14-3{margin:10px 5px 10px 5px;}#yhn15-3{margin:10px 5px 10px 5px;}#igxfrtebhp83490{width:100%;}#igxfrtebhp83491{width:100%;display:none;}#igxfrtebhp83492{width:100%;display:block;}
6384#template-20-a-02{width:200px;font-size:12px;height:40px;}#template-20-h2-02{font-size:28px;}#template-20-p-02{margin:0px 0px 30px 0px;}#igxfrtebhp83442{margin:60px 17px 105px 16px;}#i9thv3{margin:10px 5px 10px 5px;}#ittohk{margin:10px 5px 10px 5px;display:none;}#is4ij4{margin:10px 5px 10px 5px;}#idkfv1{font-size:3rem;}#iph18l{font-size:14px;}#gvcxfde0004{display:none;}#gvcxfde0005{display:block;}#gvcxfde0012{top:10px;left:10px;right:10px;bottom:10px;display:none;}#template-28_1-a-02{font-size:12px;}#i7362{font-size:12px;}#ikj5bn{border:1px solid #c1c1c1;}#iuzb6p{margin:10px 5px 10px 5px;}#id76pr{margin-right:0px;margin-bottom:0rem;line-height:2rem;font-size:2rem;text-align:left;}#i7x0ci{margin:1.5rem 0;}#id3prf{display:block;}#ir0nuj{display:none;}#ig1koh{display:block;margin:0px 0px 10px 0px;}#ikpuuz{font-size:12px;}#ip7m6f{margin:3rem 10px 4rem 10px;}#ipty-2{display:none;}#idu03-2{padding:20px 20px 20px 20px;max-width:480px;}#im8g8f-2{padding:20px 20px 20px 20px;max-width:480px;}#i40gri-3-2{padding:20px 20px 20px 20px;max-width:480px;}#ia8pk{display:block;width:100%;}#imw5-2{position:sticky;}#i90x{padding:0px 0px 0 0px;}#iqhyzk{padding:20px 20px 20px 20px;max-width:480px;}#i3q1uf-3{font-size:30px;}#iw6aj4{font-size:30px;}#i3ayz5{font-size:30px;}#i869r{font-size:30px;}#i5d1zy{font-size:11px;}#ie3ir-2{padding:0px 20px 0px 20px;}#irf0qc-3{font-size:11px;}#id21bh{font-size:11px;}#ihf53{font-size:11px;}#tgv11-3{width:100%;height:100%;}}@media only screen and (min-width: 750px){:root{--announcement-height:var(--ANNOUNCEMENT-HEIGHT-DESKTOP, 0px);}.index-look .look__aside{align-self:center;display:flex;}.index-look .look__content{flex:1;display:flex;flex-direction:column;min-height:100%;justify-content:center;}.index-look .look__slider{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--gap);position:static;width:100%;}.index-look .look__slider--grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.index-look .product-item{width:100%;display:flex;flex-direction:column;flex:0 0 auto;}.look{flex:1;display:flex;align-items:flex-start;}.look__slider .look__slide{display:block;}.look__aside{padding:60px var(--outer);}.look__image--fullheight .look__image-container{position:relative;min-width:100%;min-height:100%;top:50%;left:50%;transform:translate(-50%, -50%);aspect-ratio:var(--aspect-ratio);}.look__image--fullheight .look__image-bg{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0;}}@media only screen and (min-width: 1400px){:root{--content-max:80vw;}.look__aside{padding:104px var(--outer);}}@media all and (transform-3d),
6385    (-webkit-transform-3d){.bst-carousel .carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;}.bst-carousel .carousel-inner>
6385.item.next, .bst-carousel .carousel-inner>.item.active.right{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0;}.bst-carousel .carousel-inner>.item.prev, .bst-carousel .carousel-inner>.item.active.left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0;}.bst-carousel .carousel-inner>.item.next.left, .bst-carousel .carousel-inner>.item.prev.right, .bst-carousel .carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0;}}    </style>
6386
6387    
6388    <body><div id="itv3" class="row"><div id="iimz" class="row-cell"><div data-template="12" slide_to_show_d="1" slide_to_show_t="1" slide_to_show_m="1" slide_to_scroll_d="1" slide_to_scroll_t="1" slide_to_scroll_m="1" data-ride="carousel" data-type="bst-carousel" id="jghkaghkja" interval="5000" slides="5" order="1000" select_slide="Select Slide" scroll_speed="700" margin="0" padding="0" autoplay="" class="bst-carousel carousel slide carousel_main1700139956388"><div id="jgfkajgkf" data-type="bst-carousel-slides" class="carousel-inner owl-carousel owl-theme owl-drag"><div data-item="1" id="ioeq" class="item item-carousel"><div id="carousel-12-01"><img id="carousel-12-img-01" src="/public/1.0/uploads/source/homepage-2025/desktop/1920x640_gold-amp-steel.jpg" alt="Cartier Watches" title="Cartier Watches" loading="lazy" data-href="/cartier-watches" pointer="" width="1920" height="640"/><img id="carousel-12-img-02" src="/public/1.0/uploads/source/homepage-2025/tablet/768x1024_Gold-amp-Steel.jpg" alt="Cartier Watches" title="Cartier Watches" loading="lazy" data-href="/cartier-watches" pointer="" width="768" height="1024"/><img id="carousel-12-img-03" src="/public/1.0/uploads/source/homepage-2025/mobile/480x853_gold-amp-steel.jpg" alt="Cartier Watches" title="Cartier Watches" loading="lazy" data-href="/cartier-watches" pointer="" width="480" height="853"/><div id="carousel-12-div-01"><div id="carousel-12-div-03" tagname="div">
6389                </div></div></div></div><div data-item="2" class="item item-carousel"><div id="carousel-12-02"><img id="carousel-12-img-04" src="/public/1.0/uploads/source/homepage-2025/desktop/REF1258942_Web-Banners_Summer_MOMENTS_Alberts_1920x640.png" alt="Pandora" title="Pandora" loading="lazy" data-href="/pandora" pointer="" width="1920" height="640"/><img id="carousel-12-img-05" src="/public/1.0/uploads/source/homepage-2025/tablet/ref1258942_web-banners_summer_moments_alberts_768x1024.png" alt="Pandora" title="Pandora" loading="lazy" data-href="/pandora" pointer="" width="768" height="1024"/><img id="carousel-12-img-06" src="/public/1.0/uploads/source/homepage-2025/mobile/ref1258942_web-banners_summer_moments_alberts_480x853.png" alt="Pandora" title="Pandora" loading="lazy" data-href="/pandora" pointer="" width="480" height="853"/></div></div><div data-item="3" class="item item-carousel"><div class="carousel-12-01"><img src="/public/1.0/uploads/source/homepage-2025/desktop/alberts-diamond-jewelers---18136---1920x640.jpg" alt="Shy Creation" loading="lazy" title="Shy Creation" id="ic01p" data-href="/shy-creation" pointer="" width="1920" height="640" class="carousel-12-img-01"/><img src="/public/1.0/uploads/source/homepage-2025/tablet/alberts-diamond-jewelers---18136---768x1024.jpg" alt="Shy Creation" loading="lazy" title="Shy Creation" id="iayik" data-href="/shy-creation" pointer="" width="768" height="1024" class="carousel-12-img-02"/><img src="/public/1.0/uploads/source/homepage-2025/mobile/shy-creation--480x853.png" alt="Shy Creation" loading="lazy" title="Shy Creation" id="ilyki" data-href="/shy-creation" pointer="" width="480" height="853" class="carousel-12-img-03"/></div></div><div data-item="4" class="item item-carousel"><div class="carousel-12-01"><img src="/public/1.0/uploads/source/homepage-2025/desktop/alberts-ashley-lauren-d1920x640-home.jpg" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" id="il869" data-href="/ashley-lauren-collection" pointer="" width="1920" height="640" class="carousel-12-img-01"/><img src="/public/1.0/uploads/source/homepage-2025/tablet/alberts-ashley-lauren-t.jpg" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" id="iipxx" data-href="/ashley-lauren-collection" pointer="" width="768" height="1024" class="carousel-12-img-02"/><img src="/public/1.0/uploads/source/homepage-2025/mobile/alberts-ashley-lauren-mobile.jpg" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" id="i2r9i" data-href="/ashley-lauren-collection" pointer="" width="480" height="853" class="carousel-12-img-03"/><div id="irmri" class="carousel-12-div-01"><div tagname="div" class="carousel-12-div-03">
6390                </div></div></div></div><div data-item="5" id="i2yi8" class="item item-carousel"><div id="inlht" class="carousel-12-01"><img src="/public/1.0/uploads/source/homepage-2025/desktop/albert-jewelers-desktop-banner.jpg" alt="Longines" loading="lazy" title="Longines" id="i8lio" data-href="/longines" pointer="" width="1920" height="640" class="carousel-12-img-01"/><img src="/public/1.0/uploads/source/homepage-2025/tablet/albert-jewelers-tablet-banner.jpg" alt="Longines" loading="lazy" title="Longines" id="ix5t7" width="768" height="1024" data-href="/longines" pointer="" class="carousel-12-img-02"/><img src="/public/1.0/uploads/source/homepage-2025/mobile/480x853_gold-amp-steel.jpg" alt="Longines" loading="lazy" title="Longines" id="ioyyv" data-href="/longines" pointer="" width="480" height="853" class="carousel-12-img-03"/><div id="ignrn" class="carousel-12-div-01"><div tagname="div" class="carousel-12-div-03">
6391                </div></div></div></div></div>
6391<a data-slide="prev" role="button" aria-label="Previous Slide" tabindex="0" title="Link title" class="pointer bst-carousel left carousel-control"><span id="ih4kv" draggable="true" icon="icon" data-gjs-type="icon" class="icon-display"><i data-icon="ic:twotone-arrow-left" data-width="70px" id="iw1d3t" tagname="i" class="iconify">
6392          </i></span></a><a data-slide="next" role="button" aria-label="Next Slide" tabindex="0" title="Link title" class="pointer bst-carousel right carousel-control"><span id="ih4kv-2" draggable="true" icon="icon" data-gjs-type="icon" class="icon-display"><i data-icon="ic:twotone-arrow-right" data-width="70px" id="iklgku" tagname="i" class="iconify">
6393          </i></span></a></div></div></div><div id="ih3a7d" class="row"><div id="i8mwpe" class="row-cell"><section id="IndexLook--template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142-2" data-section-id="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-section-type="look" class="index-look section-padding"><div id="ioel-2" class="wrapper--full"><div data-slider-container="" id="ihnm-2" class="look"><div id="imw5-2"><div id="iwfv-2"><figure id="i4ft-2"><img src="/public/1.0/uploads/source/homepage-2025/desktop/alc---lifestyle-.png" width="768" height="512" loading="lazy" sizes="(min-width: 750px) 50vw, 100vw" title="Ashley Lauren Collection" id="ipty-2" data-href="" alt="Ashley Lauren Collection"/><img src="/public/1.0/uploads/source/homepage-2025/mobile/ashley-lauren-480x350.png" width="480" height="350" loading="lazy" sizes="(min-width: 750px) 50vw, 100vw" title="Ashley Lauren Collection" data-href="" id="ia8pk" alt="Ashley Lauren Collection"/><img src="/public/1.0/uploads/source/homepage-2025/desktop/alc---lifestyle-.png" width="960" height="1080" loading="lazy" sizes="(min-width: 750px) 50vw, 100vw" title="Ashley Lauren Collection" data-href="" id="ipk013" alt="Ashley Lauren Collection"/></figure></div></div><div data-popup-container="" id="i90x" class="look__aside"><div data-popup-content="" data-scroll-lock-scrollable="" id="ie3ir-2" class="look__content"><div data-slider-mobile="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-arrow-position-middle="" data-scroll-lock-scrollable="" id="iwt56-2"><div data-slide="product_HTa8Pe" data-slide-index="2" class="look__slide look__slide--product_HTa8Pe"><div id="product-item--template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142-9573459067163-2" data-grid-item="" class="grid-item product-item product-item--left product-item--outer-text product-item--has-quickbuy"><div data-product-information="" id="ifscn7-2" class="product-information"><div id="i40gri-3-2"><h2 tagname="h2" id="i3q1uf-3">Bracelets
6394                          </h2><p tagname="p" id="ismmxg-3">
6395                            Adorn your wrist with the timeless elegance of finely crafted bracelets from Albert’s Diamond Jewelers in Schererville. Each bracelet is a celebration of rich design and expert artistry, available in luminous precious metals. Discover delicate accents of diamonds and vibrant gemstones that add brilliance and beauty to every gesture. Let sophistication grace your every movement with bracelets from our showroom. 
6396                          </p><div id="iy3wkg-3-2" class="row"><div id="ifb6ni-3" class="row-cell"><img loading="lazy" width="376" height="376" src="/public/1.0/uploads/source/homepage-2025/desktop/frame-34.png" title="Bracelet" id="iplt0l-3" zoom="" alt="Bracelet" data-href=""/></div></div><div id="ivq3ik-3"><a href="/bracelets" tabindex="0" title="View Collection" id="irf0qc-3">VIEW Collection →</a></div></div></div></div></div></div><div data-slider-mobile="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-arrow-position-middle="" data-scroll-lock-scrollable="" id="itt5s6-2"><div data-slide="product_HTa8Pe" data-slide-index="2" class="look__slide look__slide--product_HTa8Pe"><div data-grid-item="" id="i9sr7x-2" class="grid-item product-item product-item--left product-item--outer-text product-item--has-quickbuy"><div data-product-information="" id="ik7w6-2" class="product-information"><div id="im8g8f-2"><h2 tagname="h2" id="iw6aj4">Earrings
6397                          </h2><p tagname="p" id="ip6rw5">
6398                            Elevate your look with exquisite earrings from Albert’s Diamond Jewelers in Schererville. From timeless studs and graceful drop earrings to modern hoops and refined huggies, each style is crafted in lustrous precious metals with sparkling diamonds and vibrant gemstones that lend a touch of brilliance. Our selection of fine jewelry offers a fantastic balance of sophistication and versatility for every occasion.
6399                          </p><div id="ids8l7-2" class="row"><div id="i0ysqq" class="row-cell"><img loading="lazy" width="376" height="376" src="/public/1.0/uploads/source/homepage-2025/desktop/frame-35.png" title="Earrings" id="ip4bub" zoom="" alt="Earrings" data-href=""/></div></div><div id="iccsrp"><a href="/earrings" tabindex="0" title="View Collection" id="id21bh">View Collection →</a></div></div></div></div></div></div>
6399<div data-slider-mobile="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-arrow-position-middle="" data-scroll-lock-scrollable="" id="iq4sn-2"><div data-slide="product_HTa8Pe" data-slide-index="2" class="look__slide look__slide--product_HTa8Pe"><div data-grid-item="" id="ibhyh-2" class="grid-item product-item product-item--left product-item--outer-text product-item--has-quickbuy"><div data-product-information="" id="ijgxa-2" class="product-information"><div id="idu03-2"><h2 tagname="h2" id="i3ayz5">Necklaces
6400                          </h2><p tagname="p" id="i71jfo">
6401                            Discover beautifully designed necklaces from Albert’s Diamond Jewelers in Schererville. From delicate pendants and classic chains to striking collar necklaces and gemstone station necklaces, each design is thoughtfully crafted in precious metals with intricate metalwork, radiant diamonds, and rich gemstones for refined charm. Enjoy the timeless allure of our selection of necklaces.
6402                          </p><div id="ijy71-2" class="row"><div id="iffzce" class="row-cell"><img loading="lazy" width="376" height="376" src="/public/1.0/uploads/source/homepage-2025/desktop/frame-36.png" title="Necklace" zoom="" id="ifvx2h" alt="Necklace" data-href=""/></div></div><div id="iqkvck"><a href="/necklaces" tabindex="0" title="View Collection" id="i5d1zy">View Collection →</a></div></div></div></div></div></div><div data-slider-mobile="template--24101726683499__9ca78706-28db-478e-928f-705cfc5bd142" data-arrow-position-middle="" data-scroll-lock-scrollable="" id="iqr5tf"><div data-slide="product_HTa8Pe" data-slide-index="2" class="look__slide look__slide--product_HTa8Pe"><div data-grid-item="" id="ie0wkw" class="grid-item product-item product-item--left product-item--outer-text product-item--has-quickbuy"><div data-product-information="" id="iial2p" class="product-information"><div id="iqhyzk"><h2 tagname="h2" id="i869r">Rings
6403                          </h2><p tagname="p" id="i48wa">
6404                            Enhance your style with the captivating selection of rings from Albert’s Diamond Jewelers in Schererville. From diamond-accented stackable bands and vibrant gemstone designs to sculptural freeform styles and sleek minimalist pieces, each ring is expertly crafted in precious metals to last a lifetime. Designed to be mixed, matched, or worn alone, these refined creations elevate every ensemble.
6405                          </p><div id="i5ev4x" class="row"><div id="ikifp" class="row-cell"><img loading="lazy" width="376" height="376" src="/public/1.0/uploads/source/homepage-2025/desktop/frame-37.png" title="Ring" id="iyw6c" zoom="" alt="Ring" data-href=""/></div></div><div id="iod8g"><a href="/fashion-rings" tabindex="0" title="View Collection" id="ihf53">View Collection →</a></div></div></div></div></div></div></div></div></div></div></section></div></div><div id="imb447" class="row"><div id="i38cf1" class="row-cell"><div id="iws6t"><div id="block4" tagname="div" class="sticky-row"><div id="i50rod"><div id="igxfrtebhp834613"><div id="ifi4lw"><h2 tagname="h2" id="i9ooz2">Cartier
6406                  <br/></h2><p tagname="p" id="ix593b">Experience the timeless sophistication of Cartier timepieces at Albert’s Diamond Jewelers in Schererville. Renowned for their heritage of precision and Parisian elegance, Cartier watches blend iconic design with exceptional craftsmanship. Each creation is a statement of style and refinement, offering collectors a distinguished way to mark every moment.
6407                </p></div><div id="i7tpt5"><img loading="lazy" id="is6id9" width="1400" height="400" src="/public/1.0/uploads/source/homepage-2025/desktop/1400x400_gold-amp-steel.jpg" title="Cartier" alt="Cartier" data-href=""/><img loading="lazy" id="is6id9d" width="1400" height="214" src="/public/1.0/uploads/source/homepage-2025/tablet/748x214_gold-amp-steel.jpg" title="Cartier" alt="Cartier" data-href=""/><img loading="lazy" id="is6id9m" width="460" height="272" src="/public/1.0/uploads/source/homepage-2025/mobile/460x272_gold-amp-steel.jpg" title="Cartier" alt="Cartier" data-href=""/></div><a href="/cartier-watches" tabindex="10000" title="View Collection" id="iu15t">View collection →</a></div></div></div><div tagname="div" id="inxgr" class="sticky-row"><div id="ix82a"><div id="il62s"><div id="iiykm"><h2 tagname="h2" id="i7uvs">IWC
6408                  <br/></h2><p tagname="p" id="if0ob">Discover the engineering excellence of IWC Schaffhausen timepieces at Albert’s Diamond Jewelers in Schererville. Fusing Swiss precision with bold, purposeful design, IWC watches embody both technical mastery and enduring style. Eac
6408h model reflects a legacy of innovation, crafted for those who appreciate performance-driven elegance and refined horological detail.
6409                </p></div><div id="idw71"><img loading="lazy" width="1400" height="400" src="/public/1.0/uploads/source/landing-banners-2026/desktop/f6dpa_1400x400px_v01.jpg" title="IWC Schaffhausen" id="i5hmc" alt="IWC Schaffhausen" data-href=""/><img loading="lazy" width="1400" height="214" src="/public/1.0/uploads/source/landing-banners-2026/tablet/f6dpa_748x214px_v01.jpg" title="IWC Schaffhausen" id="i3fam" alt="IWC Schaffhausen" data-href=""/><img loading="lazy" width="460" height="272" src="/public/1.0/uploads/source/landing-banners-2026/mobile/f6dpa_460x272px_v01.jpg" title="IWC Schaffhausen" id="iy1hi" alt="IWC Schaffhausen" data-href=""/></div><a href="/iwc-schaffhausen" tabindex="10000" title="View Collection" id="i7362">View collection →</a></div></div></div><div tagname="div" id="irqhj" class="sticky-row"><div id="i2lgg"><div id="i2lrp"><div id="inxd8"><h2 tagname="h2" id="ih6la">Breitling
6410                  <br/></h2><p tagname="p" id="ihdfb">Explore the dynamic spirit of Breitling timepieces at Albert’s Diamond Jewelers in Schererville. Known for their aviation heritage and precision chronographs, Breitling watches combine bold aesthetics with exceptional performance. Each timepiece is a statement of confidence and craftsmanship, designed for those who value innovation, durability, and distinctive style in every detail.
6411                </p></div><div id="i5t4l"><img loading="lazy" width="1400" height="400" src="/public/1.0/uploads/source/homepage-2025/desktop/breitling_alberts_nfl_chrono_bears_1400x400_r1.jpg" title="Breitling" id="ig1op" alt="Breitling" data-href=""/><img loading="lazy" width="1400" height="214" src="/public/1.0/uploads/source/homepage-2025/tablet/breitling_alberts_nfl_chrono_bears_748x214_r1.jpg" title="Breitling" id="ikivf" alt="Breitling" data-href=""/><img loading="lazy" width="460" height="272" src="/public/1.0/uploads/source/homepage-2025/mobile/breitling_alberts_nfl_chrono_bears_460x272_r1.jpg" title="Breitling" id="inslm" alt="Breitling" data-href=""/></div><a id="template-28_1-a-02" href="/breitling" tabindex="10000" title="View Collection">View collection →</a></div></div></div><div tagname="div" id="i6z14t" class="sticky-row"><div id="i26n1k"><div id="ip7m6f"><div id="id3prf"><h2 tagname="h2" id="id76pr">Longines
6412                  <br/></h2><p tagname="p" id="i7x0ci">Embrace the heritage of elegance and precision with Longines timepieces at Albert’s Diamond Jewelers in Schererville. Rooted in nearly two centuries of Swiss watchmaking, Longines balances classical aesthetic with a pioneering spirit, having timed historic aviation and sporting feats. Each watch, featuring the iconic winged hourglass, offers a distinguished blend of timeless refinement and reliable performance, perfect for those who value tradition, style, and history on their wrist.
6413                </p></div><div id="idc9fn"><img loading="lazy" width="1400" height="400" src="/public/1.0/uploads/source/homepage-2025/desktop/image-2025-11-03-08_26_35.webp" title="Longines" alt="Longines" id="ik8ovv" data-href=""/><img loading="lazy" width="1400" height="214" src="/public/1.0/uploads/source/homepage-2025/tablet/image-2025-11-03-08_26_44.webp" title="Longines" alt="Longines" id="ir0nuj" data-href=""/><img loading="lazy" width="460" height="272" src="/public/1.0/uploads/source/homepage-2025/mobile/image-2025-11-03-08_26_40.webp" title="Longines" alt="Longines" id="ig1koh" data-href=""/></div><a href="/longines" tabindex="10000" title="View Collection" id="ikpuuz">View collection →</a></div></div></div><div class="row"><div tagname="div" class="row-cell">
6414          </div></div></div></div></div><div id="icik9d" class="row"><div id="iwo3zj" class="row-cell"><div id="gvcxfde0002"><img id="gvcxfde0003" src="https://s3.amazonaws.com/ISHOWIMAGES/david-yurman/DY_WebBanners_1920x640.jpg" alt="David Yurman" title="David Yurman" loading="lazy" data-href="https://www.albertsjewelers.com/david-yurman" pointer="" width="1920" height="640"/><img id="gvcxfde0004" src="https://s3.amazonaws.com/ISHOWIMAGES/david-yurman/DY_WebBanners_768x1024.jpg" alt="David Yurman" title="David Yurman" loading="lazy" data-href="https://www.albertsjewelers.com/david-yurman" pointer="" width="768" height="1024"/><img id="gvcxfde0005" src="https://s3.amazonaws.com/ISHOWIMAGES/david-yurman/DY_WebBanners_480x853.jpg" alt="David Yurman" title="David Yurman" loading="lazy" data-href="https://www.albertsjewelers.com/david-yurman" pointer="" width="480" height="853"/><div id="gvcxfde0012"><div id="gvcxfde0010" tagname="div">
6415          </div></div></div></div></div><div id="ixvwpd" class="row"><div id="i88o47" class="row-cell"><div id="ikmn"><div id="ujn1"><div id="yhn1"><img src="/public/1.0/uploads/source/homepage-2025/desktop/david-yurman.png" id="tgv1" alt="David Yurman" loading="lazy" title="David Yurman" data-href="" width="231" height="231"/></div><div id="yhn2"><img src="/public/1.0/uploads/source/homepage-2025/desktop/tag-heuer-1.png" id="tgv2" alt="TAG Heuer" loading="lazy" title="TAG Heuer" data-href="" width="231" height="231"/></div><div id="yhn3"><img src="/public/1.0/uploads/source/homepage-2025/desktop/king-baby.png" id="tgv3" alt="King Baby" loading="lazy" title="King Baby" data-href="" width="231" height="231"/></div></div><div id="ujn2"><div id="yhn4"><img src="/public/1.0/uploads/source/homepage-2025/desktop/ronerto-coin.png" id="tgv4" alt="Roberto Coin" loading="lazy" title="Roberto Coin" data-href="" width="231" height="231"/></div><div id="yhn5"><img src="/public/1.0/uploads/source/homepage-2025/desktop/mikimoto.png" id="tgv5" alt="Mikimoto" loading="lazy" title="Mikimoto" data-href="" width="231" height="231"/></div><div id="yhn6"><img src="/public/1.0/uploads/source/homepage-2025/desktop/iwc.png" id="tgv6" alt="IWC Schaffhausen" loading="lazy" title="IWC Schaffhausen" data-href="" width="231" height="231"/></div></div><div id="ujn3"><div id="yhn7"><img src="/public/1.0/uploads/source/homepage-2025/desktop/cartier.png" id="tgv7" alt="Cartier" loading="lazy" title="Cartier" data-href="" width="231" height="231"/></div><div id="yhn8"><img src="/public/1.0/uploads/source/homepage-2025/desktop/pandora.png" id="tgv8" alt="Pandora" loading="lazy" title="Pandora" data-href="" width="231" height="231"/></div><div id="iaed99"><img src="/public/1.0/uploads/source/homepage-2025/desktop/231x231.jpg" alt="Longines" loading="lazy" title="Longines" id="ivqdhi" data-href="" width="231" height="231"/></div><div id="yhn9" tagname="div">
6416          </div></div><div id="ujn4"><div id="yhn10"><img src="/public/1.0/uploads/source/homepage-2025/desktop/breitling-1.png" id="tgv10" alt="Breitling" loading="lazy" title="Breitling" data-href="" width="231" height="231"/></div><div id="yhn11"><img src="/public/1.0/uploads/source/homepage-2025/desktop/christopher-designs.png" id="tgv11" alt="Christopher Designs" loading="lazy" title="Christopher Designs" data-href="" width="231" height="231"/></div><div id="yhn12"><img src="/public/1.0/uploads/source/homepage-2025/desktop/michele.png" id="tgv12" alt="Michele" loading="lazy" title="Michele" data-href="" width="231" height="231"/></div></div><div id="ujn5"><div id="yhn13"><img src="/public/1.0/uploads/source/homepage-2025/desktop/lagos.png" id="tgv13" alt="Lagos" loading="lazy" title="Lagos" data-href="" width="231" height="231"/></div><div id="yhn14"><img src="/public/1.0/uploads/source/homepage-2025/desktop/shy-creation.png" id="tgv14" alt="Shy Creation" loading="lazy" title="Shy Creation" data-href="" width="231" height="231"/></div><div id="yhn15"><img src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov.png" id="tgv15" alt="Rahaminov Diamonds" loading="lazy" title="Rahaminov Diamonds" data-href="" width="231" height="231"/></div></div><div id="ujn6"><div id="yhn16"><img src="/public/1.0/uploads/source/homepage-2025/desktop/ashley-lauren.png" id="tgv16" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" data-href="" width="231" height="231"/></div><div id="yhn17"><img src="/public/1.0/uploads/source/homepage-2025/desktop/shinola.png" id="tgv17" alt="Shinola Detroit" loading="lazy" title="Shinola Detroit" data-href="" width="231" height="231"/></div><div id="yhn18"><img src="/public/1.0/uploads/source/homepage-2025/desktop/a-jaffe.png" id="tgv18" alt="A.JAFFE" loading="lazy" title="A.JAFFE" data-href="" width="231" height="231"/></div></div></div><div id="ikmnt"><div id="ujn1-2"><div id="yhn1-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/david-yurman-126.png" id="tgv1-2" alt="David Yurman" loading="lazy" title="David Yurman" data-href="" width="126" height="126"/></div><div id="yhn2-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/tag-heuer-126.png" id="tgv2-2" alt="TAG Heuer" loading="lazy" title="TAG Heuer" data-href="" width="126" height="126"/></div><div id="yhn3-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/king-baby-126.png" id="tgv3-2" alt="King Baby" loading="lazy" title="King Baby" data-href="" width="126" height="126"/></div></div><div id="ujn2-2"><div id="yhn6-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/ronerto-coin-126-1.png" id="tgv6-2" alt="Roberto Coin" loading="lazy" title="Roberto Coin" data-href="" width="126" height="126"/></div><div id="yhn7-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/mikimoto-126.png" id="tgv7-2" alt="Mikimoto" loading="lazy" title="Mikimoto" data-href="" width="126" height="126"/></div><div id="yhn8-2" tagname="div">
6417          </div><div id="yhn9-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/christopher-126.png" id="tgv9-2" alt="Christopher Designs" loading="lazy" title="Christopher Designs" data-href="" width="126" height="126"/></div><div id="itianl"><img src="/public/1.0/uploads/source/homepage-2025/mobile/126x126.jpg" alt="ChristoLonginespher Designs" loading="lazy" title="Longines" id="io5hnv" data-href="" width="126" height="126"/></div></div><div id="ujn3-2"><div id="yhn11-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/cartier-126-1.png" id="tgv11-2" alt="Cartier" loading="lazy" title="Cartier" data-href="" width="126" height="126"/></div><div id="yhn12-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/pandora-126.png" id="tgv12-2" alt="Pandora" loading="lazy" title="Pandora" data-href="" width="126" height="126"/></div><div id="yhn13-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/ashley-126.png" id="tgv13-2" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" data-href="" width="126" height="126"/></div><div id="yhn14-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/iwc-126.png" id="tgv14-2" alt="IWC Schaffhausen" loading="lazy" title="IWC Schaffhausen" data-href="" height="126" width="126"/></div></div><div id="ujn4-2"><div id="yhn16-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/breitling-126-1.png" id="tgv16-2" alt="Breitling" loading="lazy" title="Breitling" data-href="" width="126" height="126"/></div><div id="yhn17-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/a-jaffe-126.png" id="tgv17-2" alt="A.JAFFE" loading="lazy" title="A.JAFFE" data-href="" width="126" height="126"/></div><div id="yhn18-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/michele-126.png" id="tgv18-2" alt="Michele Watches" loading="lazy" title="Michele Watches" data-href="" width="126" height="126"/></div></div><div id="ujn5-2"><div id="yhn17-2-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/lagos-126.png" id="tgv17-2-2" alt="Lagos" loading="lazy" title="Lagos" data-href="" width="126" height="126"/></div><div id="yhn18-2-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/shy-creation-126.png" id="tgv18-2-2" alt="Shy Creation" loading="lazy" title="Shy Creation" data-href="" width="126" height="126"/></div><div id="yhn19-2-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/rahaminov-126.png" id="tgv19-2-2" alt="Rahaminov Diamonds" loading="lazy" title="Rahaminov Diamonds" data-href="" width="126" height="126"/></div><div id="yhn20-2"><img src="/public/1.0/uploads/source/homepage-2025/tablet/shinola-126.png" id="tgv20-2" alt="Shinola Detroit" loading="lazy" title="Shinola Detroit" data-href="" height="126" width="126"/></div></div></div><div id="ikmnm"><div id="ujn1-3"><div id="yhn1-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/david-yurman-126.png" id="tgv1-3" alt="David Yurman" loading="lazy" title="David Yurman" data-href="" width="126" height="126"/></div><div id="yhn2-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/breitling-126-1.png" id="tgv2-3" alt="Breitling" loading="lazy" title="Breitling" data-href="" width="126" height="126"/></div><div id="yhn3-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/tag-heuer-126.png" id="tgv3-3" alt="TAG Heuer" loading="lazy" title="TAG Heuer" data-href="" width="126" height="126"/></div><div id="yhn4-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/christopher-126.png" id="tgv4-3" alt="Christopher Designs" loading="lazy" title="Christopher Designs" data-href="" width="126" height="126"/></div><div id="yhn5-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/king-baby-126.png" id="tgv5-3" alt="King Baby" loading="lazy" title="King Baby" data-href="" width="126" height="126"/></div><div id="i9thv3"><img src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov.png" alt="Rahaminov Diamonds" loading="lazy" title="Rahaminov Diamonds" id="ib7dfc" data-href="" width="126" height="126"/></div></div><div id="ujn2-3"><div id="yhn6-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/ronerto-coin-126-1.png" id="tgv6-3" alt="Roberto Coin" loading="lazy" title="Roberto Coin" data-href="" width="126" height="126"/></div><div id="yhn7-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/lagos-126.png" id="tgv7-3" alt="Lagos" loading="lazy" title="Lagos" data-href="" width="126" height="126"/></div><div id="yhn8-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/mikimoto-126.png" id="tgv8-3" alt="Mikimoto" loading="lazy" title="Mikimoto" data-href="" width="126" height="126"/></div><div id="yhn9-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/shy-creation-126.png" id="tgv9-3" alt="Shy Creation" loading="lazy" title="Shy Creation" data-href="" width="126" height="126"/></div><div id="yhn10-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/a-jaffe-126.png" id="tgv10-3" alt="A.JAFFE" loading="lazy" title="A.JAFFE" data-href="" height="126" width="126"/></div><div id="iuzb6p"><img src="/public/1.0/uploads/source/homepage-2025/mobile/126x126.jpg" alt="Longines" loading="lazy" title="Longines" id="ikj5bn" data-href="" width="126" height="126"/></div><div id="ittohk"><img src="/public/1.0/uploads/source/homepage-2025/desktop/iwc.png" alt="image 10" loading="lazy" title="Image title" id="i06vaz" data-href=""/></div></div><div id="ujn3-3"><div id="yhn11-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/cartier-126-1.png" id="tgv11-3" alt="Cartier" loading="lazy" title="Cartier" data-href="" width="126" height="126"/></div><div id="yhn12-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/ashley-126.png" id="tgv12-3" alt="Ashley Lauren Collection" loading="lazy" title="Ashley Lauren Collection" data-href="" width="126" height="126"/></div><div id="yhn13-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/pandora-126.png" id="tgv13-3" alt="Pandora" loading="lazy" title="Pandora" data-href="" width="126" height="126"/></div><div id="yhn14-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/shinola-126.png" id="tgv14-3" alt="Shinola" loading="lazy" title="Shinola" data-href="" width="126" height="126"/></div><div id="yhn15-3"><img src="/public/1.0/uploads/source/homepage-2025/tablet/michele-126.png" id="tgv15-3" alt="Michele" loading="lazy" title="Michele" data-href="" width="126" height="126"/></div><div id="is4ij4"><img src="/public/1.0/uploads/source/homepage-2025/desktop/iwc.png" alt="IWC Schaffhausen" loading="lazy" title="IWC Schaffhausen" id="i1nc9m" data-
6417href="" width="126" height="126"/></div></div></div></div></div><div id="iuj6bk" class="row"><div id="i7rxbh" class="row-cell"><div id="izu70l" class="block5"><div id="ipgluk"><div id="ih1s1f"><h1 tagname="h1" id="iwamkk" class="iwamkk">ALBERT's
6418              <br/></h1><h2 tagname="h2" id="iywwsf">
6419            </h2><h2 id="iwamkk-2" draggable="false" tagname="h2"><span tagname="i" id="idkfv1">BRIDAL
6420              </span></h2><h2 draggable="false" tagname="h2" id="ihtqwe" class="ihtqwe">COLLECTIONS
6421            </h2></div><div id="ih7o2r"><img loading="lazy" width="384" height="438" src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov-eng_m84-0003.png" title="Engagement Ring" id="ixmaxq" alt="Engagement Ring" data-href=""/><img loading="lazy" src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov-eng_m84-0003.png" title="Engagement Ring" id="iagz5" alt="Engagement Ring" data-href=""/><img loading="lazy" width="550" height="800" src="/public/1.0/uploads/source/homepage-2025/desktop/rahaminov-eng_m84-0003.png" title="Engagement Ring" id="iet0b" alt="Engagement Ring" data-href=""/></div><a href="/engagement-rings " tabindex="10000" title="View Collection" id="iph18l">View collection →</a></div></div>
6421<script>
6422        window.addEventListener('scroll', () => {
6423          let targetElement = document.querySelector('.block5');
6424          const scrollPercentage = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 1000;
6425          if (targetElement) {
6426            const rect = targetElement.getBoundingClientRect();
6427            if (rect.top < window.innerHeight && rect.bottom > 0) {
6428              let perScr = ((window.innerHeight-rect.top)/window.innerHeight)*100;
6429              if(targetElement.offsetWidth<768){
6430                perScr-=80;
6431              }
6432              document.querySelector('.iwamkk').style.transform="translate3d(-"+perScr+"px,0px,0px)";
6433              document.querySelector('.ihtqwe').style.transform="translate3d("+perScr+"px,0px,0px)";
6434            }
6435          }
6436        }
6437                               );
6438      </script>
6438</div></div><div id="icm2yd" class="row"><div id="icgwrf" class="row-cell"><div id="container" class="container"><div id="block2" tagname="div" class="block2"><div id="ibn4r" class="max-width-102 align-center"><p tagname="p" class="fs7-3 split-lines">
6439            </p><div id="i0a5y" class="line"><div tagname="div" id="icn0b" class="word">CELEBRATE YOUR LOVE STORY WITH THE BRIDAL
6440              </div><span id="iqof8" class="text-brand"></span><div id="izyco" tagname="div" class="line-mask">
6441              </div></div><div id="iypab" class="line"><div tagname="div" id="i2pgz" class="word">COLLECTION BY ALBERT's, AVAILABLE in our 
6442              </div><div id="i1he6" tagname="div" class="line-mask">
6443              </div></div><div id="i08ib" class="line"><div tagname="div" id="i1k0a" class="word">Schererville showroom. Featuring exquisitely
6444              </div><div id="iihci" tagname="div" class="line-mask">
6445              </div></div><div id="iasbj" class="line"><div tagname="div" id="ifmdd" class="word">crafted engagement rings and wedding bands,
6446              </div><div id="i9otf" tagname="div" class="line-mask">
6447              </div></div><div id="iqjb6" class="line"><div tagname="div" id="iylpx" class="word">each design reflects timeless romance. 
6448              </div><div id="i32hkq" tagname="div" class="line-mask">
6449              </div></div><p tagname="p">
6450            </p></div></div></div>
6450<script>
6451        window.addEventListener('scroll', () => {
6452          let targetElement = document.querySelector('#block2');
6453          if (targetElement) {
6454            const rect = targetElement.getBoundingClientRect();
6455            if (rect.top < window.innerHeight && rect.bottom > 0) {
6456              let perScr = ((window.innerHeight-rect.top)/window.innerHeight)*100;
6457              const lineMasks = document.querySelectorAll('.line-mask');
6458              lineMasks.forEach((lineMask, index) => {
6459                if(perScr>index*20){
6460                  lineMask.style.width = '0%';
6461                }
6462                else{
6463                  lineMask.style.width = '100%';
6464                }
6465              }
6466                               );
6467            }
6468          }
6469        }
6470                               );
6471      </script>
6471</div></div><div id="iln4tq" class="row"><div id="ibys1x" class="row-cell"><div id="igxfrtebhp83431"><div id="igxfrtebhp83432"><div id="igxfrtebhp83432_01"><img id="igxfrtebhp83490" width="1182" height="1480" src="/public/1.0/uploads/source/homepage-2025/desktop/halpern-family-photo-1182x1480.jpg" loading="lazy" title="Albert's Jewelers Team Photo" alt="Albert's Jewelers Team Photo" data-href=""/><img id="igxfrtebhp83491" width="768" height="960" src="/public/1.0/uploads/source/homepage-2025/tablet/halpern-family-photo-768x961.jpg" loading="lazy" title="Albert's Jewelers Team Photo" alt="Albert's Jewelers Team Photo" data-href=""/><img id="igxfrtebhp83492" width="480" height="600" src="/public/1.0/uploads/source/homepage-2025/mobile/halpern-family-photo-480x600.jpg" loading="lazy" title="Albert's Jewelers Team Photo" alt="Albert's Jewelers Team Photo" data-href=""/></div></div><div id="igxfrtebhp83442"><div id="igxfrtebhp83443"><h2 id="template-20-h2-02" tagname="h2">Established in 1905
6472              <br/></h2><p id="template-20-p-02" tagname="p">Schedule an appointment at Albert’s Diamond Jewelers in Schererville for an elevated shopping experience. Whether exploring fine jewelry, selecting a timepiece, or designing a custom piece, our experts are ready to assist with care and attention. Enjoy tailored guidance in a welcoming, luxurious setting designed to make every visit truly exceptional.
6473            </p><a id="template-20-a-02" href="/request-an-appointment" tabindex="0" title="Book Appointment">book appointment</a></div></div></div></div></div></body>
6473<script>var items = document.querySelectorAll('#jghkaghkja');
6474          for (var i = 0, len = items.length; i < len; i++) {
6475            (function(){
6476var pge = this.getAttribute('data-gjs-highlightable');
6477
6478            if(pge){             
6479                var car_id = $('#'+this.id);
6480                var slideToShowDesktop = parseInt(car_id.attr('slide_to_show_d'));
6481                var slideToScrollDesktop = parseInt(car_id.attr('slide_to_scroll_d'));
6482                var slideToShowTablet = parseInt(car_id.attr('slide_to_show_t'));
6483                var slideToScrollTablet = parseInt(car_id.attr('slide_to_scroll_t'));
6484                var slideToShowMobile = parseInt(car_id.attr('slide_to_show_m'));
6485                var slideToScrollMobile = parseInt(car_id.attr('slide_to_scroll_m'));
6486                var dots = car_id.attr('dots') != undefined;
6487                var autoplay = car_id.attr('autoplay') != undefined;
6488                var autoplaySpeed = car_id.attr('interval') || 5000;
6489                var scrollSpeed = car_id.attr('scroll_speed') || 700;
6490                var margin = parseInt(car_id.attr('margin'));
6491                var padding = car_id.attr('padding') || '0';
6492                var owl = car_id.find('.owl-carousel');
6493                var finger_trig = true;
6494                var items = $(owl).find('.item-carousel');
6495                items.length == 1 ? finger_trig = false : finger_trig = true;
6496
6497                owl.owlCarousel({
6498                    mouseDrag:false,
6499                    touchDrag: finger_trig,
6500                    dots: dots,
6501                    autoplay: pge ? false : autoplay,
6502                    autoplayTimeout: autoplaySpeed,                
6503                    stagePadding: parseFloat(padding),
6504                    lazyLoad: false,
6505                    loop: false,
6506                    margin:margin,
6507                    responsiveClass:true,
6508                    smartSpeed: scrollSpeed,
6509                    responsive:{
6510                        0:{ //Mobile
6511                            items:slideToShowMobile,
6512
6513                            slideBy: slideToScrollMobile
6514                        },
6515                        768:{ //Tablet
6516                            items:slideToShowTablet,
6517                            slideBy: slideToScrollTablet
6518
6519                        },
6520                        1000:{ //Desktop
6521                            items: slideToShowDesktop,
6522                            autoplayHoverPause:true,
6523                            slideBy: slideToScrollDesktop
6524                        }
6525                    }
6526                    }
6527                );
6528
6529                $(owl.siblings('.left')[0]).click(function() {
6530
6531                    owl.trigger('prev.owl.carousel');
6532                })
6533                // Go to the previous item
6534                $(owl.siblings('.right')[0]).click(function() {
6535                    owl.trigger('next.owl.carousel');
6536                })
6537
6538                owl.on('changed.owl.carousel', function(event) {
6539                    if(!autoplay){
6540                        owl.trigger('stop.owl.autoplay');
6541                    }
6542
6543                })
6544            }
6545}.bind(items[i]))();
6546          }</script>
6546
6547</main>
6548
6549<script>
6550    $(document).ready(function () {
6551        main_margin_top_calculate();
6552
6553        $(window).resize(function() {
6554            main_margin_top_calculate();
6555        });
6556
6557        function main_margin_top_calculate() {
6558            const width = window.innerWidth;
6559            const target = $('#lazyLoadCarousel').length > 0
6560                ? $('#lazyLoadCarousel')
6561                : $('.main_page_container');
6562
6563            let header_height = 0;
6564
6565            if (width > 991.9) {
6566                                    target.css('margin-top', 0);
6567                
6568            } else if (width > 767.9) {
6569                                    target.css('margin-top', 0);
6570                
6571            } else {
6572                                    target.css('margin-top', 0);
6573                            }
6574        }
6575
6576        
6577        var href_images = $("img[href], img[data-href]");
6578        href_images.each(function(key, item){
6579            link_to = $(item).attr('href');
6580            data_link_to = $(item).attr('data-href');
6581            if(link_to){
6582                $(item).attr('onclick', `location.href = '${link_to}'`); 
6583            }
6584            if(data_link_to){
6585                $(item).attr('onclick', `location.href = '${data_link_to}'`);
6586            }
6587        });
6588    })
6589</script>
6589
6590
6591  <div class="my-scope fas">
6592
6593    <div class="fas-tab-wrap">
6594              <input type="radio" id="fas-tab1" name="fas-tabGroup1" class="fas-tab" checked style='display: none'>
6595                <h3 class="show-in-calendar general_style" id="bookInStore">Please select the store you wish to book your appointment with</h3>
6596      <button class="close-fas-btn bg-white border-0 d-block">
6597        <svg xmlns="http://www.w3.org/2000/svg" class="w-100 h-100" viewBox="0 0 21.03 21.03" aria-label="Close"
6598             title="Close">
6599          <path id="x" fill="#979bc0"
6600                d="M1283.15,3219.45l9.81-9.81-0.7-.7-9.81,9.81-9.81-9.81-0.7.7,9.81,9.81-9.81,9.81,0.7,0.7,9.81-9.81,9.81,9.81,0.7-.7Z"
6601                transform="translate(-1271.94 -3208.94)"/>
6602        </svg>
6603      </button>
6604      <div class="fas-actions hide-in-calendar">
6605                <div class="map-btn"><a href="/store-locator?map" class="a_general_style">
6606            View Map</a>
6607        </div>
6608                <div id="search-by-zip" class="input_general_style general_style">
6609          <label for="sl_zipcode" class="general_style">Search by Zip Code</label>
6610          <input type="text" class="form-control" id="sl_zipcode" inputmode="numeric" pattern="[0-9]*" placeholder="Search by Zip Code">
6611          <button type="button" class="form-control" tabindex="-1">
6612            <svg style="width: 15px" role="img" aria-label="Search" viewBox="0 0 512 512">
6613              <path class="path_class"
6614                    d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"></path>
6615            </svg>
6616          </button>
6617        </div>
6618        <button type="button" class="form-control get-location a_general_style" onclick="getLocation()">
6619          <svg style="" xmlns="http://www.w3.org/2000/svg"
6620               xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="800px" height="800px"
6621               viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
6622          <path fill="#231F20",
6623                d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289l16,24  C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289C54.289,34.008,56,29.219,56,24  C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"></path>
6624        </svg>
6625          Use My Location
6626        </button>
6627      </div>
6628      <p class="find-ts-error"></p>
6629    
6630    
6631
6632      <div class="fas-tab__content">
6633                <table class="table" id="store-locator">
6634            <thead style="display: none"><tr><th></th><th></th></tr></thead>
6635          <tbody>
6636                      <tr data-lat="41.495073" data-lng="-87.469032">
6637              <td class="fas-row-store">
6638                                <div class="fas-logo-store">
6639                                                <img src="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200px">
6640                                        </div>
6641                                <div style="width: 400px">
6642                    <h4 class="general_style">SCHERERVILLE STORE</h4>
6643                    <p class="p2_general_style">
6644                      711 MAIN STREET<br>
6645                      SCHERERVILLE, Indiana, 46375<br>
6646                      219-322-2700                    </p>
6647
6648                                                                                                                                                                <div class="text-success hide-in-calendar">You're Currently Shopping</div>
6649                                                        
6650                                        </div>
6651              </td>
6652                
6653                <td class="fas-row-distance hide-in-calendar" style="display: block">
6654                  <div class="p2_general_style">Distance <b>6041.33</b> miles
6655                  </div>
6656              </td>
6657                                <td class="fas-row-actions">
6658                <div class="d-flex" style="align-items: center">
6659                  <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style phone_number_click" style="align-items: center" href="tel:219-322-2700">
6660                      <img src="/skeleton/1.0/view/img/itemPage/find-the-store/phone.png" alt="phone" title="phone" width="20px" style="padding: 4px 0px; padding-bottom: 10px;">
6661                      Call</a></div>
6662                  <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style email_click" style="align-items: center" href="/cdn-cgi/l/email-protection#2a474b58414f5e43444d6a4b46484f585e59404f5d4f464f585904494547">
6663                      <img src="/skeleton/1.0/view/img/itemPage/find-the-store/mail.png" alt="mail" title="mail" width="20px" style="padding: 8px 0px; padding-bottom: 10px;">
6664                      Email</a></div>
6665                  <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style get_directions_click" style="align-items: center" href="https://goo.gl/maps/Yb8vj7hvRahHMHtJ8" style="padding: 12px 8px" target="blank">
6666                      <img src="/skeleton/1.0/view/img/itemPage/find-the-store/directions.png" alt="directions" title="directions" width="15px" style="padding: 4px 0px; padding-bottom: 10px;">
6667                      Directions</a></div>
6668                  <div class='hide-in-calendar'>
6669                                          <a class="btn d-flex flex-column mr-2 general_style req_app_click" id="store_locator" href="javascript:void(0);" style="padding: 12px 8px; align-items: center" data-toggle="modal" data-target="#appointment-modal" title="Book an appointment" aria-label="Book an appointment" 
6670                          data-location_id="3">
6671                          <img src="/skeleton/1.0/view/img/itemPage/find-the-store/loc_app_3.png" alt="Appointment" title="Ap
6671pointment" width="30px" style="padding: 0px; padding-bottom: 10px;">
6672                          Appointment</a>
6673                                      </div>
6674                  <div class='show-in-calendar'>
6675                      <button class="btn primary-button req_app_click" id="in_store_try" href="javascript:void(0);" data-toggle="modal" data-target="#appointment-modal" title="Book an appointment" aria-label="Book an appointment" 
6676                        data-location_id="3">
6677                          Select
6678                      </button>
6679                  </div>
6680                </div>
6681              </td>
6682            </tr>
6683                    </tbody>
6684        </table>
6685      </div>
6686
6687      <div class="fas-tab__content">
6688        <div id="map"></div>
6689      </div>
6690    </div>
6691    
6692
6693  </div>
6694    <form method="POST" id="r-app-form">
6695        <input type="hidden" name="_csrf_token" value="1bd0984ea999f6b3038b1a5fdf4be7a42e2fa54f46682ee2b592999e8086fb02">      <style id="rApp-MainSettings">
6696    :root {
6697                        --calendar-left-background: #022d57;
6698                                    --calendar-store-info: #ffffff;
6699                                --calendar-color: 255, 255, 255;
6700                                    --calendar-opp-color: 17, 24, 39;
6701                                    --calendar-text-opacity: 1;
6702                                    --calendar-bg-opacity: 1;
6703                                    --calendar-btn-bg-opacity: 0.25;
6704                                    --calendar-hover-bg-opacity: 0.35;
6705                                    --calendar-3-step-confirm-color: #15803d;
6706                                    --rdp-color: 255,255,255;
6707                                    --rdp-opp-color: 17, 24, 39;
6708                                    --rdp-text-opacity: 1;
6709                                    --rdp-bg-opacity: 1;
6710                                    --rdp-btn-bg-opacity: 0.25;
6711                                    --rdp-hover-bg-opacity: 0.35;
6712                        }
6713</style>
6714
6715<div class="rApp-container">
6716    <div class="antialiased font-sans w-full h-full md:p-4 sm:bg-gray-100 flex items-center h-event"
6717        style="border-color: rgb(0, 0, 0); position: fixed; top: 0; display: none; z-index: 9999" id="rApp">
6718        <div class="md:max-w-4xl h-full mx-auto w-full text-gray-700 flex flex-col justify-between md:max-h-800"
6719             style="transition: width 0.2s;">
6720          <div
6721            class="relative flex h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg">
6722            <button type="button" data-dismiss="modal" aria-label="Close" class="close" style="display: none"><span aria-hidden="true">×</span></button>
6723            <div class="flex h-full" id="steps">
6724            <div
6725              class="active md:w-1/2 w-full h-full px-4 py-3 overflow-x-hidden overflow-y-auto text-center text-white rounded-b md:rounded-lg"
6726              style="transition: width 0.2s; background-color: var(--calendar-left-background);" id="calendar">
6727              <div class="flex min-h-full flex-col">
6728                <div class="justify-center flex flex-col flex-grow relative" id="store-info">
6729                <div class="flex-2">
6730                  <div class="mt-4 sm:mt-2">
6731                    <div id="l_store_img" class="inline-block h-28 w-28 rounded-full overflow-hidden bg-gray-100 bg-cover bg-center border border-gray-100"></div>
6732                  </div>
6733                                    <div class="px-2 mt-2 text-center h4_general_style" id="l_name" style="color: var(--calendar-store-info) !important;">SCHERERVILLE STORE</div>
6734                  <div class="px-2 mt-2 text-center h5_general_style" id="l_address" style="color: var(--calendar-store-info) !important;">711 MAIN STREET&lt;br&gt;SCHERERVILLE, Indiana, 46375</div>
6735                </div>
6736                </div>
6737                <div class="noselect notranslate relative mx-2 mt-5 pb-2 sm:mx-4">
6738                    
6739                <div class="absolute flex h-full w-full items-center justify-center appLoader calendar hidden" style="background: #00000036;z-index: 9;border-radius: 25px;margin: -10px 0;"><span class="spinner">loading</span></div>
6740                <div class="rdp " dir="ltr">
6741                  <div class="calendar-months">
6742                    <div class="calendar-month calendar-caption_start calendar-caption_end">
6743                    <div class="calendar-caption relative z-20 space-x-2" style="direction: ltr;">
6744                      <button type="button" id="prevMonth"
6745                            class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_previous focu
6745s:outline-none"
6746                            style="width: 10%;" disabled>
6747                        <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none">
6748                        <path
6749                          d="M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z"
6750                          fill="currentColor" fill-rule="nonzero"></path>
6751                        </svg>
6752                      </button>
6753                      <div class="calendar-caption_label" aria-live="polite" role="presentation" id="react-day-picker-1">
6754                        April 2025
6755                      </div>
6756                      <button type="button" id="nextMonth"
6757                            class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_next focus:outline-none"
6758                            style="width: 10%;">
6759                        <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none">
6760                        <path
6761                          d="M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z"
6762                          fill="currentColor"></path>
6763                        </svg>
6764                      </button>
6765                    </div>
6766                    <table class="calendar-table" role="grid" aria-labelledby="react-day-picker-141">
6767                      <thead class="rdp-head"><tr class="rdp-head_row"><th scope="col" class="rdp-head_cell" aria-label="Monday">Mo</th><th scope="col" class="rdp-head_cell" aria-label="Tuesday">Tu</th><th scope="col" class="rdp-head_cell" aria-label="Wednesday">We</th><th scope="col" class="rdp-head_cell" aria-label="Thursday">Th</th><th scope="col" class="rdp-head_cell" aria-label="Friday">Fr</th><th scope="col" class="rdp-head_cell" aria-label="Saturday">Sa</th><th scope="col" class="rdp-head_cell" aria-label="Sunday">Su</th></tr></thead>
6768                      <tbody class="calendar-tbody"></tbody>
6769                    </table>
6770                    </div>
6771                  </div>
6772                </div>
6773                </div>
6774              </div>
6775            </div>
6776            <div id="time" class="relative flex h-full w-full flex-col overflow-x-hidden px-6 py-6 text-gray-600 md:w-1/2 md:px-10 md:py-10">
6777              <div class="absolute flex flex-col h-full w-full justify-center items-center appLoader hidden"><span style="display: inherit; position: relative; width: 42px; height: 42px; animation: 2s linear 0s infinite normal forwards running react-spinners-DotLoader-rotate;"><span style="position: absolute; top: 0px; bottom: auto; height: 21px; width: 21px; background-color: rgb(31, 42, 55); border-radius: 100%; animation: 2s linear 0s infinite normal forwards running react-spinners-DotLoader-bounce;"></span><span style="position: absolute; top: auto; bottom: 0px; height: 21px; width: 21px; background-color: rgb(31, 42, 55); border-radius: 100%; animation: 2s linear -1s infinite normal forwards running react-spinners-DotLoader-bounce;"></span></span></div>
6778                
6779              <div class="cursor-default rounded bg-gray-100 px-4 py-2 text-center font-semibold text-gray-600 appLoader-hide">
6780                <div class="truncate appDate"></div>
6781              </div>
6782              <div class="flex mt-5 font-semibold capitalize appLoader-hide">
6783                  timezone: 
6784                  <div class="ml-2">
6785                      <span class="l_timeZ"></span>
6786                      <span class="l_timeZ_now" style="display: none;">(Now 11:11)</span>
6787                  </div>
6788              </div>
6789              <div class="-mr-4 mt-1 flex h-full min-h-160 flex-col overflow-y-scroll pr-2 pt-1 md:h-auto appLoader-hide" id="time-select"></div>
6790            </div>
6791            <div id="confirm" class="relative h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg md:border md:border-gray-100 px-6 pt-8 md:px-10" style="display: none">
6792              <div class="booking-top mx-auto flex h-full max-w-lg flex-col">
6793                <div class="space-y-2">
6794                <div class="rApp-product-image-tablet">
6795                  <img src="" style="display: none">
6796                </div>
6797                <div class="text-xl font-semibold">Confirm booking</div>
6798                <div class="flex text-base font-semibold">
6799                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 flex-shrink-0">
6800                    <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"></path>
6801                  </svg>
6802                  <span class="ml-2">
6803                    <span class="appDate"></span>, <span class="appYear"></span>
6804                    <br>
6805                    <span class="appTime"></span>
6806                    (<span class="appTimeZone">PST</span>)
6807                  </span>
6808                </div>
6809                </div>
6810                <div class="flex items-center text-base font-semibold mt-2">
6811                <div class="flex">
6812                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 flex-shrink-0">
6813                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
6814                  </svg>
6815                  <span class="ml-2 appDiff"></span></div>
6816                </div>
6817                <div class="mt-6 flex w-full flex-1 flex-col justify-between">
6818                <div class="booking-form h-full w-full overflow-x-hidden overflow-y-scroll px-1">
vendor: 147 bytes, lines 6818-6819
6818
6819                                      <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
6819<script>$("#store-info img").remove();</script>
6819
6820                                    <input name="store_locator_book_appointment[last_name]"     type="hidden">
6821                  <input name="store_locator_book_appointment[pg_type]"       type="hidden" value="10">
6822                  <input name="store_locator_book_appointment[guid]"          type="hidden" value="3000503">
6823                  <input name="store_locator_book_appointment[title]"         type="hidden" value="Home">
6824                  <input name="store_locator_book_appointment[module]"        type="hidden" value="store_locator_book_appointment">
6825                  <input name="store_locator_book_appointment[location_id]"   type="hidden" id="location_id">
6826                  <input name="store_locator_book_appointment[date]"          type="hidden" id="date_field">
6827                  <input name="store_locator_book_appointment[timezone]"      type="hidden" id="timezone">
6828                  <input name="store_locator_book_appointment[appointment_type]" type="hidden" id="formType">
6829                  <input name="store_locator_book_appointment[time]"          type="hidden" id="appointmentTime" >
6830                  <div id='calendarForm'>
6831                                                                        <div class="-mx-2 flex flex-wrap sm:mt-6">
6832                            <div class="w-full px-2 sm:w-1/2 ">
6833                                <div class="flex w-full flex-col">
6834                                  <div class="block">
6835                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="name">Name * </label>
6836                                  </div>
6837                                                                        <input type="text" required name="store_locator_book_appointment[first_name]" maxlength="50" id="rApp_name" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary">
6838                                                                  </div>
6839                            </div>
6840                          </div>
6841                                                                                                <div class="-mx-2 flex flex-wrap sm:mt-6">
6842                            <div class="w-full px-2 sm:w-1/2 ">
6843                                <div class="flex w-full flex-col">
6844                                  <div class="block">
6845                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="phone">Phone * </label>
6846                                  </div>
6847                                                                        <input type="tel" required name="store_locator_book_appointment[phone]" maxlength="50" id="rApp_phone" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary">
6848                                                                  </div>
6849                            </div>
6850                          </div>
6851                                                                                                <div class="-mx-2 flex flex-wrap sm:mt-6">
6852                            <div class="w-full px-2 sm:w-1/2 ">
6853                                <div class="flex w-full flex-col">
6854                                  <div class="block">
6855                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="email">Email * </label>
6856                                  </div>
6857                                                                        <input type="email" required name="store_locator_book_appointment[email]" maxlength="50" id="rApp_email" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary">
6858                                                                  </div>
6859                            </div>
6860                          </div>
6861                                                                                                <div class="-mx-2 flex flex-wrap sm:mt-6">
6862                            <div class="w-full px-2 w-full ">
6863                                <div class="flex w-full flex-col">
6864                                  <div class="block">
6865                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="comments">Comment * </label>
6866                                  </div>
6867                                                                        <textarea maxlength="500" required name="store_locator_book_appointment[comments]" id="rApp_comments" step="any" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary "></textarea>
6868                                                                  </div>
6869                            </div>
6870                          </div>
6871                                                                    <div class="mt-5 " id="req-app-recaptcha" data-form="r-
6871app-form"></div>
6872                    </div>
6873                </div>
6874                <div class="form-buttons bottom-0 left-0 mt-6 flex w-full flex-shrink-0 flex-col pb-6 text-right sm:mt-0 sm:pt-4">
6875                  <div class="flex w-full justify-between">
6876                    <button id="back-step-1" class="flex items-center rounded border border-gray-500 bg-white px-6 py-2 text-sm text-gray-700 focus:outline-none " type="button">
6877                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4">
6878                      <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"></path>
6879                    </svg>
6880                    <span class="ml-2">Back</span></button>
6881                    
6882                    <button class="ml-2 text-sm rounded focus:outline-none py-2 px-6 cursor-pointer bg-calendar-btn text-white " type="submit">Confirm
6883                    </button>
6884                  </div>
6885                </div>
6886                </div>
6887              </div>
6888            </div>
6889            </div>
6890          </div>
6891        </div>
6892    </div>
6893
6894        </div>
6895
6896    
6896<script>
6897                        
6898                              $(function () {
6899                    $('#r-app-form').on('submit', function (event) {
6900                        const $form = $(this);
6901                        event.preventDefault()
6902                        grecaptcha.ready(function() {
6903                            grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) {
6904                                $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`)
6905                                $form.unbind('submit').submit()
6906                            });
6907                        });
6908                    });
6909                })
6910          </script>
vendor: 1 bytes, line 6910
6910
6911<script>
6912
6913    let step = 1;
6914    let today = new Date();
6915    let currentMonthIndex = 0;
6916    let currentYear = today.getFullYear();
6917    
6918    const monthTitle = $("#react-day-picker-1");
6919    const months = [
6920      {month: today.getMonth(), year: today.getFullYear()},
6921      {month: (today.getMonth() + 1) % 12, year: today.getFullYear() + (today.getMonth() === 11 ? 1 : 0)}
6922    ];
6923    
6924    const prevButton = $("#prevMonth");
6925    const nextButton = $("#nextMonth");
6926    
6927    businessHours = {}; 
6928    renderCalendar(currentMonthIndex);
6929    
6930    function addCalendarStylesheet() {
6931        if ($('link[href="/skeleton/1.0/view/css/calendar.css?v=1.66"]').length === 0) {
6932            var link = $('<link>', {
6933                rel: 'stylesheet',
6934                href: '/skeleton/1.0/view/css/calendar.css?v=1.66'
6935            });
6936            $("head").append(link);
6937        }
6938    }
6939    
6940    $(document).ready(function () {
6941        addCalendarStylesheet();
6942    });
6943    
6944            $("#back-step-1").click(function () {
6945          $('#calendar').toggleClass('md:w-1/2 md:w-1/3').addClass('active');
6946          $('#store-info').toggleClass('justify-center justify-start');
6947          $('#store-info img').toggle();
6948          $("#time, #confirm, .noselect").toggle();
6949          step = 2
6950        });
6951        
6952        $("#back-step-2").click(function () {
6953          $("#time").addClass('active')
6954          $("#confirm, #calendar").removeClass('active')
6955          step = 1
6956        });
6957        
6958        $(".rApp-container .close").on('click', function() {
6959            $('#rApp').hide();
6960            $('body').removeClass('overflow-hidden');
6961        })
6962        let updateLocation = true;
6963    
6964    $(document).on("click", ".req_app_click", function () {
6965        var formType = $(this).attr('id');
6966        
6967        updateLocation = true;
6968        addCalendarStylesheet();
6969        var productImage = $(".item-image img").attr("src");
6970        
6971        // Create product image div if it doesn't exist (separate from store image)
6972        if ($("#store-info img").length === 0 && productImage) {
6973            $("#store-info").append('<div><img src="" style="display: none"></div>');
6974        }
6975        $("#store-info img, .rApp-product-image-tablet img, #rApp-image").attr("src", productImage);
6976        
6977        $(".rApp-product-image-tablet img").each(function() {
6978          if (!$(this).attr("src")) {
6979            $(this).closest(".rApp-product-image-tablet").css("height", "0");
6980          } else {
6981            $(this).closest(".rApp-product-image-tablet").css("height", ""); // Reset height if src is not empty
6982          }
6983        });
6984      
6985        $(".appLoader").toggleClass("hidden")
6986        $("#l_name, #l_address, #l_store_img").hide();
6987        
6988        if ($(this).attr('id') == 'virtual') {
6989            updateLocation = false;
6990        } else {
6991            $("#l_name").show();
6992            $("#rApp").removeClass('hide-product');
6993        }
6994        
6995        if (!isDesktop()) {
6996          $(".rApp-product-image-tablet img").show();
6997        } else {
6998          $(".rApp-product-image-tablet img").hide();
6999        }
7000      
7001        var location_id = $(this).data("location_id");
7002        $("body").addClass("overflow-hidden");
7003        setTimeout(function(){
7004          $("#rApp").toggle();
7005        },200)
7006          
7007        if ($(".fas").length) {
7008          $(".fas").removeClass("open");
7009          $(".fas-overlay").addClass("d-none");
7010        }
7011      
7012        $.post({
7013          url: "/skeleton/1.0/view/ws/ajax_calendar.php",
7014          data: { location_id: location_id },
7015          headers: {
7016              'X-CSRF-TOKEN': window.csrf_token
7017          },
7018          dataType: "json",
7019          success: function(response) {
7020            if (response.status === "success") {
7021              let { l_BusinessHours, l_Address, l_Name, l_Store_img, l_TimeZone} = response.message;
7022              
7023              businessHours = JSON.parse(l_BusinessHours || "{}");
7024              
7025              if (updateLocation) {
7026                  
7027                  $("#l_name").html(l_Name);
7028                  $("#l_address").html(l_Address.replace(/&lt;br&gt;/g, "<br>"));
7029              }
7030              
7031              if (l_TimeZone == null || l_TimeZone == '') {
7032                l_TimeZone = "Pacific Time";
7033              }
7034              
7035              $(".l_timeZ, .appTimeZone").html(l_TimeZone);
7036              $("#timezone").val(l_TimeZone);
7037              if (formType == "in_store_try") formType = "in-store";
7038              $("#formType").val(formType);
7039              
7040              if (l_Store_img.length > 1 && updateLocation) {
7041                  $("#l_store_img").fadeIn();
7042                  $("#l_store_img").css("background-image", `url("${l_Store_img}")`);
7043              }
7044              
7045              if (updateLocation) {
7046                  $("#l_name, #l_address").fadeIn();
7047              } else {
7048                  $("#l_address").fadeIn();
7049              }
7050              console.log(updateLocation);
7051              if (updateLocation == false) {
7052                $("#l_name").hide();
7053                $("#l_address").html('Book a zoom meeting <br>to view the above product');
7054                $("#l_address").fadeIn();
7055                $("#l_store_img").fadeIn();
7056                $("#l_store_img").css("background-image", `url("${productImage}")`);
7057                $("#rApp").addClass('hide-product');
7058              }
7059        
7060              renderCalendar(currentMonthIndex);
7061              
7062              setTimeout(function () {
7063                  $(".appLoader").toggleClass("hidden")
7064              }, 500)
7065            }
7066          },
7067          error: function(xhr, textStatus, errorThrown) {
7068              // console.error(xhr.responseText);
7069          }
7070        });
7071      
7072      $("#location_id").val(location_id);
7073    });
7074    
7075    $(document).on('click', function(e) {
7076        if ($(e.target).closest('#rApp > div').length === 0 && $(e.target).is('.antialiased')) {
7077            $('#rApp').hide();
7078            $('body').removeClass('overflow-hidden');
7079        }
7080    });
7081    
7082    function isDesktop() {
7083      return window.matchMedia("(min-width: 768px)").matches;
7084    }
7085    
7086    isDesktop();
7087    window.addEventListener("resize", function () {
7088      isDesktop();
7089        
7090        if (!isDesktop()) {
7091          $(".rApp-product-image-tablet img").show();
7092        } else {
7093          $(".rApp-product-image-tablet img").hide();
7094        }
7095    });
7096    
7097    function renderCalendar(monthIndex) {
7098      populateMonthDropdown(monthIndex);
7099      const calendarBody = $(".calendar-tbody");
7100      calendarBody.empty();
7101    
7102      const {month, year} = months[monthIndex];
7103      const daysInMonth = new Date(year, month + 1, 0).getDate();
7104      const firstDayOfMonth = new Date(year, month, 1).getDay();
7105    
7106            let dayToSelect = null;
7107      if (isDesktop()) {
7108        const todayWeekDay = today.getDay();
7109        const isTodayOpen = isBusinessDay(todayWeekDay);
7110        
7111        if (isTodayOpen) {
7112          dayToSelect = new Date(today);
7113        } else {
7114          dayToSelect = findNextOpenDay();
7115        }
7116      }
7117    
7118      let startOffset = (firstDayOfMonth === 0) ? 6 : firstDayOfMonth - 1;
7119      let day = 1;
7120    
7121      while (day <= daysInMonth) {
7122        let row = $("<tr></tr>").addClass("calendar-row");
7123    
7124        for (let i = 0; i < 7; i++) {
7125        let cell = $("<td></td>").addClass("calendar-cell").attr("role", "presentation");
7126    
7127        if (startOffset > 0) {
7128          cell.append("<div role='gridcell'></div>");
7129          startOffset--;
7130        } else if (day <= daysInMonth) {
7131          let currentDate = new Date(year, month, day);
7132          let button = $("<button></button>")
7133            .addClass("calendar-button_reset calendar-button calendar-day")
7134            .attr("role", "gridcell")
7135            .attr("type", "button")
7136            .attr("data-day", day)
7137            .attr("data-month", month)
7138            .attr("data-year", year)
7139            .text(day);
7140    
7141          let isToday =
7142            today.getFullYear() === year &&
7143            today.getMonth() === month &&
7144            today.getDate() === day;
7145    
7146          let isFirstDayOfMonth = 1 === day;
7147    
7148          if ((isToday || isFirstDayOfMonth) && isDesktop()) {
7149            $(".calendar-day_selected").removeClass("calendar-day_selected");
7150            button.addClass("calendar-day_selected");
7151            selectDate(button);
7152          }
7153    
7154          let weekDay = currentDate.getDay();
7155          let isDayDisabled = false;
7156          
7157          if (typeof isBusinessDay(weekDay) !== 'undefined') {
7158            if (currentDate < new Date().setHours(0, 0, 0, 0) || !isBusinessDay(weekDay)) {
7159            button.addClass("calendar-day_disabled").prop("disabled", true);
7160            isDayDisabled = true;
7161            } else {
7162            button.on("click", function () {
7163              $(".calendar-day_selected").removeClass("calendar-day_selected");
7164              $(this).addClass("calendar-day_selected");
7165              selectDate($(this)); 
7166            });
7167            }
7168          } else if (weekDay === 0 || weekDay === 6 || currentDate < new Date().setHours(0, 0, 0, 0)) {
7169            button.addClass("calendar-day_disabled").prop("disabled", true);
7170            isDayDisabled = true;
7171          } else {
7172            button.on("click", function () {
7173            $(".calendar-day_selected").removeClass("calendar-day_selected");
7174            $(this).addClass("calendar-day_selected");
7175            selectDate($(this));
7176            });
7177          }
7178          
7179          let shouldAutoSelect = false;
7180          if (dayToSelect && isDesktop() && !isDayDisabled) {
7181            shouldAutoSelect = 
7182              dayToSelect.getFullYear() === year &&
7183              dayToSelect.getMonth() === month &&
7184              dayToSelect.getDate() === day;
7185          }
7186    
7187          if (shouldAutoSelect) {
7188            $(".calendar-day_selected").removeClass("calendar-day_selected");
7189            button.addClass("calendar-day_selected");
7190            selectDate(button);
7191          }
7192    
7193          cell.append(button);
7194          day++;
7195        }
7196    
7197        row.append(cell);
7198        }
7199    
7200        calendarBody.append(row);
7201      }
7202    }
7203    
7204    function isBusinessDay(weekDay) {
7205      if (!businessHours || typeof businessHours !== "object") return false;
7206      const dayHours = businessHours[weekDay];
7207      return dayHours && !dayHours.closed && dayHours.open && dayHours.close;
7208    }
7209    
7210    function findNextOpenDay() {
7211      let checkDate = new Date(today);
7212      checkDate.setHours(0, 0, 0, 0);
7213      
7214      // Check up to 30 days ahead
7215      for (let i = 0; i < 30; i++) {
7216        const weekDay = checkDate.getDay();
7217        const dateValue = checkDate.getTime();
7218        
7219        // Skip if date is in the past
7220        if (dateValue < new Date().setHours(0, 0, 0, 0)) {
7221          checkDate.setDate(checkDate.getDate() + 1);
7222          continue;
7223        }
7224        
7225        // Check if it's a business day
7226        if (isBusinessDay(weekDay)) {
7227          return checkDate;
7228        }
7229        
7230        checkDate.setDate(checkDate.getDate() + 1);
7231      }
7232      
7233      return null; // No open day found
7234    }
7235    
7236    let selectedMonth = today.getMonth();
7237    let selectedYear = today.getFullYear();
7238    
7239    function selectDate(day) {
7240      if (day.hasClass("calendar-day_disabled")) return;
7241    
7242      const selectedDay = day.html().split('<br>')[0].trim();
7243      const selectedMonth = parseInt(day.attr('data-month'));
7244      const selectedYear = parseInt(day.attr('data-year'));
7245    
7246      const formattedDate = `${selectedYear}-${String(selectedMonth + 1).padStart(2, '0')}-${String(selectedDay).padStart(2, '0')}`;
7247      $("#date_field").val(formattedDate);
7248    
7249      let selectedDateObj = new Date(selectedYear, selectedMonth, selectedDay);
7250      updateTimeSlots(selectedDateObj);
7251      // console.log("111111")
7252    
7253      if (!isDesktop()) {
7254        $("#calendar").removeClass('active');
7255        $("div#time").addClass('active');
7256      }
7257    }
7258    
7259    function updateTimeSlots(selectedDay) {
7260      const selectedWeekday = selectedDay.getDay();
7261      const selectedMonth = selectedDay.toLocaleString('en-US', {month: 'long'});
7262      const selectedDate = selectedDay.getDate();
7263      const selectedYear = selectedDay.getFullYear();
7264    
7265      const weekdayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
7266      const weekdayName = weekdayNames[selectedWeekday];
7267    
7268      $(".appDate").each(function () {
7269        $(this).html(`${weekdayName}, ${selectedMonth} ${selectedDate}`);
7270      });
7271    
7272      $('.appYear').html(selectedYear);
7273    
7274      const buttonsContainer = document.getElementById("time-select");
7275      const hiddenInput = document.getElementById("appointmentTime");
7276      buttonsContainer.innerHTML = "";
7277    
7278      const defaultTimes = ["10:00 AM", "11:00 AM", "1:00 PM", "2:00 PM", "3:00 PM", "4:00 PM"];
7279    
7280      try {
7281        const hoursObj = businessHours;
7282        const hours = hoursObj ? hoursObj[selectedWeekday] : null;
7283        let timeSlots = defaultTimes;
7284    
7285        if (hours && !hours.closed) {
7286        timeSlots = generateTimeSlots(parseTime(hours.open), parseTime(hours.close));
7287        }
7288    
7289        timeSlots.forEach((time, index) => {
7290        const wrapperDiv = document.createElement("div");
7291        wrapperDiv.className = "relative first:mt-0 w-full border mt-2 border-gray-300 hover:border-gray-400 bg-white text-gray-600 text-base rounded";
7292    
7293        const timeDiv = document.createElement("div");
7294        timeDiv.className = "font-light w-full py-3 hover:bg-gray-100 cursor-pointer text-center rounded";
7295        timeDiv.setAttribute("data-testid", `time-slot-${index}`);
7296        timeDiv.textContent = time;
7297    
7298    
7299        timeDiv.onclick = function () {
7300          let [h, m] = time.split(' ')[0].split(':').map(Number);
7301          let period = time.includes('PM') ? 'PM' : 'AM';
7302    
7303          if (time.includes('PM') && h !== 12) h += 12;
7304          if (time.includes('AM') && h === 12) h = 0;
7305    
7306                      h = (h + 1) % 24;
7307              
7308          let newPeriod = h >= 12 ? 'PM' : 'AM';
7309          let displayH = h % 12 || 12;
7310    
7311          let newTime = `${displayH}:${String(m).padStart(2, '0')} ${newPeriod}`;
7312          hiddenInput.value = `${String(h - 1).padStart(2, '0')}
7312:${String(m).padStart(2, '0')}`;
7313    
7314                    
7315              $('#calendar').toggleClass('md:w-1/2 md:w-1/3');
7316              $('#store-info').toggleClass('justify-center justify-start');
7317              $('#store-info img').toggle();
7318              $("#time, #confirm, .noselect").toggle();
7319              step = 3;
7320              $("#confirm").addClass('active')
7321          
7322              $("#time, #calendar").removeClass('active')
7323              
7324          $('.appTime').html(`${time} - ${newTime}`);
7325    
7326          // Difference in days
7327          let timeDiff = Math.ceil((selectedDay - new Date()) / (1000 * 60 * 60 * 24));
7328          
7329          if (timeDiff === 0) {
7330            timeDiff = "Today";
7331          } else if (timeDiff > 1) {
7332            timeDiff = "In <b>" + timeDiff + "</b>" + " days";
7333          } else {
7334            timeDiff = "In <b>" + timeDiff + "</b>" + " day";
7335          }
7336          
7337          $(".appDiff").html(timeDiff);
7338        };
7339    
7340        wrapperDiv.appendChild(timeDiv);
7341        buttonsContainer.appendChild(wrapperDiv);
7342        });
7343      } catch (error) {
7344        console.error("Invalid businessHours data", e);
7345      }
7346    }
7347    
7348    function generateTimeSlots(openTime, closeTime) {
7349      let slots = [];
7350      let currentTime = new Date(openTime);
7351    
7352      while (currentTime < closeTime) {
7353        let hours = currentTime.getHours();
7354        let minutes = currentTime.getMinutes();
7355        let period = hours >= 12 ? "PM" : "AM";
7356        let formattedHours = hours % 12 || 12; // 12-hours format
7357    
7358        slots.push(`${formattedHours}:${String(minutes).padStart(2, '0')} ${period}`);
7359                    currentTime.setHours(currentTime.getHours() + 1);
7360              }
7361    
7362      return slots;
7363    }
7364    
7365    function parseTime(timeString) {
7366      const [time, modifier] = timeString.split(" ");
7367      let [hours, minutes] = time.split(":").map(num => parseInt(num));
7368    
7369      if (modifier === "PM" && hours < 12) {
7370        hours += 12;
7371      } else if (modifier === "AM" && hours === 12) {
7372        hours = 0;
7373      }
7374    
7375      const now = new Date();
7376      now.setHours(hours, minutes, 0, 0);
7377    
7378      return now;
7379    }
7380    
7381    function populateMonthDropdown(currentMonthIndex) {
7382      monthTitle.empty();
7383    
7384      currentMonthIndex = today.getMonth() + currentMonthIndex;
7385      let date = new Date(currentYear, (currentMonthIndex) % 12, 1);
7386    
7387      monthTitle.text(date.toLocaleString("en", {month: "long", year: "numeric"}));
7388    }
7389    
7390    prevButton.on("click", () => {
7391      renderCalendar(0);
7392      populateMonthDropdown(0);
7393      prevButton.attr("disabled", true);
7394      nextButton.attr("disabled", false);
7395    });
7396    
7397    nextButton.on("click", () => {
7398      renderCalendar(1);
7399      populateMonthDropdown(1);
7400      prevButton.attr("disabled", false);
7401      nextButton.attr("disabled", true);
7402    });
7403    
7404    // fields Validation
7405    $('#r-app-form input, #r-app-form textarea').on('input', function() {
7406        const $this = $(this);
7407        const maxLength = $this.attr('maxlength');
7408        const currentLength = $this.val().length;
7409        const $maxLengthMessage = $this.next('.max-length-message');
7410    
7411        if (maxLength < currentLength) {
7412            if (!$maxLengthMessage.length) {
7413                $this.after('<div class="max-length-message text-gray-500 text-sm mt-1"></div>');
7414            }
7415            $this.next('.max-length-message').text(`The max allowed amount - ${currentLength} symbols`);
7416    
7417            if (currentLength > maxLength) {
7418                $this.addClass('border-red-500');
7419                $this.next('.max-length-message').addClass('text-red-500');
7420            } else {
7421                $this.removeClass('border-red-500');
7422                $this.next('.max-length-message').removeClass('text-red-500');
7423            }
7424        } else {
7425            $maxLengthMessage.remove();
7426            $this.removeClass('border-red-500'); // Ensure red border is removed if no max length
7427        }
7428    });
7429    
7430    $('#r-app-form button[type=submit]').on('click', function(e) {
7431        
7432        let isValid = true;
7433        let errors = {};
7434
7435        let email = $('#rApp_email').val().trim();
7436        let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
7437        const $maxLengthMessage = $('#rApp_email').next('.error-message');
7438        
7439        if (!emailRegex.test(email)) {
7440            $this.after('<div class="error-message text-gray-500 text-sm mt-1"></div>');
7441            isValid = false;
7442            $('#rApp_email').next('.error-message').text(`Invalid email format.`);
7443            $('#rApp_email').addClass('border-red-500');
7444        } else {
7445            $maxLengthMessage.remove();
7446            $('#rApp_email').removeClass('border-red-500');
7447        }
7448
7449        $('.error-message').remove();
7450        for (let field in errors) {
7451            let errorMsg = errors[field];
7452            $('#' + field).after('<div class="error-message text-red-500 text-sm">' + errorMsg + '</div>');
7453        }
7454
7455        if (!isValid) {
7456            e.preventDefault();
7457        }
7458    });
7459
7460    // Load location image
7461        $('#l_store_img').css('background-image', 'url(https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png)');
7462    
7463</script>
7463
7464  </form>
7465          <div class="fas-overlay d-none"></div>
7466      
7467  
7467<script>
7468    function isStoreDesktop() {
7469      return window.matchMedia("(min-width: 1102px)").matches;
7470    }
7471    
7472    function updateLogoStoreVisibility() {
7473        document.querySelectorAll('.fas-logo-store').forEach(logoStore => {
7474            if (!isStoreDesktop() && !logoStore.querySelector('img')) {
7475                logoStore.style.display = 'none';
7476            } else {
7477                logoStore.style.display = '';
7478            }
7479        });
7480    }
7481    
7482    updateLogoStoreVisibility();
7483    
7484    window.addEventListener("resize", updateLogoStoreVisibility);
7485    
7486    var storeCount = 1;
7487   
7488    $(document).ready(function () {
7489      var images = $('#store-locator img'),
7490        table = $('#store-locator_wrapper table');
7491        
7492      var loadedImages = 0;
7493      var totalImages = images.length;
7494        
7495        function forceDisplay(selector, value) {
7496            document.querySelectorAll(selector).forEach(function(el) {
7497                if (value === 'none') {
7498                    el.style.setProperty('display', value, 'important');
7499                } else {
7500                    el.style.removeProperty('display');
7501                    el.style.display = value;
7502                }
7503            });
7504        }
7505
7506    
7507      table.on('page.dt', function() {
7508        $('html, body, .fas').animate({ scrollTop: 0 }, 'slow');
7509      });
7510
7511        $(".hide-in-calendar").each(function() {
7512            $(this).show();
7513        })
7514        $(".show-in-calendar").each(function() {
7515            $(this).hide();
7516            $(this).css("display", "none !important");
7517        })
7518
7519                $('.fas-store, .fas-btn, .close-fas-btn, .fas-overlay').on('click', function () {
7520            $('body').toggleClass('overflow-hidden');
7521            $('.fas').toggleClass('open');
7522            $('.fas-overlay').toggleClass('d-none');
7523          })
7524            
7525      // RS 2025-06-25 Hide zip-code sort on Map page
7526      const $mapRadio = $("#fas-tab2"); // Map
7527      const $listRadio = $("#fas-tab1"); // List
7528      const $zipSearch = $("#search-by-zip");
7529      const $useLocationButton = $(".get-location");
7530    
7531      function toggleVisibility() {
7532        if ($mapRadio.is(":checked")) {
7533          $zipSearch.hide();
7534          $useLocationButton.hide();
7535        } else {
7536          $zipSearch.css("display", "flex"); // или .show(), если подойдет
7537          $useLocationButton.show();
7538        }
7539      }
7540    
7541      // Initial check
7542      toggleVisibility();
7543    
7544      // Add event listeners
7545      $mapRadio.on("change", toggleVisibility);
7546      $listRadio.on("change", toggleVisibility);
7547    });
7548    
7549    $(".fas-tab-wrap label").on('keydown', function(event) {
7550        if (event.key === 'Enter') {
7551            var id = $(this).attr("for");
7552            
7553            $(".fas-tab-wrap input").each(function() {
7554                $(this).removeAttr('checked')
7555            });
7556            
7557            $("#"+id).attr('checked', 'checked')
7558        }
7559    })
7560
7561    function errorMessage(type = 'show', message) {
7562      var $container = $('.find-ts-error');
7563      if (type == 'show') {
7564        $container.animate({"opacity": "1", "height": "24px", "margin-top": "20px", "margin-bottom": "35px"}, 900);
7565        $container.html(message);
7566
7567        setTimeout(function () {
7568          $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900);
7569        }, 2000);
7570      } else {
7571        $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900);
7572        $container.html("");
7573      }
7574    }
7575    
7576    const $searchInput = $('#search-by-zip input');
7577    const $searchButton = $('#search-by-zip button');
7578    
7579    $searchInput.on('keydown', function(event) {
7580        if (event.key === 'Enter') {
7581            $searchButton.click();
7582        }
7583    });
7584
7585    $('#search-by-zip button').on("click", function () {
7586        var $input = $('#search-by-zip input');
7587        var zipCode = $input.val();
7588        var $table = $('#store-locator_wrapper table');
7589    
7590        if (isValidZipCode(zipCode)) {
7591            $table.fadeOut();
7592            $.ajax({
7593                url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
7594                type: 'POST',
7595                headers: {'X-CSRF-TOKEN': window.csrf_token},
7596                data: {
7597                    action: 'GET_LOCATION',
7598                    zipCode: zipCode
7599                },
7600                dataType: 'json',
7601                success: function (response) {
7602                    if (response.status === 'success') {
7603                        var targetLat = response.message.lat;
7604                        var targetLng = response.message.lng;
7605    
7606                        var rows = $('#store-locator tr').get();
7607                        var uniqueRows = {};
7608    
7609                        rows.forEach(function (row) {
7610                            var lat = parseFloat($(row).data('lat'));
7611                            var lng = parseFloat($(row).data('lng'));
7612    
7613                            if (!isNaN(lat) && !isNaN(lng)) {
7614                                var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng);
7615                                var roundedDistance = Math.round(distance);
7616    
7617                                $(row).find("td:nth-child(2) b").text(roundedDistance);
7618                                $(row).find("td:nth-child(2)").css('display', 'block');
7619                                $(".fas-row-actions").each(function() {
7620                                    $(this).css('bottom', '30px');
7621                                })
7622    
7623                                var key = lat.toFixed(6) + ',' + lng.toFixed(6);
7624    
7625                                if (!uniqueRows.hasOwnProperty(key)) {
7626                                    uniqueRows[key] = { element: row, distance: distance };
7627                                }
7628                            }
7629                        });
7630    
7631                        var uniqueRowsArray = Object.values(uniqueRows);
7632                        uniqueRowsArray.sort(function (a, b) {
7633                            return a.distance - b.distance;
7634                            
7635                        });
7636                        
7637                        // Select the parent container of the table rows
7638                        var tableBody = $('#store-locator tbody');
7639    
7640                        tableBody.empty(); // Ensure tbody is empty before appending new rows
7641                        uniqueRowsArray.forEach(function (row) {
7642                            tableBody.append(row.element);
7643                        });
7644    
7645                        // Reinitialize DataTable
7646                        setTimeout(function () {
7647                            $table.fadeIn(); // Show table after DataTable initialization
7648                        }, 500);
7649                    } else {
7650                        console.log('Error message:', response.message);
7651                        errorMessage('show', response.message);
7652                        $table.fadeIn(); // Ensure table is visible even in case of error
7653                    }
7654                },
7655                error: function (xhr, status, error) {
7656                    // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
7657                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7658                  // console.error(xhr);
7659                  // If backend returned HTML page
7660                  if (xhr.responseText) {
7661                      document.open();
7662                      document.write(xhr.responseText);
7663                      document.close();
7664                      return;
7665                  }
7666              }
7667            });
7668        } else {
7669            console.log('Invalid ZIP Code');
7670            errorMessage('show', 'ZIP code not found.');
7671            $table.fadeIn(); // Ensure table is visible even in case of invalid ZIP
7672        }
7673    });
7674
7675    function getDistanceFromLatLonInMiles(lat1, lon1, lat2, lon2) {
7676      var R = 3958.8;
7677      var dLat = deg2rad(lat2 - lat1);
7678      var dLon = deg2rad(lon2 - lon1);
7679      var a =
7680        Math.sin(dLat / 2) * Math.sin(dLat / 2) +
7681        Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *
7682        Math.sin(dLon / 2) * Math.sin(dLon / 2);
7683      var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
7684      var d = R * c;
7685      return d;
7686    }
7687
7688    function deg2rad(deg) {
7689      return deg * (Math.PI / 180);
7690    }
7691
7692    function getLocation() {
7693      if (navigator.geolocation) {
7694        navigator.geolocation.getCurrentPosition(showPosition, showError);
7695      } else {
7696        document.getElementById("location").innerHTML = "Geolocation is not supported by this browser.";
7697      }
7698    }
7699
7700    // subhan code to make the store selection
7701    $('body').on("click",".select-store", function () {
7702        const storeId = $(this).data('store');
7703        // const storeId = '';
7704        $.ajax({
7705            url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
7706            type: 'POST',
7707            headers: {'X-CSRF-TOKEN': window.csrf_token},
7708            data: {
7709                action: 'SELECT_STORE',
7710                storeId: storeId
7711            },
7712            dataType: 'json',
7713            success: function (response) {
7714                if (response.status === 'success') {
7715                    window.location.reload();
7716                } else {
7717                    console.log('Error message:', response.message);
7718                    // toastr.success(response.message);
7719                }
7720            },
7721            error: function (xhr, status, error) {
7722                // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
7723                if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7724                // console.error(xhr);
7725                // If backend returned HTML page
7726                if (xhr.responseText) {
7727                    document.open();
7728                    document.write(xhr.responseText);
7729                    document.close();
7730                    return;
7731                }
7732            }
7733        });
7734    });
7735 
7736
7737    function showPosition(position) {
7738        console.log(position)
7739        const targetLat = position.coords.latitude;
7740        const targetLng = position.coords.longitude;
7741
7742        $.ajax({
7743            url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
7744            type: 'POST',
7745            headers: {'X-CSRF-TOKEN': window.csrf_token},
7746            data: {
7747                action: 'UPDATE_LOCATION_BY_COORDINATES',
7748                lat: targetLat,
7749                lon: targetLng
7750            },
7751            dataType: 'json',
7752            success: function (response) {
7753                if (response.success) {
7754                    document.location.reload()
7755                } else {
7756                    // errorMessage('show', response.message);
7757
7758                    var $table = $('#store-locator_wrapper table');
7759                    var $tbody = $('#store-locator tbody');
7760
7761                    $table.fadeOut();
7762
7763                    setTimeout(function () {
7764                        var rows = $tbody.find('tr').get();
7765
7766                        var uniqueRows = {};
7767
7768                        rows.forEach(function (row) {
7769                            var lat = parseFloat($(row).data('lat'));
7770                            var lng = parseFloat($(row).data('lng'));
7771
7772                            if (!isNaN(lat) && !isNaN(lng)) {
7773                                var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng);
7774                                var roundedDistance = Math.round(distance);
7775
7776                                $(row).find("td:nth-child(2) b").text(roundedDistance);
7777                                $(row).find("td:nth-child(2)").css('display', 'block');
7778                                $(".fas-row-actions").css('bottom', '30px');
7779
7780                                var key = lat.toFixed(6) + ',' + lng.toFixed(6);
7781
7782                                if (!uniqueRows.hasOwnProperty(key)) {
7783                                    uniqueRows[key] = {element: row, distance: distance};
7784                                }
7785                            }
7786                        });
7787
7788                        var uniqueRowsArray = Object.values(uniqueRows);
7789
7790                        uniqueRowsArray.sort(function (a, b) {
7791                            return a.distance - b.distance;
7792                        });
7793
7794                        $tbody.empty();
7795                        uniqueRowsArray.forEach(function (row) {
7796                            $tbody.append(row.element);
7797                        });
7798
7799                        setTimeout(function () {
7800                            $table.fadeIn();
7801                        }, 200);
7802                    }, 200);
7803                }
7804            },
7805            error: function (xhr, status, error) {
7806                // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
7807                if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7808              // console.error(xhr);
7809              // If backend returned HTML page
7810              if (xhr.responseText) {
7811                  document.open();
7812                  document.write(xhr.responseText);
7813                  document.close();
7814                  return;
7815              }
7816            }
7817        });
7818    }
7819
7820    function showError(error) {
7821      switch (error.code) {
7822        case error.PERMISSION_DENIED:
7823          errorMessage("show", "You denied the request for Geolocation.");
7824          break;
7825        case error.POSITION_UNAVAILABLE:
7826          errorMessage("show", "Location information is unavailable, please enter ZIP Code");
7827          break;
7828        case error.TIMEOUT:
7829          errorMessage("show", "The request to get user location timed out.");
7830          break;
7831        case error.UNKNOWN_ERROR:
7832          errorMessage("show", "An unknown error occurred.");
7833          break;
7834      }
7835    }
7836</script>
7836
7837    
7837<script>
7838        const zipcode = document.getElementById('sl_zipcode');
7839        if(zipcode){
7840            zipcode.addEventListener('input', function (e) {
7841                this.value = this.value.replace(/\D/g, '');
7842            });
7843        }
7844    </script>
7844
7845
7846  <style>
7847    #bookInStore {
7848        background: transparent !important;
7849        display: flex !important;
7850        width: 75%;
7851        align-items: center;
7852        padding-left: 30px;
7853    }
7854
7855    #store-locator {
7856        width: 100% !important;
7857    }
7858    .page-item .page-link {
7859        color: black !important;
7860        box-shadow: none;
7861    }
7862    .page-item.active .page-link {
7863        border-color: #dee2e6!important;
7864        background: #f2f2f2 !important;
7865    }
7866    .page-item.disabled .page-link {
7867        color: gray !important;
7868    }
7869    
7870    .page-item.active .page-link:hover {
7871        opacity: 0.7!important;
7872    }
7873    
7874    .fas .col-md-5 {
7875        display: none;
7876    }
7877    
7878    .fas .col-md-7 {
7879        max-width: 100%;
7880        flex: 100%;
7881        display: flex;
7882        justify-content: center;
7883    }
7884
7885    #store-locator_length, #store-locator_filter, #store-locator_info {
7886        display: none;
7887    }
7888    .fas-btn:hover {
7889        background-color: #3172ab;
7890    }
7891    
7892    #store-locator_wrapper {
7893        overflow-x: hidden;
7894    }
7895
7896    .fas:not(.landing) {
7897      position: fixed;
7898      left: 50%;
7899      right: 0;
7900      top: 0;
7901      bottom: 0;
7902      z-index: 1045;
7903      background: white;
7904      transition: 300ms;
7905      transform: translateX(105%);
7906      box-shadow: 0 0 12px 2px rgba(0, 0, 0, .35);
7907      overflow-y: scroll;
7908    }
7909    
7910    .fas:not(.landing) .fas-logo-store {
7911        display: none;
7912    }
7913
7914    label svg {
7915      width: 19px;
7916      height: 21px;
7917      margin: 0 13px 2px -13px;
7918    }
7919
7920    .fas.landing {
7921      max-width: 1260px;
7922      margin: 20px auto 0 auto;
7923      position: relative;
7924    }
7925
7926    .fas.landing label {
7927      z-index: 10;
7928    }
7929
7930    .fas-actions {
7931      align-items: center;
7932      margin-bottom: 20px;
7933      padding: 0 20px;
7934      right: 0;
7935      z-index: 9;
7936      width: 100%;
7937      display: grid !important;
7938      grid-template-columns: repeat(3, minmax(0, 1fr));
7939    }
7940
7941    .fas.landing .fas-actions {
7942      position: absolute;
7943    }
7944
7945    .find-ts-error {
7946      text-align: center;
7947      margin: 0 auto;
7948      color: #8f0000;
7949      height: 0;
7950      font-weight: 600;
7951    }
7952
7953    .fas-tab__content table tr {
7954      position: relative;
7955      min-height: 150px;
7956      padding: 30px;
7957      display: flex;
7958      align-items: center;
7959      border-bottom: 1px solid #dbdbdb;
7960    }
7961    .fas-tab__content .row{
7962        margin: 0!important;
7963    }
7964
7965    #search-by-zip {
7966      display: flex;
7967      align-items: center;
7968      margin: auto;
7969    }
7970
7971    .fas-row-store {
7972      width: 100%;
7973      padding-left: 0;
7974      display: flex;
7975      align-items: center;
7976      border: none;
7977      justify-content: left !important;
7978    }
7979    
7980    .fas-row-store p {
7981        margin-bottom: 0 !important;
7982    }
7983    
7984            .fas-logo-store {
7985            margin-bottom: 20px;
7986        }
7987        
7988    .fas-logo-store {
7989        margin-right: 40px;
7990        display: flex;
7991        align-items: center;
7992        width: 150px;
7993        height: 150px;
7994        display: flex;
7995        align-items: center;
7996        justify-content: center;
7997        overflow: hidden;
7998        border-radius: 50%;
7999    }
8000    
8001    .fas-logo-store img {
8002        width: 100%;
8003        height: 100%;
8004        object-fit: cover;
8005        object-position: center;
8006    }
8007
8008    .fas-row-distance {
8009      border: none;
8010      align-items: center;
8011      justify-content: end !important;
8012      display: none;
8013      position: absolute;
8014      right: 0;
8015      top: 5px;
8016    }
8017
8018    .fas-row-distance > div {
8019      align-items: center;
8020      display: flex;
8021      font-size: 18px;
8022      padding-right: 20px;
8023      justify-content: end;
8024    }
8025
8026    .fas-row-distance > div > b {
8027      margin: 15px;
8028      font-size: 20px;
8029    }
8030
8031    .fas-row-actions {
8032      border: none;
8033      align-items: center;
8034      display: flex;
8035      position: absolute;
8036      right: 0;
8037    }
8038
8039    .fas-row-actions svg {
8040      width: 25px;
8041      height: 25px;
8042      margin-bottom: 10px;
8043    }
8044
8045    .fas.landing #search-by-zip {
8046      justify-content: center
8047    }
8048
8049    #search-by-zip input {
8050      width: 180px!important;
8051      box-shadow: none !important;
8052      border: none!important;;
8053      border-radius: 0!important;;
8054      border-bottom: 1px solid darkgrey!important;;
8055      padding: 0 10px!important;;
8056    }
8057
8058    #search-by-zip button {
8059      width: auto;
8060      height: 28px;
8061      border-top-left-radius: 0;
8062      border-bottom-left-radius: 0;
8063      box-shadow: none !important;
8064      border-color: #ced4da;
8065      border: none;
8066      padding: 5px;
8067      padding-right: 10px;
8068      border-left: 0;
8069    }
8070
8071    .get-location {
8072      margin: 0 5px!important;
8073      padding: 0 5px !important;
8074      border: 1px solid white!important;
8075      text-align: end!important;
8076      width: auto!important;
8077      position: absolute!important;
8078      right: 0!important;
8079    }
8080
8081    .get-location svg {
8082      width: 18px;
8083      height: 16px;
8084      margin-top: 4px;
8085      margin-right: 3px;
8086      float: left;
8087    }
8088
8089    .fas-actions .map-btn {
8090      width: 100%;
8091      padding: 0 20px;
8092    }
8093    .map-btn a{
8094        color: inherit;
8095    }
8096
8097    .fas.landing .fas-actions {
8098      max-width: 1260px;
8099      margin: auto;
8100    }
8101
8102    .fas.open {
8103      transform: translateX(0);
8104    }
8105
8106    .fas .close-fas-btn {
8107      width: 130px;
8108      padding: 3rem;
8109      cursor: pointer;
8110      margin-left: auto;
8111    }
8112
8113    .fas .btn {
8114      border-radius: 0;
8115      padding: 12px 25px;
8116    }
8117
8118    .fas svg:not(.store-hours-arrow) {
8119      margin-bottom: 7px;
8120    }
8121
8122    .fas-actions path {
8123      fill: #767676;
8124    }
8125
8126    .fas-overlay.d-none {
8127      opacity: 0;
8128      visibility: hidden;
8129    }
8130
8131    .fas-overlay {
8132      position: fixed;
8133      left: 0;
8134      right: 0;
8135      top: 0;
8136      bottom: 0;
8137      z-index: 1043;
8138      background: rgba(1, 1, 1, 0.5);
8139      opacity: 1;
8140      visibility: visible;
8141    }
8142
8143    .fas-tab__content tr td {
8144      justify-content: center;
8145      border-top: none!important;
8146    }
8147
8148    .fas-tab__content tr td:nth-child(3) {
8149      min-width: 30%;
8150      padding-bottom: 0;
8151    }
8152
8153    .fas button:focus {
8154      outline: none !important;
8155      box-shadow: none !important;
8156    }
8157
8158    .fas button:hover {
8159      opacity: 0.8
8160    }
8161
8162    
8163    .green {
8164        color: green
8165    }
8166    .mtb-4 {
8167        margin: 40px 0;
8168    }
8169    .ma {
8170        margin-left: auto;
8171        margin-right: auto;
8172    }
8173    .mb-4 {
8174        margin-bottom: 40px;
8175    }
8176    .p-4 {
8177        padding: 40px;
8178    }
8179    .pb-3 {
8180        padding-bottom: 30px;
8181    }
8182    
8183    .card a {
8184        cursor: pointer;
8185    }
8186    
8187    @media (max-width: 768px) {
8188        .main_page_container .col-6 {
8189            max-width: 100%;
8190            flex: 0 0 100%;
8191            margin-bottom: 40px;
8192        }
8193    }
8194    
8195
8196    
8197    /***********/
8198    @media (max-width: 1600px) {
8199      .fas-tab__content tr td:nth-child(3) {
8200        height: auto;
8201        justify-content: center;
8202        text-align: center;
8203      }
8204      
8205      .fas:not(.landing) {
8206        left: 30%;
8207      }
8208
8209    
8210        }
8211
8212    .fas-tab-wrap {
8213      transition: 0.3s box-shadow ease;
8214      border-radius: 6px;
8215      max-width: 100%;
8216      display: flex;
8217      flex-wrap: wrap;
8218      position: relative;
8219      list-style: none;
8220      background-color: #fff;
8221    }
8222
8223    .fas-tab {
8224      display: none;
8225    }
8226
8227    .fas-tab:checked:nth-of-type(1) ~ .fas-tab__content:nth-of-type(2) {
8228      opacity: 1;
8229      transition: 0.5s opacity ease-in, 0.8s transform ease;
8230      position: relative;
8231      top: 0;
8232      z-index: 97;
8233      transform: translateY(0px);
8234      text-shadow: 0 0 0;
8235    }
8236
8237    .fas-tab:checked:nth-of-type(2) ~ .fas-tab__content:nth-of-type(3) {
8238      opacity: 1;
8239      transition: 0.5s opacity ease-in, 0.8s transform ease;
8240      position: relative;
8241      top: 0;
8242      z-index: 97;
8243      transform: translateY(0px);
8244      text-shadow: 0 0 0;
8245    }
8246    
8247    .fas-tab:first-of-type:not(:last-of-type) + label {
8248      border-top-right-radius: 0;
8249      border-bottom-right-radius: 0;
8250    }
8251
8252    .fas-tab:not(:first-of-type):not(:last-of-type) + label {
8253      border-radius: 0;
8254    }
8255
8256    .fas-tab:last-of-type:not(:first-of-type) + label {
8257      border-top-left-radius: 0;
8258      border-bottom-left-radius: 0;
8259    }
8260
8261    .fas-tab:checked + label {
8262      background-color: #f2f2f2;
8263      box-shadow: 0 -1px 0 #f2f2f2 inset;
8264      cursor: default;
8265    }
8266
8267    .fas-tab:checked + label:hover {
8268      background-color: #f2f2f2;
8269      box-shadow: 0 -1px 0 #f2f2f2 inset;
8270    }
8271
8272    .fas-tab + label {
8273      box-shadow: 0 -1px 0 #eee inset;
8274      border-radius: 6px 6px 0 0;
8275      cursor: pointer;
8276      display: block;
8277      text-decoration: none;
8278      color: #333;
8279      flex-grow: 3;
8280      text-align: center;
8281      background-color: #fff;
8282      -webkit-user-select: none;
8283      -moz-user-select: none;
8284      -ms-user-select: none;
8285      user-select: none;
8286      text-align: center;
8287      transition: 0.1s background-color ease, 0.1s box-shadow ease;
8288      height: 50px;
8289      box-sizing: border-box;
8290      padding: 15px;
8291      max-width: 150px;
8292      margin: 0;
8293    }
8294
8295    .fas-tab + label:hover {
8296      background-color: #f9f9f9;
8297      box-shadow: 0 1px 0 #f4f4f4 inset;
8298    }
8299
8300    .fas-tab__content {
8301      background-color: transparent;
8302      position: absolute;
8303      width: 100%;
8304      z-index: -1;
8305      opacity: 0;
8306      left: 0;
8307      transform: translateY(-3px);
8308      border-top: 1px solid #dbdbdb;
8309    }
8310
8311    .fas-tab__content tr:nth-child(odd) {
8312      background: #f8f8f8;
8313    }
8314
8315    .container {
8316      margin: 0 auto;
8317      display: block;
8318      width: 100%;
8319    }
8320
8321    .container > *:not(.fas-tab-wrap) {
8322      padding: 0 80px;
8323    }
8324
8325    /* MAP styles */
8326    #map {
8327      height: 800px;
8328      width: 100%;
8329    }
8330
8331    .infoWindow {
8332      font-family: Arial, sans-serif;
8333      text-align: center;
8334      padding: 5px 10px;
8335    }
8336
8337    .infoWindow h2 {
8338      font-size: 22px;
8339      line-height: 20.7px;
8340      text-align: left;
8341      margin: 10px auto;
8342    }
8343
8344    .infoWindow h4 {
8345      font-size: 12px;
8346      line-height: 16px;
8347      font-weight: 100;
8348      margin-bottom: 15px;
8349    }
8350
8351    .infoWindow .actions {
8352      display: flex;
8353      justify-content: center;
8354    }
8355
8356    .infoWindow svg {
8357      width: 16px;
8358      height: 16px;
8359      margin: 0;
8360    }
8361
8362    .infoWindow button,
8363    .infoWindow a {
8364      border-radius: 15px;
8365      color: white;
8366      background: rgb(49, 114, 171);
8367      border: 1px solid rgb(49, 114, 171);
8368      margin: 0 3px;
8369      padding: 6px;
8370      display: flex;
8371      align-items: center;
8372      text-decoration: none;
8373      padding: 5px 9px;
8374    }
8375
8376    .infoWindow button:hover,
8377    .infoWindow a:hover {
8378      border: 1px solid rgb(49, 114, 171);
8379    }
8380    
8381    .get-location {
8382        margin-top: 5px!important;
8383    }
8384    
8385    @media (max-width: 1200px) {
8386        .fas:not(.landing) {
8387            left: 15%;
8388        }
8389    }
8390
8391    @media (max-width: 1101.9px) {
8392        .store-hours-container {
8393          display: flex;
8394          justify-content: center;
8395        }
8396        .fas-row-actions {
8397            position: relative;
8398        }
8399        .fas-row-distance {
8400            position: inherit;
8401        }
8402        .fas-row-distance > div {
8403            justify-content: center;
8404            margin-bottom: 20px;
8405        }
8406        .fas-row-store {
8407            display: block !important;
8408        }
8409        .fas-logo-store {
8410            margin: 0px auto 40px auto;
8411        }
8412        
8413          .fas-tab__content tr td:nth-child(3) > div {
8414        grid-template-columns: repeat(2, minmax(0, 1fr));
8415      }
8416
8417      .fas-tab__content tr td:nth-child(3) > div > div:nth-child(4) {
8418        grid-column: auto;
8419      }
8420
8421      .fas .close-fas-btn {
8422        padding: 1.5rem;
8423        width: 80px;
8424      }
8425
8426      .products-list .item-title {
8427        font-size: 14px;
8428      }
8429
8430      .fas {
8431        left: 0 !important;
8432      }
8433
8434      .fas-tab__content table tr {
8435        display: inline-grid !important;
8436        width: 100%;
8437      }
8438
8439      .fas-tab__content table td, .fas-tab__content table td > div:not(.fas-logo-store) {
8440        width: auto !important;
8441        text-align: center;
8442      }
8443      
8444      .fas-row-distance {
8445          height: auto;
8446      }
8447      
8448      .fas-tab__content tr td p{
8449          margin: 0 auto;
8450      }
8451      
8452    }
8453
8454    @media (max-width: 979.9px) {
8455      .fas-tab + label {
8456        max-width: 95px;
8457      }
8458
8459      label svg {
8460        width: 15px;
8461        margin: 0 8px 0 0;
8462      }
8463    }
8464
8465    @media (max-width: 550px) {
8466       .fas-actions .form-control {
8467        width: auto !important;
8468      }
8469
8470      .fas-tab-wrap > .fas-actions {
8471        padding: 0;
8472        margin: 0 10px !important;
8473      }
8474        
8475      .fas-tab-wrap > .fas-actions > #search-by-zip > label {
8476        padding: 0;
8477      }
8478        
8479      .fas-tab-wrap > .fas-actions > .get-location {
8480        margin: 0 10px 0 0 !important;
8481      }
8482
8483      #search-by-zip {
8484          width: 190px;
8485          margin: 0 auto 10px auto;
8486      }
8487      
8488      .get-location {
8489        margin-top: 27px !important;
8490    }
8491
8492      .fas.landing {
8493          margin: 0;
8494      }
8495      
8496      .fas.landing .fas-actions {
8497          position: inherit;
8498      }
8499
8500      .fas-actions {
8501        display: block;
8502        grid-template-columns: repeat(2, minmax(0, 1fr));
8503        text-align: center;
8504      }
8505      
8506      .fas-tab__content tr td {
8507        height: auto !important;
8508      }
8509
8510      .fas-actions > div:nth-child(1) {
8511        grid-column: 1 / -1;
8512        margin-bottom: 10px;
8513        padding: 0;
8514      }
8515
8516      .get-location {
8517        position: inherit;
8518        font-size: 14px;
8519        margin: auto;
8520      }
8521
8522      .fas-tab:checked + label {
8523        display: none;
8524      }
8525    }
8526    
8527    @media (max-width: 480px) {
8528        .fas-row-actions > div {
8529            display: grid !important;
8530            grid-template-columns: repeat(2, minmax(0, 2fr));
8531        }
8532    }
8533    
8534    .fas.in_store_try {
8535        left: 63%;
8536    }
8537    
8538    @media (max-width: 1600px) {
8539        .fas.in_store_try {
8540            left: 56%;
8541        }
8542    }
8543    
8544    @media (max-width: 1200px) {
8545        .fas.in_store_try {
8546            left: 46%;
8547        }
8548    }
8549  </style> <div class="my-scope offcanvas left offcanvas-md" id="update-zipAddress">
8550    <div class="offcanvas-header border-bottom">
8551        <h3 class="general_style">Update Location</h3>
8552        <button aria-label="Close menu" class="close-offcanvas btn-close"></button>
8553    </div>
8554    <div class="offcanvas-body">
8555        <form id="zipcode-form">
8556            <p class="p2_general_style">Your location helps us to offer delivery options available for you.</p>
8557            <div class="input_general_style general_style">
8558                <label for="zipcode" class="general_style  ">Zipcode <span class="text-danger">*</span></label>
8559                <input type="text" id="zipcode" value="" name="zipcode" required="required" maxlength="50" class="form-control form-control-lg">
8560                <div class="invalid-feedback">Please enter valid zip code.</div>
8561            </div>
8562            <button type="submit" title="Update Zipcode" aria-label="Update" class="btn-modal button_general_style">Update Location</button>
8563        </form>
8564        <button type="button" title="Use My Location" aria-label="Update" class="btn-modal-outline secondary_button_general_style use-my-location">
8565            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="14px" height="14px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
8566                <path fill="#231F20" d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.
8566051,0.094,0.059,0.199,0.117,0.289l16,24  C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289C54.289,34.008,56,29.219,56,24  C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"></path>
8567            </svg>
8568            Use My Location
8569        </button>
8570    </div>
8571</div>
8572<script>
8573    $(document).ready(function() {
8574        $("#zipcode-form").submit(function (e) {
8575            e.preventDefault();
8576            var $input = $('#zipcode-form input');
8577            const $error_box = $('#zipcode-form .invalid-feedback');
8578            $error_box.hide();
8579            var zipCode = $input.val();
8580            console.log(zipCode)
8581            if (isValidZipCode(zipCode)) {
8582                $.ajax({
8583                    url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
8584                    type: 'POST',
8585                    headers: {'X-CSRF-TOKEN': window.csrf_token},
8586                    data: {
8587                        action: 'UPDATE_LOCATION',
8588                        zipCode: zipCode
8589                    },
8590                    dataType: 'json',
8591                    success: function (response) {
8592                        if (response.success) {
8593                            document.location.reload()
8594                        } else {
8595                            $error_box.show();
8596                            // errorMessage('show', response.message);
8597                        }
8598                    },
8599                    error: function (xhr, status, error) {
8600                        // console.error(xhr);
8601                        // If backend returned HTML page
8602                        if (xhr.responseText) {
8603                            if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8604                            document.open();
8605                            document.write(xhr.responseText);
8606                            document.close();
8607                            return;
8608                        }
8609                    }
8610                });
8611            } else {
8612                $error_box.show();
8613                // console.log('Invalid ZIP Code');
8614                // errorMessage('show', 'ZIP code not found.');
8615            }
8616
8617        });
8618
8619        $('.use-my-location').on('click', function () {
8620            if (navigator.geolocation) {
8621                navigator.geolocation.getCurrentPosition(sendMyLocation, showError);
8622            } else {
8623                document.getElementById("location").innerHTML = "Geolocation is not supported by this browser.";
8624            }
8625        });
8626
8627        function sendMyLocation(position) {
8628            console.log(position)
8629            const targetLat = position.coords.latitude;
8630            const targetLng = position.coords.longitude;
8631
8632            $.ajax({
8633                url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
8634                type: 'POST',
8635                headers: {'X-CSRF-TOKEN': window.csrf_token},
8636                data: {
8637                    action: 'UPDATE_LOCATION_BY_COORDINATES',
8638                    lat: targetLat,
8639                    lon: targetLng
8640                },
8641                dataType: 'json',
8642                success: function (response) {
8643                    if (response.success) {
8644                        document.location.reload()
8645                    } else {
8646                        console.log('cannot update location');
8647                    }
8648                },
8649                error: function (xhr, status, error) {
8650                    // console.error(xhr);
8651                    // If backend returned HTML page
8652                    if (xhr.responseText) {
8653                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8654                        document.open();
8655                        document.write(xhr.responseText);
8656                        document.close();
8657                        return;
8658                    }
8659                }
8660            });
8661        }
8662
8663    function showError(error) {
8664      switch (error.code) {
8665        case error.PERMISSION_DENIED:
8666          errorMessage("show", "You denied the request for Geolocation.");
8667          break;
8668        case error.POSITION_UNAVAILABLE:
8669          errorMessage("show", "Location information is unavailable, please enter ZIP Code");
8670          break;
8671        case error.TIMEOUT:
8672          errorMessage("show", "The request to get user location timed out.");
8673          break;
8674        case error.UNKNOWN_ERROR:
8675          errorMessage("show", "An unknown error occurred.");
8676          break;
8677      }
8678    }
8679    });
8680</script>
8680<footer class="appearance-desktop-view-template">
8681    
8682    
8683        
8684        <div class="footer_container footer_container_1">
8685
8686                        
8687                  
8688
8689                <div class="flex_row flex_row_1">
8690
8691                    
8692                        <div class="flex_col flex_col_1">
8693
8694                            
8695                        </div>
8696
8697                        <style>
8698                            .footer_container_1 .flex_row_1 .flex_col_1 {
8699                                                        }
8700                        </style>
8701
8702
8703                    
8704                        <div class="flex_col flex_col_2">
8705
8706                            
8707                        </div>
8708
8709                        <style>
8710                            .footer_container_1 .flex_row_1 .flex_col_2 {
8711                                                        }
8712                        </style>
8713
8714
8715                    
8716                        <div class="flex_col flex_col_3">
8717
8718                            
8719<div class="flex_cell flex_cell_1 social_icons">
8720    <div class="flex_cell_content">
8721                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
8722                <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>                            </a>
8723        
8724                    <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2">
8725                <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg>                            </a>
8726        
8727                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers
8727/" style="order: 3">
8728                <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>                            </a>
8729        
8730                    <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UCQ4ouMJM2mY7apgDZpzNWow" style="order: 4">
8731                <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>                            </a>
8732        
8733                    <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5">
8734                <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg>                            </a>
8735        
8736                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6">
8737                <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg>                            </a>
8738        
8739        
8740
8741        
8742                    <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9">
8743                <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg>                            </a>
8744        
8745            </div>
8746</div>
8747
8748<style>
8749    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
8750        width:100%;                                    justify-content: flex-end;
8751                            align-items:center; -webkit-align-items:center;    }
8752
8753            .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
8754        height:100%;        }
8755    
8756    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content {
8757        display: flex;
8758        margin-top:50px;        margin-bottom:50px;        margin-left:px;        margin-right:400px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
8759
8760    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a {
8761        display: flex;
8762        align-items: center;
8763        color:#ffffff;        font-weight:400;        font-style:normal;                        margin-left: 6px;
8764        margin-right: 6px;
8765        font-size:17px;font-family:ITC Avant Garde;        text-transform:none;    }
8766
8767    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{
8768        margin-right: 5px;
8769        width:16px;        height:16px;    }
8770
8771    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class {
8772        fill: currentColor;
8773    }
8774
8775
8776    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover {
8777        color:#ffffff;    }
8778</style>
8779
8780                        </div>
8781
8782                        <style>
8783                            .footer_container_1 .flex_row_1 .flex_col_3 {
8784                            width:98%;                            }
8785                        </style>
8786
8787
8788                    
8789                        <div class="flex_col flex_col_4">
8790
8791                            
8792                        </div>
8793
8794                        <style>
8795                            .footer_container_1 .flex_row_1 .flex_col_4 {
8796                            width:2%;                            }
8797                        </style>
8798
8799
8800                    
8801                </div>
8802            
8803                
8804                <style>
8805                    .footer_container_1 .flex_row_1 {
8806                        background-color: #122d57;
8807                        color:#000000;                        height:auto;                                                
8808                                            }
8809                </style>
8810                
8811                                        
8812                
8813                        
8814                  
8815
8816                <div class="flex_row flex_row_2">
8817
8818                    
8819                        <div class="flex_col flex_col_1">
8820
8821                            
8822                        </div>
8823
8824                        <style>
8825                            .footer_container_1 .flex_row_2 .flex_col_1 {
8826                            width:2%;                            }
8827                        </style>
8828
8829
8830                    
8831                        <div class="flex_col flex_col_2">
8832
8833                            <div class="flex_cell flex_cell_1 custom_code">
8834    <div class="flex_cell_content">
8835        <div style="padding-bottom: 40px;">
8836<div style="padding-bottom: 40px;">
8837<table border="0" class="ftbl">
8838<tbody>
8839<tr class="tr1">
8840<td>
8841<div class="right-side">
8842<div class="col1">
8843<div id="fclm1img" style="width: 165px; height: 165px; background: #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;"><img style="max-width: 100%; object-fit: cover; height: 100% !important;" alt="Albert's Jewelers Logo" title="Albert's Jewelers Logo" width="500" height="500" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" /></div>
8844</div>
8845<div class="col2">
8846<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Visit our showroom</h5>
8847<p>711 Main St. Schererville, Indiana 46375</p>
8848<a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></div>
8849</div>
8850</td>
8851<td class="td2"></td>
8852<td style="padding-top: 0px;">
8853<div class="left-side">
8854<div class="col1"><span style="font-size: 14px; font-weight: bold;">Regular Hours</span>
8855<p><br />Mon - Sat:</p>
8856<p>11:00am - 6:00pm</p>
8857<p>Sunday: Closed&nbsp;</p>
8858<p></p>
8859</div>
8860<div class="col2">
8861<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5>
8862<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;
8862" href="/cdn-cgi/l/email-protection#402d21322b2534292e2700212c22253234332a2537252c2532336e232f2d" title="mail"><span class="__cf_email__" data-cfemail="127f73607977667b7c7552737e7077606661787765777e7760613c717d7f">[email&#160;protected]</span></a></div>
8863</div>
8864</td>
8865</tr>
8866<tr class="tr2">
8867<td>
8868<div class="tr2right-side">
8869<p class="tr2right-side-p1"></p>
8870<p class="tr2right-side-p2">Receive email updates on stuff you&rsquo;ll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p>
8871<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="margin-top: 5px; color: #ffffff; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
8872                                c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023
8873                                C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9
8874                                c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 	"></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 	"></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div>
8875</td>
8876<td></td>
8877<td>
8878<div class="tr2left-side">
8879<div class="tr2col1"><a href="/david-yurman" style="color: #fff;" title="David Yurman">David Yurman &raquo;</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier &raquo;</a><a href="/verragio" style="color: #fff;" title="Verragio">Verragio &raquo;</a></div>
8880<div class="tr2col2"><a href="/roberto-coin" style="color: #fff;" title="Roberto Coin">Roberto Coin &raquo;</a> <a href="/privacy-policy" style="color: #fff;" title="Privacy Policy">Privacy Policy &raquo;</a><a href="/cookie-policy" style="color: #fff;" title="Cookie Policy">Cookie Policy &raquo;</a></div>
8881<div class="tr2col3"><a href="/return-policy" style="color: #fff;" title="Return Policy">Return Policy &raquo;</a> <a href="/mobile-terms-of-service" style="color: #fff; max-width: 180px;" title="Mobile Terms of Service">Mobile Terms of Service &raquo; </a><a style="color: #fff; max-width: 180px;" title=""></a></div>
8882</div>
8883</td>
8884</tr>
8885</tbody>
8886</table>
8887</div>
8888</div>
8889<style> 
8890    .ftbl{  
8891      color:#fff;
8892          font-family: 'ITC Avant Garde';
8893  /*padding:0 3%;*/
8894  padding-bottom:43px;
8895    }
8896    .tr1 td{ 
8897      padding-bottom: 98px; 
8898    }
8899  .tr3 {
8900      position: relative;
8901  display:none;
8902  }
8903    .tr3 td{
8904      padding-top: 76px;
8905  padding-bottom: 43px;
8906    }
8907    .ftbl h5,
8908    .ftbl p{
8909      margin:0;
8910    }
8911    .ftbl h5{
8912      line-height: 25px;
8913      font-size: 28px;
8914      font-weight: 400;
8915      padding-bottom: 9px;
8916    }
8917    .ftbl .right-side p{
8918      font-size: 14px;
8919      font-weight: 400;
8920      width: 235px;
8921      line-height: 18px;
8922    }
8923    .ftbl .left-side p{
8924      font-size: 14px;
8925      font-weight: 400;
8926      line-height: 18px;
8927    }
8928    #fclm1img {
8929      width: 165px;
8930      height: 165px;
8931      background: #ccc;
8932      border-radius: 50%;
8933      display: flex;
8934      justify-content: center;
8935      align-items: center;
8936      overflow: hidden;
8937  }
8938  .td2{
8939    width:100%;
8940  }
8941  .right-side{
8942    display: flex;
8943  }
8944  .left-side{
8945    display: flex;
8946    padding-bottom: 34px;  
8947    justify-content: start;
8948    /* width: 380px; */
8949  }
8950  
8951  .right-side .col1{
8952    padding-right: 34px;
8953  }
8954  .left-side .col1{
8955  padding-right: 90px;
8956  }
8957  .right-side .col2{
8958    width: 300px;
8959      display: flex;
8960      flex-direction: column;
8961      justify-content: start;
8962      padding-top: 30px;
8963  }
8964  .right-side .col2 h5{
8965  text-transform: capitalize;
8966      white-space: nowrap;
8967  }
8968  .left-side h5{
8969    font-size: 14px;
8970    font-weight: 700;
8971    padding-bottom: 15px;
8972  }
8973  .tr2right-side{
8974    padding-right:10px ;
8975  }
8976  .tr2right-side input{
8977    width: 595px; 
8978    height: 51px;
8979      background: transparent !important;
8980      border:none;
8981      border-bottom: 1px solid #fff !important;
8982      color: #fff;
8983  width: 350px; 
8984      border-radius: 0px !important;
8985  text-indent:0px;
8986  outline: none;
8987  }
8988  .tr2right-side input:focus{
8989  border:none;
8990      border-bottom: 1px solid #fff !important;
8991  border-radius: 0px !important;
8992background: transparent;color: white !important;
8993  box-shadow: none !important;
8994  outline: none !important;
8995  }
8996  .tr2right-side input::placeholder {
8997      color: #fff;
8998      font-size: 14px;
8999      padding: 13px 19px 13px 0; 
9000  }
9001  .tr2left-side{
9002    display: flex;
9003    height: 120px;
9004  } 
9005  .tr2col1,.tr2col2,.tr2col3{
9006    display: flex;
9007      flex-direction: column;
9008      justify-content: space-around;
9009      min-width: 130px;
9010      box-sizing: content-box;
9011  }
9012  .tr2col2{
9013    padding-left: 80px;
9014      padding-right: 80px;
9015  }
9016  .tr2col3{
9017      height: auto;
9018      width: 200px;
9019  }
9020  .tr2left-side a{
9021    color:#fff;
9022    text-decoration: none;
9023  }
9024  .tr2right-side-p2{
9025    font-size: 14px;
9026      font-weight: 400;
9027      padding: 10px 0 20px 0;
9028      padding: 10px 0 0px 0;
9029  }
9030  
9031  .tr3col1{
9032    margin-right:33px;
9033  }
9034  .tr3col2{
9035    display: flex;
9036      flex-direction: column;
9037      justify-content: end;
9038  }
9039  .tr3td3{
9040    padding-top: 76px;
9041      display: flex;
9042      flex-direction: column; 
9043      justify-content: end;
9044      align-items: end;
9045      position: absolute;
9046      bottom: 0;
9047      right: 0;
9048  }
9049  #tr3col1imbl{ 
9050    max-width: 165px;
9051    display: flex;
9052    overflow: hidden;
9053  }
9054  #tr3col1imbl img{
9055    object-fit: cover;
9056  }
9057  .tr3td3 a{
9058    color: #fff;
9059      text-decoration: none;
9060      font-size: 14px;
9061      text-align: right;
9062  }
9063  .ftbl .tr3col2 p{
9064    width:100%;
9065  }
9066  @media (max-width:1200px){
9067  .tr2col2{
9068  padding-left: 95px;
9069      padding-right: 95px;
9070  }
9071  .tr2col1, .tr2col2, .tr2col3{
9072  min-width: auto;
9073  }
9074  .ftbl .tr3col2 p{
9075  width:95%;
9076  }
9077  .left-side .col1{
9078  padding-right: 60px;
9079  }
9080  .tr2right-side input{
9081  width: 470px;
9082  width: 350px;
9083  }
9084  .tr2col3 {
9085  width: 140px;
9086  }
9087  .ftbl h5 {
9088      padding-bottom: 15px;
9089  }
9090  .right-side .col2 {
9091     padding-top: 15px;
9092  }
9093  }
9094@media(max-width:1200px) and (min-width:992px){
9095footer .flex_cell.flex_cell_1.social_icons .flex_cell_content{
9096        margin-right: 232px !important;
9097}
9098}
9099  </style>    </div>
9100</div>
9101
9102<style>
9103    .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
9104    width:100%;    }
9105
9106        .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
9107        }
9108    
9109    .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
9110        width: 100%;
9111        height: 100%;
9112    }
9113</style>
9114                        </div>
9115
9116                        <style>
9117                            .footer_container_1 .flex_row_2 .flex_col_2 {
9118                            width:96%;                            }
9119                        </style>
9120
9121
9122                    
9123                        <div class="flex_col flex_col_3">
9124
9125                            
9126                        </div>
9127
9128                        <style>
9129                            .footer_container_1 .flex_row_2 .flex_col_3 {
9130                            width:2%;                            }
9131                        </style>
9132
9133
9134                    
9135                </div>
9136            
9137                
9138                <style>
9139                    .footer_container_1 .flex_row_2 {
9140                        background-color: #122d57;
9141                        color:#000000;                        height:auto;                                                
9142                                            }
9143                </style>
9144                
9145                                        
9146                
9147            
9148        </div>
9149        <style>
9150            .footer_container .flex_row {
9151                display: flex;
9152            }
9153            .footer_container_1 {
9154                            width:100%;
9155                                        max-width:100%;
9156                            margin: 0 auto;
9157            }
9158            .footer_container .flex_row .flex_col{
9159                display: flex;
9160                flex-wrap: wrap;
9161                box-sizing: border-box;
9162                align-content: baseline;
9163            }
9164            .footer_container .flex_row .flex_col .flex_cell{
9165                height: fit-content;
9166                display: flex;
9167            }
9168            .footer_container .flex_row .flex_col .flex_cell a{
9169                text-decoration: none;
9170            }
9171            .footer_container img {
9172                max-width: 100%;
9173            }
9174        </style>
9175
9176    
9177</footer>
9178<footer class="appearance-tablet-view-template">
9179    
9180    
9181        
9182        <div class="footer_container footer_container_2">
9183
9184                        
9185                  
9186
9187                <div class="flex_row flex_row_1">
9188
9189                    
9190                        <div class="flex_col flex_col_1">
9191
9192                            
9193                        </div>
9194
9195                        <style>
9196                            .footer_container_2 .flex_row_1 .flex_col_1 {
9197                                                        }
9198                        </style>
9199
9200
9201                    
9202                        <div class="flex_col flex_col_2">
9203
9204                            
9205                        </div>
9206
9207                        <style>
9208                            .footer_container_2 .flex_row_1 .flex_col_2 {
9209                                                        }
9210                        </style>
9211
9212
9213                    
9214                        <div class="flex_col flex_col_3">
9215
9216                            
9217<div class="flex_cell flex_cell_1 social_icons">
9218    <div class="flex_cell_content">
9219                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
9220                <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>                            </a>
9221        
9222                    <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2">
9223                <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg>                            </a>
9224        
9225                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3">
9226                <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>                            </a>
9227        
9228                    <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
9228Q4ouMJM2mY7apgDZpzNWow" style="order: 4">
9229                <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>                            </a>
9230        
9231                    <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5">
9232                <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg>                            </a>
9233        
9234                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6">
9235                <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg>                            </a>
9236        
9237        
9238
9239        
9240                    <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9">
9241                <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg>                            </a>
9242        
9243            </div>
9244</div>
9245
9246<style>
9247    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
9248        width:100%;                                    justify-content: flex-end;
9249                            align-items:center; -webkit-align-items:center;    }
9250
9251            .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
9252        height:100%;        }
9253    
9254    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content {
9255        display: flex;
9256        margin-top:50px;        margin-bottom:0px;        margin-left:px;        margin-right:72px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
9257
9258    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a {
9259        display: flex;
9260        align-items: center;
9261        color:#ffffff;        font-weight:400;        font-style:normal;                        margin-left: 6px;
9262        margin-right: 6px;
9263        font-size:17px;font-family:ITC Avant Garde;        text-transform:none;    }
9264
9265    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{
9266        margin-right: 5px;
9267        width:16px;        height:16px;    }
9268
9269    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class {
9270        fill: currentColor;
9271    }
9272
9273
9274    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover {
9275        color:#ffffff;    }
9276</style>
9277
9278                        </div>
9279
9280                        <style>
9281                            .footer_container_2 .flex_row_1 .flex_col_3 {
9282                            width:98%;                            }
9283                        </style>
9284
9285
9286                    
9287                        <div class="flex_col flex_col_4">
9288
9289                            
9290                        </div>
9291
9292                        <style>
9293                            .footer_container_2 .flex_row_1 .flex_col_4 {
9294                            width:2%;                            }
9295                        </style>
9296
9297
9298                    
9299                </div>
9300            
9301                
9302                <style>
9303                    .footer_container_2 .flex_row_1 {
9304                        background-color: #122d57;
9305                        color:#000000;                        height:auto;                                                
9306                                            }
9307                </style>
9308                
9309                                        
9310                
9311                        
9312                  
9313
9314                <div class="flex_row flex_row_2">
9315
9316                    
9317                        <div class="flex_col flex_col_1">
9318
9319                            
9320                        </div>
9321
9322                        <style>
9323                            .footer_container_2 .flex_row_2 .flex_col_1 {
9324                            width:2%;                            }
9325                        </style>
9326
9327
9328                    
9329                        <div class="flex_col flex_col_2">
9330
9331                            <div class="flex_cell flex_cell_1 custom_code">
9332    <div class="flex_cell_content">
9333        <div style="padding-bottom: 63px;">
9334<table border="0" class="ftbl">
9335<tbody>
9336<tr class="tr1">
9337<td class="td1">
9338<div class="right-side">
9339<div class="col1">
9340<div id="fclm1img" style="width: 165px; h;height: 165px; ackground: #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;"><img style="max-width: 100%; object-fit: cover; height: 100% !important;" alt="Albert's Jewelers Logo" title="Albert's Jewelers Storefront" width="500" height="500" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" /></div>
9341</div>
9342<div class="col2">
9343<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5>
9344<p>711 Main St. Schererville <br />Indiana 46375</p>
9345<a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></div>
9346</div>
9347</td>
9348<td class="td2"></td>
9349<td>
9350<div class="left-side">
9351<div class="col1">
9352<pre style="color: #fff; font-family: 'ITC Avant Garde';"><span style="font-size: 10pt;"><strong>Regular Hours<br /></strong></span></pre>
9353<p>Mon-Sat: 11am &mdash; 6pm</p>
9354<p>Sunday: Closed</p>
9355<p></p>
9356</div>
9357<div class="col2">
9358<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5>
9359<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#315c50435a5445585f5671505d53544345425b5446545d5443421f525e5c" title="mail"><span class="__cf_email__" data-cfemail="6805091a030d1c01060f2809040a0d1a1c1b020d1f0d040d1a1b460b0705">[email&#160;protected]</span></a></div>
9360</div>
9361</td>
9362</tr>
9363<tr class="tr2">
9364<td>
9365<div class="tr2right-side">
9366<p class="tr2right-side-p2">Receive email updates on stuff you&rsquo;ll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p>
9367<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="color: #ffffff; margin-top: 5px; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
9368                                c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023
9369                                C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9
9370                                c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 	"></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 	"></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div>
9371</td>
9372<td></td>
9373<td class="td3">
9374<div class="tr2left-side">
9375<div class="tr2col1"><a href="/david-yurman" style="color: #fff;" title="David Yurman"> David Yurman &raquo;</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier &raquo;</a> <a href="/verragio" style="color: #fff;" title="Verragio">Verragio &raquo;</a></div>
9376<div class="tr2col2"><a href="/roberto-coin" style="color: #fff;" title="Roberto Coin">Roberto Coin &raquo;</a> <a href="/privacy-policy" style="color: #fff;" title="Privacy Policy">Privacy Policy &raquo;</a><a href="/cookie-policy" style="color: #fff;" title="Cookie Policy">Cookie Policy &raquo;</a></div>
9377<div class="tr2col3"><a href="/return-policy" style="color: #fff;" title="Return Policy">Return Policy &raquo;</a> <a href="/mobile-terms-of-service" style="color: #fff;" title="Mobile Terms of Service">Mobile Terms of Service &raquo; </a></div>
9378</div>
9379</td>
9380</tr>
9381</tbody>
9382</table>
9383</div>
9384<style> 
9385  @media (max-width:991.9px){
9386    .footer_container .flex_row .flex_col .flex_cell a{
9387      font-size: 14px;
9388    }
9389    .ftbl{ 
9390      color:#fff;
9391      font-family: 'ITC Avant Garde';
9392      /*padding: 0 25px;*/
9393  padding-bottom:43px;
9394    }
9395    .tr1 td{ 
9396      padding-bottom: 98px;
9397   padding-top: 43px;
9398    }
9399  .tr3 {
9400      position: relative;
9401  }
9402    .tr3 td{
9403      padding-top: 76px;
9404  padding-bottom: 43px;
9405    }
9406    .ftbl h5,
9407    .ftbl p{
9408      margin:0;
9409    }
9410    .ftbl h5{
9411      line-height: 25px;
9412      font-size: 28px;
9413      font-weight: 400;
9414      padding-bottom: 19px;
9415    }
9416    .ftbl .right-side p{
9417      font-size: 14px;
9418      font-weight: 400;
9419      width: 235px;
9420      line-height: 18px;
9421    }
9422    .ftbl .left-side p{
9423      font-size: 14px;
9424      font-weight: 400;
9425      line-height: 18px;
9426    }
9427    #fclm1img {
9428      width: 165px;
9429      height: 165px;
9430      background: #ccc;
9431      border-radius: 50%;
9432      display: flex;
9433      justify-content: center;
9434      align-items: center;
9435      overflow: hidden;
9436  }
9437  .td1{
9438      padding-top: 0;
9439      display: flex;
9440  }
9441  .td2{
9442    width:100%;
9443  }
9444  .right-side{
9445    display: flex; 
9446  }
9447  .left-side {
9448      display: flex;
9449      padding-bottom: 34px;
9450      flex-direction: column;
9451      justify-content: end;
9452  }
9453  .left-side .col1,
9454  .right-side .col1{
9455    padding-right: 34px;
9456  }
9457  .left-side .col1{
9458  padding-bottom: 20px;
9459      padding-top: 26px;
9460  }
9461  .right-side .col2{
9462    width: 100%;
9463      display: flex;
9464      flex-direction: column;
9465      justify-content: start;
9466      padding-top: 30px;
9467  }
9468  .left-side h5{
9469    font-size: 14px;
9470    font-weight: 700;
9471    padding-bottom: 15px; 
9472  }
9473  .right-side h5{
9474  white-space: nowrap;
9475  }
9476  .tr2right-side{
9477    padding-right:10px ;
9478  }
9479  .tr2right-side input{
9480    width: 595px;
9481  width: 470px;
9482  width:100%;
9483  width: 350px;
9484  
9485    height: 51px;
9486      background: transparent !important;
9487  border:none;    
9488  border-bottom: 1px solid #fff !important;
9489      color: #fff;
9490      border-radius: 0px !important;
9491  outline: none;
9492padding-left: 0 !important;
9493text-indent:0px;
9494  }
9495  .tr2right-side input::placeholder {
9496      color: #fff;
9497      font-size: 16px;
9498      padding: 13px 19px 13px 0; 
9499  }
9500.tr2right-side input:focus{
9501  border:none;
9502      border-bottom: 1px solid #fff !important;
9503  border-radius: 0px !important;
9504background: transparent;color: white !important;
9505  box-shadow: none !important;
9506  outline: none !important;
9507  }
9508  .tr2left-side{
9509    display: flex;
9510    height: 106px;
9511  } 
9512  .tr2col1,.tr2col2,.tr2col3{
9513    display: flex;
9514      flex-direction: column;
9515      justify-content: space-between;
9516  }
9517  .tr2 .td3{
9518  display:flex;
9519  }
9520  .tr2col2 {
9521      padding-left: 46px;
9522      padding-right: 31px;
9523  }
9524  .tr2col3{
9525    width: 107px;
9526  }
9527  .tr2left-side a{
9528    color:#fff;
9529    text-decoration: none;
9530  }
9531  .tr2right-side-p2{
9532    font-size: 14px;
9533      font-weight: 400;
9534      padding: 10px 0 20px 0;
9535  padding: 10px 0 0px 0;
9536  }
9537  
9538  .tr3col1{
9539    margin-right:33px;
9540  }
9541  .tr3col2{
9542    display: flex;
9543      flex-direction: column;
9544      justify-content: end;
9545  }
9546  .tr3td3{
9547    padding-top: 76px;
9548      display: flex;
9549      flex-direction: column; 
9550      justify-content: end;
9551      align-items: end;
9552      position: absolute;
9553      bottom: 0;
9554      right: 0;
9555  }
9556  #tr3col1imbl{ 
9557    max-width: 165px;
9558    display: flex;
9559    overflow: hidden;
9560  }
9561  #tr3col1imbl img{
9562    object-fit: cover;
9563  }
9564  .tr3td3 a{
9565    color: #fff;
9566      text-decoration: none;
9567      font-size: 14px;
9568      text-align: right;
9569  }
9570  .ftbl .tr3col2 p{
9571    width:100%;
9572  }}
9573  @media (max-width: 870px) {
9574      .right-side .col2 h5 {
9575          white-space: wrap;
9576      }
9577      .ftbl .right-side p {
9578          width: 100%;
9579  white-space: wrap;
9580      }
9581  }
9582  </style>    </div>
9583</div>
9584
9585<style>
9586    .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
9587    width:100%;    }
9588
9589        .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
9590        }
9591    
9592    .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
9593        width: 100%;
9594        height: 100%;
9595    }
9596</style>
9597                        </div>
9598
9599                        <style>
9600                            .footer_container_2 .flex_row_2 .flex_col_2 {
9601                            width:96%;                            }
9602                        </style>
9603
9604
9605                    
9606                        <div class="flex_col flex_col_3">
9607
9608                            
9609                        </div>
9610
9611                        <style>
9612                            .footer_container_2 .flex_row_2 .flex_col_3 {
9613                            width:2%;                            }
9614                        </style>
9615
9616
9617                    
9618                </div>
9619            
9620                
9621                <style>
9622                    .footer_container_2 .flex_row_2 {
9623                        background-color: #122d57;
9624                        color:#000000;                        height:auto;                                                
9625                                            }
9626                </style>
9627                
9628                                        
9629                
9630            
9631        </div>
9632        <style>
9633            .footer_container .flex_row {
9634                display: flex;
9635            }
9636            .footer_container_2 {
9637                            width:100%;
9638                                        max-width:100%;
9639                            margin: 0 auto;
9640            }
9641            .footer_container .flex_row .flex_col{
9642                display: flex;
9643                flex-wrap: wrap;
9644                box-sizing: border-box;
9645                align-content: baseline;
9646            }
9647            .footer_container .flex_row .flex_col .flex_cell{
9648                height: fit-content;
9649                display: flex;
9650            }
9651            .footer_container .flex_row .flex_col .flex_cell a{
9652                text-decoration: none;
9653            }
9654            .footer_container img {
9655                max-width: 100%;
9656            }
9657        </style>
9658
9659    
9660</footer>
9661<footer class="appearance-mobile-view-template">
9662    
9663    
9664        
9665        <div class="footer_container footer_container_3">
9666
9667                        
9668                  
9669
9670                <div class="flex_row flex_row_1">
9671
9672                    
9673                        <div class="flex_col flex_col_1">
9674
9675                            
9676                        </div>
9677
9678                        <style>
9679                            .footer_container_3 .flex_row_1 .flex_col_1 {
9680                            width:5%;                            }
9681                        </style>
9682
9683
9684                    
9685                        <div class="flex_col flex_col_2">
9686
9687                            
9688<div class="flex_cell flex_cell_1 social_icons">
9689    <div class="flex_cell_content">
9690                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
9691                <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>                            </a>
9692        
9693                    <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2">
9694                <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg>                            </a>
9695        
9696                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3">
9697                <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>                            </a>
9698        
9699                    <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
9699Q4ouMJM2mY7apgDZpzNWow" style="order: 4">
9700                <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>                            </a>
9701        
9702                    <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5">
9703                <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg>                            </a>
9704        
9705                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6">
9706                <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg>                            </a>
9707        
9708        
9709
9710        
9711                    <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9">
9712                <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg>                            </a>
9713        
9714            </div>
9715</div>
9716
9717<style>
9718    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons {
9719        width:100%;                                    justify-content: center;
9720                            align-items:center; -webkit-align-items:center;    }
9721
9722            .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons {
9723        height:100%;        }
9724    
9725    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content {
9726        display: flex;
9727        margin-top:25px;        margin-bottom:25px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
9728
9729    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a {
9730        display: flex;
9731        align-items: center;
9732        color:#ffffff;        font-weight:400;        font-style:normal;                        margin-left: 6px;
9733        margin-right: 6px;
9734        font-size:16px;font-family:ITC Avant Garde;        text-transform:none;    }
9735
9736    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a svg{
9737        margin-right: 5px;
9738        width:15px;        height:15px;    }
9739
9740    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a .path_class {
9741        fill: currentColor;
9742    }
9743
9744
9745    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a:hover {
9746        color:#ffffff;    }
9747</style>
9748
9749                        </div>
9750
9751                        <style>
9752                            .footer_container_3 .flex_row_1 .flex_col_2 {
9753                            width:90%;                            }
9754                        </style>
9755
9756
9757                    
9758                        <div class="flex_col flex_col_3">
9759
9760                            
9761                        </div>
9762
9763                        <style>
9764                            .footer_container_3 .flex_row_1 .flex_col_3 {
9765                            width:5%;                            }
9766                        </style>
9767
9768
9769                    
9770                </div>
9771            
9772                
9773                <style>
9774                    .footer_container_3 .flex_row_1 {
9775                        background-color: #122d57;
9776                        color:#000000;                        height:50;                                                
9777                                            }
9778                </style>
9779                
9780                                        
9781                
9782                        
9783                  
9784
9785                <div class="flex_row flex_row_2">
9786
9787                    
9788                        <div class="flex_col flex_col_1">
9789
9790                            
9791                        </div>
9792
9793                        <style>
9794                            .footer_container_3 .flex_row_2 .flex_col_1 {
9795                            width:5%;                            }
9796                        </style>
9797
9798
9799                    
9800                        <div class="flex_col flex_col_2">
9801
9802                            <div class="flex_cell flex_cell_1 custom_code">
9803    <div class="flex_cell_content">
9804        <div>
9805<table border="0" class="ftbl">
9806<tbody>
9807<tr class="tr1">
9808<td class="td1">
9809<div class="right-side">
9810<div class="col1">
9811<div id="fclm1img"><img alt="Albert's Logo" title="Albert's Logo" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200" height="200" style="max-width: 100%; object-fit: cover; height: 100% !important;" /></div>
9812</div>
9813<div class="col2">
9814<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5>
9815<p>711 Main St. Schererville, Indiana 46375</p>
9816<p><a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></p>
9817</div>
9818</div>
9819</td>
9820<td class="td2">
9821<div class="left-side">
9822<div class="col1"><span style="font-size: 10pt;"><strong>Regular Hours<br /><br /></strong></span>
9823<p>Mon-Sat: 11am — 6pm</p>
9824<p>Sunday: Closed</p>
9825<p></p>
9826</div>
9827<div class="col2">
9828<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5>
9829<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#452824372e20312c2b2205242927203731362f203220292037366b262a28" title="mail"><span class="__cf_email__" data-cfemail="543935263f31203d3a3314353836312620273e312331383126277a373b39">[email&#160;protected]</span></a></div>
9830</div>
9831</td>
9832</tr>
9833<tr class="tr2" style="padding-bottom: 53px;">
9834<td>
9835<div class="tr2right-side">
9836<p class="tr2right-side-p2">Receive email updates on stuff you’ll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p>
9837<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="color: #ffffff; margin-top: 5px; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
9838                                c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023
9839                                C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9
9840                                c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 	"></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 	"></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div>
9841</td>
9842<td class="td3">
9843<div class="tr2left-side">
9844<div class="tr2col1" style="width: 100%;"><a href="/david-yurman" style="color: #fff;" title="David Yurman">David Yurman</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier </a> <a href="/verragio" style="color: #fff;" title="Verragio">Verragio </a></div>
9845<div class="tr2col2" style="width: 100%;"><a href="/roberto-coin" style="color: #fff;" title="Roberto Coin">Roberto Coin </a> <a href="/privacy-policy" style="color: #fff;" title="Privacy Policy">Privacy Policy</a><a href="/cookie-policy" style="color: #fff;" title="Cookie Policy">Cookie Policy </a></div>
9846<div class="tr2col3" style="width: 100%;"><a href="/return-policy" style="color: #fff;" title="Return Policy">Return Policy </a> <a href="/mobile-terms-of-service" style="color: #fff;" title="Mobile Terms of Service">Mobile Terms of Service</a><a style="color: #fff;"></a></div>
9847</div>
9848</td>
9849</tr>
9850</tbody>
9851</table>
9852</div>
9853<style> 
9854@media (max-width:767.9px){
9855  .ftbl{  
9856    color:#fff;
9857    font-family: 'ITC Avant Garde';
9858    /*padding: 0 25px;*/
9859padding-bottom:42px;
9860  }
9861.tr1{
9862display: flex;
9863    flex-direction: column;
9864}
9865 .tr1 .left-side{
9866    flex-direction: row;
9867        justify-content: flex-start;
9868padding-bottom: 0px;
9869}
9870 .tr1 .left-side .col1{
9871        padding-top: 0px;
9872}
9873  .tr1 td{ 
9874    padding-bottom: 98px;
9875 padding-top: 43px;
9876  }
9877.tr1 .td1{
9878    padding-top: 42px;
9879    padding-bottom: 50px;
9880}
9881.tr1 .td2{
9882padding-top: 0;
9883padding-bottom: 60px;
9884}
9885.tr3 {
9886    position: relative;
9887}
9888  .tr3 td{
9889    padding-top: 76px;
9890padding-bottom: 43px;
9891  }
9892.tr3 .td3{
9893padding-top: 65px;
9894    display: flex;
9895}
9896.tr3  . right-side{
9897flex-direction: column;
9898}
9899.tr3col1{
9900margin-right: 0;
9901    padding-bottom: 19.52px;
9902}
9903  .ftbl h5,
9904  .ftbl p{
9905    margin:0;
9906  }
9907  .ftbl h5{
9908    line-height: 25px;
9909    font-size: 27px;
9910    font-weight: 400;
9911    padding-bottom: 19px;
9912  }
9913  .ftbl .right-side p{
9914    font-size: 14px;
9915    font-weight: 400;
9916    width: 235px;
9917    line-height: 18px;
9918  }
9919  .ftbl .left-side p{
9920    font-size: 14px;
9921    font-weight: 400;
9922    line-height: 18px;
9923  }
9924  #fclm1img {
9925    width: 117px;
9926    height: 117px;
9927    background: #ccc;
9928    border-radius: 50%;
9929    display: flex;
9930    justify-content: center;
9931    align-items: center;
9932    overflow: hidden;
9933}
9934.td1{
9935    padding-top: 0;
9936    display: flex;
9937}
9938.td2{
9939  width:100%;
9940}
9941.right-side{
9942  display: flex; 
9943}
9944.left-side {
9945    display: flex;
9946    padding-bottom: 34px;
9947    flex-direction: column;
9948    justify-content: end;
9949}
9950.td1 .left-side{
9951flex-direction: row;
9952    justify-content: normal;
9953    padding-bottom: 0;
9954}
9955.td1 .col1{
9956padding-top: 0;
9957}
9958.tr1 .col1 p,
9959.tr1 .col2 p{
9960    white-space: nowrap;
9961}
9962.left-side .col1,
9963.right-side .col1{
9964  padding-right: 34px;
9965}
9966.left-side .col1{
9967padding-bottom: 20px;
9968    padding-top: 26px;
9969}
9970.right-side .col2{
9971  width: 100%;
9972    display: flex;
9973    flex-direction: column;
9974    justify-content: start;
9975    padding-top: 30px;
9976}
9977.left-side h5{
9978  font-size: 14px;
9979  font-weight: 700;
9980  padding-bottom: 15px; 
9981}
9982.right-side h5{
9983white-space: nowrap;
9984}
9985.tr2{
9986    display: flex;
9987    flex-direction: column;
9988}
9989.tr2right-side{
9990    padding-bottom: 60px;
9991    padding-right: 0;
9992}
9993.tr2right-side input{
9994  width: 595px;
9995width: 470px;
9996width:100%;
9997max-width:350px;
9998  height: 51px;
9999    background: transparent !important;
10000border:none;    
10001border-bottom: 1px solid #fff !important;
10002    color: #fff;
10003    border-radius: 0px !important;
10004outline: none;
10005padding-left: 0 !important;
10006  text-indent:0px;
10007}
10008.tr2right-side input::placeholder {
10009    color: #fff;
10010    font-size: 14px;
10011    padding: 13px 19px 13px 0; 
10012}
10013.tr2left-side{
10014  display: flex;
10015  height: 106px;
10016} 
10017.tr2col1,.tr2col2,.tr2col3{
10018  display: flex;
10019    flex-direction: column;
10020    justify-content: space-between;
10021}
10022.tr2 .td3{
10023display:flex;
10024}
10025.tr2col2 {
10026    padding-left: 60px;
10027    padding-right: 60px;
10028} 
10029.tr2left-side a{
10030  color:#fff;
10031  text-decoration: none;
10032}
10033.tr2right-side-p2{
10034  font-size: 14px;
10035    font-weight: 400;
10036        padding: 10px 0 40px 0;
10037padding: 10px 0 0px 0;
10038}
10039
10040.tr3col1{
10041  margin-right:33px;
10042}
10043.tr3col2{
10044  display: flex;
10045    flex-direction: column;
10046    justify-content: end;
10047}
10048.tr3td3{
10049  padding-top: 76px;
10050    display: flex;
10051    flex-direction: column; 
10052    justify-content: end;
10053    align-items: end;
10054    position: absolute;
10055    bottom: 0;
10056    right: 0;
10057}
10058#tr3col1imbl{ 
10059  max-width: 165px;
10060  display: flex;
10061  overflow: hidden;
10062}
10063#tr3col1imbl img{
10064  object-fit: cover;
10065}
10066.tr3td3 a{
10067  color: #fff;
10068    text-decoration: none;
10069    font-size: 14px;
10070    text-align: right;
10071}
10072.ftbl .tr3col2 p{
10073  width:100%;
10074}
10075.tr3col2p1{
10076line-height: 14px;
10077    padding-bottom: 10px;
10078}
10079.tr3right-side .right-side{
10080    flex-direction: column;
10081}
10082}
10083@media (max-width: 840px) {
10084    .right-side h5 {
10085        white-space: wrap;
10086    }
10087    .ftbl .right-side p {
10088        width: 100%;
10089white-space: wrap;
10090    }
10091}
10092@media (max-width:432px){
10093.right-side{
10094flex-direction: column;
10095}
10096.tr1 .left-side{
10097flex-direction: column;
10098}
10099.tr2left-side{
10100flex-direction: column;
10101    height: auto;
10102}
10103    .tr2col2{
10104padding: 20px 0;
10105}
10106}
10107</style>    </div>
10108</div>
10109
10110<style>
10111    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
10112    width:100%;    }
10113
10114        .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
10115        }
10116    
10117    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
10118        width: 100%;
10119        height: 100%;
10120    }
10121</style>
10122                        </div>
10123
10124                        <style>
10125                            .footer_container_3 .flex_row_2 .flex_col_2 {
10126                            width:90%;                            }
10127                        </style>
10128
10129
10130                    
10131                        <div class="flex_col flex_col_3">
10132
10133                            
10134                        </div>
10135
10136                        <style>
10137                            .footer_container_3 .flex_row_2 .flex_col_3 {
10138                            width:5%;                            }
10139                        </style>
10140
10141
10142                    
10143                </div>
10144            
10145                
10146                <style>
10147                    .footer_container_3 .flex_row_2 {
10148                        background-color: #122d57;
10149                        color:#000000;                        height:auto;                                                
10150                                            }
10151                </style>
10152                
10153                                        
10154                
10155            
10156        </div>
10157        <style>
10158            .footer_container .flex_row {
10159                display: flex;
10160            }
10161            .footer_container_3 {
10162                            width:100%;
10163                                        max-width:100%;
10164                            margin: 0 auto;
10165            }
10166            .footer_container .flex_row .flex_col{
10167                display: flex;
10168                flex-wrap: wrap;
10169                box-sizing: border-box;
10170                align-content: baseline;
10171            }
10172            .footer_container .flex_row .flex_col .flex_cell{
10173                height: fit-content;
10174                display: flex;
10175            }
10176            .footer_container .flex_row .flex_col .flex_cell a{
10177                text-decoration: none;
10178            }
10179            .footer_container img {
10180                max-width: 100%;
10181            }
10182        </style>
10183
10184    
10185</footer>
vendor: 110 bytes, lines 10185-10187
10185
10186
10187<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
10187<script>
10188  $(window).on('load', function() {
10189    $(window).scroll(function() {
10190      if(!$("#acsb-widget-get").length){
10191        //var topOffset = $(window).scrollTop();
10192        //if (topOffset > 10) {
10193
10194    var s = document.createElement('script'),e = ! document.body ? document.querySelector('head') : document.body;
10195    s.src = 'https://acsbapp.com/apps/app/assets/js/acsb.js';
10196    s.async = s.defer = true;
10197    s.onload = function(){
10198      acsbJS.init({
10199        statementLink : '',
10200        feedbackLink : '',
10201        footerHtml : 'Powered by i-Showcase',
10202        hideMobile : false,
10203        hideTrigger : false,
10204        language : 'en',
10205        position : 'left',
10206        leadColor : '#146ff8',
10207        triggerColor : '#146ff8',
10208        triggerRadius : '50%',
10209        triggerPositionX : 'left',
10210        triggerPositionY : 'bottom',
10211        triggerIcon : 'default',
10212        triggerSize : 'medium',
10213        triggerOffsetX : 16,
10214        triggerOffsetY : 74,
10215        mobile : {triggerSize : 'small',triggerPositionX : 'left',triggerPositionY : 'center',triggerOffsetX : 0,triggerOffsetY : 0,triggerRadius : '0'}});};e.appendChild(s);
10216  
10217       // }
10218      }
10219    });
10220  });
10221
10222</script>
10222<!-- Start cookieyes banner -->
10223<script id="cookieyes" type="text/javascript" data-type="lazy" data-src="https://cdn-cookieyes.com/client_data/23bc58b93990ccdd481bb0ce/script.js"></script>
10223
10224<!-- End cookieyes banner --><style>
10225  .header_container_1>.flex_row_3>.flex_col_5 { justify-content: flex-end; }
10226  .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
10227  	justify-content: center;
10228    align-items: center !important;
10229  }
10230</style>
10230<script>
10231(function () {
10232    let loaded = false;
10233
10234    function loadPodium() {
10235        if (loaded) return;
10236        loaded = true;
10237
10238        const script = document.createElement('script');
10239        script.src = 'https://connect.podium.com/widget.js#ORG_TOKEN=062deac6-6423-4fed-963a-b9bbdf7c689d';
10240        script.defer = true;
10241        script.id = 'podium-widget';
10242        script.setAttribute(
10243            'data-organization-api-token',
10244            '062deac6-6423-4fed-963a-b9bbdf7c689d'
10245        );
10246
10247        document.body.appendChild(script);
10248
10249        window.removeEventListener('scroll', onScroll);
10250    }
10251
10252    function onScroll() {
10253        if (window.scrollY > 0) {
10254            loadPodium();
10255        }
10256    }
10257
10258    window.addEventListener('scroll', onScroll, { passive: true });
10259})();
10260</script>
vendor: 1 bytes, line 10260
10260
10261<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
10261<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
10261<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 10261
10261
10262<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
10262<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
10262<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
10262<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
10262<script>
10263                    (function () {
10264                        function ga4Click(eventName, params) {
10265                            if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); }
10266                        }
10267
10268                        $(document).on("click", ".get-location, .use-my-location", function () {
10269                            ga4Click("usemylocation_click");
10270                        });
10271
10272                        $(document).on("click", ".select-store", function () {
10273                            ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""});
10274                        });
10275
10276                        $(document).on("click", "#search-by-zip button", function () {
10277                            var zip = $("#search-by-zip input").val() || "";
10278                            if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); }
10279                        });
10280                        $(document).on("submit", "#zipcode-form", function () {
10281                            var zip = $(this).find("input[name=zipcode]").val() || "";
10282                            if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); }
10283                        });
10284
10285                        // Anything clickable inside the popup except its own close control
10286                        $(document).on("click", ".popup-container a, .popup-container button", function () {
10287                            if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; }
10288                            ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)});
10289                        });
10290
10291                        // Opening a chat widget (Podium / Clientbook) is as close as we get to a
10292                        // conversation starting — what happens inside the widget is not visible to us.
10293                        var ga4ChatStarted = false;
10294                        $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () {
10295                            if (ga4ChatStarted) { return; }
10296                            ga4ChatStarted = true;
10297                            ga4Click("conversation_started");
10298                        });
10299                    })();
10300                </script>
vendor: 1 bytes, line 10300
10300
10301<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=XbCCdn"></script>
vendor: 1 bytes, line 10301
10301
10302<script>window.KLAVIYO_AJAX_URL = "\/skeleton\/1.0\/view\/ws\/ajax_klaviyo.php";</script>
vendor: 1 bytes, line 10302
10302
10303<script type="text/javascript" src="/skeleton/1.0/view/js/klaviyo.js"></script>
10303
10304
10305        <style>
10306            .footer-bottom-outer { font-family: arial, helvetica, sans-serif; color: #343434; font-size: 8pt; display: flex; align-items: center; width: 80%; margin: auto; padding: 15px 0; justify-content: space-between; }
10307            .footer-bottom-inner-left { width: 67%; text-transform: uppercase; }
10308            .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; }
10309            @media (max-width: 767px) {
10310                .footer-bottom-outer { display: block; text-align: center; font-weight: 700; }
10311                .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; }
10312            }
10313        </style>
10314        <div class="footer-bottom-outer"><div class="footer-bottom-inner-left">
10315                     COPYRIGHT © 2026 ALBERT'S DIAMOND JEWELERS. Jewelry website design by <a href="https://www.amptive.com/" target="_blank" title="Amptive"><u>Amptive</u></a>. Jewelry Website Platform by <a href="https://build.shop/" target="_blank" title="Build.Shop"><u>Build.Shop</u></a> |&nbsp;<a title="Site Map" href="/sitemap" class="general_style"><u>SITE MAP</u></a>
10316                </div>
10316<script>window.local_view_folder = '/skeleton/1.0/view';</script>
10316</div>
10317
10318</body>
10319</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.