PageSourceSearch

https://www.albertsjewelers.com/login

html albertsjewelers.com collected 2026-09-30 10:32:32 UTC 452,526 bytes, 9,972 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head>
4<title>Login | Albert's Diamond Jewelers</title>
5<meta name="title" content="Login | Albert&#039;s Diamond Jewelers">
6<meta name="description" content="Login | Albert&#039;s Diamond Jewelers">
7<link rel="canonical" href="https://www.albertsjewelers.com/login"/>
8<meta name="keywords" content="Login | 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/login">
16<meta property="og:type"          content="website">
17<meta property="og:title"         content="Login">
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="Login">
24<!--facebook share this ends-->
25
26
27<!--twitter share this starts-->
28<meta name="twitter:title" content="Login">
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/login">
31<!--twitter share this ends-->
32
33            <link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/twitter-bootstrap-4-6-0.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" />
34            <link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/font-awesome-4-7-0.min.css" /><link rel="stylesheet" href="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/1099.css?ver=1787273671" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" />
35            
35<script>window.csrf_token = "a16666f14f0b510ce6c8680053f06e461577c04d8faf5a11c68114fea7ba827a"</script>
35
36            
36<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790771552000,"csrfToken":"a16666f14f0b510ce6c8680053f06e461577c04d8faf5a11c68114fea7ba827a","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        
42            
42<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
42
43            
43<script src="/skeleton/1.0/view/js/input_fields.js?ver=1.0.4"></script>
vendor: 60 bytes, line 43
43<script src="https://www.google.com/recaptcha/api.js?render=
436Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 28 bytes, line 43
43&badge=bottomleft"></script>
43<script src="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
43<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">
44            <!--Scripts Here-->
45			
45<script>window.iShowGlobals = {
46                        'NO_IMAGE_URL':'',
47                        'SITE_LABELS': '',
48                        'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/,
49                        'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,
50                        'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'219-322-2700','USE_LOCAL_DIAMOND_PATH':''  , 'GOOGLE_ANALYTICS_4_TAG':'1'
51                    };
52            </script>
52<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
52<meta name="ahrefs-site-verification" content="32281f1e620acdf49662ab58f3103703369f3f0685171c59bc73f7aa27c73e91"><!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 52-53
52
53            <script async src="https://www.googletagmanager.com/gtag/js?id=
53AW-657571256
vendor: 24 bytes, lines 53-54
53"></script>
54            
54<script>
55             
vendor: 166 bytes, lines 55-58
55window.dataLayer = window.dataLayer || [];
56             function gtag(){dataLayer.push(arguments);}
57             gtag('js', new Date());
58             gtag('config', '
58AW-657571256
vendor: 42 bytes, lines 58-59
58', { 'anonymize_ip': true });
59            
59</script>
59 <!-- Facebook Pixel Code -->
59<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>
59<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 -->
60            <!-- Start Google Tag Manager -->
61            
61<script>
62            window.addEventListener('load', function() {
vendor: 607 bytes, lines 62-73
62
63                (function (w, d, s, l, i) {
64                    w[l] = w[l] || [];
65                    w[l].push({'gtm.start':
66                                new Date().getTime(), event: 'gtm.js'});
67                    var f = d.getElementsByTagName(s)[0],
68                            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
69                    j.async = true;
70                    j.src =
71                            '//www.googletagmanager.com/gtm.js?id=' + i + dl;
72                    f.parentNode.insertBefore(j, f);
73                })(window, document, 'script', 'dataLayer', '
73GTM-NKMV8Q
vendor: 16 bytes, lines 73-74
73');
74            
74});
75            </script>
75
76            <!-- End Google Tag Manager -->
77                <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 77-78
77
78                <script async src="https://www.googletagmanager.com/gtag/js?id=
78G-222X86BSF7
vendor: 28 bytes, lines 78-79
78"></script>
79                
79<script>
80                   
vendor: 184 bytes, lines 80-83
80window.dataLayer = window.dataLayer || [];
81                   function gtag(){dataLayer.push(arguments);}
82                   gtag("js", new Date());
83                   gtag("config", "
83G-222X86BSF7
vendor: 23 bytes, lines 83-84
83");
84                   
84window.gtag = function() {
85                       dataLayer.push(arguments);
86                    }
87                </script>
87
88                <!-- End Google Analytics 4 tags  --> <!-- Facebook Pixel Code -->
88<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>
88<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 -->
89<script type="text/javascript">
90    var _tvq = window._tvq = window._tvq || [];
91    (function() {
92      var u = (("https:" == document.location.protocol) ?
93          "https://collector-55896.us.tvsquared.com/"
94          :
95          "http://collector-55896.us.tvsquared.com/");
96      _tvq.push(['setSiteId', "TV-4545180936-1"]);
97      _tvq.push(['setTrackerUrl', u + 'tv2track.php']);
98      _tvq.push([function() {
99          this.deleteCustomVariable(5, 'page')
100      }]);
101      _tvq.push(['trackPageView']);
102      var d = document,
103          g = d.createElement('script'),
104          s = d.getElementsByTagName('script')[0];
105      g.type = 'text/javascript';
106      g.defer = true;
107      g.async = true;
108      g.src = u + 'tv2track.js';
109      s.parentNode.insertBefore(g, s);
110    })();
111</script>
111
112<!-- End TVSquared Tracking Code -->
113<script>
114(function () {
115    function hookFbq() {
116        var n = window.fbq;
117        if (!n || n.__evtHook) { return; }
118        function w() {
119            try {
120                if (arguments[0] === 'track' || arguments[0] === 'trackCustom') {
121                    (w.__fired = w.__fired || {})[arguments[1]] = (new Date()).getTime();
122                }
123            } catch (e) {}
124            w.callMethod ? w.callMethod.apply(w, arguments) : w.queue.push(arguments);
125        }
126        w.__evtHook = true;
127        w.__fired = {};
128        w.callMethod = n.callMethod;
129        w.queue = n.queue || [];
130        w.push = w;
131        w.loaded = !!n.loaded;
132        w.version = n.version || '2.0';
133        window.fbq = w;
134        if (window._fbq === n) { window._fbq = w; }
135    }
136    hookFbq();
137
138    function firedSince(evt, ts) {
139        return typeof fbq === 'function' && fbq.__fired && fbq.__fired[evt] && fbq.__fired[evt] >= ts;
140    }
141
142    // Also reaches CAPI: these fallbacks never touch the backend on their own otherwise. The server
143    // copy goes out even when fbq is missing — a blocked pixel is exactly when CAPI has to carry it.
144    function fireEvent(evt) {
145        var eventId = (window.crypto && crypto.randomUUID) ? crypto.randomUUID() : (Date.now() + '_' + Math.random().toString(36).slice(2));
146        if (typeof fbq === 'function') { fbq('track', evt, {}, {eventID: eventId}); }
147        if (!false) { return; }
148        try {
149            fetch('https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_meta_capi.php', {
150                method: 'POST',
151                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
152                body: 'event=' + encodeURIComponent(evt) + '&event_id=' + encodeURIComponent(eventId),
153                keepalive: true
154            });
155        } catch (e) {}
156    }
157
158    // tel:/mailto: wait ~1.5s if not onclick fired the event - fire this one
159    document.addEventListener('click', function (e) {
160        if (!e.target || !e.target.closest) { return; }
161        var t = e.target.closest('a[href^="tel:"], a[href^="mailto:"]');
162        if (!t) { return; }
163        hookFbq();
164        var evt = 'Contact';
165        var ts = (new Date()).getTime();
166        setTimeout(function () {
167            if (!firedSince(evt, ts)) { fireEvent(evt); }
168        }, 1500);
169    }, true);
170
171    // conversation_started -> Contact. Podium and Clientbook both render their launcher into the
172    // page's own DOM, so a delegated click reaches it. What happens inside the widget is invisible
173    // to us, so opening the chat is what counts — once per page view, or reopening it would re-fire.
174    var chatContacted = false;
175    document.addEventListener('click', function (e) {
176        if (chatContacted || !e.target || !e.target.closest) { return; }
177        if (!e.target.closest('#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget')) { return; }
178        chatContacted = true;
179        hookFbq();
180        fireEvent('Contact');
181    }, true);
182
183    // Search box event: only when the server-side Search on the keyword-search page is not running
184    if (true) {
185        document.addEventListener('submit', function (e) {
186            if (!e.target || !e.target.closest) { return; }
187            var f = e.target.closest('form.sform, #search-box-form');
188            if (!f) { return; }
189            // The magnifier is a submit button, so it submits an empty box too — that is not a search
190            var q = f.querySelector('input[name=search]');
191            if (!q || !q.value.trim()) { return; }
192            hookFbq();
193            if (!firedSince('Search', (new Date()).getTime() - 1500)) { fireEvent('Search'); }
194        }, false);
195    }
196})();
197</script>
197
198                
198<script>
vendor: 410 bytes, lines 198-203
198
199                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
200                  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
201                  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
202                  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
203            ga('create', '
203UA-45370095-1
vendor: 44 bytes, lines 203-204
203', 'auto', 'googleAnalytics0');
204            
204ga('set', 'anonymizeIp', true);
205            ga('googleAnalytics0.send', 'pageview')</script>
205
206    
206<script type="application/ld+json">
207    {
208        "@context": "https://schema.org",
209        "@graph": [
210                {
211            "@type": "WebPage",
212            "name": "Login",
213            "description": "Albert's Diamond Jewelers",
214            "keywords": "Albert's Diamond Jewelers",
215            "url": "https://www.albertsjewelers.com/login" 
216        },
217        {
218            "@type": "Organization",
219            "name": "Albert's Diamond Jewelers",
220            "email": "[email protected]",
221            "logo": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png",
222            "image": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png",
223            "telephone": "219-322-2700",
224            "url": "https://www.albertsjewelers.com/"
225        }
226,
227        {
228            "@type": "BreadcrumbList",
229            "itemListElement": [
230                            {
231                "@type": "ListItem",
232                "position": 1,
233                "name": "Albert's Diamond Jewelers",
234                "item": "https://www.albertsjewelers.com/"
235            },            {
236                "@type": "ListItem",
237                "position": 2,
238                "name": "Login",
239                "item": "https://www.albertsjewelers.com/login"
240            }
241            ]
242        }
243        ]
244    }
245    </script>
245
246
247</head>
248<body class="cmp_mode" data-lazyload="1">
249            <nav class="skip-links-nav" aria-label="Skip links">
250                <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a>
251            </nav>
252        
253            <div id="loader_div">
254                <div class="loader_circle"></div>
255            </div>
256            <noscript>
257                <style>
258                    body {overflow: auto;}
259                    #loader_div {display: none;}
260                </style>
261            </noscript>
262        
263
264            <style>
265                @media (min-width: 992px) {
266                
267                .sc_payment_general_style {
268                    font-size: 15px !important;
269                    font-family: Berthold Akzidenz Grotesk !important;
270                    font-weight: 500 !important;
271                    font-style: normal !important;
272                    
273                    letter-spacing: px !important;
274                    color: #022d57 !important;
275                }
276                h1.general_style, .h1_general_style {
277                    font-size: px !important;
278                    font-family: ITC Avant Garde !important;
279                    font-weight: 400 !important;
280                    font-style: normal !important;
281                    
282                    letter-spacing: px !important;
283                    color: #022d57 !important;
284                }
285                h2.general_style, .h2_general_style {
286                    font-size: px !important;
287                    font-family: ITC Avant Garde !important;
288                    font-weight: 400 !important;
289                    font-style: normal !important;
290                    
291                    letter-spacing: px !important;
292                    color: #022d57 !important;
293                }
294                h3.general_style, .h3_general_style {
295                    font-size: px !important;
296                    font-family: ITC Avant Garde !important;
297                    font-weight: 400 !important;
298                    font-style: normal !important;
299                    
300                    letter-spacing: px !important;
301                    color: #022d57 !important;
302                }
303                h4.general_style, .h4_general_style {
304                    font-size: px !important;
305                    font-family: ITC Avant Garde !important;
306                    font-weight: 400 !important;
307                    font-style: normal !important;
308                    
309                    letter-spacing: px !important;
310                    color: #022d57 !important;
311                }
312                h5.general_style, .h5_general_style {
313                    font-size: px !important;
314                    font-family: ITC Avant Garde !important;
315                    font-weight: 300 !important;
316                    font-style: normal !important;
317                    
318                    letter-spacing: px !important;
319                    color: #022d57 !important;
320                }
321                h6.general_style, .h6_general_style {
322                    font-size: px !important;
323                    font-family: ITC Avant Garde !important;
324                    font-weight: 400 !important;
325                    font-style: normal !important;
326                    
327                    letter-spacing: px !important;
328                    color: #022d57 !important;
329                }
330                p.general_style, .p_general_style {
331                    font-size: px !important;
332                    font-family: Berthold Akzidenz Grotesk !important;
333                    font-weight:  !important;
334                    font-style: normal !important;
335                    
336                    letter-spacing: px !important;
337                    color:  !important;
338                }
339                .p2_general_style {
340                    font-size: px !important;
341                    font-family: Berthold Akzidenz Grotesk !important;
342                    font-weight:  !important;
343                    font-style: normal !important;
344                    
345                    letter-spacing: px !important;
346                    color:  !important;
347                }
348                .p3_general_style {
349                    font-size: px !important;
350                    font-family: Berthold Akzidenz Grotesk !important;
351                    font-weight:  !important;
352                    font-style: normal !important;
353                    
354                    letter-spacing: px !important;
355                    color:  !important;
356                }
357                .p4_general_style {
358                    font-size: px !important;
359                    font-family: Berthold Akzidenz Grotesk !important;
360                    font-weight:  !important;
361                    font-style: normal !important;
362                    
363                    letter-spacing: px !important;
364                    color:  !important;
365                }
366                .p5_general_style {
367                    font-size: px !important;
368                    font-family: Berthold Akzidenz Grotesk !important;
369                    font-weight:  !important;
370                    font-style: normal !important;
371                    
372                    letter-spacing: px !important;
373                    color:  !important;
374                }
375                .p6_general_style {
376                    font-size: px !important;
377                    font-family: Berthold Akzidenz Grotesk !important;
378                    font-weight:  !important;
379                    font-style: normal !important;
380                    
381                    letter-spacing: px !important;
382                    color:  !important;
383                }
384                a.general_style, .a_general_style {
385                    text-decoration:  !important;
386                    color:  !important;
387                }
388                a.general_style:hover, .a_general_style:hover {
389                    color:  !important;
390                }
391                label.general_style, .label_general_style {
392                    font-size: px !important;
393                    font-family: Berthold Akzidenz Grotesk !important;
394                    font-weight:  !important;
395                    font-style: normal !important;
396                    
397                    letter-spacing: px !important;
398                    color:  !important;
399                }
400                button.general_style, .button_general_style {
401                    font-size: 12px !important;
402                    font-family: ITC Avant Garde !important;
403                    font-weight: 400 !important;
404                    font-style: normal !important;
405                    
406                    color: #ffffff !important;
407                    background-color: #022d57 !important;
408                    border-style: solid !important;
409                    border-width: 1px !important;
410                    border-radius: px !important;
411                    border-color: #022d57 !important;
412                }
413                button.general_style:hover, .button_general_style:hover {
414                    color:  !important;
415                    background-color:  !important;
416                    border-color:  !important;
417                }
418                .secondary_button_general_style {
419                    font-size: 12px !important;
420                    font-family: ITC Avant Garde !important;
421                    font-weight: 400 !important;
422                    font-style: normal !important;
423                    
424                    color: #022d57 !important;
425                    background-color: #ffffff !important;
426                    border-style: solid !important;
427                    border-width: 1px !important;
428                    border-radius: px !important;
429                    border-color: #003da5 !important;
430                }
431                .secondary_button_general_style:hover {
432                    color: #ffffff !important;
433                    background-color: #003da5 !important;
434                    border-color:  !important;
435                }
436                .reset_button_general_style {
437                    font-size: px !important;
438                    font-family: ITC Avant Garde !important;
439                    font-weight:  !important;
440                    font-style: normal !important;
441                    
442                    color:  !important;
443                    background-color:  !important;
444                    
445                    border-width: px !important;
446                    border-radius: px !important;
447                    border-color:  !important;
448                }
449                .reset_button_general_style:hover {
450                    color:  !important;
451                    background-color:  !important;
452                    border-color:  !important;
453                }
454                .search_box_general_style .sinps::placeholder {
455                    font-size: 11px !important;
456                    font-family: Berthold Akzidenz Grotesk !important;
457                    color:  !important;
458                }
459                .search_box_general_style .sinps {
460                    height: 100%;
461                    font-size: 11px !important;
462                    font-family: Berthold Akzidenz Grotesk !important;
463                    font-weight: 400 !important;
464                    font-style: normal !important;
465                    color:  !important;
466                    background-color:  !important;
467                    border-style: solid !important;
468                    border-width: 1px !important;
469                    border-radius: px !important;
470                    border-top-right-radius: 0 !important;
471                    border-bottom-right-radius: 0 !important;
472                    border-color: #022d57 !important;
473                }
474                .search_box_general_style .sinps:hover,
475                .search_box_general_style .sinps:focus,
476                .search_box_general_style .sinps:active {
477                    background-color:  !important;
478                }
479                .search_box_general_style .sBtns {
480                    height: 100%;
481                    background-color: #022d57 !important;
482                    border-style: solid !important;
483                    border-width: 1px !important;
484                    border-radius: px !important;
485                    border-top-left-radius: 0 !important;
486                    border-bottom-left-radius: 0 !important;
487                    border-color: #022d57 !important;
488                }
489                .search_box_general_style .sBtns:hover,
490                .search_box_general_style .sBtns:focus,
491                .search_box_general_style .sBtns:active {
492                    background-color: #022d57 !important;
493                }
494                .search_box_general_style .sBtns svg {
495                    width: 11px !important;
496                    height: 11px !important;
497                }
498                .search_box_general_style .sBtns path {
499                    fill: #ffffff !important;
500                }
501                .search_box_general_style .sBtns:hover path,
502                .search_box_general_style .sBtns:focus path,
503                .search_box_general_style .sBtns:active path {
504                    fill: #ffffff !important;
505                }
506                .search_box_general_style:hover .sinps,
507                .search_box_general_style:focus .sinps,
508                .search_box_general_style:active .sinps,
509                .search_box_general_style:hover .sBtns,
510                .search_box_general_style:focus .sBtns,
511                .search_box_general_style:active .sBtns {
512                    border-color: #022d57 !important;
513                }
514                svg.general_style, .svg_general_style {
515                    fill: #003da5 !important;
516                    stroke-width: .5 !important;
517                    stroke: #003da5 !important;
518                }
519                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
520                    color: #022d57 !important;
521                    background: #ffffff !important;
522                }
523                .irs--big .irs-grid-text {
524                    color: #022d57 !important;
525                }
526                .irs--big .irs-grid-pol {
527                    background: #022d57 !important;
528                }
529                .irs--big .irs-bar {
530                    border-color: #ffffff !important;
531                    background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important;
532                }
533                .irs--big .irs-handle {
534                    border-color: #B3B3B2;
535                    background: linear-gradient(to bottom,  0%, #003da5 30%, #003da5 100%) !important;
536                }
537                .pagination.general_style .page-link {
538                    font-size: 12px !important;
539                    font-family: ITC Avant Garde !important;
540                    font-weight: 400 !important;
541                    font-style: normal !important;
542                    
543                    color: #022d57 !important;
544                    background-color:  !important;
545                    border-color:  !important;
546                }
547                .pagination.general_style .page-link:hover {
548                    color:  !important;
549                    background-color:  !important;
550                    border-color:  !important;
551                }
552                .pagination.general_style .page-item.active .page-link {
553                    color: #ffffff !important;
554                    background-color: #022d57 !important;
555                    border-color: #022d57 !important;
556                }
557                input[type=checkbox].general_style {
558                    accent-color: #003da5 !important;
559                }
560                .breadcrumb.general_style .breadcrumb-item a,
561                .breadcrumb.general_style .breadcrumb-item {
562                    font-size: 14px !important;
563                    font-family: ITC Avant Garde !important;
564                    font-weight:  !important;
565                    font-style: normal !important;
566                    
567                    letter-spacing: px !important;
568                    color: #000 !important;
569                }
570                .shapes-div .shapes-img.active {
571                    background-color:  !important;
572                    color:  !important;
573                }
574                                .input_general_style {
575                    position: relative;
576                }
577                .input_general_style label {
578                    width: auto !important;
579                    position: absolute;
580                    top: 50%;
581                    left: 5px;
582                    z-index: 1;
583                    transform: translateY(-50%);
584                    transform-origin: 0% 100%;
585                    transition: all .2s ease-out;
586                    padding: 0 10px;
587                    margin: 0 !important;
588                    cursor: text;
589                    background: white;
590                }
591                .input_general_style label.active {
592                    top: 0;
593                    transform: translateY(-55%) scale(0.80);
594                }
595            
596                .input_general_style input::placeholder {
597                    color: transparent !important;
598                }
599                .input_general_style input {
600                    font-size: 16px !important;
601                    font-family: Berthold Akzidenz Grotesk !important;
602                    font-weight:  !important;
603                    font-style:  !important;
604                    color:  !important;
605                    background-color: white !important;
606                    border-style: solid !important;
607                    border-width: px !important;
608                    border-radius: 0px !important;
609                    border-color:  !important;
610                }
611                .input_general_style:hover input {
612                    border-color:  !important;
613                }
614                .input_general_style input:-webkit-autofill,
615                .input_general_style input:-webkit-autofill:hover,
616                .input_general_style input:-webkit-autofill:focus,
617                .input_general_style input:-webkit-autofill:active{
618                    -webkit-box-shadow: 0 0 0 30px white inset !important;
619                }
620                .input_general_style input:focus {
621                    border-color: initial;
622                    box-shadow: unset;
623                }
624                .input_general_style .toggle-password-visibility {
625                    position: absolute;
626                    right: 5px;
627                    top: 50%;
628                    transform: translateY(-50%);
629                    border: 0;
630                    background: transparent;
631                }
632                                .select_general_style {
633                    position: relative;
634                }
635                .select_general_style label {
636                    width: auto !important;
637                    position: absolute;
638                    top: 50%;
639                    left: 5px;
640                    transform: translateY(-50%);
641                    transform-origin: 0% 100%;
642                    transition: all .2s ease-out;
643                    padding: 0 10px;
644                    margin: 0 !important;
645                    cursor: text;
646                    background: white;
647                }
648                .select_general_style label.active {
649                    top: 0;
650                    transform: translateY(-55%) scale(0.80);
651                }
652
653                .select_general_style select {
654                    font-size: 16px !important;
655                    font-family: Berthold Akzidenz Grotesk !important;
656                    font-weight:  !important;
657                    font-style:  !important;
658                    color:  !important;
659                    border-style: solid !important;
660                    border-width: px !important;
661                    border-radius: 0px !important;
662                    border-color:  !important;
663                    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;
664                    -webkit-appearance: none !important;
665                    -moz-appearance: none !important;
666                    appearance: none !important;
667                }
668                .select_general_style:hover select {
669                    border-color:  !important;
670                }
671                .select_general_style select:focus {
672                    border-color: initial;
673                    box-shadow: unset;
674                }
675                .select_general_style select:-webkit-autofill,
676                .select_general_style select:-webkit-autofill:hover,
677                .select_general_style select:-webkit-autofill:focus,
678                .select_general_style select:-webkit-autofill:active{
679                    -webkit-box-shadow: 0 0 0 30px white inset !important;
680                }
681                                .textarea_general_style {
682                    position: relative;
683                }
684                .textarea_general_style label {
685                    width: auto !important;
686                    position: absolute;
687                    top: 18px;
688                    left: 5px;
689                    transform: translateY(-50%);
690                    transform-origin: 0% 100%;
691                    transition: all .2s ease-out;
692                    padding: 0 10px;
693                    margin: 0 !important;
694                    cursor: text;
695                    background: white;
696                }
697                .textarea_general_style label.active {
698                    top: 0;
699                    transform: translateY(-55%) scale(0.80);
700                }
701
702                .textarea_general_style textarea {
703                    font-size: 16px !important;
704                    font-family: Berthold Akzidenz Grotesk !important;
705                    font-weight:  !important;
706                    font-style:  !important;
707                    color:  !important;
708                    background-color: white !important;
709                    border-style: solid !important;
710                    border-width: px !important;
711                    border-radius: 0px !important;
712                    border-color:  !important;
713                }
714                .textarea_general_style:hover textarea {
715                    border-color:  !important;
716                }
717                .textarea_general_style textarea:focus {
718                    border-color: initial;
719                    box-shadow: unset;
720                }
721                .textarea_general_style textarea:-webkit-autofill,
722                .textarea_general_style textarea:-webkit-autofill:hover,
723                .textarea_general_style textarea:-webkit-autofill:focus,
724                .textarea_general_style textarea:-webkit-autofill:active{
725                    -webkit-box-shadow: 0 0 0 30px white inset !important;
726                }
727                }
728            </style>            <style>
729                @media (min-width: 768px) and (max-width: 991.9px) {
730                
731                .sc_payment_general_style {
732                    font-size: 15px !important;
733                    font-family: Berthold Akzidenz Grotesk !important;
734                    font-weight: 500 !important;
735                    font-style: normal !important;
736                    
737                    letter-spacing: px !important;
738                    color: #022d57 !important;
739                }
740                h1.general_style, .h1_general_style {
741                    font-size: px !important;
742                    font-family: ITC Avant Garde !important;
743                    font-weight: 400 !important;
744                    font-style: normal !important;
745                    
746                    letter-spacing: px !important;
747                    color: #022d57 !important;
748                }
749                h2.general_style, .h2_general_style {
750                    font-size: px !important;
751                    font-family: ITC Avant Garde !important;
752                    font-weight: 400 !important;
753                    font-style: normal !important;
754                    
755                    letter-spacing: px !important;
756                    color: #022d57 !important;
757                }
758                h3.general_style, .h3_general_style {
759                    font-size: px !important;
760                    font-family: ITC Avant Garde !important;
761                    font-weight: 400 !important;
762                    font-style: normal !important;
763                    
764                    letter-spacing: px !important;
765                    color: #022d57 !important;
766                }
767                h4.general_style, .h4_general_style {
768                    font-size: px !important;
769                    font-family: ITC Avant Garde !important;
770                    font-weight: 400 !important;
771                    font-style: normal !important;
772                    
773                    letter-spacing: px !important;
774                    color: #022d57 !important;
775                }
776                h5.general_style, .h5_general_style {
777                    font-size: px !important;
778                    font-family: ITC Avant Garde !important;
779                    font-weight: 300 !important;
780                    font-style: normal !important;
781                    
782                    letter-spacing: px !important;
783                    color: #022d57 !important;
784                }
785                h6.general_style, .h6_general_style {
786                    font-size: px !important;
787                    font-family: ITC Avant Garde !important;
788                    font-weight: 400 !important;
789                    font-style: normal !important;
790                    
791                    letter-spacing: px !important;
792                    color: #022d57 !important;
793                }
794                p.general_style, .p_general_style {
795                    font-size: px !important;
796                    font-family: Berthold Akzidenz Grotesk !important;
797                    font-weight:  !important;
798                    font-style: normal !important;
799                    
800                    letter-spacing: px !important;
801                    color:  !important;
802                }
803                .p2_general_style {
804                    font-size: px !important;
805                    font-family: Berthold Akzidenz Grotesk !important;
806                    font-weight:  !important;
807                    font-style: normal !important;
808                    
809                    letter-spacing: px !important;
810                    color:  !important;
811                }
812                .p3_general_style {
813                    font-size: px !important;
814                    font-family: Berthold Akzidenz Grotesk !important;
815                    font-weight:  !important;
816                    font-style: normal !important;
817                    
818                    letter-spacing: px !important;
819                    color:  !important;
820                }
821                .p4_general_style {
822                    font-size: px !important;
823                    font-family: Berthold Akzidenz Grotesk !important;
824                    font-weight:  !important;
825                    font-style: normal !important;
826                    
827                    letter-spacing: px !important;
828                    color:  !important;
829                }
830                .p5_general_style {
831                    font-size: px !important;
832                    font-family: Berthold Akzidenz Grotesk !important;
833                    font-weight:  !important;
834                    font-style: normal !important;
835                    
836                    letter-spacing: px !important;
837                    color:  !important;
838                }
839                .p6_general_style {
840                    font-size: px !important;
841                    font-family: Berthold Akzidenz Grotesk !important;
842                    font-weight:  !important;
843                    font-style: normal !important;
844                    
845                    letter-spacing: px !important;
846                    color:  !important;
847                }
848                a.general_style, .a_general_style {
849                    text-decoration:  !important;
850                    color:  !important;
851                }
852                a.general_style:hover, .a_general_style:hover {
853                    color:  !important;
854                }
855                label.general_style, .label_general_style {
856                    font-size: px !important;
857                    font-family: Berthold Akzidenz Grotesk !important;
858                    font-weight:  !important;
859                    font-style: normal !important;
860                    
861                    letter-spacing: px !important;
862                    color:  !important;
863                }
864                button.general_style, .button_general_style {
865                    font-size: 12px !important;
866                    font-family: ITC Avant Garde !important;
867                    font-weight: 400 !important;
868                    font-style: normal !important;
869                    
870                    color: #ffffff !important;
871                    background-color: #022d57 !important;
872                    border-style: solid !important;
873                    border-width: 1px !important;
874                    border-radius: px !important;
875                    border-color: #022d57 !important;
876                }
877                button.general_style:hover, .button_general_style:hover {
878                    color:  !important;
879                    background-color:  !important;
880                    border-color:  !important;
881                }
882                .secondary_button_general_style {
883                    font-size: 12px !important;
884                    font-family: ITC Avant Garde !important;
885                    font-weight: 400 !important;
886                    font-style: normal !important;
887                    
888                    color: #022d57 !important;
889                    background-color: #ffffff !important;
890                    border-style: solid !important;
891                    border-width: 1px !important;
892                    border-radius: px !important;
893                    border-color: #003da5 !important;
894                }
895                .secondary_button_general_style:hover {
896                    color: #ffffff !important;
897                    background-color: #003da5 !important;
898                    border-color:  !important;
899                }
900                .reset_button_general_style {
901                    font-size: px !important;
902                    font-family: ITC Avant Garde !important;
903                    font-weight:  !important;
904                    font-style: normal !important;
905                    
906                    color:  !important;
907                    background-color:  !important;
908                    
909                    border-width: px !important;
910                    border-radius: px !important;
911                    border-color:  !important;
912                }
913                .reset_button_general_style:hover {
914                    color:  !important;
915                    background-color:  !important;
916                    border-color:  !important;
917                }
918                .search_box_general_style .sinps::placeholder {
919                    font-size: 11px !important;
920                    font-family: Berthold Akzidenz Grotesk !important;
921                    color:  !important;
922                }
923                .search_box_general_style .sinps {
924                    height: 100%;
925                    font-size: 11px !important;
926                    font-family: Berthold Akzidenz Grotesk !important;
927                    font-weight: 400 !important;
928                    font-style: normal !important;
929                    color:  !important;
930                    background-color:  !important;
931                    border-style: solid !important;
932                    border-width: 1px !important;
933                    border-radius: px !important;
934                    border-top-right-radius: 0 !important;
935                    border-bottom-right-radius: 0 !important;
936                    border-color: #022d57 !important;
937                }
938                .search_box_general_style .sinps:hover,
939                .search_box_general_style .sinps:focus,
940                .search_box_general_style .sinps:active {
941                    background-color:  !important;
942                }
943                .search_box_general_style .sBtns {
944                    height: 100%;
945                    background-color: #022d57 !important;
946                    border-style: solid !important;
947                    border-width: 1px !important;
948                    border-radius: px !important;
949                    border-top-left-radius: 0 !important;
950                    border-bottom-left-radius: 0 !important;
951                    border-color: #022d57 !important;
952                }
953                .search_box_general_style .sBtns:hover,
954                .search_box_general_style .sBtns:focus,
955                .search_box_general_style .sBtns:active {
956                    background-color: #022d57 !important;
957                }
958                .search_box_general_style .sBtns svg {
959                    width: 11px !important;
960                    height: 11px !important;
961                }
962                .search_box_general_style .sBtns path {
963                    fill: #ffffff !important;
964                }
965                .search_box_general_style .sBtns:hover path,
966                .search_box_general_style .sBtns:focus path,
967                .search_box_general_style .sBtns:active path {
968                    fill: #ffffff !important;
969                }
970                .search_box_general_style:hover .sinps,
971                .search_box_general_style:focus .sinps,
972                .search_box_general_style:active .sinps,
973                .search_box_general_style:hover .sBtns,
974                .search_box_general_style:focus .sBtns,
975                .search_box_general_style:active .sBtns {
976                    border-color: #022d57 !important;
977                }
978                svg.general_style, .svg_general_style {
979                    fill: #003da5 !important;
980                    stroke-width: .5 !important;
981                    stroke: #003da5 !important;
982                }
983                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
984                    color: #022d57 !important;
985                    background: #ffffff !important;
986                }
987                .irs--big .irs-grid-text {
988                    color: #022d57 !important;
989                }
990                .irs--big .irs-grid-pol {
991                    background: #022d57 !important;
992                }
993                .irs--big .irs-bar {
994                    border-color: #ffffff !important;
995                    background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important;
996                }
997                .irs--big .irs-handle {
998                    border-color: #B3B3B2;
999                    background: linear-gradient(to bottom,  0%, #003da5 30%, #003da5 100%) !important;
1000                }
1001                .pagination.general_style .page-link {
1002                    font-size: 12px !important;
1003                    font-family: ITC Avant Garde !important;
1004                    font-weight: 400 !important;
1005                    font-style: normal !important;
1006                    
1007                    color: #022d57 !important;
1008                    background-color:  !important;
1009                    border-color:  !important;
1010                }
1011                .pagination.general_style .page-link:hover {
1012                    color:  !important;
1013                    background-color:  !important;
1014                    border-color:  !important;
1015                }
1016                .pagination.general_style .page-item.active .page-link {
1017                    color: #ffffff !important;
1018                    background-color: #022d57 !important;
1019                    border-color: #022d57 !important;
1020                }
1021                input[type=checkbox].general_style {
1022                    accent-color: #003da5 !important;
1023                }
1024                .breadcrumb.general_style .breadcrumb-item a,
1025                .breadcrumb.general_style .breadcrumb-item {
1026                    font-size: 14px !important;
1027                    font-family: ITC Avant Garde !important;
1028                    font-weight:  !important;
1029                    font-style: normal !important;
1030                    
1031                    letter-spacing: px !important;
1032                    color: #000 !important;
1033                }
1034                .shapes-div .shapes-img.active {
1035                    background-color:  !important;
1036                    color:  !important;
1037                }
1038                                .input_general_style {
1039                    position: relative;
1040                }
1041                .input_general_style label {
1042                    width: auto !important;
1043                    position: absolute;
1044                    top: 50%;
1045                    left: 5px;
1046                    z-index: 1;
1047                    transform: translateY(-50%);
1048                    transform-origin: 0% 100%;
1049                    transition: all .2s ease-out;
1050                    padding: 0 10px;
1051                    margin: 0 !important;
1052                    cursor: text;
1053                    background: white;
1054                }
1055                .input_general_style label.active {
1056                    top: 0;
1057                    transform: translateY(-55%) scale(0.80);
1058                }
1059            
1060                .input_general_style input::placeholder {
1061                    color: transparent !important;
1062                }
1063                .input_general_style input {
1064                    font-size: 16px !important;
1065                    font-family: Berthold Akzidenz Grotesk !important;
1066                    font-weight:  !important;
1067                    font-style:  !important;
1068                    color:  !important;
1069                    background-color: white !important;
1070                    border-style: solid !important;
1071                    border-width: px !important;
1072                    border-radius: 0px !important;
1073                    border-color:  !important;
1074                }
1075                .input_general_style:hover input {
1076                    border-color:  !important;
1077                }
1078                .input_general_style input:-webkit-autofill,
1079                .input_general_style input:-webkit-autofill:hover,
1080                .input_general_style input:-webkit-autofill:focus,
1081                .input_general_style input:-webkit-autofill:active{
1082                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1083                }
1084                .input_general_style input:focus {
1085                    border-color: initial;
1086                    box-shadow: unset;
1087                }
1088                .input_general_style .toggle-password-visibility {
1089                    position: absolute;
1090                    right: 5px;
1091                    top: 50%;
1092                    transform: translateY(-50%);
1093                    border: 0;
1094                    background: transparent;
1095                }
1096                                .select_general_style {
1097                    position: relative;
1098                }
1099                .select_general_style label {
1100                    width: auto !important;
1101                    position: absolute;
1102                    top: 50%;
1103                    left: 5px;
1104                    transform: translateY(-50%);
1105                    transform-origin: 0% 100%;
1106                    transition: all .2s ease-out;
1107                    padding: 0 10px;
1108                    margin: 0 !important;
1109                    cursor: text;
1110                    background: white;
1111                }
1112                .select_general_style label.active {
1113                    top: 0;
1114                    transform: translateY(-55%) scale(0.80);
1115                }
1116
1117                .select_general_style select {
1118                    font-size: 16px !important;
1119                    font-family: Berthold Akzidenz Grotesk !important;
1120                    font-weight:  !important;
1121                    font-style:  !important;
1122                    color:  !important;
1123                    border-style: solid !important;
1124                    border-width: px !important;
1125                    border-radius: 0px !important;
1126                    border-color:  !important;
1127                    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;
1128                    -webkit-appearance: none !important;
1129                    -moz-appearance: none !important;
1130                    appearance: none !important;
1131                }
1132                .select_general_style:hover select {
1133                    border-color:  !important;
1134                }
1135                .select_general_style select:focus {
1136                    border-color: initial;
1137                    box-shadow: unset;
1138                }
1139                .select_general_style select:-webkit-autofill,
1140                .select_general_style select:-webkit-autofill:hover,
1141                .select_general_style select:-webkit-autofill:focus,
1142                .select_general_style select:-webkit-autofill:active{
1143                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1144                }
1145                                .textarea_general_style {
1146                    position: relative;
1147                }
1148                .textarea_general_style label {
1149                    width: auto !important;
1150                    position: absolute;
1151                    top: 18px;
1152                    left: 5px;
1153                    transform: translateY(-50%);
1154                    transform-origin: 0% 100%;
1155                    transition: all .2s ease-out;
1156                    padding: 0 10px;
1157                    margin: 0 !important;
1158                    cursor: text;
1159                    background: white;
1160                }
1161                .textarea_general_style label.active {
1162                    top: 0;
1163                    transform: translateY(-55%) scale(0.80);
1164                }
1165
1166                .textarea_general_style textarea {
1167                    font-size: 16px !important;
1168                    font-family: Berthold Akzidenz Grotesk !important;
1169                    font-weight:  !important;
1170                    font-style:  !important;
1171                    color:  !important;
1172                    background-color: white !important;
1173                    border-style: solid !important;
1174                    border-width: px !important;
1175                    border-radius: 0px !important;
1176                    border-color:  !important;
1177                }
1178                .textarea_general_style:hover textarea {
1179                    border-color:  !important;
1180                }
1181                .textarea_general_style textarea:focus {
1182                    border-color: initial;
1183                    box-shadow: unset;
1184                }
1185                .textarea_general_style textarea:-webkit-autofill,
1186                .textarea_general_style textarea:-webkit-autofill:hover,
1187                .textarea_general_style textarea:-webkit-autofill:focus,
1188                .textarea_general_style textarea:-webkit-autofill:active{
1189                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1190                }
1191                }
1192            </style>            <style>
1193                @media (max-width: 767.9px) {
1194                
1195                .sc_payment_general_style {
1196                    font-size: 15px !important;
1197                    font-family: Berthold Akzidenz Grotesk !important;
1198                    font-weight: 500 !important;
1199                    font-style: normal !important;
1200                    
1201                    letter-spacing: px !important;
1202                    color: #022d57 !important;
1203                }
1204                h1.general_style, .h1_general_style {
1205                    font-size: px !important;
1206                    font-family: ITC Avant Garde !important;
1207                    font-weight: 400 !important;
1208                    font-style: normal !important;
1209                    
1210                    letter-spacing: px !important;
1211                    color: #022d57 !important;
1212                }
1213                h2.general_style, .h2_general_style {
1214                    font-size: px !important;
1215                    font-family: ITC Avant Garde !important;
1216                    font-weight: 400 !important;
1217                    font-style: normal !important;
1218                    
1219                    letter-spacing: px !important;
1220                    color: #022d57 !important;
1221                }
1222                h3.general_style, .h3_general_style {
1223                    font-size: px !important;
1224                    font-family: ITC Avant Garde !important;
1225                    font-weight: 400 !important;
1226                    font-style: normal !important;
1227                    
1228                    letter-spacing: px !important;
1229                    color: #022d57 !important;
1230                }
1231                h4.general_style, .h4_general_style {
1232                    font-size: px !important;
1233                    font-family: ITC Avant Garde !important;
1234                    font-weight: 400 !important;
1235                    font-style: normal !important;
1236                    
1237                    letter-spacing: px !important;
1238                    color: #022d57 !important;
1239                }
1240                h5.general_style, .h5_general_style {
1241                    font-size: px !important;
1242                    font-family: ITC Avant Garde !important;
1243                    font-weight: 300 !important;
1244                    font-style: normal !important;
1245                    
1246                    letter-spacing: px !important;
1247                    color: #022d57 !important;
1248                }
1249                h6.general_style, .h6_general_style {
1250                    font-size: px !important;
1251                    font-family: ITC Avant Garde !important;
1252                    font-weight: 400 !important;
1253                    font-style: normal !important;
1254                    
1255                    letter-spacing: px !important;
1256                    color: #022d57 !important;
1257                }
1258                p.general_style, .p_general_style {
1259                    font-size: px !important;
1260                    font-family: Berthold Akzidenz Grotesk !important;
1261                    font-weight:  !important;
1262                    font-style: normal !important;
1263                    
1264                    letter-spacing: px !important;
1265                    color:  !important;
1266                }
1267                .p2_general_style {
1268                    font-size: px !important;
1269                    font-family: Berthold Akzidenz Grotesk !important;
1270                    font-weight:  !important;
1271                    font-style: normal !important;
1272                    
1273                    letter-spacing: px !important;
1274                    color:  !important;
1275                }
1276                .p3_general_style {
1277                    font-size: px !important;
1278                    font-family: Berthold Akzidenz Grotesk !important;
1279                    font-weight:  !important;
1280                    font-style: normal !important;
1281                    
1282                    letter-spacing: px !important;
1283                    color:  !important;
1284                }
1285                .p4_general_style {
1286                    font-size: px !important;
1287                    font-family: Berthold Akzidenz Grotesk !important;
1288                    font-weight:  !important;
1289                    font-style: normal !important;
1290                    
1291                    letter-spacing: px !important;
1292                    color:  !important;
1293                }
1294                .p5_general_style {
1295                    font-size: px !important;
1296                    font-family: Berthold Akzidenz Grotesk !important;
1297                    font-weight:  !important;
1298                    font-style: normal !important;
1299                    
1300                    letter-spacing: px !important;
1301                    color:  !important;
1302                }
1303                .p6_general_style {
1304                    font-size: px !important;
1305                    font-family: Berthold Akzidenz Grotesk !important;
1306                    font-weight:  !important;
1307                    font-style: normal !important;
1308                    
1309                    letter-spacing: px !important;
1310                    color:  !important;
1311                }
1312                a.general_style, .a_general_style {
1313                    text-decoration:  !important;
1314                    color:  !important;
1315                }
1316                a.general_style:hover, .a_general_style:hover {
1317                    color:  !important;
1318                }
1319                label.general_style, .label_general_style {
1320                    font-size: px !important;
1321                    font-family: Berthold Akzidenz Grotesk !important;
1322                    font-weight:  !important;
1323                    font-style: normal !important;
1324                    
1325                    letter-spacing: px !important;
1326                    color:  !important;
1327                }
1328                button.general_style, .button_general_style {
1329                    font-size: 12px !important;
1330                    font-family: ITC Avant Garde !important;
1331                    font-weight: 400 !important;
1332                    font-style: normal !important;
1333                    
1334                    color: #ffffff !important;
1335                    background-color: #022d57 !important;
1336                    border-style: solid !important;
1337                    border-width: 1px !important;
1338                    border-radius: px !important;
1339                    border-color: #022d57 !important;
1340                }
1341                button.general_style:hover, .button_general_style:hover {
1342                    color:  !important;
1343                    background-color:  !important;
1344                    border-color:  !important;
1345                }
1346                .secondary_button_general_style {
1347                    font-size: 12px !important;
1348                    font-family: ITC Avant Garde !important;
1349                    font-weight: 400 !important;
1350                    font-style: normal !important;
1351                    
1352                    color: #022d57 !important;
1353                    background-color: #ffffff !important;
1354                    border-style: solid !important;
1355                    border-width: 1px !important;
1356                    border-radius: px !important;
1357                    border-color: #003da5 !important;
1358                }
1359                .secondary_button_general_style:hover {
1360                    color: #ffffff !important;
1361                    background-color: #003da5 !important;
1362                    border-color:  !important;
1363                }
1364                .reset_button_general_style {
1365                    font-size: px !important;
1366                    font-family: ITC Avant Garde !important;
1367                    font-weight:  !important;
1368                    font-style: normal !important;
1369                    
1370                    color:  !important;
1371                    background-color:  !important;
1372                    
1373                    border-width: px !important;
1374                    border-radius: px !important;
1375                    border-color:  !important;
1376                }
1377                .reset_button_general_style:hover {
1378                    color:  !important;
1379                    background-color:  !important;
1380                    border-color:  !important;
1381                }
1382                .search_box_general_style .sinps::placeholder {
1383                    font-size: 11px !important;
1384                    font-family: Berthold Akzidenz Grotesk !important;
1385                    color:  !important;
1386                }
1387                .search_box_general_style .sinps {
1388                    height: 100%;
1389                    font-size: 11px !important;
1390                    font-family: Berthold Akzidenz Grotesk !important;
1391                    font-weight: 400 !important;
1392                    font-style: normal !important;
1393                    color:  !important;
1394                    background-color:  !important;
1395                    border-style: solid !important;
1396                    border-width: 1px !important;
1397                    border-radius: px !important;
1398                    border-top-right-radius: 0 !important;
1399                    border-bottom-right-radius: 0 !important;
1400                    border-color: #022d57 !important;
1401                }
1402                .search_box_general_style .sinps:hover,
1403                .search_box_general_style .sinps:focus,
1404                .search_box_general_style .sinps:active {
1405                    background-color:  !important;
1406                }
1407                .search_box_general_style .sBtns {
1408                    height: 100%;
1409                    background-color: #022d57 !important;
1410                    border-style: solid !important;
1411                    border-width: 1px !important;
1412                    border-radius: px !important;
1413                    border-top-left-radius: 0 !important;
1414                    border-bottom-left-radius: 0 !important;
1415                    border-color: #022d57 !important;
1416                }
1417                .search_box_general_style .sBtns:hover,
1418                .search_box_general_style .sBtns:focus,
1419                .search_box_general_style .sBtns:active {
1420                    background-color: #022d57 !important;
1421                }
1422                .search_box_general_style .sBtns svg {
1423                    width: 11px !important;
1424                    height: 11px !important;
1425                }
1426                .search_box_general_style .sBtns path {
1427                    fill: #ffffff !important;
1428                }
1429                .search_box_general_style .sBtns:hover path,
1430                .search_box_general_style .sBtns:focus path,
1431                .search_box_general_style .sBtns:active path {
1432                    fill: #ffffff !important;
1433                }
1434                .search_box_general_style:hover .sinps,
1435                .search_box_general_style:focus .sinps,
1436                .search_box_general_style:active .sinps,
1437                .search_box_general_style:hover .sBtns,
1438                .search_box_general_style:focus .sBtns,
1439                .search_box_general_style:active .sBtns {
1440                    border-color: #022d57 !important;
1441                }
1442                svg.general_style, .svg_general_style {
1443                    fill: #003da5 !important;
1444                    stroke-width: .5 !important;
1445                    stroke: #003da5 !important;
1446                }
1447                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
1448                    color: #022d57 !important;
1449                    background: #ffffff !important;
1450                }
1451                .irs--big .irs-grid-text {
1452                    color: #022d57 !important;
1453                }
1454                .irs--big .irs-grid-pol {
1455                    background: #022d57 !important;
1456                }
1457                .irs--big .irs-bar {
1458                    border-color: #ffffff !important;
1459                    background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important;
1460                }
1461                .irs--big .irs-handle {
1462                    border-color: #B3B3B2;
1463                    background: linear-gradient(to bottom,  0%, #003da5 30%, #003da5 100%) !important;
1464                }
1465                .pagination.general_style .page-link {
1466                    font-size: 12px !important;
1467                    font-family: ITC Avant Garde !important;
1468                    font-weight: 400 !important;
1469                    font-style: normal !important;
1470                    
1471                    color: #022d57 !important;
1472                    background-color:  !important;
1473                    border-color:  !important;
1474                }
1475                .pagination.general_style .page-link:hover {
1476                    color:  !important;
1477                    background-color:  !important;
1478                    border-color:  !important;
1479                }
1480                .pagination.general_style .page-item.active .page-link {
1481                    color: #ffffff !important;
1482                    background-color: #022d57 !important;
1483                    border-color: #022d57 !important;
1484                }
1485                input[type=checkbox].general_style {
1486                    accent-color: #003da5 !important;
1487                }
1488                .breadcrumb.general_style .breadcrumb-item a,
1489                .breadcrumb.general_style .breadcrumb-item {
1490                    font-size: 14px !important;
1491                    font-family: ITC Avant Garde !important;
1492                    font-weight:  !important;
1493                    font-style: normal !important;
1494                    
1495                    letter-spacing: px !important;
1496                    color: #000 !important;
1497                }
1498                .shapes-div .shapes-img.active {
1499                    background-color:  !important;
1500                    color:  !important;
1501                }
1502                                .input_general_style {
1503                    position: relative;
1504                }
1505                .input_general_style label {
1506                    width: auto !important;
1507                    position: absolute;
1508                    top: 50%;
1509                    left: 5px;
1510                    z-index: 1;
1511                    transform: translateY(-50%);
1512                    transform-origin: 0% 100%;
1513                    transition: all .2s ease-out;
1514                    padding: 0 10px;
1515                    margin: 0 !important;
1516                    cursor: text;
1517                    background: white;
1518                }
1519                .input_general_style label.active {
1520                    top: 0;
1521                    transform: translateY(-55%) scale(0.80);
1522                }
1523            
1524                .input_general_style input::placeholder {
1525                    color: transparent !important;
1526                }
1527                .input_general_style input {
1528                    font-size: 16px !important;
1529                    font-family: Berthold Akzidenz Grotesk !important;
1530                    font-weight:  !important;
1531                    font-style:  !important;
1532                    color:  !important;
1533                    background-color: white !important;
1534                    border-style: solid !important;
1535                    border-width: px !important;
1536                    border-radius: 0px !important;
1537                    border-color:  !important;
1538                }
1539                .input_general_style:hover input {
1540                    border-color:  !important;
1541                }
1542                .input_general_style input:-webkit-autofill,
1543                .input_general_style input:-webkit-autofill:hover,
1544                .input_general_style input:-webkit-autofill:focus,
1545                .input_general_style input:-webkit-autofill:active{
1546                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1547                }
1548                .input_general_style input:focus {
1549                    border-color: initial;
1550                    box-shadow: unset;
1551                }
1552                .input_general_style .toggle-password-visibility {
1553                    position: absolute;
1554                    right: 5px;
1555                    top: 50%;
1556                    transform: translateY(-50%);
1557                    border: 0;
1558                    background: transparent;
1559                }
1560                                .select_general_style {
1561                    position: relative;
1562                }
1563                .select_general_style label {
1564                    width: auto !important;
1565                    position: absolute;
1566                    top: 50%;
1567                    left: 5px;
1568                    transform: translateY(-50%);
1569                    transform-origin: 0% 100%;
1570                    transition: all .2s ease-out;
1571                    padding: 0 10px;
1572                    margin: 0 !important;
1573                    cursor: text;
1574                    background: white;
1575                }
1576                .select_general_style label.active {
1577                    top: 0;
1578                    transform: translateY(-55%) scale(0.80);
1579                }
1580
1581                .select_general_style select {
1582                    font-size: 16px !important;
1583                    font-family: Berthold Akzidenz Grotesk !important;
1584                    font-weight:  !important;
1585                    font-style:  !important;
1586                    color:  !important;
1587                    border-style: solid !important;
1588                    border-width: px !important;
1589                    border-radius: 0px !important;
1590                    border-color:  !important;
1591                    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;
1592                    -webkit-appearance: none !important;
1593                    -moz-appearance: none !important;
1594                    appearance: none !important;
1595                }
1596                .select_general_style:hover select {
1597                    border-color:  !important;
1598                }
1599                .select_general_style select:focus {
1600                    border-color: initial;
1601                    box-shadow: unset;
1602                }
1603                .select_general_style select:-webkit-autofill,
1604                .select_general_style select:-webkit-autofill:hover,
1605                .select_general_style select:-webkit-autofill:focus,
1606                .select_general_style select:-webkit-autofill:active{
1607                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1608                }
1609                                .textarea_general_style {
1610                    position: relative;
1611                }
1612                .textarea_general_style label {
1613                    width: auto !important;
1614                    position: absolute;
1615                    top: 18px;
1616                    left: 5px;
1617                    transform: translateY(-50%);
1618                    transform-origin: 0% 100%;
1619                    transition: all .2s ease-out;
1620                    padding: 0 10px;
1621                    margin: 0 !important;
1622                    cursor: text;
1623                    background: white;
1624                }
1625                .textarea_general_style label.active {
1626                    top: 0;
1627                    transform: translateY(-55%) scale(0.80);
1628                }
1629
1630                .textarea_general_style textarea {
1631                    font-size: 16px !important;
1632                    font-family: Berthold Akzidenz Grotesk !important;
1633                    font-weight:  !important;
1634                    font-style:  !important;
1635                    color:  !important;
1636                    background-color: white !important;
1637                    border-style: solid !important;
1638                    border-width: px !important;
1639                    border-radius: 0px !important;
1640                    border-color:  !important;
1641                }
1642                .textarea_general_style:hover textarea {
1643                    border-color:  !important;
1644                }
1645                .textarea_general_style textarea:focus {
1646                    border-color: initial;
1647                    box-shadow: unset;
1648                }
1649                .textarea_general_style textarea:-webkit-autofill,
1650                .textarea_general_style textarea:-webkit-autofill:hover,
1651                .textarea_general_style textarea:-webkit-autofill:focus,
1652                .textarea_general_style textarea:-webkit-autofill:active{
1653                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1654                }
1655                }
1656            </style><header class="appearance-desktop-view-template">    
1657    
1658    
1659        
1660        <style>
1661            .header_container>.flex_row {
1662                display: flex;
1663            }
1664
1665            .header_container_1 {
1666                            width: 100%;
1667                                        max-width: 100%;
1668                            margin: 0 auto;
1669                position: relative !important;
1670                transform: inherit !important;
1671            }
1672            .header_container>.flex_row>.flex_col {
1673                display: flex;
1674                flex-wrap: wrap;
1675                box-sizing: border-box;
1676                align-content: baseline;
1677            }
1678            .header_container>.flex_row>.flex_col>.flex_cell {
1679                height: fit-content;
1680                display: flex;
1681            }
1682            .header_container>.flex_row>.flex_col>.flex_cell a {
1683                text-decoration: none;
1684            }
1685            .header_container img {
1686                max-width: 100%;
1687            }
1688            .row_spacer_cs {
1689                display: none;
1690            }
1691            .sticky_row {
1692                position: fixed;
1693            }
1694            .sticky_row + .row_spacer_cs {
1695                display: block;
1696            }
1697        </style>
1698
1699        <div class="header_container header_container_1" data-device-type="1">
1700
1701            
1702                
1703                <div class="flex_row flex_row_1 ">
1704
1705                    
1706                        <div class="flex_col flex_col_1">
1707
1708                            
1709                        </div>
1710
1711                        <style>
1712                            .header_container_1>.flex_row_1>.flex_col_1 {
1713                            width:2%;                            }
1714                        </style>
1715
1716
1717                    
1718                        <div class="flex_col flex_col_2">
1719
1720                            
1721<div class="flex_cell flex_cell_1 call_us">
1722            <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
1722<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>
1723<style>
1724    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us {
1725        width:px;        justify-content:left; -webkit-justify-content:left;        align-items:center; -webkit-align-items:center;    }
1726
1727            .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us {
1728        height:100%;        }
1729    
1730    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content {
1731        display: flex;
1732        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
1733
1734    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a {
1735        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:12px;        font-family:ITC Avant Garde;        display: flex;
1736        align-items: center;
1737        text-transform:none;    }
1738
1739    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg,
1740    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img {
1741        margin-right: 5px;
1742        height:11px;    }
1743
1744    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class {
1745        fill: currentColor;
1746    }
1747
1748
1749    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover {
1750    color:#ffffff;    }
1751</style>
1752<div class="flex_cell flex_cell_2 custom_text">
1753    <div class="flex_cell_content">
1754                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" target="_blank">
1755                    <p class="">Request An Appointment →</p>
1756                </a>
1757            </div>
1758</div>
1759<style>
1760    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text {
1761    width:px;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
1762
1763            .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text {
1764        height:100%;        }
1765    
1766    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content {
1767    display: flex;
1768    margin-top:10px;    margin-bottom:10px;    margin-left:20px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1769
1770    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p {
1771    line-height: inherit;
1772    margin:0;
1773    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;    }
1774
1775    .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p:hover {
1776    color:#ffffff;    }
1777</style>
1778
1779                        </div>
1780
1781                        <style>
1782                            .header_container_1>.flex_row_1>.flex_col_2 {
1783                            width:28%;                            }
1784                        </style>
1785
1786
1787                    
1788                        <div class="flex_col flex_col_3">
1789
1790                            
1791                        </div>
1792
1793                        <style>
1794                            .header_container_1>.flex_row_1>.flex_col_3 {
1795                            width:2%;                            }
1796                        </style>
1797
1798
1799                    
1800                        <div class="flex_col flex_col_4">
1801
1802                            
1803<div class="flex_cell flex_cell_1 custom_text">
1804    <div class="flex_cell_content">
1805                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/best-sellers" >
1806                    <p class="">Spend $200 or more for FREE 2-Day Shipping! Free In-Store Pickup!</p>
1807                </a>
1808            </div>
1809</div>
1810<style>
1811    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text {
1812    width:100%;    justify-content:center;
1812 -webkit-justify-content:center;    align-items:center; -webkit-align-items:center;    }
1813
1814            .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text {
1815        height:100%;        }
1816    
1817    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content {
1818    display: flex;
1819    margin-top:13px;    margin-bottom:13px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1820
1821    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p {
1822    line-height: inherit;
1823    margin:0;
1824    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;    }
1825
1826    .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p:hover {
1827    color:#ffffff;    }
1828</style>
1829
1830                        </div>
1831
1832                        <style>
1833                            .header_container_1>.flex_row_1>.flex_col_4 {
1834                            width:36%;                            }
1835                        </style>
1836
1837
1838                    
1839                        <div class="flex_col flex_col_5">
1840
1841                            
1842<div class="flex_cell flex_cell_1 sl_element">
1843        <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>
1844<style>
1845    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element {
1846    width:100%;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
1847
1848        .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element {
1849        }
1850    
1851    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element>.flex_cell_content {
1852        display: flex;
1853    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1854
1855    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a {
1856    color:#022d57;        font-style:normal;            font-size:px;    font-family:Arial;        display: flex;
1857        align-items: center;
1858    text-transform:none;    }
1859
1860    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a svg,
1861    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a img {
1862        margin-right: 5px;
1863    height:16px;    }
1864
1865    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a .path_class {
1866        fill: currentColor;
1867    }
1868
1869
1870    .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a:hover {
1871    color:#022d57;    }
1872</style>
1873
1874                        </div>
1875
1876                        <style>
1877                            .header_container_1>.flex_row_1>.flex_col_5 {
1878                            width:20%;                            }
1879                        </style>
1880
1881
1882                    
1883                        <div class="flex_col flex_col_6">
1884
1885                            
1886<div class="flex_cell flex_cell_1 account_icons">
1887    <div class="flex_cell_content">
1888        
1889                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1">
1890                <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>
1890                                                <span class="item-count-badge wishlist-count-badge d-none"></span>
1891                            </a>
1892        
1893                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
1894                <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>
1895                            </a>
1896        
1897        
1898                                    <a class="" href="/login" title="My Account" style="order: 3">
1899                    <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>
1900                        </div>
1901</div>
1902
1903<style>
1904    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons {
1905        width:100%;                                    justify-content: flex-end;
1906                            align-items:center; -webkit-align-items:center;    }
1907
1908            .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons {
1909        height:100%;        }
1910    
1911    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons>.flex_cell_content {
1912    display: flex;
1913    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
1914
1915    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
1916        display: none !important;
1917    }
1918
1919    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a {
1920        display: flex;
1921        align-items: center;
1922        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:15px;        font-family:Libre Baskerville;        margin-left: 12px;
1923        text-transform:none;    }
1924
1925    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a svg,
1926    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a img {
1927        flex-shrink: 0;
1928        margin-right: 5px;
1929        width:14px;        height:14px;    }
1930
1931    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .path_class {
1932        fill: currentColor;
1933    }
1934
1935    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a:hover {
1936        color:#ffffff;    }
1937
1938    .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .item-count-badge {
1939        padding: 0 5px;
1940        height: 16px;
1941        min-width: 16px;
1942        text-align: center;
1943        border-radius: 7px;
1944        line-height: 16px;
1945        border: 1px solid #fff;
1946        font-style: normal;
1947        font-weight: 700;
1948        font-size: 10px;
1949        background-color:#cdb877;        color:#ffffff;        margin-left: -10px;
1950        margin-top: -15px;
1951    }
1952</style>
1953                        </div>
1954
1955                        <style>
1956                            .header_container_1>.flex_row_1>.flex_col_6 {
1957                            width:10%;                            }
1958                        </style>
1959
1960
1961                    
1962                        <div class="flex_col flex_col_7">
1963
1964                            
1965                        </div>
1966
1967                        <style>
1968                            .header_container_1>.flex_row_1>.flex_col_7 {
1969                            width:2%;                            }
1970                        </style>
1971
1972
1973                    
1974                </div>
1975
1976                
1977                <style>
1978    .header_container_1>.flex_row_1 {
1979                    background-color: #022d57;
1980        
1981        color:#000000;        height:auto;                
1982        
1983            }
1984
1985    </style>
1986
1987
1988                                
1989            
1990                
1991                <div class="flex_row flex_row_2 ">
1992
1993                    
1994                        <div class="flex_col flex_col_1">
1995
1996                            <div class="flex_cell flex_cell_1 line">
1997            <div class="s_line"></div>
1998    </div>
1999
2000<style>
2001    .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 {
2002        width: 100%;
2003        justify-content:center;
2003 -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;    }
2004
2005    
2006    .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
2007        background-color:#ffffff;        border-style: solid;
2008                width:100%;        border-radius:0px;        border-width:0px;        border-color:#000000;    }
2009
2010</style>
2011                        </div>
2012
2013                        <style>
2014                            .header_container_1>.flex_row_2>.flex_col_1 {
2015                            width:100%;                            }
2016                        </style>
2017
2018
2019                    
2020                </div>
2021
2022                
2023                <style>
2024    .header_container_1>.flex_row_2 {
2025                    background-color: #ffffff;
2026        
2027        color:#000000;        height:20px;                
2028        
2029            }
2030
2031    </style>
2032
2033
2034                                
2035            
2036                
2037                <div class="flex_row flex_row_3 ">
2038
2039                    
2040                        <div class="flex_col flex_col_1">
2041
2042                            
2043                        </div>
2044
2045                        <style>
2046                            .header_container_1>.flex_row_3>.flex_col_1 {
2047                            width:2%;                            }
2048                        </style>
2049
2050
2051                    
2052                        <div class="flex_col flex_col_2">
2053
2054                            <div class="flex_cell flex_cell_1 menu">
2055    <div class="flex_cell_content">
2056            <style>
2057            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner,
2058            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-parent {
2059                width: 30px;
2060                height: 24px;
2061                position: relative;
2062                cursor: pointer;
2063            }
2064            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
2065                fill: #022d57;            }
2066
2067            
2068            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-nav-section,
2069            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-close-button{
2070            color:#000000;                display: flex;
2071            font-weight:400;            font-style:normal;                        font-size:15px;            font-family:ITC Avant Garde;            text-transform:none;                        line-height:48px;            }
2072        </style>
2073
2074        <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">
2075            <div class="hamburger-button-parent">
2076               <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">
2077                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
2078                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
2079                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
2080                </svg>
2081
2082
2083            </div>
2084                    </div>
2085        </div>
2086</div>
2087
2088<style>
2089    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu {
2090        width:100%;                                    justify-content: flex-start;
2091                            align-items:center; -webkit-align-items:center;    }
2092
2093            .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu {
2094        height:100%;        }
2095    
2096    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content {
2097        display: flex;
2098        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2099
2100    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
2101    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
2102        color:#000000; display: flex;
2103        font-weight:400;        font-style:normal;                font-size:15px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:48px;    }
2104
2105    .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
2106        color:#000000;    }
2107</style>
2108                        </div>
2109
2110                        <style>
2111                            .header_container_1>.flex_row_3>.flex_col_2 {
2112                            width:5%;                            }
2113                        </style>
2114
2115
2116                    
2117                        <div class="flex_col flex_col_3">
2118
2119                            
2120
2121<div class="flex_cell flex_cell_1 image">
2122    <div class="flex_cell_content">
2123
2124            <a href="https://www.albertsjewelers.com/"
2125           >
2126    
2127        
2128            <img
2129                height="100px"                width="200px"
2130                
2131                src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"
2132
2133                alt="Abert&#039;s Diamond Jewelers">
2134
2135        
2136            </a>
2137    
2138    </div>
2139</div>
2140    <style>
2141                .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image {
2142        width:100%;        justify-content:left;
2142 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
2143        .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image>.flex_cell_content {
2144        display: flex;
2145        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2146        .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image img {
2147        max-width:180px;        }
2148        
2149                .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image {
2150        height:100%;        }
2151            </style>
2152
2153
2154                        </div>
2155
2156                        <style>
2157                            .header_container_1>.flex_row_3>.flex_col_3 {
2158                            width:24%;                            }
2159                        </style>
2160
2161
2162                    
2163                        <div class="flex_col flex_col_4">
2164
2165                            
2166<div class="flex_cell flex_cell_1 search_box">
2167    <div class="flex_cell_content">
2168                    <form class="sform" id="search-box-form"
2169            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
2170                    <div class="inputs-group">
2171                                    <button class="sBtn">
2172                        <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>
2173                    </button>
2174                                <input class="sinp" type="text" name="search"
2175                       placeholder="Watches, Jewelry, Rings..." 
2176                       aria-label="Watches, Jewelry, Rings..."
2177                       >
2178                            </div>
2179                    </form>
2180            </div>
2181</div>
2182<style>
2183    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box {
2184        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
2185
2186            .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box {
2187        height:100%;        }
2188    
2189    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content {
2190        display: flex;
2191        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%;    }
2192
2193    .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 {
2194        width: 100%;
2195        display: flex;
2196        flex-wrap: nowrap;
2197    }
2198
2199    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp {
2200        border-radius: 0px;
2201        padding: 4px 8px;
2202        outline: 0px;
2203        box-shadow: none;
2204        font-size:12px;        font-family:Libre Baskerville;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;        
2205        
2206       
2207                border-style: solid;
2208        border-width:1px;        border-color:#ffffff;        
2209
2210                    border-left:0px;
2211                        width: 100%;        
2212        
2213                border-bottom-color:#022d57;    }
2214
2215    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp:hover {
2216            }
2217
2218    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp::placeholder {
2219        font-size:12px;        font-family:Libre Baskerville;        color:#022d57;        opacity: 1;
2220    }
2221
2222    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn {
2223        height: 100%;
2224        border-radius: 0px;
2225        padding: 4px;
2226        align-items: center;
2227        justify-content: center;
2228        display: flex;
2229        border-style: solid;
2230        border-width:1px;        border-color:#ffffff;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;                                    border-right:0px;
2231                            
2232            }
2233
2234    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover {
2235        background-color:#ffffff;            }
2236
2237    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn svg {
2238        width:11px;        height:11px;    }
2239
2240    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn .path_class {
2241        fill:#022d57;    }
2242
2243    .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class {
2244        fill:#022d57;    }
2245
2246</style>
2247                        </div>
2248
2249                        <style>
2250                            .header_container_1>.flex_row_3>.flex_col_4 {
2251                            width:37%;                            }
2252                        </style>
2253
2254
2255                    
2256                        <div class="flex_col flex_col_5">
2257
2258                            
2259
2260<div class="flex_cell flex_cell_1 image">
2261    <div class="flex_cell_content">
2262
2263            <a href="https://www.albertsjewelers.com/david-yurman"
2264           >
2265    
2266        
2267            <img
2268                height="65px"                width="140px"
2269                
2270                src="https://www.albertsjewelers.com/public/1.0/uploads/source/dy_widget.jpg"
2271
2272                alt="David Yurman Logo">
2273
2274        
2275            </a>
2276    
2277    </div>
2278</div>
2279    <style>
2280                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image {
2281        width:140px;        justify-content:center; -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
2282        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image>.flex_cell_content {
2283        display: flex;
2284        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2285        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image img {
2286                }
2287        
2288                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image {
2289        height:100%;        }
2290            </style>
2291
2292
2293
2294<div class="flex_cell flex_cell_2 image">
2295    <div class="flex_cell_content">
2296
2297            <a href="https://www.albertsjewelers.com/breitling"
2298           target="_blank" rel="noopener noreferrer">
2299    
2300        
2301            <img
2302                height="65px"                width="140px"
2303                
2304                src="https://www.albertsjewelers.com/public/1.0/uploads/source/breitling_plaque.jpg"
2305
2306                alt="Breitling">
2307
2308        
2309            </a>
2310    
2311    </div>
2312</div>
2313    <style>
2314                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image {
2315        width:140px;        justify-content:right; -webkit-justify-content:right;                align-items:center; -webkit-align-items:center;        }
2316        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image>.flex_cell_content {
2317        display: flex;
2318        margin-top:px;        margin-bottom:px;        margin-left:5px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2319        .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image img {
2320                }
2321        
2322                .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image {
2323        height:100%;        }
2324            </style>
2325
2326
2327                        </div>
2328
2329                        <style>
2330                            .header_container_1>.flex_row_3>.flex_col_5 {
2331                            width:30%;                            }
2332                        </style>
2333
2334
2335                    
2336                        <div class="flex_col flex_col_6">
2337
2338                            
2339                        </div>
2340
2341                        <style>
2342                            .header_container_1>.flex_row_3>.flex_col_6 {
2343                            width:2%;                            }
2344                        </style>
2345
2346
2347                    
2348                </div>
2349
2350                
2351                <style>
2352    .header_container_1>.flex_row_3 {
2353                    background-color: #ffffff;
2354        
2355        color:#000000;        height:auto;                
2356        
2357            }
2358
2359    </style>
2360
2361
2362                                
2363            
2364                
2365                <div class="flex_row flex_row_4 ">
2366
2367                    
2368                        <div class="flex_col flex_col_1">
2369
2370                            
2371                        </div>
2372
2373                        <style>
2374                            .header_container_1>.flex_row_4>.flex_col_1 {
2375                            width:100%;                            }
2376                        </style>
2377
2378
2379                    
2380                </div>
2381
2382                
2383                <style>
2384    .header_container_1>.flex_row_4 {
2385                    background-color: #ffffff;
2386        
2387        color:#000000;        height:17px;                
2388        
2389            }
2390
2391    </style>
2392
2393
2394                                
2395            
2396            
2397                
2398                    <div class="flex_row">
2399
2400                        
2401                            <div class="flex_col">
2402
2403                                
2404                            </div>
2405                        
2406                            <div class="flex_col">
2407
2408                                
2409                            </div>
2410                        
2411                            <div class="flex_col">
2412
2413                                
2414                            </div>
2415                        
2416                            <div class="flex_col">
2417
2418                                
2419                            </div>
2420                        
2421                            <div class="flex_col">
2422
2423                                
2424                            </div>
2425                        
2426                            <div class="flex_col">
2427
2428                                
2429                            </div>
2430                        
2431                            <div class="flex_col">
2432
2433                                
2434                            </div>
2435                        
2436                    </div>
2437                
2438            
2439                
2440                    <div class="flex_row">
2441
2442                        
2443                            <div class="flex_col">
2444
2445                                
2446                            </div>
2447                        
2448                    </div>
2449                
2450            
2451                
2452                    <div class="flex_row">
2453
2454                        
2455                            <div class="flex_col">
2456
2457                                
2458                            </div>
2459                        
2460                            <div class="flex_col">
2461
2462                                <div class="flex_cell flex_cell_1 menu">
2463    <style>
2464        body.no-scroll {
2465            overflow: hidden;
2466        }
2467        #desktop_hamburger_menu_template {
2468            position: fixed;
2469            top: 0;
2470            left: 0;
2471            width: 425px;
2472            overflow-y: auto;
2473            left: -425px;
2474            z-index: 1000000001;
2475            background-color: #ffffff;
2476            transition: all 0.3s ease;
2477            height: 100%;
2478            max-height: 100vh;
2479            -webkit-overflow-scrolling: touch;
2480            box-sizing: border-box;
2481        }
2482        #desktop_hamburger_menu_template_overlay.open {
2483            position: absolute;
2484            top: 0;
2485            left: 0;
2486            right: 0;
2487            z-index: 100;
2488            transition: all 0.3s ease;
2489            height: 100vh;
2490            background: rgba(1, 1, 1, 0.5);
2491            cursor: pointer;
2492            box-sizing: border-box;
2493        }
2494        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m {
2495            height: 100vh;
2496            overflow-y: auto;
2497            -webkit-overflow-scrolling: touch;
2498            box-sizing: border-box;
2499            padding-right: 30px;
2500        }
2501        
2502        /* Applies to your scrollable element */
2503        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m,
2504        #desktop_hamburger_menu_template .sub-menu-panel {
2505          /* existing styles */
2506          overflow-y: auto;
2507          scroll-behavior: smooth;
2508
2509          /* Optional smoother experience on mobile */
2510          -webkit-overflow-scrolling: touch;
2511        }
2512
2513        /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */
2514        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar,
2515        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar {
2516          width: 8px;
2517        }
2518
2519        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track,
2520        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track {
2521          background: #f0f0f0; /* Light background */
2522          border-radius: 4px;
2523        }
2524        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb,
2525        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb {
2526          background-color: #ccc;
2527          border-radius: 4px;
2528          border: 2px solid #f0f0f0; /* Matches track */
2529        }
2530        #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
2531        #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover {
2532          background-color: #999;
2533        }
2534
2535        /* Firefox scrollbar styling */
2536        @supports (scrollbar-color: auto) {
2537            #desktop_hamburger_menu_template .hamburger-menu-template-inner-m,
2538          #desktop_hamburger_menu_template .sub-menu-panel {
2539            scrollbar-width: thin;
2540            scrollbar-color: #ccc #f0f0f0; /* thumb and track */
2541          }
2542        }
2543        #desktop_hamburger_menu_template .hamburger-menu-template-inner {
2544            padding: 30px;
2545            width: 425px;
2546            padding-right: 0px;
2547            position: fixed;
2548            box-sizing: border-box;
2549        }
2550        #desktop_hamburger_menu_template .hamburger-menu-close-button {
2551            font-size: 14px !important;
2552            display: flex;
2553            align-items: center;
2554            margin-bottom: 20px;
2555        }
2556        #desktop_hamburger_menu_template .hamburger-menu-close-button svg {
2557            height: 24px;
2558            margin-right: 5px;
2559        }
2560        #desktop_hamburger_menu_template .hamburger-menu-nav-section {
2561            display: flex;
2562            justify-content: space-between;
2563            align-items: center;
2564            box-sizing: border-box;
2565        }
2566        #desktop_hamburger_menu_template .sub_title_m {
2567            color: #444;
2568            text-transform: uppercase;
2569            font-weight: 400;
2570            font-size: 14px;
2571            margin-top: 30px;
2572            margin-bottom: 30px;
2573            letter-spacing: 2px;
2574            display:flex;
2575        }
2576        #desktop_hamburger_menu_template .hamburger-menu-nav-section svg {
2577            height: 20px;
2578            float: right;
2579        }
2580        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{
2581            text-decoration: underline;
2582        }
2583        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{
2584            min-width:30px;
2585            justify-content: end;
2586        }
2587        #desktop_hamburger_menu_template .icon_and_name {
2588            display:flex;
2589            align-items:center;
2590            gap:10px;
2591        }
2592        #desktop_hamburger_menu_template .ham_menu_container {
2593            display:flex;
2594            justify-content: space-between;
2595        }
2596        #desktop_hamburger_menu_template.open {
2597            left: 0;
2598            
2599        }        
2600        #desktop_hamburger_menu_template .sub-menu-panel {
2601            padding: 30px;
2602            padding-top: 60px;
2603            position: absolute;
2604            top: 0;
2605            left: 425px;
2606            width: 425px;
2607            height: 100vh;
2608            background-color: #fff;
2609            overflow-y: auto;
2610            z-index: 999999;
2611            opacity: 0;
2612            transition: opacity 0.5s ease;
2613        }
2614
2615        #desktop_hamburger_menu_template .sub-menu-panel.open {       
2616            opacity: 1;
2617            z-index: 9999999;
2618        }
2619         
2620        
2621        
2622        #desktop_hamburger_menu_template a.hamburger-menu-nav-section,
2623        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
2624        #desktop_hamburger_menu_template a.hamburger-menu-close-button,
2625        #desktop_hamburger_menu_template button.hamburger-menu-close-button {
2626            position: relative;
2627        color:#000000;            display: flex;
2628        font-weight:400;        font-style:normal;                font-size:15px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:48px;        }
2629        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
2630        #desktop_hamburger_menu_template button.hamburger-menu-close-button {
2631            background: none;
2632            border: none;
2633            padding: 0;
2634            cursor: pointer;
2635            width: 100%;
2636        }
2637        /* this is not working in dash */
2638        #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover, 
2639        #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover,
2640        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active,
2641        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active
2642        {
2643            color: #000;
2644        }
2645        #desktop_hamburger_menu_template a.hamburger-menu-nav-section::after,
2646        #desktop_hamburger_menu_template button.hamburger-menu-nav-section::after {
2647            content: "";
2648            position: absolute;
2649            left: 0;
2650            bottom: 0;
2651            width: 0%;
2652            height: 0.5px;
2653            background-color: #000;
2654            transition: width 0.5s ease;
2655        }
2656        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
2657        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active::after {
2658            width: 100%;
2659        }
2660
2661        #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover::after,
2662        #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover::after {
2663            width: 100%;
2664        }
2665        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
2666            display: none;
2667            padding: 15px 0px;
2668            padding-left: 20px;
2669            background: #fff;
2670        }
2671        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
2672            display: block;
2673            padding-top:2px;
2674        }        
2675        
2676        #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img,
2677        #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img {
2678                            height:25px;
2679                    }
2680        @media (min-width: 768px) {             
2681            .hide_desktop {
2682                display:none!important;
2683            }
2684        }
2685        
2686        @media (max-width: 767.9px) {            
2687            .hide_mobile {
2688                display:none!important;
2689            }
2690            #desktop_hamburger_menu_template .sub_title_m svg {
2691                height: 20px;
2692                transform: rotate(180deg);
2693            }
2694            #desktop_hamburger_menu_template .sub_title_m {
2695                align-items: center;
2696                gap: 8px;
2697                cursor: pointer;
2698            }
2699            #desktop_hamburger_menu_template {
2700                position: fixed;
2701                top: 0;
2702                left: 0;
2703                width: 100%;
2704                overflow-y: auto;
2705                left: -100%;
2706                z-index: 9999998;
2707                background-color: #ffffff;
2708                transition: all 0.3s ease;
2709                height: 100%;
2710                max-height: 100vh;
2711                -webkit-overflow-scrolling: touch;
2712                box-sizing: border-box;
2713            }
2714        
2715            #desktop_hamburger_menu_template .sub-menu-panel {
2716                padding: 30px;
2717                padding-top: 30px;
2718                padding-bottom: 100px;
2719                position: absolute;
2720                top: 0;
2721                left: 200%;
2722                width: 100%;
2723                height: 100vh;
2724                background-color: #fff;
2725                overflow-y: auto;
2726                z-index: -1;
2727                opacity: 1;
2728                transition: 0.5s ease;
2729                box-sizing: border-box;
2730            }
2731            #desktop_hamburger_menu_template .sub-menu-panel.open {       
2732                opacity: 1;
2733                left: 0px;
2734                z-index: 9999999;
2735            }
2736            
2737            #desktop_hamburger_menu_template .hamburger-menu-template-inner {
2738                width: 100%;
2739            }
2740            
2741            
2742        }
2743        
2744        
2745       
2746    </style>
2747
2748    <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
2749        
2750        <div class="hamburger-menu-template-inner">
2751            <div class="hamburger-menu-template-inner-m">
2752                        <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="desktop_hamburger_close_button" role="button">
2753                <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>
2754            </a>
2755            
2756            <div class="script_before_menu">
2757                                
2758
2759<div class="flex_cell flex_cell_1 image">
2760    <div class="flex_cell_content">
2761
2762    
2763        
2764            <img
2765                                
2766                
2767                src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png"
2768
2769                alt="Albert&#039;s Jewelers">
2770
2771        
2772    
2773    </div>
2774</div>
2775    <style>
2776                .header_container_1 .flex_row .flex_col .script_before_menu .image {
2777        width:100%;        justify-content:left !important;                align-items:center !important;        }
2778        .header_container_1 .flex_row .flex_col .script_before_menu .image>.flex_cell_content {
2779        display: flex;
2780        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;        }
2781        .header_container_1 .flex_row .flex_col .script_before_menu .image img {
2782        max-width:180px;        }
2783        
2784                .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image {
2785                }
2786            </style>
2787
2788                            </div>
2789            <div style="clear: both"></div>
2790                                                                                                                        
2791                    
2792                                                <a style="margin-top:25px"
2793                           class="hamburger-menu-nav-section " 
2794                           title="New Arrivals" 
2795                           href="#!" >
2796                            
2797                        <span class="icon_and_name">
2798                        
2799                            New Arrivals                        </span>
2800                            
2801                                                    <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>
2802                        
2803                        </a>
2804                                            
2805
2806                    
2807                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-216">
2808                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2809                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2810  <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>
2811</svg>
2812
2813                            New Arrivals                        
2814                        </div>
2815                        <div class="sub_title_m hide_mobile">New Arrivals</div>
2816                        
2817                        
2818                            <!-- desktop_hamburger_menu_216_start -->
2819                            <div id="desktop_hamburger_menu_216"></div>
2820                            <!-- desktop_hamburger_menu_216_end -->
2821                                            </div>
2822
2823                                        
2824                    
2825                                                <a style="margin-top:25px"
2826                           class="hamburger-menu-nav-section " 
2827                           title="Engagement Rings" 
2828                           href="#!" >
2829                            
2830                        <span class="icon_and_name">
2831                        
2832                            Engagement Rings                        </span>
2833                            
2834                                                    <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>
2835                        
2836                        </a>
2837                                            
2838
2839                    
2840                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-6">
2841                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2842                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2843  <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>
2844</svg>
2845
2846                            Engagement Rings                        
2847                        </div>
2848                        <div class="sub_title_m hide_mobile">Engagement Rings</div>
2849                        
2850                        
2851                            <!-- desktop_hamburger_menu_6_start -->
2852                            <div id="desktop_hamburger_menu_6"></div>
2853                            <!-- desktop_hamburger_menu_6_end -->
2854                                            </div>
2855
2856                            
2857                    
2858                                                <a style=""
2859                           class="hamburger-menu-nav-section " 
2860                           title="Wedding Bands" 
2861                           href="#!" >
2862                            
2863                        <span class="icon_and_name">
2864                        
2865                            Wedding Bands                        </span>
2866                            
2867                                                    <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>
2868                        
2869                        </a>
2870                                            
2871
2872                    
2873                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-12">
2874                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2875                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2876  <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>
2877</svg>
2878
2879                            Wedding Bands                        
2880                        </div>
2881                        <div class="sub_title_m hide_mobile">Wedding Bands</div>
2882                        
2883                        
2884                            <!-- desktop_hamburger_menu_12_start -->
2885                            <div id="desktop_hamburger_menu_12"></div>
2886                            <!-- desktop_hamburger_menu_12_end -->
2887                                            </div>
2888
2889                            
2890                    
2891                                                <a style=""
2892                           class="hamburger-menu-nav-section " 
2893                           title="Diamonds" 
2894                           href="#!" >
2895                            
2896                        <span class="icon_and_name">
2897                        
2898                            Diamonds                        </span>
2899                            
2900                                                    <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>
2901                        
2902                        </a>
2903                                            
2904
2905                    
2906                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-11">
2907                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2908                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2909  <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>
2910</svg>
2911
2912                            Diamonds                        
2913                        </div>
2914                        <div class="sub_title_m hide_mobile">Diamonds</div>
2915                        
2916                        
2917                            <!-- desktop_hamburger_menu_11_start -->
2918                            <div id="desktop_hamburger_menu_11"></div>
2919                            <!-- desktop_hamburger_menu_11_end -->
2920                                            </div>
2921
2922                            
2923                    
2924                                                <a style="margin-top:20px"
2925                           class="hamburger-menu-nav-section " 
2926                           title="Designers " 
2927                           href="#!" >
2928                            
2929                        <span class="icon_and_name">
2930                        
2931                            Designers                         </span>
2932                            
2933                                                    <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>
2934                        
2935                        </a>
2936                                            
2937
2938                    
2939                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-72">
2940                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2941                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2942  <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>
2943</svg>
2944
2945                            Designers                         
2946                        </div>
2947                        <div class="sub_title_m hide_mobile">Designers </div>
2948                        
2949                        
2950                            <!-- desktop_hamburger_menu_72_start -->
2951                            <div id="desktop_hamburger_menu_72"></div>
2952                            <!-- desktop_hamburger_menu_72_end -->
2953                                            </div>
2954
2955                            
2956                    
2957                                                <a style=""
2958                           class="hamburger-menu-nav-section " 
2959                           title="Fine Jewelry" 
2960                           href="#!" >
2961                            
2962                        <span class="icon_and_name">
2963                        
2964                            Fine Jewelry                        </span>
2965                            
2966                                                    <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>
2967                        
2968                        </a>
2969                                            
2970
2971                    
2972                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-16">
2973                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
2974                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
2975  <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>
2976</svg>
2977
2978                            Fine Jewelry                        
2979                        </div>
2980                        <div class="sub_title_m hide_mobile">Fine Jewelry</div>
2981                        
2982                        
2983                            <!-- desktop_hamburger_menu_16_start -->
2984                            <div id="desktop_hamburger_menu_16"></div>
2985                            <!-- desktop_hamburger_menu_16_end -->
2986                                            </div>
2987
2988                            
2989                    
2990                                                <a style=""
2991                           class="hamburger-menu-nav-section " 
2992                           title="Timepieces" 
2993                           href="#!" >
2994                            
2995                        <span class="icon_and_name">
2996                        
2997                            Timepieces                        </span>
2998                            
2999                                                    <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>
3000                        
3001                        </a>
3002                                            
3003
3004                    
3005                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-20">
3006                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3007                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3008  <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>
3009</svg>
3010
3011                            Timepieces                        
3012                        </div>
3013                        <div class="sub_title_m hide_mobile">Timepieces</div>
3014                        
3015                        
3016                            <!-- desktop_hamburger_menu_20_start -->
3017                            <div id="desktop_hamburger_menu_20"></div>
3018                            <!-- desktop_hamburger_menu_20_end -->
3019                                            </div>
3020
3021                            
3022                    
3023                                                <a style="margin-top:20px"
3024                           class="hamburger-menu-nav-section " 
3025                           title="Services" 
3026                           href="#!" >
3027                            
3028                        <span class="icon_and_name">
3029                        
3030                            Services                        </span>
3031                            
3032                                                    <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>
3033                        
3034                        </a>
3035                                            
3036
3037                    
3038                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-179">
3039                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3040                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3041  <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>
3042</svg>
3043
3044                            Services                        
3045                        </div>
3046                        <div class="sub_title_m hide_mobile">Services</div>
3047                        
3048                        
3049                            <!-- desktop_hamburger_menu_179_start -->
3050                            <div id="desktop_hamburger_menu_179"></div>
3051                            <!-- desktop_hamburger_menu_179_end -->
3052                                            </div>
3053
3054                            
3055                    
3056                                                <a style=""
3057                           class="hamburger-menu-nav-section " 
3058                           title="Contact" 
3059                           href="#!" >
3060                            
3061                        <span class="icon_and_name">
3062                        
3063                            Contact                        </span>
3064                            
3065                                                    <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>
3066                        
3067                        </a>
3068                                            
3069
3070                    
3071                    <div class="sub-menu-panel" id="desktop-sub-menu-panel-22">
3072                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
3073                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
3074  <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>
3075</svg>
3076
3077                            Contact                        
3078                        </div>
3079                        <div class="sub_title_m hide_mobile">Contact</div>
3080                        
3081                        
3082                            <!-- desktop_hamburger_menu_22_start -->
3083                            <div id="desktop_hamburger_menu_22"></div>
3084                            <!-- desktop_hamburger_menu_22_end -->
3085                                            </div>
3086
3087                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
3088                                            </div>
3089        </div>
3090        </div>
3091    </nav>
3092    <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div>
3093
3094    
3094<script>
3095        $(function () {
3096            
3097            
3098            const trap = focusTrap.createFocusTrap('#desktop_hamburger_menu_template', {
3099                onActivate: () => $('#desktop_hamburger_menu_template').addClass('is-active'),
3100                onDeactivate: () => $('#desktop_hamburger_menu_template').removeClass('is-active'),
3101                clickOutsideDeactivates: true
3102            });
3103    
3104    
3105    
3106            function updatePanelWidth() {
3107                const elements = document.querySelectorAll('.custom_bm_fw');
3108
3109                elements.forEach(element => {
3110                  const panel = element.closest('.sub-menu-panel');
3111                  if (panel) {
3112                    if (window.innerWidth > 768) { 
3113                      const newWidth = window.innerWidth - 425;
3114                      panel.style.width = `${newWidth}px`;
3115                    } else {
3116                      panel.removeAttribute('style');
3117                    }
3118                  }
3119                });
3120              }
3121
3122            updatePanelWidth();
3123            window.addEventListener('resize', updatePanelWidth);
3124
3125            let $lastNavTrigger = null;
3126            $('.sub-menu-panel').attr('tabindex', '-1');
3127            $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3128
3129
3130
3131            $('#desktop_hamburger_button').on('click keypress', function (event) {
3132                if(event.which === 13 || event.which === 32 || event.type == 'click') {
3133                    if(event.which === 32) {
3134                        event.preventDefault();
3135                    }
3136                    document.body.classList.add('no-scroll');
3137                    $('#desktop_hamburger_menu_template').toggleClass('open')
3138                    $('#desktop_hamburger_menu_template_overlay').toggleClass('open')
3139                    $('#desktop_hamburger_menu_template').removeAttr('inert')
3140                    trap.activate()
3141                    $('#desktop_hamburger_close_button').focus()
3142                }
3143            })
3144            
3145            function closeSubMenu() {
3146                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3147                    panel.classList.remove('open');
3148                })
3149                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3150                    panel.classList.remove('active');
3151                })
3152                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3153                // Restore main-list nav items to the tab order
3154                $('.hamburger-menu-nav-section').removeAttr('tabindex');
3155                if ($lastNavTrigger) {
3156                    $lastNavTrigger.focus();
3157                    $lastNavTrigger = null;
3158                }
3159            }
3160
3161            $('.header_container_1').on('click', '.close_sub_menu', function() {
3162                closeSubMenu();
3163            })
3164
3165            $('.header_container_1').on('keydown', '.close_sub_menu', function(event) {
3166                if (event.key === 'Enter' || event.key === ' ') {
3167                    event.preventDefault();
3168                    closeSubMenu();
3169                }
3170            })
3171            
3172            
3173
3174            // Cycle Tab focus within the open sub-menu-panel (last item → first item)
3175            $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) {
3176                if (event.key !== 'Tab' || event.shiftKey) return;
3177                var $panel = $(this).closest('.sub-menu-panel.open');
3178                var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]');
3179                if ($focusable.last().is(this)) {
3180                    event.preventDefault();
3181                    $focusable.first().trigger('focus');
3182                }
3183            });
3184
3185            $('#desktop_hamburger_close_button, #desktop_hamburger_menu_template_overlay').on('click keypress', function (event) {
3186                // <button> fires a synthetic click on Enter/Space — skip keypress to avoid double-fire
3187                if (event.type === 'keypress' && this.tagName === 'BUTTON') {
3188                    return;
3189                }
3190                if(event.which === 13 || event.which === 32 || event.type == 'click') {
3191                    if (event.which === 32) {
3192                        event.preventDefault();
3193                    }
3194
3195                    closeHamburgerMenu();
3196                }
3197            })
3198
3199            $(window).resize(function () {
3200                                if($(window).width() <= 992) closeHamburgerMenu();
3201                            })
3202
3203            function closeHamburgerMenu() {
3204                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3205                    panel.classList.remove('open');
3206                })
3207                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3208                    panel.classList.remove('active');
3209                })
3210                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3211                // Restore main-list nav items to the tab order
3212                $('.hamburger-menu-nav-section').removeAttr('tabindex');
3213                $lastNavTrigger = null;
3214                document.body.classList.remove('no-scroll');
3215                $('#desktop_hamburger_menu_template').removeClass('open')
3216                $('#desktop_hamburger_menu_template_overlay').removeClass('open')
3217                $('#desktop_hamburger_menu_template').attr('inert', 'inert')
3218                trap.deactivate()
3219            }
3220
3221            $('.header_container_1').on('click', '.hamburger-menu-nav-section', function() {
3222
3223                if ($(this).hasClass("active")) {
3224                    document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3225                        panel.classList.remove('open');
3226                    })
3227                    document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3228                        panel.classList.remove('active');
3229                    })
3230                    $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3231                    // Restore main-list nav items to the tab order
3232                    $('.hamburger-menu-nav-section').removeAttr('tabindex');
3233                } else {
3234                    // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button
3235                    let $checkPanel = $(this).hasClass("parent_men_arrow")
3236                        ? $(this).closest('.ham_menu_container').next('.sub-menu-panel')
3237                        : $(this).next('.sub-menu-panel');
3238
3239                    if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) {
3240                        document.querySelectorAll('.sub-menu-panel').forEach(panel => {
3241                            panel.classList.remove('open');
3242                        })
3243                        document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
3244                            panel.classList.remove('active');
3245                        })
3246                        $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
3247
3248                        $(this).addClass('active');
3249                        $lastNavTrigger = $(this);
3250
3251                        let $openedPanel = null;
3252
3253                        if (!$(this).hasClass("parent_men")) {
3254                            updatePanelWidth();
3255                            $(this).next('.sub-menu-panel').toggleClass('open');
3256                            $openedPanel = $(this).next('.sub-menu-panel');
3257                        }
3258                        if ($(this).hasClass("parent_men_arrow")) {
3259                            $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open');
3260                            $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel');
3261                        }
3262
3263                        if ($openedPanel && $openedPanel.hasClass('open')) {
3264                            // Hide main-list nav items from tab order while panel is open
3265                            $('.hamburger-menu-nav-section').attr('tabindex', '-1');
3266                            $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0');
3267                            setTimeout(function() {
3268                                $openedPanel.find('[tabindex="0"]').first().trigger('focus');
3269                            }, 50);
3270                        }
3271                    }
3272                }
3273
3274            })
3275        })
3276        
3277        function setHamburgerInnerHeight() {
3278            const inner = document.querySelector('.hamburger-menu
3278-template-inner-m');
3279            const offset = 0; // adjust this if there's a header/footer inside
3280            inner.style.height = `${window.innerHeight - offset - 70}px`;
3281        }
3282
3283        // Run on load and resize
3284        window.addEventListener('load', setHamburgerInnerHeight);
3285        window.addEventListener('resize', setHamburgerInnerHeight);
3286
3287    </script>
3287
3288</div>
3289
3290<style>
3291    #desktop_hamburger_menu_template>ul>li>a {
3292        color:#000000; display: flex;
3293        font-weight:400;        font-style:normal;                font-size:15px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:48px;    }
3294
3295    #desktop_hamburger_menu_template>ul>li>a:hover {
3296        color:#000000;    }
3297    
3298    
3299
3300</style>
3301                            </div>
3302                        
3303                            <div class="flex_col">
3304
3305                                
3306                            </div>
3307                        
3308                            <div class="flex_col">
3309
3310                                
3311                            </div>
3312                        
3313                            <div class="flex_col">
3314
3315                                
3316                            </div>
3317                        
3318                            <div class="flex_col">
3319
3320                                
3321                            </div>
3322                        
3323                    </div>
3324                
3325            
3326                
3327                    <div class="flex_row">
3328
3329                        
3330                            <div class="flex_col">
3331
3332                                
3333                            </div>
3334                        
3335                    </div>
3336                
3337            
3338        </div>
3339
3340
3341    
3342</header>
3343<header class="appearance-tablet-view-template">    
3344    
3345    
3346        
3347        <style>
3348            .header_container>.flex_row {
3349                display: flex;
3350            }
3351
3352            .header_container_2 {
3353                            width: 100%;
3354                                        max-width: 100%;
3355                            margin: 0 auto;
3356                position: relative !important;
3357                transform: inherit !important;
3358            }
3359            .header_container>.flex_row>.flex_col {
3360                display: flex;
3361                flex-wrap: wrap;
3362                box-sizing: border-box;
3363                align-content: baseline;
3364            }
3365            .header_container>.flex_row>.flex_col>.flex_cell {
3366                height: fit-content;
3367                display: flex;
3368            }
3369            .header_container>.flex_row>.flex_col>.flex_cell a {
3370                text-decoration: none;
3371            }
3372            .header_container img {
3373                max-width: 100%;
3374            }
3375            .row_spacer_cs {
3376                display: none;
3377            }
3378            .sticky_row {
3379                position: fixed;
3380            }
3381            .sticky_row + .row_spacer_cs {
3382                display: block;
3383            }
3384        </style>
3385
3386        <div class="header_container header_container_2" data-device-type="2">
3387
3388            
3389                
3390                <div class="flex_row flex_row_1 ">
3391
3392                    
3393                        <div class="flex_col flex_col_1">
3394
3395                            
3396                        </div>
3397
3398                        <style>
3399                            .header_container_2>.flex_row_1>.flex_col_1 {
3400                            width:3%;                            }
3401                        </style>
3402
3403
3404                    
3405                        <div class="flex_col flex_col_2">
3406
3407                            
3408<div class="flex_cell flex_cell_1 custom_text">
3409    <div class="flex_cell_content">
3410                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" >
3411                    <p class="">Request An Appointment →</p>
3412                </a>
3413            </div>
3414</div>
3415<style>
3416    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
3417    width:100%;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
3418
3419            .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
3420        height:100%;        }
3421    
3422    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content {
3423    display: flex;
3424    margin-top:10px;    margin-bottom:10px;    margin-left:3px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
3425
3426    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p {
3427    line-height: inherit;
3428    margin:0;
3429    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;    }
3430
3431    .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover {
3432    color:#ffffff;    }
3433</style>
3434
3435                        </div>
3436
3437                        <style>
3438                            .header_container_2>.flex_row_1>.flex_col_2 {
3439                            width:47%;                            }
3440                        </style>
3441
3442
3443                    
3444                        <div class="flex_col flex_col_3">
3445
3446                            
3447<div class="flex_cell flex_cell_1 call_us">
3448            <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
3448<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>
3449<style>
3450    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
3451        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
3452
3453            .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
3454        height:100%;        }
3455    
3456    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content {
3457        display: flex;
3458        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:3px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3459
3460    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a {
3461        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:11px;        font-family:ITC Avant Garde;        display: flex;
3462        align-items: center;
3463        text-transform:none;    }
3464
3465    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg,
3466    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img {
3467        margin-right: 5px;
3468        height:10px;    }
3469
3470    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class {
3471        fill: currentColor;
3472    }
3473
3474
3475    .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover {
3476    color:#ffffff;    }
3477</style>
3478                        </div>
3479
3480                        <style>
3481                            .header_container_2>.flex_row_1>.flex_col_3 {
3482                            width:47%;                            }
3483                        </style>
3484
3485
3486                    
3487                        <div class="flex_col flex_col_4">
3488
3489                            
3490                        </div>
3491
3492                        <style>
3493                            .header_container_2>.flex_row_1>.flex_col_4 {
3494                            width:3%;                            }
3495                        </style>
3496
3497
3498                    
3499                </div>
3500
3501                
3502                <style>
3503    .header_container_2>.flex_row_1 {
3504                    background-color: #022d57;
3505        
3506        color:#000000;        height:auto;                
3507        
3508            }
3509
3510    </style>
3511
3512
3513                                
3514            
3515                
3516                <div class="flex_row flex_row_2 ">
3517
3518                    
3519                        <div class="flex_col flex_col_1">
3520
3521                            <div class="flex_cell flex_cell_1 menu">
3522    <div class="flex_cell_content">
3523            <style>
3524            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner,
3525            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent {
3526                width: 30px;
3527                height: 24px;
3528                position: relative;
3529                cursor: pointer;
3530            }
3531            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
3532                fill: #022d57;            }
3533
3534            
3535            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section,
3536            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{
3537            color:#000000;                display: flex;
3538            font-weight:400;            font-style:normal;                        font-size:14px;            font-family:ITC Avant Garde;            text-transform:none;                        line-height:35px;            }
3539        </style>
3540
3541        <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">
3542            <div class="hamburger-button-parent">
3543               <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">
3544                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
3545                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
3546                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
3547                </svg>
3548
3549
3550            </div>
3551                    </div>
3552        </div>
3553</div>
3554
3555<style>
3556    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
3557        width:100%;                                    justify-content: center;
3558                            align-items:center; -webkit-align-items:center;    }
3559
3560            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
3561        height:100%;        }
3562    
3563    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
3564        display: flex;
3565        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3566
3567    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
3568    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
3569        color:#000000; display: flex;
3570        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
3571
3572    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
3573        color:#000000;    }
3574</style>
3575                        </div>
3576
3577                        <style>
3578                            .header_container_2>.flex_row_2>.flex_col_1 {
3579                            width:12%;                            }
3580                        </style>
3581
3582
3583                    
3584                        <div class="flex_col flex_col_2">
3585
3586                            
3587
3588<div class="flex_cell flex_cell_1 image">
3589    <div class="flex_cell_content">
3590
3591            <a href="https://www.albertsjewelers.com/"
3592           >
3593    
3594        
3595            <img
3596                                
3597                
3598                src="https://www.albertsjewelers.com/public/1.0/uploads/source/ad-logo-t.png"
3599
3600                alt="Albert&#039;s Diamond Jewelers">
3601
3602        
3603            </a>
3604    
3605    </div>
3606</div>
3607    <style>
3608                .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image {
3609        width:100%;        justify-content:left;
3609 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
3610        .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
3611        display: flex;
3612        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
3613        .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img {
3614        max-width:100%;        }
3615        
3616                .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image {
3617        height:100%;        }
3618            </style>
3619
3620
3621                        </div>
3622
3623                        <style>
3624                            .header_container_2>.flex_row_2>.flex_col_2 {
3625                            width:60%;                            }
3626                        </style>
3627
3628
3629                    
3630                        <div class="flex_col flex_col_3">
3631
3632                            
3633<div class="flex_cell flex_cell_1 account_icons">
3634    <div class="flex_cell_content">
3635        
3636                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1">
3637                <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>
3638                            </a>
3639        
3640                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
3641                <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>
3642                            </a>
3643        
3644        
3645                                    <a class="" href="/login" title="My Account" style="order: 3">
3646                    <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>
3647                        </div>
3648</div>
3649
3650<style>
3651    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
3652        width:100%;                                    justify-content: flex-end;
3653                            align-items:center; -webkit-align-items:center;    }
3654
3655            .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
3656        height:100%;        }
3657    
3658    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
3659    display: flex;
3660    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:25px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
3661
3662    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
3663        display: none !important;
3664    }
3665
3666    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a {
3667        display: flex;
3668        align-items: center;
3669        color:#022d57;        font-weight:400;        font-style:normal;                        font-size:16px;        font-family:Baskerville;        margin-left: 12px;
3670        text-transform:none;    }
3671
3672    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg,
3673    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img {
3674        flex-shrink: 0;
3675        margin-right: 5px;
3676        width:15px;        height:15px;    }
3677
3678    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class {
3679        fill: currentColor;
3680    }
3681
3682    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover {
3683        color:#003da5;    }
3684
3685    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
3686        padding: 0 5px;
3687        height: 16px;
3688        min-width: 16px;
3689        text-align: center;
3690        border-radius: 7px;
3691        line-height: 16px;
3692        border: 1px solid #fff;
3693        font-style: normal;
3694        font-weight: 700;
3695        font-size: 10px;
3696        background-color:#cdb877;        color:#ffffff;        margin-left: -10px;
3697        margin-top: -15px;
3698    }
3699</style>
3700                        </div>
3701
3702                        <style>
3703                            .header_container_2>.flex_row_2>.flex_col_3 {
3704                            width:28%;                            }
3705                        </style>
3706
3707
3708                    
3709                </div>
3710
3711                
3712                <style>
3713    .header_container_2>.flex_row_2 {
3714                    background-color: #ffffff;
3715        
3716        color:#000000;        height:auto;                
3717        
3718            }
3719
3720    </style>
3721
3722
3723                                
3724            
3725                
3726                <div class="flex_row flex_row_3 ">
3727
3728                    
3729                        <div class="flex_col flex_col_1">
3730
3731                            
3732<div class="flex_cell flex_cell_1 search_box">
3733    <div class="flex_cell_content">
3734                    <form class="sform" id="search-box-form"
3735            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
3736                    <div class="inputs-group">
3737                                    <button class="sBtn">
3738                        <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>
3739                    </button>
3740                                <input class="sinp" type="text" name="search"
3741                       placeholder="Watches, Jewelry, Rings..." 
3742                       aria-label="Watches, Jewelry, Rings..."
3743                       >
3744                            </div>
3745                    </form>
3746            </div>
3747</div>
3748<style>
3749    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
3750        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
3751
3752            .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
3753        height:100%;        }
3754    
3755    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content {
3756        display: flex;
3757        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%;    }
3758
3759    .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 {
3760        width: 100%;
3761        display: flex;
3762        flex-wrap: nowrap;
3763    }
3764
3765    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp {
3766        border-radius: 0px;
3767        padding: 4px 8px;
3768        outline: 0px;
3769        box-shadow: none;
3770        font-size:12px;        font-family:Baskerville;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;        
3771        
3772       
3773                border-style: solid;
3774        border-width:1px;        border-color:#ffffff;        
3775
3776                    border-left:0px;
3777                        width: 100%;        
3778        
3779                border-bottom-color:#022d57;    }
3780
3781    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover {
3782            }
3783
3784    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder {
3785        font-size:12px;        font-family:Baskerville;        color:#022d75;        opacity: 1;
3786    }
3787
3788    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn {
3789        height: 100%;
3790        border-radius: 0px;
3791        padding: 4px;
3792        align-items: center;
3793        justify-content: center;
3794        display: flex;
3795        border-style: solid;
3796        border-width:1px;        border-color:#ffffff;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;                                    border-right:0px;
3797                            
3798            }
3799
3800    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover {
3801        background-color:#ffffff;            }
3802
3803    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg {
3804        width:11px;        height:11px;    }
3805
3806    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class {
3807        fill:#022d57;    }
3808
3809    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class {
3810        fill:#022d57;    }
3811
3812</style>
3813                        </div>
3814
3815                        <style>
3816                            .header_container_2>.flex_row_3>.flex_col_1 {
3817                            width:100%;                            }
3818                        </style>
3819
3820
3821                    
3822                </div>
3823
3824                
3825                <style>
3826    .header_container_2>.flex_row_3 {
3827                    background-color: #ffffff;
3828        
3829        color:#000000;        height:auto;                
3830        
3831            }
3832
3833    </style>
3834
3835
3836                                
3837            
3838            
3839                
3840                    <div class="flex_row">
3841
3842                        
3843                            <div class="flex_col">
3844
3845                                
3846                            </div>
3847                        
3848                            <div class="flex_col">
3849
3850                                
3851                            </div>
3852                        
3853                            <div class="flex_col">
3854
3855                                
3856                            </div>
3857                        
3858                            <div class="flex_col">
3859
3860                                
3861                            </div>
3862                        
3863                    </div>
3864                
3865            
3866                
3867                    <div class="flex_row">
3868
3869                        
3870                            <div class="flex_col">
3871
3872                                <div class="flex_cell flex_cell_1 menu">
3873    <style>
3874        body.no-scroll {
3875            overflow: hidden;
3876        }
3877        #tablet_hamburger_menu_template {
3878            position: fixed;
3879            top: 0;
3880            left: 0;
3881            width: 425px;
3882            overflow-y: auto;
3883            left: -425px;
3884            z-index: 1000000001;
3885            background-color: #ffffff;
3886            transition: all 0.3s ease;
3887            height: 100%;
3888            max-height: 100vh;
3889            -webkit-overflow-scrolling: touch;
3890            box-sizing: border-box;
3891        }
3892        #tablet_hamburger_menu_template_overlay.open {
3893            position: absolute;
3894            top: 0;
3895            left: 0;
3896            right: 0;
3897            z-index: 100;
3898            transition: all 0.3s ease;
3899            height: 100vh;
3900            background: rgba(1, 1, 1, 0.5);
3901            cursor: pointer;
3902            box-sizing: border-box;
3903        }
3904        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m {
3905            height: 100vh;
3906            overflow-y: auto;
3907            -webkit-overflow-scrolling: touch;
3908            box-sizing: border-box;
3909            padding-right: 30px;
3910        }
3911        
3912        /* Applies to your scrollable element */
3913        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m,
3914        #tablet_hamburger_menu_template .sub-menu-panel {
3915          /* existing styles */
3916          overflow-y: auto;
3917          scroll-behavior: smooth;
3918
3919          /* Optional smoother experience on mobile */
3920          -webkit-overflow-scrolling: touch;
3921        }
3922
3923        /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */
3924        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar,
3925        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar {
3926          width: 8px;
3927        }
3928
3929        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track,
3930        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track {
3931          background: #f0f0f0; /* Light background */
3932          border-radius: 4px;
3933        }
3934        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb,
3935        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb {
3936          background-color: #ccc;
3937          border-radius: 4px;
3938          border: 2px solid #f0f0f0; /* Matches track */
3939        }
3940        #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
3941        #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover {
3942          background-color: #999;
3943        }
3944
3945        /* Firefox scrollbar styling */
3946        @supports (scrollbar-color: auto) {
3947            #tablet_hamburger_menu_template .hamburger-menu-template-inner-m,
3948          #tablet_hamburger_menu_template .sub-menu-panel {
3949            scrollbar-width: thin;
3950            scrollbar-color: #ccc #f0f0f0; /* thumb and track */
3951          }
3952        }
3953        #tablet_hamburger_menu_template .hamburger-menu-template-inner {
3954            padding: 30px;
3955            width: 425px;
3956            padding-right: 0px;
3957            position: fixed;
3958            box-sizing: border-box;
3959        }
3960        #tablet_hamburger_menu_template .hamburger-menu-close-button {
3961            font-size: 14px !important;
3962            display: flex;
3963            align-items: center;
3964            margin-bottom: 20px;
3965        }
3966        #tablet_hamburger_menu_template .hamburger-menu-close-button svg {
3967            height: 24px;
3968            margin-right: 5px;
3969        }
3970        #tablet_hamburger_menu_template .hamburger-menu-nav-section {
3971            display: flex;
3972            justify-content: space-between;
3973            align-items: center;
3974            box-sizing: border-box;
3975        }
3976        #tablet_hamburger_menu_template .sub_title_m {
3977            color: #444;
3978            text-transform: uppercase;
3979            font-weight: 400;
3980            font-size: 14px;
3981            margin-top: 30px;
3982            margin-bottom: 30px;
3983            letter-spacing: 2px;
3984            display:flex;
3985        }
3986        #tablet_hamburger_menu_template .hamburger-menu-nav-section svg {
3987            height: 20px;
3988            float: right;
3989        }
3990        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{
3991            text-decoration: underline;
3992        }
3993        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{
3994            min-width:30px;
3995            justify-content: end;
3996        }
3997        #tablet_hamburger_menu_template .icon_and_name {
3998            display:flex;
3999            align-items:center;
4000            gap:10px;
4001        }
4002        #tablet_hamburger_menu_template .ham_menu_container {
4003            display:flex;
4004            justify-content: space-between;
4005        }
4006        #tablet_hamburger_menu_template.open {
4007            left: 0;
4008            
4009        }        
4010        #tablet_hamburger_menu_template .sub-menu-panel {
4011            padding: 30px;
4012            padding-top: 60px;
4013            position: absolute;
4014            top: 0;
4015            left: 425px;
4016            width: 425px;
4017            height: 100vh;
4018            background-color: #fff;
4019            overflow-y: auto;
4020            z-index: 999999;
4021            opacity: 0;
4022            transition: opacity 0.5s ease;
4023        }
4024
4025        #tablet_hamburger_menu_template .sub-menu-panel.open {       
4026            opacity: 1;
4027            z-index: 9999999;
4028        }
4029         
4030        
4031        
4032        #tablet_hamburger_menu_template a.hamburger-menu-nav-section,
4033        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
4034        #tablet_hamburger_menu_template a.hamburger-menu-close-button,
4035        #tablet_hamburger_menu_template button.hamburger-menu-close-button {
4036            position: relative;
4037        color:#000000;            display: flex;
4038        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;        }
4039        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
4040        #tablet_hamburger_menu_template button.hamburger-menu-close-button {
4041            background: none;
4042            border: none;
4043            padding: 0;
4044            cursor: pointer;
4045            width: 100%;
4046        }
4047        /* this is not working in dash */
4048        #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover, 
4049        #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover,
4050        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active,
4051        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active
4052        {
4053            color: #000;
4054        }
4055        #tablet_hamburger_menu_template a.hamburger-menu-nav-section::after,
4056        #tablet_hamburger_menu_template button.hamburger-menu-nav-section::after {
4057            content: "";
4058            position: absolute;
4059            left: 0;
4060            bottom: 0;
4061            width: 0%;
4062            height: 0.5px;
4063            background-color: #000;
4064            transition: width 0.5s ease;
4065        }
4066        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
4067        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active::after {
4068            width: 100%;
4069        }
4070
4071        #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover::after,
4072        #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover::after {
4073            width: 100%;
4074        }
4075        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
4076            display: none;
4077            padding: 15px 0px;
4078            padding-left: 20px;
4079            background: #fff;
4080        }
4081        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
4082            display: block;
4083            padding-top:2px;
4084        }        
4085        
4086        #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img,
4087        #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img {
4088                            height:30px;
4089                    }
4090        @media (min-width: 768px) {             
4091            .hide_desktop {
4092                display:none!important;
4093            }
4094        }
4095        
4096        @media (max-width: 767.9px) {            
4097            .hide_mobile {
4098                display:none!important;
4099            }
4100            #tablet_hamburger_menu_template .sub_title_m svg {
4101                height: 20px;
4102                transform: rotate(180deg);
4103            }
4104            #tablet_hamburger_menu_template .sub_title_m {
4105                align-items: center;
4106                gap: 8px;
4107                cursor: pointer;
4108            }
4109            #tablet_hamburger_menu_template {
4110                position: fixed;
4111                top: 0;
4112                left: 0;
4113                width: 100%;
4114                overflow-y: auto;
4115                left: -100%;
4116                z-index: 9999998;
4117                background-color: #ffffff;
4118                transition: all 0.3s ease;
4119                height: 100%;
4120                max-height: 100vh;
4121                -webkit-overflow-scrolling: touch;
4122                box-sizing: border-box;
4123            }
4124        
4125            #tablet_hamburger_menu_template .sub-menu-panel {
4126                padding: 30px;
4127                padding-top: 30px;
4128                padding-bottom: 100px;
4129                position: absolute;
4130                top: 0;
4131                left: 200%;
4132                width: 100%;
4133                height: 100vh;
4134                background-color: #fff;
4135                overflow-y: auto;
4136                z-index: -1;
4137                opacity: 1;
4138                transition: 0.5s ease;
4139                box-sizing: border-box;
4140            }
4141            #tablet_hamburger_menu_template .sub-menu-panel.open {       
4142                opacity: 1;
4143                left: 0px;
4144                z-index: 9999999;
4145            }
4146            
4147            #tablet_hamburger_menu_template .hamburger-menu-template-inner {
4148                width: 100%;
4149            }
4150            
4151            
4152        }
4153        
4154        
4155       
4156    </style>
4157
4158    <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
4159        
4160        <div class="hamburger-menu-template-inner">
4161            <div class="hamburger-menu-template-inner-m">
4162                        <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="tablet_hamburger_close_button" role="button">
4163                <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>
4164            </a>
4165            
4166            <div class="script_before_menu">
4167                                
4168
4169<div class="flex_cell flex_cell_1 image">
4170    <div class="flex_cell_content">
4171
4172    
4173        
4174            <img
4175                                
4176                
4177                src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png"
4178
4179                alt="Albert&#039;s Jewelers">
4180
4181        
4182    
4183    </div>
4184</div>
4185    <style>
4186                .header_container_2 .flex_row .flex_col .script_before_menu .image {
4187        width:100%;        justify-content:left !important;                align-items:center !important;        }
4188        .header_container_2 .flex_row .flex_col .script_before_menu .image>.flex_cell_content {
4189        display: flex;
4190        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;        }
4191        .header_container_2 .flex_row .flex_col .script_before_menu .image img {
4192        max-width:150px;        }
4193        
4194                .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.image {
4195                }
4196            </style>
4197
4198                            </div>
4199            <div style="clear: both"></div>
4200                                                                                                                        
4201                    
4202                                                <a style="margin-top:25px"
4203                           class="hamburger-menu-nav-section " 
4204                           title="New Arrivals" 
4205                           href="#!" >
4206                            
4207                        <span class="icon_and_name">
4208                        
4209                            New Arrivals                        </span>
4210                            
4211                                                    <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>
4212                        
4213                        </a>
4214                                            
4215
4216                    
4217                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-216">
4218                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4219                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4220  <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>
4221</svg>
4222
4223                            New Arrivals                        
4224                        </div>
4225                        <div class="sub_title_m hide_mobile">New Arrivals</div>
4226                        
4227                        
4228                            <!-- tablet_hamburger_menu_216_start -->
4229                            <div id="tablet_hamburger_menu_216"></div>
4230                            <!-- tablet_hamburger_menu_216_end -->
4231                                            </div>
4232
4233                                        
4234                    
4235                                                <a style="margin-top:25px"
4236                           class="hamburger-menu-nav-section " 
4237                           title="Engagement Rings" 
4238                           href="#!" >
4239                            
4240                        <span class="icon_and_name">
4241                        
4242                            Engagement Rings                        </span>
4243                            
4244                                                    <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>
4245                        
4246                        </a>
4247                                            
4248
4249                    
4250                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-6">
4251                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4252                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4253  <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>
4254</svg>
4255
4256                            Engagement Rings                        
4257                        </div>
4258                        <div class="sub_title_m hide_mobile">Engagement Rings</div>
4259                        
4260                        
4261                            <!-- tablet_hamburger_menu_6_start -->
4262                            <div id="tablet_hamburger_menu_6"></div>
4263                            <!-- tablet_hamburger_menu_6_end -->
4264                                            </div>
4265
4266                            
4267                    
4268                                                <a style=""
4269                           class="hamburger-menu-nav-section " 
4270                           title="Wedding Bands" 
4271                           href="#!" >
4272                            
4273                        <span class="icon_and_name">
4274                        
4275                            Wedding Bands                        </span>
4276                            
4277                                                    <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>
4278                        
4279                        </a>
4280                                            
4281
4282                    
4283                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-12">
4284                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4285                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4286  <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>
4287</svg>
4288
4289                            Wedding Bands                        
4290                        </div>
4291                        <div class="sub_title_m hide_mobile">Wedding Bands</div>
4292                        
4293                        
4294                            <!-- tablet_hamburger_menu_12_start -->
4295                            <div id="tablet_hamburger_menu_12"></div>
4296                            <!-- tablet_hamburger_menu_12_end -->
4297                                            </div>
4298
4299                            
4300                    
4301                                                <a style=""
4302                           class="hamburger-menu-nav-section " 
4303                           title="Diamonds" 
4304                           href="#!" >
4305                            
4306                        <span class="icon_and_name">
4307                        
4308                            Diamonds                        </span>
4309                            
4310                                                    <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>
4311                        
4312                        </a>
4313                                            
4314
4315                    
4316                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-11">
4317                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4318                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4319  <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>
4320</svg>
4321
4322                            Diamonds                        
4323                        </div>
4324                        <div class="sub_title_m hide_mobile">Diamonds</div>
4325                        
4326                        
4327                            <!-- tablet_hamburger_menu_11_start -->
4328                            <div id="tablet_hamburger_menu_11"></div>
4329                            <!-- tablet_hamburger_menu_11_end -->
4330                                            </div>
4331
4332                            
4333                    
4334                                                <a style="margin-top:20px"
4335                           class="hamburger-menu-nav-section " 
4336                           title="Designers " 
4337                           href="#!" >
4338                            
4339                        <span class="icon_and_name">
4340                        
4341                            Designers                         </span>
4342                            
4343                                                    <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>
4344                        
4345                        </a>
4346                                            
4347
4348                    
4349                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-72">
4350                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4351                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4352  <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>
4353</svg>
4354
4355                            Designers                         
4356                        </div>
4357                        <div class="sub_title_m hide_mobile">Designers </div>
4358                        
4359                        
4360                            <!-- tablet_hamburger_menu_72_start -->
4361                            <div id="tablet_hamburger_menu_72"></div>
4362                            <!-- tablet_hamburger_menu_72_end -->
4363                                            </div>
4364
4365                            
4366                    
4367                                                <a style=""
4368                           class="hamburger-menu-nav-section " 
4369                           title="Fine Jewelry" 
4370                           href="#!" >
4371                            
4372                        <span class="icon_and_name">
4373                        
4374                            Fine Jewelry                        </span>
4375                            
4376                                                    <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>
4377                        
4378                        </a>
4379                                            
4380
4381                    
4382                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-16">
4383                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4384                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4385  <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>
4386</svg>
4387
4388                            Fine Jewelry                        
4389                        </div>
4390                        <div class="sub_title_m hide_mobile">Fine Jewelry</div>
4391                        
4392                        
4393                            <!-- tablet_hamburger_menu_16_start -->
4394                            <div id="tablet_hamburger_menu_16"></div>
4395                            <!-- tablet_hamburger_menu_16_end -->
4396                                            </div>
4397
4398                            
4399                    
4400                                                <a style=""
4401                           class="hamburger-menu-nav-section " 
4402                           title="Timepieces" 
4403                           href="#!" >
4404                            
4405                        <span class="icon_and_name">
4406                        
4407                            Timepieces                        </span>
4408                            
4409                                                    <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>
4410                        
4411                        </a>
4412                                            
4413
4414                    
4415                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-20">
4416                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4417                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4418  <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>
4419</svg>
4420
4421                            Timepieces                        
4422                        </div>
4423                        <div class="sub_title_m hide_mobile">Timepieces</div>
4424                        
4425                        
4426                            <!-- tablet_hamburger_menu_20_start -->
4427                            <div id="tablet_hamburger_menu_20"></div>
4428                            <!-- tablet_hamburger_menu_20_end -->
4429                                            </div>
4430
4431                            
4432                    
4433                                                <a style="margin-top:20px"
4434                           class="hamburger-menu-nav-section " 
4435                           title="Services" 
4436                           href="#!" >
4437                            
4438                        <span class="icon_and_name">
4439                        
4440                            Services                        </span>
4441                            
4442                                                    <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>
4443                        
4444                        </a>
4445                                            
4446
4447                    
4448                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-179">
4449                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4450                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4451  <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>
4452</svg>
4453
4454                            Services                        
4455                        </div>
4456                        <div class="sub_title_m hide_mobile">Services</div>
4457                        
4458                        
4459                            <!-- tablet_hamburger_menu_179_start -->
4460                            <div id="tablet_hamburger_menu_179"></div>
4461                            <!-- tablet_hamburger_menu_179_end -->
4462                                            </div>
4463
4464                            
4465                    
4466                                                <a style=""
4467                           class="hamburger-menu-nav-section " 
4468                           title="Contact" 
4469                           href="#!" >
4470                            
4471                        <span class="icon_and_name">
4472                        
4473                            Contact                        </span>
4474                            
4475                                                    <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>
4476                        
4477                        </a>
4478                                            
4479
4480                    
4481                    <div class="sub-menu-panel" id="tablet-sub-menu-panel-22">
4482                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
4483                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
4484  <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>
4485</svg>
4486
4487                            Contact                        
4488                        </div>
4489                        <div class="sub_title_m hide_mobile">Contact</div>
4490                        
4491                        
4492                            <!-- tablet_hamburger_menu_22_start -->
4493                            <div id="tablet_hamburger_menu_22"></div>
4494                            <!-- tablet_hamburger_menu_22_end -->
4495                                            </div>
4496
4497                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
4498                                            </div>
4499        </div>
4500        </div>
4501    </nav>
4502    <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div>
4503
4504    
4504<script>
4505        $(function () {
4506            
4507            
4508            const trap = focusTrap.createFocusTrap('#tablet_hamburger_menu_template', {
4509                onActivate: () => $('#tablet_hamburger_menu_template').addClass('is-active'),
4510                onDeactivate: () => $('#tablet_hamburger_menu_template').removeClass('is-active'),
4511                clickOutsideDeactivates: true
4512            });
4513    
4514    
4515    
4516            function updatePanelWidth() {
4517                const elements = document.querySelectorAll('.custom_bm_fw');
4518
4519                elements.forEach(element => {
4520                  const panel = element.closest('.sub-menu-panel');
4521                  if (panel) {
4522                    if (window.innerWidth > 768) { 
4523                      const newWidth = window.innerWidth - 425;
4524                      panel.style.width = `${newWidth}px`;
4525                    } else {
4526                      panel.removeAttribute('style');
4527                    }
4528                  }
4529                });
4530              }
4531
4532            updatePanelWidth();
4533            window.addEventListener('resize', updatePanelWidth);
4534
4535            let $lastNavTrigger = null;
4536            $('.sub-menu-panel').attr('tabindex', '-1');
4537            $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4538
4539
4540
4541            $('#tablet_hamburger_button').on('click keypress', function (event) {
4542                if(event.which === 13 || event.which === 32 || event.type == 'click') {
4543                    if(event.which === 32) {
4544                        event.preventDefault();
4545                    }
4546                    document.body.classList.add('no-scroll');
4547                    $('#tablet_hamburger_menu_template').toggleClass('open')
4548                    $('#tablet_hamburger_menu_template_overlay').toggleClass('open')
4549                    $('#tablet_hamburger_menu_template').removeAttr('inert')
4550                    trap.activate()
4551                    $('#tablet_hamburger_close_button').focus()
4552                }
4553            })
4554            
4555            function closeSubMenu() {
4556                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4557                    panel.classList.remove('open');
4558                })
4559                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4560                    panel.classList.remove('active');
4561                })
4562                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4563                // Restore main-list nav items to the tab order
4564                $('.hamburger-menu-nav-section').removeAttr('tabindex');
4565                if ($lastNavTrigger) {
4566                    $lastNavTrigger.focus();
4567                    $lastNavTrigger = null;
4568                }
4569            }
4570
4571            $('.header_container_2').on('click', '.close_sub_menu', function() {
4572                closeSubMenu();
4573            })
4574
4575            $('.header_container_2').on('keydown', '.close_sub_menu', function(event) {
4576                if (event.key === 'Enter' || event.key === ' ') {
4577                    event.preventDefault();
4578                    closeSubMenu();
4579                }
4580            })
4581            
4582            
4583
4584            // Cycle Tab focus within the open sub-menu-panel (last item → first item)
4585            $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) {
4586                if (event.key !== 'Tab' || event.shiftKey) return;
4587                var $panel = $(this).closest('.sub-menu-panel.open');
4588                var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]');
4589                if ($focusable.last().is(this)) {
4590                    event.preventDefault();
4591                    $focusable.first().trigger('focus');
4592                }
4593            });
4594
4595            $('#tablet_hamburger_close_button, #tablet_hamburger_menu_template_overlay').on('click keypress', function (event) {
4596                // <button> fires a synthetic click on Enter/Space — skip keypress to avoid double-fire
4597                if (event.type === 'keypress' && this.tagName === 'BUTTON') {
4598                    return;
4599                }
4600                if(event.which === 13 || event.which === 32 || event.type == 'click') {
4601                    if (event.which === 32) {
4602                        event.preventDefault();
4603                    }
4604
4605                    closeHamburgerMenu();
4606                }
4607            })
4608
4609            $(window).resize(function () {
4610                                if($(window).width() > 992 || $(window).width() <= 768) closeHamburgerMenu();
4611                            })
4612
4613            function closeHamburgerMenu() {
4614                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4615                    panel.classList.remove('open');
4616                })
4617                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4618                    panel.classList.remove('active');
4619                })
4620                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4621                // Restore main-list nav items to the tab order
4622                $('.hamburger-menu-nav-section').removeAttr('tabindex');
4623                $lastNavTrigger = null;
4624                document.body.classList.remove('no-scroll');
4625                $('#tablet_hamburger_menu_template').removeClass('open')
4626                $('#tablet_hamburger_menu_template_overlay').removeClass('open')
4627                $('#tablet_hamburger_menu_template').attr('inert', 'inert')
4628                trap.deactivate()
4629            }
4630
4631            $('.header_container_2').on('click', '.hamburger-menu-nav-section', function() {
4632
4633                if ($(this).hasClass("active")) {
4634                    document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4635                        panel.classList.remove('open');
4636                    })
4637                    document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4638                        panel.classList.remove('active');
4639                    })
4640                    $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4641                    // Restore main-list nav items to the tab order
4642                    $('.hamburger-menu-nav-section').removeAttr('tabindex');
4643                } else {
4644                    // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button
4645                    let $checkPanel = $(this).hasClass("parent_men_arrow")
4646                        ? $(this).closest('.ham_menu_container').next('.sub-menu-panel')
4647                        : $(this).next('.sub-menu-panel');
4648
4649                    if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) {
4650                        document.querySelectorAll('.sub-menu-panel').forEach(panel => {
4651                            panel.classList.remove('open');
4652                        })
4653                        document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
4654                            panel.classList.remove('active');
4655                        })
4656                        $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
4657
4658                        $(this).addClass('active');
4659                        $lastNavTrigger = $(this);
4660
4661                        let $openedPanel = null;
4662
4663                        if (!$(this).hasClass("parent_men")) {
4664                            updatePanelWidth();
4665                            $(this).next('.sub-menu-panel').toggleClass('open');
4666                            $openedPanel = $(this).next('.sub-menu-panel');
4667                        }
4668                        if ($(this).hasClass("parent_men_arrow")) {
4669                            $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open');
4670                            $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel');
4671                        }
4672
4673                        if ($openedPanel && $openedPanel.hasClass('open')) {
4674                            // Hide main-list nav items from tab order while panel is open
4675                            $('.hamburger-menu-nav-section').attr('tabindex', '-1');
4676                            $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0');
4677                            setTimeout(function() {
4678                                $openedPanel.find('[tabindex="0"]').first().trigger('focus');
4679                            }, 50);
4680                        }
4681                    }
4682                }
4683
4684            })
4685        })
4686        
4687        function setHamburgerInnerHeight() {
4688            const inner = document.querySelector('.hamburger-menu
4688-template-inner-m');
4689            const offset = 0; // adjust this if there's a header/footer inside
4690            inner.style.height = `${window.innerHeight - offset - 70}px`;
4691        }
4692
4693        // Run on load and resize
4694        window.addEventListener('load', setHamburgerInnerHeight);
4695        window.addEventListener('resize', setHamburgerInnerHeight);
4696
4697    </script>
4697
4698</div>
4699
4700<style>
4701    #tablet_hamburger_menu_template>ul>li>a {
4702        color:#000000; display: flex;
4703        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
4704
4705    #tablet_hamburger_menu_template>ul>li>a:hover {
4706        color:#000000;    }
4707    
4708    
4709
4710</style>
4711                            </div>
4712                        
4713                            <div class="flex_col">
4714
4715                                
4716                            </div>
4717                        
4718                            <div class="flex_col">
4719
4720                                
4721                            </div>
4722                        
4723                    </div>
4724                
4725            
4726                
4727                    <div class="flex_row">
4728
4729                        
4730                            <div class="flex_col">
4731
4732                                
4733                            </div>
4734                        
4735                    </div>
4736                
4737            
4738        </div>
4739
4740
4741    
4742</header>
4743<header class="appearance-mobile-view-template">    
4744    
4745    
4746        
4747        <style>
4748            .header_container>.flex_row {
4749                display: flex;
4750            }
4751
4752            .header_container_3 {
4753                            width: 100%;
4754                                        max-width: 100%;
4755                            margin: 0 auto;
4756                position: relative !important;
4757                transform: inherit !important;
4758            }
4759            .header_container>.flex_row>.flex_col {
4760                display: flex;
4761                flex-wrap: wrap;
4762                box-sizing: border-box;
4763                align-content: baseline;
4764            }
4765            .header_container>.flex_row>.flex_col>.flex_cell {
4766                height: fit-content;
4767                display: flex;
4768            }
4769            .header_container>.flex_row>.flex_col>.flex_cell a {
4770                text-decoration: none;
4771            }
4772            .header_container img {
4773                max-width: 100%;
4774            }
4775            .row_spacer_cs {
4776                display: none;
4777            }
4778            .sticky_row {
4779                position: fixed;
4780            }
4781            .sticky_row + .row_spacer_cs {
4782                display: block;
4783            }
4784        </style>
4785
4786        <div class="header_container header_container_3" data-device-type="3">
4787
4788            
4789                
4790                <div class="flex_row flex_row_1 ">
4791
4792                    
4793                        <div class="flex_col flex_col_1">
4794
4795                            
4796                        </div>
4797
4798                        <style>
4799                            .header_container_3>.flex_row_1>.flex_col_1 {
4800                            width:1%;                            }
4801                        </style>
4802
4803
4804                    
4805                        <div class="flex_col flex_col_2">
4806
4807                            
4808<div class="flex_cell flex_cell_1 custom_text">
4809    <div class="flex_cell_content">
4810                <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" >
4811                    <p class="">Appointments →</p>
4812                </a>
4813            </div>
4814</div>
4815<style>
4816    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
4817    width:100%;    justify-content:left; -webkit-justify-content:left;    align-items:center; -webkit-align-items:center;    }
4818
4819            .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text {
4820        height:100%;        }
4821    
4822    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content {
4823    display: flex;
4824    margin-top:10px;    margin-bottom:10px;    margin-left:3px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
4825
4826    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p {
4827    line-height: inherit;
4828    margin:0;
4829    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;    }
4830
4831    .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover {
4832    color:#ffffff;    }
4833</style>
4834
4835                        </div>
4836
4837                        <style>
4838                            .header_container_3>.flex_row_1>.flex_col_2 {
4839                            width:48%;                            }
4840                        </style>
4841
4842
4843                    
4844                        <div class="flex_col flex_col_3">
4845
4846                            
4847<div class="flex_cell flex_cell_1 call_us">
4848            <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
4848<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>
4849<style>
4850    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
4851        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
4852
4853            .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us {
4854        height:100%;        }
4855    
4856    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content {
4857        display: flex;
4858        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
4859
4860    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a {
4861        color:#ffffff;        font-weight:400;        font-style:normal;                        font-size:10px;        font-family:ITC Avant Garde;        display: flex;
4862        align-items: center;
4863        text-transform:none;    }
4864
4865    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg,
4866    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img {
4867        margin-right: 5px;
4868        height:9px;    }
4869
4870    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class {
4871        fill: currentColor;
4872    }
4873
4874
4875    .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover {
4876    color:#ffffff;    }
4877</style>
4878                        </div>
4879
4880                        <style>
4881                            .header_container_3>.flex_row_1>.flex_col_3 {
4882                            width:48%;                            }
4883                        </style>
4884
4885
4886                    
4887                        <div class="flex_col flex_col_4">
4888
4889                            
4890                        </div>
4891
4892                        <style>
4893                            .header_container_3>.flex_row_1>.flex_col_4 {
4894                            width:1%;                            }
4895                        </style>
4896
4897
4898                    
4899                </div>
4900
4901                
4902                <style>
4903    .header_container_3>.flex_row_1 {
4904                    background-color: #022d57;
4905        
4906        color:#000000;        height:auto;                
4907        
4908            }
4909
4910    </style>
4911
4912
4913                                
4914            
4915                
4916                <div class="flex_row flex_row_2 ">
4917
4918                    
4919                        <div class="flex_col flex_col_1">
4920
4921                            <div class="flex_cell flex_cell_1 menu">
4922    <div class="flex_cell_content">
4923            <style>
4924            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner,
4925            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent {
4926                width: 30px;
4927                height: 24px;
4928                position: relative;
4929                cursor: pointer;
4930            }
4931            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
4932                fill: #022d57;            }
4933
4934            
4935            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section,
4936            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{
4937            color:#000000;                display: flex;
4938            font-weight:400;            font-style:normal;                        font-size:14px;            font-family:ITC Avant Garde;            text-transform:none;                        line-height:35px;            }
4939        </style>
4940
4941        <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">
4942            <div class="hamburger-button-parent">
4943               <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">
4944                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
4945                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
4946                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
4947                </svg>
4948
4949
4950            </div>
4951                    </div>
4952        </div>
4953</div>
4954
4955<style>
4956    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
4957        width:100%;                                    justify-content: flex-start;
4958                            align-items:center; -webkit-align-items:center;    }
4959
4960            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
4961        height:100%;        }
4962    
4963    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
4964        display: flex;
4965        margin-top:px;        margin-bottom:px;        margin-left:10px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
4966
4967    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
4968    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
4969        color:#000000; display: flex;
4970        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
4971
4972    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
4973        color:#000000;    }
4974</style>
4975                        </div>
4976
4977                        <style>
4978                            .header_container_3>.flex_row_2>.flex_col_1 {
4979                            width:10%;                            }
4980                        </style>
4981
4982
4983                    
4984                        <div class="flex_col flex_col_2">
4985
4986                            
4987
4988<div class="flex_cell flex_cell_1 image">
4989    <div class="flex_cell_content">
4990
4991            <a href="https://www.albertsjewelers.com/"
4992           >
4993    
4994        
4995            <img
4996                height="50px"                width="100px"
4997                
4998                src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos1---m.jpg"
4999
5000                alt="Albert&#039;s Diamond Jewelers">
5001
5002        
5003            </a>
5004    
5005    </div>
5006</div>
5007    <style>
5008                .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image {
5009        width:100%;        justify-content:left;
5009 -webkit-justify-content:left;                align-items:center; -webkit-align-items:center;        }
5010        .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
5011        display: flex;
5012        margin-top:5px;        margin-bottom:5px;        margin-left:15px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
5013        .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img {
5014                }
5015        
5016                .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image {
5017        height:100%;        }
5018            </style>
5019
5020
5021                        </div>
5022
5023                        <style>
5024                            .header_container_3>.flex_row_2>.flex_col_2 {
5025                            width:50%;                            }
5026                        </style>
5027
5028
5029                    
5030                        <div class="flex_col flex_col_3">
5031
5032                            
5033<div class="flex_cell flex_cell_1 account_icons">
5034    <div class="flex_cell_content">
5035        
5036                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1">
5037                <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>
5038                            </a>
5039        
5040                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
5041                <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>
5042                            </a>
5043        
5044        
5045                                    <a class="" href="/login" title="My Account" style="order: 3">
5046                    <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>
5047                        </div>
5048</div>
5049
5050<style>
5051    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
5052        width:100%;                                    justify-content: flex-end;
5053                            align-items:center; -webkit-align-items:center;    }
5054
5055            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
5056        height:100%;        }
5057    
5058    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
5059    display: flex;
5060    margin-top:px;    margin-bottom:5px;    margin-left:px;    margin-right:4px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
5061
5062    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
5063        display: none !important;
5064    }
5065
5066    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a {
5067        display: flex;
5068        align-items: center;
5069        color:#022d57;        font-weight:400;        font-style:normal;                        font-size:14px;        font-family:ITC Avant Garde;        margin-left: 12px;
5070        text-transform:none;    }
5071
5072    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg,
5073    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img {
5074        flex-shrink: 0;
5075        margin-right: 5px;
5076        width:13px;        height:13px;    }
5077
5078    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class {
5079        fill: currentColor;
5080    }
5081
5082    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover {
5083        color:#003da5;    }
5084
5085    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
5086        padding: 0 5px;
5087        height: 16px;
5088        min-width: 16px;
5089        text-align: center;
5090        border-radius: 7px;
5091        line-height: 16px;
5092        border: 1px solid #fff;
5093        font-style: normal;
5094        font-weight: 700;
5095        font-size: 10px;
5096        background-color:#cdb877;        color:#ffffff;        margin-left: -10px;
5097        margin-top: -15px;
5098    }
5099</style>
5100                        </div>
5101
5102                        <style>
5103                            .header_container_3>.flex_row_2>.flex_col_3 {
5104                            width:40%;                            }
5105                        </style>
5106
5107
5108                    
5109                </div>
5110
5111                
5112                <style>
5113    .header_container_3>.flex_row_2 {
5114                    background-color: #ffffff;
5115        
5116        color:#000000;        height:auto;                
5117        
5118            }
5119
5120    </style>
5121
5122
5123                                
5124            
5125                
5126                <div class="flex_row flex_row_3 ">
5127
5128                    
5129                        <div class="flex_col flex_col_1">
5130
5131                            
5132<div class="flex_cell flex_cell_1 search_box">
5133    <div class="flex_cell_content">
5134                    <form class="sform" id="search-box-form"
5135            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
5136                    <div class="inputs-group">
5137                                    <button class="sBtn">
5138                        <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>
5139                    </button>
5140                                <input class="sinp" type="text" name="search"
5141                       placeholder="Search Products..." 
5142                       aria-label="Search Products..."
5143                       >
5144                            </div>
5145                    </form>
5146            </div>
5147</div>
5148<style>
5149    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
5150        width:100%;        justify-content:center; -webkit-justify-content:center;        align-items:center; -webkit-align-items:center;    }
5151
5152            .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box {
5153        height:100%;        }
5154    
5155    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content {
5156        display: flex;
5157        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%;    }
5158
5159    .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 {
5160        width: 100%;
5161        display: flex;
5162        flex-wrap: nowrap;
5163    }
5164
5165    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp {
5166        border-radius: 0px;
5167        padding: 4px 8px;
5168        outline: 0px;
5169        box-shadow: none;
5170        font-size:12px;        font-family:Baskerville;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;        
5171        
5172       
5173                border-style: solid;
5174        border-width:1px;        border-color:#ffffff;        
5175
5176                    border-left:0px;
5177                        width: 100%;        
5178        
5179                border-bottom-color:#022d57;    }
5180
5181    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover {
5182            }
5183
5184    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder {
5185        font-size:12px;        font-family:Baskerville;        color:#022d57;        opacity: 1;
5186    }
5187
5188    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn {
5189        height: 100%;
5190        border-radius: 0px;
5191        padding: 4px;
5192        align-items: center;
5193        justify-content: center;
5194        display: flex;
5195        border-style: solid;
5196        border-width:1px;        border-color:#ffffff;        color:#022d57;        font-weight:400;        font-style:normal;                        background-color:#ffffff;                                    border-right:0px;
5197                            
5198            }
5199
5200    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover {
5201        background-color:#022d57;            }
5202
5203    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg {
5204        width:11px;        height:11px;    }
5205
5206    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class {
5207        fill:#022d57;    }
5208
5209    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class {
5210        fill:#022d57;    }
5211
5212</style>
5213                        </div>
5214
5215                        <style>
5216                            .header_container_3>.flex_row_3>.flex_col_1 {
5217                            width:100%;                            }
5218                        </style>
5219
5220
5221                    
5222                </div>
5223
5224                
5225                <style>
5226    .header_container_3>.flex_row_3 {
5227                    background-color: #ffffff;
5228        
5229        color:#000000;        height:auto;                
5230        
5231            }
5232
5233    </style>
5234
5235
5236                                
5237            
5238            
5239                
5240                    <div class="flex_row">
5241
5242                        
5243                            <div class="flex_col">
5244
5245                                
5246                            </div>
5247                        
5248                            <div class="flex_col">
5249
5250                                
5251                            </div>
5252                        
5253                            <div class="flex_col">
5254
5255                                
5256                            </div>
5257                        
5258                            <div class="flex_col">
5259
5260                                
5261                            </div>
5262                        
5263                    </div>
5264                
5265            
5266                
5267                    <div class="flex_row">
5268
5269                        
5270                            <div class="flex_col">
5271
5272                                <div class="flex_cell flex_cell_1 menu">
5273    <style>
5274        body.no-scroll {
5275            overflow: hidden;
5276        }
5277        #mobile_hamburger_menu_template {
5278            position: fixed;
5279            top: 0;
5280            left: 0;
5281            width: 425px;
5282            overflow-y: auto;
5283            left: -425px;
5284            z-index: 1000000001;
5285            background-color: #ffffff;
5286            transition: all 0.3s ease;
5287            height: 100%;
5288            max-height: 100vh;
5289            -webkit-overflow-scrolling: touch;
5290            box-sizing: border-box;
5291        }
5292        #mobile_hamburger_menu_template_overlay.open {
5293            position: absolute;
5294            top: 0;
5295            left: 0;
5296            right: 0;
5297            z-index: 100;
5298            transition: all 0.3s ease;
5299            height: 100vh;
5300            background: rgba(1, 1, 1, 0.5);
5301            cursor: pointer;
5302            box-sizing: border-box;
5303        }
5304        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m {
5305            height: 100vh;
5306            overflow-y: auto;
5307            -webkit-overflow-scrolling: touch;
5308            box-sizing: border-box;
5309            padding-right: 30px;
5310        }
5311        
5312        /* Applies to your scrollable element */
5313        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m,
5314        #mobile_hamburger_menu_template .sub-menu-panel {
5315          /* existing styles */
5316          overflow-y: auto;
5317          scroll-behavior: smooth;
5318
5319          /* Optional smoother experience on mobile */
5320          -webkit-overflow-scrolling: touch;
5321        }
5322
5323        /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */
5324        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar,
5325        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar {
5326          width: 8px;
5327        }
5328
5329        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track,
5330        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track {
5331          background: #f0f0f0; /* Light background */
5332          border-radius: 4px;
5333        }
5334        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb,
5335        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb {
5336          background-color: #ccc;
5337          border-radius: 4px;
5338          border: 2px solid #f0f0f0; /* Matches track */
5339        }
5340        #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
5341        #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover {
5342          background-color: #999;
5343        }
5344
5345        /* Firefox scrollbar styling */
5346        @supports (scrollbar-color: auto) {
5347            #mobile_hamburger_menu_template .hamburger-menu-template-inner-m,
5348          #mobile_hamburger_menu_template .sub-menu-panel {
5349            scrollbar-width: thin;
5350            scrollbar-color: #ccc #f0f0f0; /* thumb and track */
5351          }
5352        }
5353        #mobile_hamburger_menu_template .hamburger-menu-template-inner {
5354            padding: 30px;
5355            width: 425px;
5356            padding-right: 0px;
5357            position: fixed;
5358            box-sizing: border-box;
5359        }
5360        #mobile_hamburger_menu_template .hamburger-menu-close-button {
5361            font-size: 14px !important;
5362            display: flex;
5363            align-items: center;
5364            margin-bottom: 20px;
5365        }
5366        #mobile_hamburger_menu_template .hamburger-menu-close-button svg {
5367            height: 24px;
5368            margin-right: 5px;
5369        }
5370        #mobile_hamburger_menu_template .hamburger-menu-nav-section {
5371            display: flex;
5372            justify-content: space-between;
5373            align-items: center;
5374            box-sizing: border-box;
5375        }
5376        #mobile_hamburger_menu_template .sub_title_m {
5377            color: #444;
5378            text-transform: uppercase;
5379            font-weight: 400;
5380            font-size: 14px;
5381            margin-top: 30px;
5382            margin-bottom: 30px;
5383            letter-spacing: 2px;
5384            display:flex;
5385        }
5386        #mobile_hamburger_menu_template .hamburger-menu-nav-section svg {
5387            height: 20px;
5388            float: right;
5389        }
5390        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{
5391            text-decoration: underline;
5392        }
5393        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{
5394            min-width:30px;
5395            justify-content: end;
5396        }
5397        #mobile_hamburger_menu_template .icon_and_name {
5398            display:flex;
5399            align-items:center;
5400            gap:10px;
5401        }
5402        #mobile_hamburger_menu_template .ham_menu_container {
5403            display:flex;
5404            justify-content: space-between;
5405        }
5406        #mobile_hamburger_menu_template.open {
5407            left: 0;
5408            
5409        }        
5410        #mobile_hamburger_menu_template .sub-menu-panel {
5411            padding: 30px;
5412            padding-top: 60px;
5413            position: absolute;
5414            top: 0;
5415            left: 425px;
5416            width: 425px;
5417            height: 100vh;
5418            background-color: #fff;
5419            overflow-y: auto;
5420            z-index: 999999;
5421            opacity: 0;
5422            transition: opacity 0.5s ease;
5423        }
5424
5425        #mobile_hamburger_menu_template .sub-menu-panel.open {       
5426            opacity: 1;
5427            z-index: 9999999;
5428        }
5429         
5430        
5431        
5432        #mobile_hamburger_menu_template a.hamburger-menu-nav-section,
5433        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
5434        #mobile_hamburger_menu_template a.hamburger-menu-close-button,
5435        #mobile_hamburger_menu_template button.hamburger-menu-close-button {
5436            position: relative;
5437        color:#000000;            display: flex;
5438        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;        }
5439        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
5440        #mobile_hamburger_menu_template button.hamburger-menu-close-button {
5441            background: none;
5442            border: none;
5443            padding: 0;
5444            cursor: pointer;
5445            width: 100%;
5446        }
5447        /* this is not working in dash */
5448        #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover, 
5449        #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover,
5450        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active,
5451        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active
5452        {
5453            color: #000;
5454        }
5455        #mobile_hamburger_menu_template a.hamburger-menu-nav-section::after,
5456        #mobile_hamburger_menu_template button.hamburger-menu-nav-section::after {
5457            content: "";
5458            position: absolute;
5459            left: 0;
5460            bottom: 0;
5461            width: 0%;
5462            height: 0.5px;
5463            background-color: #000;
5464            transition: width 0.5s ease;
5465        }
5466        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
5467        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active::after {
5468            width: 100%;
5469        }
5470
5471        #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover::after,
5472        #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover::after {
5473            width: 100%;
5474        }
5475        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
5476            display: none;
5477            padding: 15px 0px;
5478            padding-left: 20px;
5479            background: #fff;
5480        }
5481        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
5482            display: block;
5483            padding-top:2px;
5484        }        
5485        
5486        #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img,
5487        #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img {
5488                            height:30px;
5489                    }
5490        @media (min-width: 768px) {             
5491            .hide_desktop {
5492                display:none!important;
5493            }
5494        }
5495        
5496        @media (max-width: 767.9px) {            
5497            .hide_mobile {
5498                display:none!important;
5499            }
5500            #mobile_hamburger_menu_template .sub_title_m svg {
5501                height: 20px;
5502                transform: rotate(180deg);
5503            }
5504            #mobile_hamburger_menu_template .sub_title_m {
5505                align-items: center;
5506                gap: 8px;
5507                cursor: pointer;
5508            }
5509            #mobile_hamburger_menu_template {
5510                position: fixed;
5511                top: 0;
5512                left: 0;
5513                width: 100%;
5514                overflow-y: auto;
5515                left: -100%;
5516                z-index: 9999998;
5517                background-color: #ffffff;
5518                transition: all 0.3s ease;
5519                height: 100%;
5520                max-height: 100vh;
5521                -webkit-overflow-scrolling: touch;
5522                box-sizing: border-box;
5523            }
5524        
5525            #mobile_hamburger_menu_template .sub-menu-panel {
5526                padding: 30px;
5527                padding-top: 30px;
5528                padding-bottom: 100px;
5529                position: absolute;
5530                top: 0;
5531                left: 200%;
5532                width: 100%;
5533                height: 100vh;
5534                background-color: #fff;
5535                overflow-y: auto;
5536                z-index: -1;
5537                opacity: 1;
5538                transition: 0.5s ease;
5539                box-sizing: border-box;
5540            }
5541            #mobile_hamburger_menu_template .sub-menu-panel.open {       
5542                opacity: 1;
5543                left: 0px;
5544                z-index: 9999999;
5545            }
5546            
5547            #mobile_hamburger_menu_template .hamburger-menu-template-inner {
5548                width: 100%;
5549            }
5550            
5551            
5552        }
5553        
5554        
5555       
5556    </style>
5557
5558    <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
5559        
5560        <div class="hamburger-menu-template-inner">
5561            <div class="hamburger-menu-template-inner-m">
5562                        <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="mobile_hamburger_close_button" role="button">
5563                <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>
5564            </a>
5565            
5566            <div class="script_before_menu">
5567                                
5568
5569<div class="flex_cell flex_cell_1 image">
5570    <div class="flex_cell_content">
5571
5572    
5573        
5574            <img
5575                                
5576                
5577                src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png"
5578
5579                alt="Albert&#039;s Jewelers">
5580
5581        
5582    
5583    </div>
5584</div>
5585    <style>
5586                .header_container_3 .flex_row .flex_col .script_before_menu .image {
5587        width:100%;        justify-content:left !important;                align-items:center !important;        }
5588        .header_container_3 .flex_row .flex_col .script_before_menu .image>.flex_cell_content {
5589        display: flex;
5590        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;        }
5591        .header_container_3 .flex_row .flex_col .script_before_menu .image img {
5592        max-width:130px;        }
5593        
5594                .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image {
5595                }
5596            </style>
5597
5598                            </div>
5599            <div style="clear: both"></div>
5600                                                                                                                        
5601                    
5602                                                <a style="margin-top:25px"
5603                           class="hamburger-menu-nav-section " 
5604                           title="New Arrivals" 
5605                           href="#!" >
5606                            
5607                        <span class="icon_and_name">
5608                        
5609                            New Arrivals                        </span>
5610                            
5611                                                    <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>
5612                        
5613                        </a>
5614                                            
5615
5616                    
5617                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-216">
5618                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5619                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5620  <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>
5621</svg>
5622
5623                            New Arrivals                        
5624                        </div>
5625                        <div class="sub_title_m hide_mobile">New Arrivals</div>
5626                        
5627                        
5628                            <!-- mobile_hamburger_menu_216_start -->
5629                            <div id="mobile_hamburger_menu_216"></div>
5630                            <!-- mobile_hamburger_menu_216_end -->
5631                                            </div>
5632
5633                                        
5634                    
5635                                                <a style="margin-top:25px"
5636                           class="hamburger-menu-nav-section " 
5637                           title="Engagement Rings" 
5638                           href="#!" >
5639                            
5640                        <span class="icon_and_name">
5641                        
5642                            Engagement Rings                        </span>
5643                            
5644                                                    <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>
5645                        
5646                        </a>
5647                                            
5648
5649                    
5650                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-6">
5651                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5652                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5653  <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>
5654</svg>
5655
5656                            Engagement Rings                        
5657                        </div>
5658                        <div class="sub_title_m hide_mobile">Engagement Rings</div>
5659                        
5660                        
5661                            <!-- mobile_hamburger_menu_6_start -->
5662                            <div id="mobile_hamburger_menu_6"></div>
5663                            <!-- mobile_hamburger_menu_6_end -->
5664                                            </div>
5665
5666                            
5667                    
5668                                                <a style=""
5669                           class="hamburger-menu-nav-section " 
5670                           title="Wedding Bands" 
5671                           href="#!" >
5672                            
5673                        <span class="icon_and_name">
5674                        
5675                            Wedding Bands                        </span>
5676                            
5677                                                    <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>
5678                        
5679                        </a>
5680                                            
5681
5682                    
5683                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-12">
5684                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5685                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5686  <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>
5687</svg>
5688
5689                            Wedding Bands                        
5690                        </div>
5691                        <div class="sub_title_m hide_mobile">Wedding Bands</div>
5692                        
5693                        
5694                            <!-- mobile_hamburger_menu_12_start -->
5695                            <div id="mobile_hamburger_menu_12"></div>
5696                            <!-- mobile_hamburger_menu_12_end -->
5697                                            </div>
5698
5699                            
5700                    
5701                                                <a style=""
5702                           class="hamburger-menu-nav-section " 
5703                           title="Diamonds" 
5704                           href="#!" >
5705                            
5706                        <span class="icon_and_name">
5707                        
5708                            Diamonds                        </span>
5709                            
5710                                                    <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>
5711                        
5712                        </a>
5713                                            
5714
5715                    
5716                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-11">
5717                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5718                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5719  <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>
5720</svg>
5721
5722                            Diamonds                        
5723                        </div>
5724                        <div class="sub_title_m hide_mobile">Diamonds</div>
5725                        
5726                        
5727                            <!-- mobile_hamburger_menu_11_start -->
5728                            <div id="mobile_hamburger_menu_11"></div>
5729                            <!-- mobile_hamburger_menu_11_end -->
5730                                            </div>
5731
5732                            
5733                    
5734                                                <a style="margin-top:20px"
5735                           class="hamburger-menu-nav-section " 
5736                           title="Designers " 
5737                           href="#!" >
5738                            
5739                        <span class="icon_and_name">
5740                        
5741                            Designers                         </span>
5742                            
5743                                                    <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>
5744                        
5745                        </a>
5746                                            
5747
5748                    
5749                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-72">
5750                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5751                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5752  <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>
5753</svg>
5754
5755                            Designers                         
5756                        </div>
5757                        <div class="sub_title_m hide_mobile">Designers </div>
5758                        
5759                        
5760                            <!-- mobile_hamburger_menu_72_start -->
5761                            <div id="mobile_hamburger_menu_72"></div>
5762                            <!-- mobile_hamburger_menu_72_end -->
5763                                            </div>
5764
5765                            
5766                    
5767                                                <a style=""
5768                           class="hamburger-menu-nav-section " 
5769                           title="Fine Jewelry" 
5770                           href="#!" >
5771                            
5772                        <span class="icon_and_name">
5773                        
5774                            Fine Jewelry                        </span>
5775                            
5776                                                    <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>
5777                        
5778                        </a>
5779                                            
5780
5781                    
5782                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-16">
5783                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5784                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5785  <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>
5786</svg>
5787
5788                            Fine Jewelry                        
5789                        </div>
5790                        <div class="sub_title_m hide_mobile">Fine Jewelry</div>
5791                        
5792                        
5793                            <!-- mobile_hamburger_menu_16_start -->
5794                            <div id="mobile_hamburger_menu_16"></div>
5795                            <!-- mobile_hamburger_menu_16_end -->
5796                                            </div>
5797
5798                            
5799                    
5800                                                <a style=""
5801                           class="hamburger-menu-nav-section " 
5802                           title="Timepieces" 
5803                           href="#!" >
5804                            
5805                        <span class="icon_and_name">
5806                        
5807                            Timepieces                        </span>
5808                            
5809                                                    <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>
5810                        
5811                        </a>
5812                                            
5813
5814                    
5815                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-20">
5816                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5817                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5818  <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>
5819</svg>
5820
5821                            Timepieces                        
5822                        </div>
5823                        <div class="sub_title_m hide_mobile">Timepieces</div>
5824                        
5825                        
5826                            <!-- mobile_hamburger_menu_20_start -->
5827                            <div id="mobile_hamburger_menu_20"></div>
5828                            <!-- mobile_hamburger_menu_20_end -->
5829                                            </div>
5830
5831                            
5832                    
5833                                                <a style="margin-top:20px"
5834                           class="hamburger-menu-nav-section " 
5835                           title="Services" 
5836                           href="#!" >
5837                            
5838                        <span class="icon_and_name">
5839                        
5840                            Services                        </span>
5841                            
5842                                                    <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>
5843                        
5844                        </a>
5845                                            
5846
5847                    
5848                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-179">
5849                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5850                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5851  <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>
5852</svg>
5853
5854                            Services                        
5855                        </div>
5856                        <div class="sub_title_m hide_mobile">Services</div>
5857                        
5858                        
5859                            <!-- mobile_hamburger_menu_179_start -->
5860                            <div id="mobile_hamburger_menu_179"></div>
5861                            <!-- mobile_hamburger_menu_179_end -->
5862                                            </div>
5863
5864                            
5865                    
5866                                                <a style=""
5867                           class="hamburger-menu-nav-section " 
5868                           title="Contact" 
5869                           href="#!" >
5870                            
5871                        <span class="icon_and_name">
5872                        
5873                            Contact                        </span>
5874                            
5875                                                    <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>
5876                        
5877                        </a>
5878                                            
5879
5880                    
5881                    <div class="sub-menu-panel" id="mobile-sub-menu-panel-22">
5882                        <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0">
5883                            <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne">
5884  <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>
5885</svg>
5886
5887                            Contact                        
5888                        </div>
5889                        <div class="sub_title_m hide_mobile">Contact</div>
5890                        
5891                        
5892                            <!-- mobile_hamburger_menu_22_start -->
5893                            <div id="mobile_hamburger_menu_22"></div>
5894                            <!-- mobile_hamburger_menu_22_end -->
5895                                            </div>
5896
5897                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
5898                                                    <div class="custom_script_after_menu">
5899                        <br><br><br><br><br>                    </div>
5900                            </div>
5901        </div>
5902        </div>
5903    </nav>
5904    <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div>
5905
5906    
5906<script>
5907        $(function () {
5908            
5909            
5910            const trap = focusTrap.createFocusTrap('#mobile_hamburger_menu_template', {
5911                onActivate: () => $('#mobile_hamburger_menu_template').addClass('is-active'),
5912                onDeactivate: () => $('#mobile_hamburger_menu_template').removeClass('is-active'),
5913                clickOutsideDeactivates: true
5914            });
5915    
5916    
5917    
5918            function updatePanelWidth() {
5919                const elements = document.querySelectorAll('.custom_bm_fw');
5920
5921                elements.forEach(element => {
5922                  const panel = element.closest('.sub-menu-panel');
5923                  if (panel) {
5924                    if (window.innerWidth > 768) { 
5925                      const newWidth = window.innerWidth - 425;
5926                      panel.style.width = `${newWidth}px`;
5927                    } else {
5928                      panel.removeAttribute('style');
5929                    }
5930                  }
5931                });
5932              }
5933
5934            updatePanelWidth();
5935            window.addEventListener('resize', updatePanelWidth);
5936
5937            let $lastNavTrigger = null;
5938            $('.sub-menu-panel').attr('tabindex', '-1');
5939            $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
5940
5941
5942
5943            $('#mobile_hamburger_button').on('click keypress', function (event) {
5944                if(event.which === 13 || event.which === 32 || event.type == 'click') {
5945                    if(event.which === 32) {
5946                        event.preventDefault();
5947                    }
5948                    document.body.classList.add('no-scroll');
5949                    $('#mobile_hamburger_menu_template').toggleClass('open')
5950                    $('#mobile_hamburger_menu_template_overlay').toggleClass('open')
5951                    $('#mobile_hamburger_menu_template').removeAttr('inert')
5952                    trap.activate()
5953                    $('#mobile_hamburger_close_button').focus()
5954                }
5955            })
5956            
5957            function closeSubMenu() {
5958                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
5959                    panel.classList.remove('open');
5960                })
5961                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
5962                    panel.classList.remove('active');
5963                })
5964                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
5965                // Restore main-list nav items to the tab order
5966                $('.hamburger-menu-nav-section').removeAttr('tabindex');
5967                if ($lastNavTrigger) {
5968                    $lastNavTrigger.focus();
5969                    $lastNavTrigger = null;
5970                }
5971            }
5972
5973            $('.header_container_3').on('click', '.close_sub_menu', function() {
5974                closeSubMenu();
5975            })
5976
5977            $('.header_container_3').on('keydown', '.close_sub_menu', function(event) {
5978                if (event.key === 'Enter' || event.key === ' ') {
5979                    event.preventDefault();
5980                    closeSubMenu();
5981                }
5982            })
5983            
5984            
5985
5986            // Cycle Tab focus within the open sub-menu-panel (last item → first item)
5987            $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) {
5988                if (event.key !== 'Tab' || event.shiftKey) return;
5989                var $panel = $(this).closest('.sub-menu-panel.open');
5990                var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]');
5991                if ($focusable.last().is(this)) {
5992                    event.preventDefault();
5993                    $focusable.first().trigger('focus');
5994                }
5995            });
5996
5997            $('#mobile_hamburger_close_button, #mobile_hamburger_menu_template_overlay').on('click keypress', function (event) {
5998                // <button> fires a synthetic click on Enter/Space — skip keypress to avoid double-fire
5999                if (event.type === 'keypress' && this.tagName === 'BUTTON') {
6000                    return;
6001                }
6002                if(event.which === 13 || event.which === 32 || event.type == 'click') {
6003                    if (event.which === 32) {
6004                        event.preventDefault();
6005                    }
6006
6007                    closeHamburgerMenu();
6008                }
6009            })
6010
6011            $(window).resize(function () {
6012                                if($(window).width() > 768) closeHamburgerMenu();
6013                            })
6014
6015            function closeHamburgerMenu() {
6016                document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6017                    panel.classList.remove('open');
6018                })
6019                document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6020                    panel.classList.remove('active');
6021                })
6022                $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6023                // Restore main-list nav items to the tab order
6024                $('.hamburger-menu-nav-section').removeAttr('tabindex');
6025                $lastNavTrigger = null;
6026                document.body.classList.remove('no-scroll');
6027                $('#mobile_hamburger_menu_template').removeClass('open')
6028                $('#mobile_hamburger_menu_template_overlay').removeClass('open')
6029                $('#mobile_hamburger_menu_template').attr('inert', 'inert')
6030                trap.deactivate()
6031            }
6032
6033            $('.header_container_3').on('click', '.hamburger-menu-nav-section', function() {
6034
6035                if ($(this).hasClass("active")) {
6036                    document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6037                        panel.classList.remove('open');
6038                    })
6039                    document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6040                        panel.classList.remove('active');
6041                    })
6042                    $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6043                    // Restore main-list nav items to the tab order
6044                    $('.hamburger-menu-nav-section').removeAttr('tabindex');
6045                } else {
6046                    // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button
6047                    let $checkPanel = $(this).hasClass("parent_men_arrow")
6048                        ? $(this).closest('.ham_menu_container').next('.sub-menu-panel')
6049                        : $(this).next('.sub-menu-panel');
6050
6051                    if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) {
6052                        document.querySelectorAll('.sub-menu-panel').forEach(panel => {
6053                            panel.classList.remove('open');
6054                        })
6055                        document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => {
6056                            panel.classList.remove('active');
6057                        })
6058                        $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1');
6059
6060                        $(this).addClass('active');
6061                        $lastNavTrigger = $(this);
6062
6063                        let $openedPanel = null;
6064
6065                        if (!$(this).hasClass("parent_men")) {
6066                            updatePanelWidth();
6067                            $(this).next('.sub-menu-panel').toggleClass('open');
6068                            $openedPanel = $(this).next('.sub-menu-panel');
6069                        }
6070                        if ($(this).hasClass("parent_men_arrow")) {
6071                            $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open');
6072                            $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel');
6073                        }
6074
6075                        if ($openedPanel && $openedPanel.hasClass('open')) {
6076                            // Hide main-list nav items from tab order while panel is open
6077                            $('.hamburger-menu-nav-section').attr('tabindex', '-1');
6078                            $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0');
6079                            setTimeout(function() {
6080                                $openedPanel.find('[tabindex="0"]').first().trigger('focus');
6081                            }, 50);
6082                        }
6083                    }
6084                }
6085
6086            })
6087        })
6088        
6089        function setHamburgerInnerHeight() {
6090            const inner = document.querySelector('.hamburger-menu
6090-template-inner-m');
6091            const offset = 0; // adjust this if there's a header/footer inside
6092            inner.style.height = `${window.innerHeight - offset - 70}px`;
6093        }
6094
6095        // Run on load and resize
6096        window.addEventListener('load', setHamburgerInnerHeight);
6097        window.addEventListener('resize', setHamburgerInnerHeight);
6098
6099    </script>
6099
6100</div>
6101
6102<style>
6103    #mobile_hamburger_menu_template>ul>li>a {
6104        color:#000000; display: flex;
6105        font-weight:400;        font-style:normal;                font-size:14px;        font-family:ITC Avant Garde;        text-transform:none;                line-height:35px;    }
6106
6107    #mobile_hamburger_menu_template>ul>li>a:hover {
6108        color:#000000;    }
6109    
6110    
6111
6112</style>
6113                            </div>
6114                        
6115                            <div class="flex_col">
6116
6117                                
6118                            </div>
6119                        
6120                            <div class="flex_col">
6121
6122                                
6123                            </div>
6124                        
6125                    </div>
6126                
6127            
6128                
6129                    <div class="flex_row">
6130
6131                        
6132                            <div class="flex_col">
6133
6134                                
6135                            </div>
6136                        
6137                    </div>
6138                
6139            
6140        </div>
6141
6142
6143    
6144</header>
6145
6146
6147<main id="main" class="main_page_container page_type_1099 page_guid_3000004">
6148    <div class="registration-div">
6149        <div class="img-container"></div>
6150        <form method="post" class="registration-form" id="r-registration-form">
6151            <input type="hidden" name="_csrf_token" value="a16666f14f0b510ce6c8680053f06e461577c04d8faf5a11c68114fea7ba827a">            
6152                            <h1 class="h1_general_style ">
6153                    SIGN IN                </h1>
6154                
6155                <div class="input_general_style general_style mb-4">
6156                    <label for="registration_email" class="general_style ">Email</label>
6157                    <input type="email" class="form-control  form-control-lg" id="registration_email" name="login[email]" value="">
6158                </div>
6159                <div class="input_general_style general_style mb-4">
6160                    <label for="registration_password" class="general_style">Password</label>
6161                    <div class="position-relative w-100">
6162                        <input type="password" class="form-control  form-control-lg" id="registration_password" name="login[password]" required>
6163                        <button type="button" class="toggle-password-visibility" title="View password button" aria-label="View password button">
6164                            <span class="fa fa-fw fa-lg fa-eye-slash" aria-hidden="true"></span>
6165                        </button>
6166                    </div>
6167                </div>
6168
6169                <div class="button_group">
6170                                        <input type="hidden" name="login[token]" value="">
6171                    <button type="submit" class="btn-sign-up general_style" id="registration-submit" title="Sign in" aria-label="Sign in">Sign in</button>
6172                </div>
6173                <div class="reg_links">
6174                    <p class="p4_general_style">
6175                        <a href="forgot-password" class="general_style" title="Forgot your password?" aria-label="Forgot your password?">Forgot your password?</a>
6176                    </p>
6177                    <p class="p4_general_style">
6178                        Don't have an account? <a href="register" class="general_style" title="Sign up" aria-label="Sign up">Sign up</a>
6179                    </p>
6180                </div>
6181                    </form>
6182    </div>
6183</main>
6184
6185<style>
6186        @media (min-width: 992px) {
6187                    .img-container {
6188                display: none !important;
6189            }
6190            .registration-div {
6191                max-width: 600px;
6192            }
6193            .registration-form {
6194                width: 100%;
6195            }
6196            }
6197        @media (max-width: 991.9px) and (min-width: 768px) {
6198                    .img-container {
6199                display: none !important;
6200            }
6201            .registration-div {
6202                max-width: 600px;
6203            }
6204            .registration-form {
6205                width: 100%;
6206            }
6207            }
6208        @media (max-width: 767.9px) {
6209                    .img-container {
6210                display: none !important;
6211            }
6212            .registration-div {
6213                max-width: 600px;
6214            }
6215            .registration-form {
6216                width: 100%;
6217            }
6218            }
6219    </style>
6220
6221    
6221<script>
6222        let recaptcha = [];
6223        function onRecaptchaLoadCallback() {
6224            
6225                    }
6226
6227        $(function () {
6228            $('#r-registration-form').on('submit', function (event) {
6229                const $form = $(this);
6230                const formId = $form.attr('id');
6231                event.preventDefault();
6232
6233                                  grecaptcha.ready(function() {
6234                    grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) {
6235                        $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`)
6236                        $form.unbind('submit').submit()
6237                    });
6238                  });
6239                            });
6240        });
6241    </script>
6241
6242
6243
6244  <div class="my-scope fas">
6245
6246    <div class="fas-tab-wrap">
6247              <input type="radio" id="fas-tab1" name="fas-tabGroup1" class="fas-tab" checked style='display: none'>
6248                <h3 class="show-in-calendar general_style" id="bookInStore">Please select the store you wish to book your appointment with</h3>
6249      <button class="close-fas-btn bg-white border-0 d-block">
6250        <svg xmlns="http://www.w3.org/2000/svg" class="w-100 h-100" viewBox="0 0 21.03 21.03" aria-label="Close"
6251             title="Close">
6252          <path id="x" fill="#979bc0"
6253                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"
6254                transform="translate(-1271.94 -3208.94)"/>
6255        </svg>
6256      </button>
6257      <div class="fas-actions hide-in-calendar">
6258                <div class="map-btn"><a href="/store-locator?map" class="a_general_style">
6259            View Map</a>
6260        </div>
6261                <div id="search-by-zip" class="input_general_style general_style">
6262          <label for="sl_zipcode" class="general_style">Search by Zip Code</label>
6263          <input type="text" class="form-control" id="sl_zipcode" inputmode="numeric" pattern="[0-9]*" placeholder="Search by Zip Code">
6264          <button type="button" class="form-control" tabindex="-1">
6265            <svg style="width: 15px" role="img" aria-label="Search" viewBox="0 0 512 512">
6266              <path class="path_class"
6267                    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>
6268            </svg>
6269          </button>
6270        </div>
6271        <button type="button" class="form-control get-location a_general_style" onclick="getLocation()">
6272          <svg style="" xmlns="http://www.w3.org/2000/svg"
6273               xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="800px" height="800px"
6274               viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
6275          <path fill="#231F20",
6276                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>
6277        </svg>
6278          Use My Location
6279        </button>
6280      </div>
6281      <p class="find-ts-error"></p>
6282    
6283    
6284
6285      <div class="fas-tab__content">
6286                <table class="table" id="store-locator">
6287            <thead style="display: none"><tr><th></th><th></th></tr></thead>
6288          <tbody>
6289                      <tr data-lat="41.495073" data-lng="-87.469032">
6290              <td class="fas-row-store">
6291                                <div class="fas-logo-store">
6292                                                <img src="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200px">
6293                                        </div>
6294                                <div style="width: 400px">
6295                    <h4 class="general_style">SCHERERVILLE STORE</h4>
6296                    <p class="p2_general_style">
6297                      711 MAIN STREET<br>
6298                      SCHERERVILLE, Indiana, 46375<br>
6299                      219-322-2700                    </p>
6300
6301                                                                                                                                                                <div class="text-success hide-in-calendar">You're Currently Shopping</div>
6302                                                        
6303                                        </div>
6304              </td>
6305                
6306                <td class="fas-row-distance hide-in-calendar" style="display: block">
6307                  <div class="p2_general_style">Distance <b>6041.33</b> miles
6308                  </div>
6309              </td>
6310                                <td class="fas-row-actions">
6311                <div class="d-flex" style="align-items: center">
6312                  <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">
6313                      <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;">
6314                      Call</a></div>
6315                  <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#f39e92819896879a9d94b3929f9196818780999684969f968180dd909c9e">
6316                      <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;">
6317                      Email</a></div>
6318                  <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">
6319                      <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;">
6320                      Directions</a></div>
6321                  <div class='hide-in-calendar'>
6322                                          <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" 
6323                          data-location_id="3">
6324                          <img src="/skeleton/1.0/view/img/itemPage/find-the-store/loc_app_3.png" alt="Appointment" title="Ap
6324pointment" width="30px" style="padding: 0px; padding-bottom: 10px;">
6325                          Appointment</a>
6326                                      </div>
6327                  <div class='show-in-calendar'>
6328                      <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" 
6329                        data-location_id="3">
6330                          Select
6331                      </button>
6332                  </div>
6333                </div>
6334              </td>
6335            </tr>
6336                    </tbody>
6337        </table>
6338      </div>
6339
6340      <div class="fas-tab__content">
6341        <div id="map"></div>
6342      </div>
6343    </div>
6344    
6345
6346  </div>
6347    <form method="POST" id="r-app-form">
6348        <input type="hidden" name="_csrf_token" value="a16666f14f0b510ce6c8680053f06e461577c04d8faf5a11c68114fea7ba827a">      <style id="rApp-MainSettings">
6349    :root {
6350                        --calendar-left-background: #022d57;
6351                                    --calendar-store-info: #ffffff;
6352                                --calendar-color: 255, 255, 255;
6353                                    --calendar-opp-color: 17, 24, 39;
6354                                    --calendar-text-opacity: 1;
6355                                    --calendar-bg-opacity: 1;
6356                                    --calendar-btn-bg-opacity: 0.25;
6357                                    --calendar-hover-bg-opacity: 0.35;
6358                                    --calendar-3-step-confirm-color: #15803d;
6359                                    --rdp-color: 255,255,255;
6360                                    --rdp-opp-color: 17, 24, 39;
6361                                    --rdp-text-opacity: 1;
6362                                    --rdp-bg-opacity: 1;
6363                                    --rdp-btn-bg-opacity: 0.25;
6364                                    --rdp-hover-bg-opacity: 0.35;
6365                        }
6366</style>
6367
6368<div class="rApp-container">
6369    <div class="antialiased font-sans w-full h-full md:p-4 sm:bg-gray-100 flex items-center h-event"
6370        style="border-color: rgb(0, 0, 0); position: fixed; top: 0; display: none; z-index: 9999" id="rApp">
6371        <div class="md:max-w-4xl h-full mx-auto w-full text-gray-700 flex flex-col justify-between md:max-h-800"
6372             style="transition: width 0.2s;">
6373          <div
6374            class="relative flex h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg">
6375            <button type="button" data-dismiss="modal" aria-label="Close" class="close" style="display: none"><span aria-hidden="true">×</span></button>
6376            <div class="flex h-full" id="steps">
6377            <div
6378              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"
6379              style="transition: width 0.2s; background-color: var(--calendar-left-background);" id="calendar">
6380              <div class="flex min-h-full flex-col">
6381                <div class="justify-center flex flex-col flex-grow relative" id="store-info">
6382                <div class="flex-2">
6383                  <div class="mt-4 sm:mt-2">
6384                    <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>
6385                  </div>
6386                                    <div class="px-2 mt-2 text-center h4_general_style" id="l_name" style="color: var(--calendar-store-info) !important;">SCHERERVILLE STORE</div>
6387                  <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>
6388                </div>
6389                </div>
6390                <div class="noselect notranslate relative mx-2 mt-5 pb-2 sm:mx-4">
6391                    
6392                <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>
6393                <div class="rdp " dir="ltr">
6394                  <div class="calendar-months">
6395                    <div class="calendar-month calendar-caption_start calendar-caption_end">
6396                    <div class="calendar-caption relative z-20 space-x-2" style="direction: ltr;">
6397                      <button type="button" id="prevMonth"
6398                            class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_previous focu
6398s:outline-none"
6399                            style="width: 10%;" disabled>
6400                        <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none">
6401                        <path
6402                          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"
6403                          fill="currentColor" fill-rule="nonzero"></path>
6404                        </svg>
6405                      </button>
6406                      <div class="calendar-caption_label" aria-live="polite" role="presentation" id="react-day-picker-1">
6407                        April 2025
6408                      </div>
6409                      <button type="button" id="nextMonth"
6410                            class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_next focus:outline-none"
6411                            style="width: 10%;">
6412                        <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none">
6413                        <path
6414                          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"
6415                          fill="currentColor"></path>
6416                        </svg>
6417                      </button>
6418                    </div>
6419                    <table class="calendar-table" role="grid" aria-labelledby="react-day-picker-141">
6420                      <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>
6421                      <tbody class="calendar-tbody"></tbody>
6422                    </table>
6423                    </div>
6424                  </div>
6425                </div>
6426                </div>
6427              </div>
6428            </div>
6429            <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">
6430              <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>
6431                
6432              <div class="cursor-default rounded bg-gray-100 px-4 py-2 text-center font-semibold text-gray-600 appLoader-hide">
6433                <div class="truncate appDate"></div>
6434              </div>
6435              <div class="flex mt-5 font-semibold capitalize appLoader-hide">
6436                  timezone: 
6437                  <div class="ml-2">
6438                      <span class="l_timeZ"></span>
6439                      <span class="l_timeZ_now" style="display: none;">(Now 11:11)</span>
6440                  </div>
6441              </div>
6442              <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>
6443            </div>
6444            <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">
6445              <div class="booking-top mx-auto flex h-full max-w-lg flex-col">
6446                <div class="space-y-2">
6447                <div class="rApp-product-image-tablet">
6448                  <img src="" style="display: none">
6449                </div>
6450                <div class="text-xl font-semibold">Confirm booking</div>
6451                <div class="flex text-base font-semibold">
6452                  <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">
6453                    <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>
6454                  </svg>
6455                  <span class="ml-2">
6456                    <span class="appDate"></span>, <span class="appYear"></span>
6457                    <br>
6458                    <span class="appTime"></span>
6459                    (<span class="appTimeZone">PST</span>)
6460                  </span>
6461                </div>
6462                </div>
6463                <div class="flex items-center text-base font-semibold mt-2">
6464                <div class="flex">
6465                  <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">
6466                    <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>
6467                  </svg>
6468                  <span class="ml-2 appDiff"></span></div>
6469                </div>
6470                <div class="mt-6 flex w-full flex-1 flex-col justify-between">
6471                <div class="booking-form h-full w-full overflow-x-hidden overflow-y-scroll px-1">
vendor: 147 bytes, lines 6471-6472
6471
6472                                      <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
6472<script>$("#store-info img").remove();</script>
6472
6473                                    <input name="store_locator_book_appointment[last_name]"     type="hidden">
6474                  <input name="store_locator_book_appointment[pg_type]"       type="hidden" value="1099">
6475                  <input name="store_locator_book_appointment[guid]"          type="hidden" value="3000004">
6476                  <input name="store_locator_book_appointment[title]"         type="hidden" value="Login">
6477                  <input name="store_locator_book_appointment[module]"        type="hidden" value="store_locator_book_appointment">
6478                  <input name="store_locator_book_appointment[location_id]"   type="hidden" id="location_id">
6479                  <input name="store_locator_book_appointment[date]"          type="hidden" id="date_field">
6480                  <input name="store_locator_book_appointment[timezone]"      type="hidden" id="timezone">
6481                  <input name="store_locator_book_appointment[appointment_type]" type="hidden" id="formType">
6482                  <input name="store_locator_book_appointment[time]"          type="hidden" id="appointmentTime" >
6483                  <div id='calendarForm'>
6484                                                                        <div class="-mx-2 flex flex-wrap sm:mt-6">
6485                            <div class="w-full px-2 sm:w-1/2 ">
6486                                <div class="flex w-full flex-col">
6487                                  <div class="block">
6488                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="name">Name * </label>
6489                                  </div>
6490                                                                        <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">
6491                                                                  </div>
6492                            </div>
6493                          </div>
6494                                                                                                <div class="-mx-2 flex flex-wrap sm:mt-6">
6495                            <div class="w-full px-2 sm:w-1/2 ">
6496                                <div class="flex w-full flex-col">
6497                                  <div class="block">
6498                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="phone">Phone * </label>
6499                                  </div>
6500                                                                        <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">
6501                                                                  </div>
6502                            </div>
6503                          </div>
6504                                                                                                <div class="-mx-2 flex flex-wrap sm:mt-6">
6505                            <div class="w-full px-2 sm:w-1/2 ">
6506                                <div class="flex w-full flex-col">
6507                                  <div class="block">
6508                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="email">Email * </label>
6509                                  </div>
6510                                                                        <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">
6511                                                                  </div>
6512                            </div>
6513                          </div>
6514                                                                                                <div class="-mx-2 flex flex-wrap sm:mt-6">
6515                            <div class="w-full px-2 w-full ">
6516                                <div class="flex w-full flex-col">
6517                                  <div class="block">
6518                                      <label class="flex text-sm leading-5 font-semibold text-gray-700" for="comments">Comment * </label>
6519                                  </div>
6520                                                                        <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>
6521                                                                  </div>
6522                            </div>
6523                          </div>
6524                                                                    <div class="mt-5 " id="req-app-recaptcha" data-form="r-
6524app-form"></div>
6525                    </div>
6526                </div>
6527                <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">
6528                  <div class="flex w-full justify-between">
6529                    <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">
6530                    <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">
6531                      <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"></path>
6532                    </svg>
6533                    <span class="ml-2">Back</span></button>
6534                    
6535                    <button class="ml-2 text-sm rounded focus:outline-none py-2 px-6 cursor-pointer bg-calendar-btn text-white " type="submit">Confirm
6536                    </button>
6537                  </div>
6538                </div>
6539                </div>
6540              </div>
6541            </div>
6542            </div>
6543          </div>
6544        </div>
6545    </div>
6546
6547        </div>
6548
6549    
6549<script>
6550                        
6551                              $(function () {
6552                    $('#r-app-form').on('submit', function (event) {
6553                        const $form = $(this);
6554                        event.preventDefault()
6555                        grecaptcha.ready(function() {
6556                            grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) {
6557                                $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`)
6558                                $form.unbind('submit').submit()
6559                            });
6560                        });
6561                    });
6562                })
6563          </script>
vendor: 1 bytes, line 6563
6563
6564<script>
6565
6566    let step = 1;
6567    let today = new Date();
6568    let currentMonthIndex = 0;
6569    let currentYear = today.getFullYear();
6570    
6571    const monthTitle = $("#react-day-picker-1");
6572    const months = [
6573      {month: today.getMonth(), year: today.getFullYear()},
6574      {month: (today.getMonth() + 1) % 12, year: today.getFullYear() + (today.getMonth() === 11 ? 1 : 0)}
6575    ];
6576    
6577    const prevButton = $("#prevMonth");
6578    const nextButton = $("#nextMonth");
6579    
6580    businessHours = {}; 
6581    renderCalendar(currentMonthIndex);
6582    
6583    function addCalendarStylesheet() {
6584        if ($('link[href="/skeleton/1.0/view/css/calendar.css?v=1.66"]').length === 0) {
6585            var link = $('<link>', {
6586                rel: 'stylesheet',
6587                href: '/skeleton/1.0/view/css/calendar.css?v=1.66'
6588            });
6589            $("head").append(link);
6590        }
6591    }
6592    
6593    $(document).ready(function () {
6594        addCalendarStylesheet();
6595    });
6596    
6597            $("#back-step-1").click(function () {
6598          $('#calendar').toggleClass('md:w-1/2 md:w-1/3').addClass('active');
6599          $('#store-info').toggleClass('justify-center justify-start');
6600          $('#store-info img').toggle();
6601          $("#time, #confirm, .noselect").toggle();
6602          step = 2
6603        });
6604        
6605        $("#back-step-2").click(function () {
6606          $("#time").addClass('active')
6607          $("#confirm, #calendar").removeClass('active')
6608          step = 1
6609        });
6610        
6611        $(".rApp-container .close").on('click', function() {
6612            $('#rApp').hide();
6613            $('body').removeClass('overflow-hidden');
6614        })
6615        let updateLocation = true;
6616    
6617    $(document).on("click", ".req_app_click", function () {
6618        var formType = $(this).attr('id');
6619        
6620        updateLocation = true;
6621        addCalendarStylesheet();
6622        var productImage = $(".item-image img").attr("src");
6623        
6624        // Create product image div if it doesn't exist (separate from store image)
6625        if ($("#store-info img").length === 0 && productImage) {
6626            $("#store-info").append('<div><img src="" style="display: none"></div>');
6627        }
6628        $("#store-info img, .rApp-product-image-tablet img, #rApp-image").attr("src", productImage);
6629        
6630        $(".rApp-product-image-tablet img").each(function() {
6631          if (!$(this).attr("src")) {
6632            $(this).closest(".rApp-product-image-tablet").css("height", "0");
6633          } else {
6634            $(this).closest(".rApp-product-image-tablet").css("height", ""); // Reset height if src is not empty
6635          }
6636        });
6637      
6638        $(".appLoader").toggleClass("hidden")
6639        $("#l_name, #l_address, #l_store_img").hide();
6640        
6641        if ($(this).attr('id') == 'virtual') {
6642            updateLocation = false;
6643        } else {
6644            $("#l_name").show();
6645            $("#rApp").removeClass('hide-product');
6646        }
6647        
6648        if (!isDesktop()) {
6649          $(".rApp-product-image-tablet img").show();
6650        } else {
6651          $(".rApp-product-image-tablet img").hide();
6652        }
6653      
6654        var location_id = $(this).data("location_id");
6655        $("body").addClass("overflow-hidden");
6656        setTimeout(function(){
6657          $("#rApp").toggle();
6658        },200)
6659          
6660        if ($(".fas").length) {
6661          $(".fas").removeClass("open");
6662          $(".fas-overlay").addClass("d-none");
6663        }
6664      
6665        $.post({
6666          url: "/skeleton/1.0/view/ws/ajax_calendar.php",
6667          data: { location_id: location_id },
6668          headers: {
6669              'X-CSRF-TOKEN': window.csrf_token
6670          },
6671          dataType: "json",
6672          success: function(response) {
6673            if (response.status === "success") {
6674              let { l_BusinessHours, l_Address, l_Name, l_Store_img, l_TimeZone} = response.message;
6675              
6676              businessHours = JSON.parse(l_BusinessHours || "{}");
6677              
6678              if (updateLocation) {
6679                  
6680                  $("#l_name").html(l_Name);
6681                  $("#l_address").html(l_Address.replace(/&lt;br&gt;/g, "<br>"));
6682              }
6683              
6684              if (l_TimeZone == null || l_TimeZone == '') {
6685                l_TimeZone = "Pacific Time";
6686              }
6687              
6688              $(".l_timeZ, .appTimeZone").html(l_TimeZone);
6689              $("#timezone").val(l_TimeZone);
6690              if (formType == "in_store_try") formType = "in-store";
6691              $("#formType").val(formType);
6692              
6693              if (l_Store_img.length > 1 && updateLocation) {
6694                  $("#l_store_img").fadeIn();
6695                  $("#l_store_img").css("background-image", `url("${l_Store_img}")`);
6696              }
6697              
6698              if (updateLocation) {
6699                  $("#l_name, #l_address").fadeIn();
6700              } else {
6701                  $("#l_address").fadeIn();
6702              }
6703              console.log(updateLocation);
6704              if (updateLocation == false) {
6705                $("#l_name").hide();
6706                $("#l_address").html('Book a zoom meeting <br>to view the above product');
6707                $("#l_address").fadeIn();
6708                $("#l_store_img").fadeIn();
6709                $("#l_store_img").css("background-image", `url("${productImage}")`);
6710                $("#rApp").addClass('hide-product');
6711              }
6712        
6713              renderCalendar(currentMonthIndex);
6714              
6715              setTimeout(function () {
6716                  $(".appLoader").toggleClass("hidden")
6717              }, 500)
6718            }
6719          },
6720          error: function(xhr, textStatus, errorThrown) {
6721              // console.error(xhr.responseText);
6722          }
6723        });
6724      
6725      $("#location_id").val(location_id);
6726    });
6727    
6728    $(document).on('click', function(e) {
6729        if ($(e.target).closest('#rApp > div').length === 0 && $(e.target).is('.antialiased')) {
6730            $('#rApp').hide();
6731            $('body').removeClass('overflow-hidden');
6732        }
6733    });
6734    
6735    function isDesktop() {
6736      return window.matchMedia("(min-width: 768px)").matches;
6737    }
6738    
6739    isDesktop();
6740    window.addEventListener("resize", function () {
6741      isDesktop();
6742        
6743        if (!isDesktop()) {
6744          $(".rApp-product-image-tablet img").show();
6745        } else {
6746          $(".rApp-product-image-tablet img").hide();
6747        }
6748    });
6749    
6750    function renderCalendar(monthIndex) {
6751      populateMonthDropdown(monthIndex);
6752      const calendarBody = $(".calendar-tbody");
6753      calendarBody.empty();
6754    
6755      const {month, year} = months[monthIndex];
6756      const daysInMonth = new Date(year, month + 1, 0).getDate();
6757      const firstDayOfMonth = new Date(year, month, 1).getDay();
6758    
6759            let dayToSelect = null;
6760      if (isDesktop()) {
6761        const todayWeekDay = today.getDay();
6762        const isTodayOpen = isBusinessDay(todayWeekDay);
6763        
6764        if (isTodayOpen) {
6765          dayToSelect = new Date(today);
6766        } else {
6767          dayToSelect = findNextOpenDay();
6768        }
6769      }
6770    
6771      let startOffset = (firstDayOfMonth === 0) ? 6 : firstDayOfMonth - 1;
6772      let day = 1;
6773    
6774      while (day <= daysInMonth) {
6775        let row = $("<tr></tr>").addClass("calendar-row");
6776    
6777        for (let i = 0; i < 7; i++) {
6778        let cell = $("<td></td>").addClass("calendar-cell").attr("role", "presentation");
6779    
6780        if (startOffset > 0) {
6781          cell.append("<div role='gridcell'></div>");
6782          startOffset--;
6783        } else if (day <= daysInMonth) {
6784          let currentDate = new Date(year, month, day);
6785          let button = $("<button></button>")
6786            .addClass("calendar-button_reset calendar-button calendar-day")
6787            .attr("role", "gridcell")
6788            .attr("type", "button")
6789            .attr("data-day", day)
6790            .attr("data-month", month)
6791            .attr("data-year", year)
6792            .text(day);
6793    
6794          let isToday =
6795            today.getFullYear() === year &&
6796            today.getMonth() === month &&
6797            today.getDate() === day;
6798    
6799          let isFirstDayOfMonth = 1 === day;
6800    
6801          if ((isToday || isFirstDayOfMonth) && isDesktop()) {
6802            $(".calendar-day_selected").removeClass("calendar-day_selected");
6803            button.addClass("calendar-day_selected");
6804            selectDate(button);
6805          }
6806    
6807          let weekDay = currentDate.getDay();
6808          let isDayDisabled = false;
6809          
6810          if (typeof isBusinessDay(weekDay) !== 'undefined') {
6811            if (currentDate < new Date().setHours(0, 0, 0, 0) || !isBusinessDay(weekDay)) {
6812            button.addClass("calendar-day_disabled").prop("disabled", true);
6813            isDayDisabled = true;
6814            } else {
6815            button.on("click", function () {
6816              $(".calendar-day_selected").removeClass("calendar-day_selected");
6817              $(this).addClass("calendar-day_selected");
6818              selectDate($(this)); 
6819            });
6820            }
6821          } else if (weekDay === 0 || weekDay === 6 || currentDate < new Date().setHours(0, 0, 0, 0)) {
6822            button.addClass("calendar-day_disabled").prop("disabled", true);
6823            isDayDisabled = true;
6824          } else {
6825            button.on("click", function () {
6826            $(".calendar-day_selected").removeClass("calendar-day_selected");
6827            $(this).addClass("calendar-day_selected");
6828            selectDate($(this));
6829            });
6830          }
6831          
6832          let shouldAutoSelect = false;
6833          if (dayToSelect && isDesktop() && !isDayDisabled) {
6834            shouldAutoSelect = 
6835              dayToSelect.getFullYear() === year &&
6836              dayToSelect.getMonth() === month &&
6837              dayToSelect.getDate() === day;
6838          }
6839    
6840          if (shouldAutoSelect) {
6841            $(".calendar-day_selected").removeClass("calendar-day_selected");
6842            button.addClass("calendar-day_selected");
6843            selectDate(button);
6844          }
6845    
6846          cell.append(button);
6847          day++;
6848        }
6849    
6850        row.append(cell);
6851        }
6852    
6853        calendarBody.append(row);
6854      }
6855    }
6856    
6857    function isBusinessDay(weekDay) {
6858      if (!businessHours || typeof businessHours !== "object") return false;
6859      const dayHours = businessHours[weekDay];
6860      return dayHours && !dayHours.closed && dayHours.open && dayHours.close;
6861    }
6862    
6863    function findNextOpenDay() {
6864      let checkDate = new Date(today);
6865      checkDate.setHours(0, 0, 0, 0);
6866      
6867      // Check up to 30 days ahead
6868      for (let i = 0; i < 30; i++) {
6869        const weekDay = checkDate.getDay();
6870        const dateValue = checkDate.getTime();
6871        
6872        // Skip if date is in the past
6873        if (dateValue < new Date().setHours(0, 0, 0, 0)) {
6874          checkDate.setDate(checkDate.getDate() + 1);
6875          continue;
6876        }
6877        
6878        // Check if it's a business day
6879        if (isBusinessDay(weekDay)) {
6880          return checkDate;
6881        }
6882        
6883        checkDate.setDate(checkDate.getDate() + 1);
6884      }
6885      
6886      return null; // No open day found
6887    }
6888    
6889    let selectedMonth = today.getMonth();
6890    let selectedYear = today.getFullYear();
6891    
6892    function selectDate(day) {
6893      if (day.hasClass("calendar-day_disabled")) return;
6894    
6895      const selectedDay = day.html().split('<br>')[0].trim();
6896      const selectedMonth = parseInt(day.attr('data-month'));
6897      const selectedYear = parseInt(day.attr('data-year'));
6898    
6899      const formattedDate = `${selectedYear}-${String(selectedMonth + 1).padStart(2, '0')}-${String(selectedDay).padStart(2, '0')}`;
6900      $("#date_field").val(formattedDate);
6901    
6902      let selectedDateObj = new Date(selectedYear, selectedMonth, selectedDay);
6903      updateTimeSlots(selectedDateObj);
6904      // console.log("111111")
6905    
6906      if (!isDesktop()) {
6907        $("#calendar").removeClass('active');
6908        $("div#time").addClass('active');
6909      }
6910    }
6911    
6912    function updateTimeSlots(selectedDay) {
6913      const selectedWeekday = selectedDay.getDay();
6914      const selectedMonth = selectedDay.toLocaleString('en-US', {month: 'long'});
6915      const selectedDate = selectedDay.getDate();
6916      const selectedYear = selectedDay.getFullYear();
6917    
6918      const weekdayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
6919      const weekdayName = weekdayNames[selectedWeekday];
6920    
6921      $(".appDate").each(function () {
6922        $(this).html(`${weekdayName}, ${selectedMonth} ${selectedDate}`);
6923      });
6924    
6925      $('.appYear').html(selectedYear);
6926    
6927      const buttonsContainer = document.getElementById("time-select");
6928      const hiddenInput = document.getElementById("appointmentTime");
6929      buttonsContainer.innerHTML = "";
6930    
6931      const defaultTimes = ["10:00 AM", "11:00 AM", "1:00 PM", "2:00 PM", "3:00 PM", "4:00 PM"];
6932    
6933      try {
6934        const hoursObj = businessHours;
6935        const hours = hoursObj ? hoursObj[selectedWeekday] : null;
6936        let timeSlots = defaultTimes;
6937    
6938        if (hours && !hours.closed) {
6939        timeSlots = generateTimeSlots(parseTime(hours.open), parseTime(hours.close));
6940        }
6941    
6942        timeSlots.forEach((time, index) => {
6943        const wrapperDiv = document.createElement("div");
6944        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";
6945    
6946        const timeDiv = document.createElement("div");
6947        timeDiv.className = "font-light w-full py-3 hover:bg-gray-100 cursor-pointer text-center rounded";
6948        timeDiv.setAttribute("data-testid", `time-slot-${index}`);
6949        timeDiv.textContent = time;
6950    
6951    
6952        timeDiv.onclick = function () {
6953          let [h, m] = time.split(' ')[0].split(':').map(Number);
6954          let period = time.includes('PM') ? 'PM' : 'AM';
6955    
6956          if (time.includes('PM') && h !== 12) h += 12;
6957          if (time.includes('AM') && h === 12) h = 0;
6958    
6959                      h = (h + 1) % 24;
6960              
6961          let newPeriod = h >= 12 ? 'PM' : 'AM';
6962          let displayH = h % 12 || 12;
6963    
6964          let newTime = `${displayH}:${String(m).padStart(2, '0')} ${newPeriod}`;
6965          hiddenInput.value = `${String(h - 1).padStart(2, '0')}
6965:${String(m).padStart(2, '0')}`;
6966    
6967                    
6968              $('#calendar').toggleClass('md:w-1/2 md:w-1/3');
6969              $('#store-info').toggleClass('justify-center justify-start');
6970              $('#store-info img').toggle();
6971              $("#time, #confirm, .noselect").toggle();
6972              step = 3;
6973              $("#confirm").addClass('active')
6974          
6975              $("#time, #calendar").removeClass('active')
6976              
6977          $('.appTime').html(`${time} - ${newTime}`);
6978    
6979          // Difference in days
6980          let timeDiff = Math.ceil((selectedDay - new Date()) / (1000 * 60 * 60 * 24));
6981          
6982          if (timeDiff === 0) {
6983            timeDiff = "Today";
6984          } else if (timeDiff > 1) {
6985            timeDiff = "In <b>" + timeDiff + "</b>" + " days";
6986          } else {
6987            timeDiff = "In <b>" + timeDiff + "</b>" + " day";
6988          }
6989          
6990          $(".appDiff").html(timeDiff);
6991        };
6992    
6993        wrapperDiv.appendChild(timeDiv);
6994        buttonsContainer.appendChild(wrapperDiv);
6995        });
6996      } catch (error) {
6997        console.error("Invalid businessHours data", e);
6998      }
6999    }
7000    
7001    function generateTimeSlots(openTime, closeTime) {
7002      let slots = [];
7003      let currentTime = new Date(openTime);
7004    
7005      while (currentTime < closeTime) {
7006        let hours = currentTime.getHours();
7007        let minutes = currentTime.getMinutes();
7008        let period = hours >= 12 ? "PM" : "AM";
7009        let formattedHours = hours % 12 || 12; // 12-hours format
7010    
7011        slots.push(`${formattedHours}:${String(minutes).padStart(2, '0')} ${period}`);
7012                    currentTime.setHours(currentTime.getHours() + 1);
7013              }
7014    
7015      return slots;
7016    }
7017    
7018    function parseTime(timeString) {
7019      const [time, modifier] = timeString.split(" ");
7020      let [hours, minutes] = time.split(":").map(num => parseInt(num));
7021    
7022      if (modifier === "PM" && hours < 12) {
7023        hours += 12;
7024      } else if (modifier === "AM" && hours === 12) {
7025        hours = 0;
7026      }
7027    
7028      const now = new Date();
7029      now.setHours(hours, minutes, 0, 0);
7030    
7031      return now;
7032    }
7033    
7034    function populateMonthDropdown(currentMonthIndex) {
7035      monthTitle.empty();
7036    
7037      currentMonthIndex = today.getMonth() + currentMonthIndex;
7038      let date = new Date(currentYear, (currentMonthIndex) % 12, 1);
7039    
7040      monthTitle.text(date.toLocaleString("en", {month: "long", year: "numeric"}));
7041    }
7042    
7043    prevButton.on("click", () => {
7044      renderCalendar(0);
7045      populateMonthDropdown(0);
7046      prevButton.attr("disabled", true);
7047      nextButton.attr("disabled", false);
7048    });
7049    
7050    nextButton.on("click", () => {
7051      renderCalendar(1);
7052      populateMonthDropdown(1);
7053      prevButton.attr("disabled", false);
7054      nextButton.attr("disabled", true);
7055    });
7056    
7057    // fields Validation
7058    $('#r-app-form input, #r-app-form textarea').on('input', function() {
7059        const $this = $(this);
7060        const maxLength = $this.attr('maxlength');
7061        const currentLength = $this.val().length;
7062        const $maxLengthMessage = $this.next('.max-length-message');
7063    
7064        if (maxLength < currentLength) {
7065            if (!$maxLengthMessage.length) {
7066                $this.after('<div class="max-length-message text-gray-500 text-sm mt-1"></div>');
7067            }
7068            $this.next('.max-length-message').text(`The max allowed amount - ${currentLength} symbols`);
7069    
7070            if (currentLength > maxLength) {
7071                $this.addClass('border-red-500');
7072                $this.next('.max-length-message').addClass('text-red-500');
7073            } else {
7074                $this.removeClass('border-red-500');
7075                $this.next('.max-length-message').removeClass('text-red-500');
7076            }
7077        } else {
7078            $maxLengthMessage.remove();
7079            $this.removeClass('border-red-500'); // Ensure red border is removed if no max length
7080        }
7081    });
7082    
7083    $('#r-app-form button[type=submit]').on('click', function(e) {
7084        
7085        let isValid = true;
7086        let errors = {};
7087
7088        let email = $('#rApp_email').val().trim();
7089        let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
7090        const $maxLengthMessage = $('#rApp_email').next('.error-message');
7091        
7092        if (!emailRegex.test(email)) {
7093            $this.after('<div class="error-message text-gray-500 text-sm mt-1"></div>');
7094            isValid = false;
7095            $('#rApp_email').next('.error-message').text(`Invalid email format.`);
7096            $('#rApp_email').addClass('border-red-500');
7097        } else {
7098            $maxLengthMessage.remove();
7099            $('#rApp_email').removeClass('border-red-500');
7100        }
7101
7102        $('.error-message').remove();
7103        for (let field in errors) {
7104            let errorMsg = errors[field];
7105            $('#' + field).after('<div class="error-message text-red-500 text-sm">' + errorMsg + '</div>');
7106        }
7107
7108        if (!isValid) {
7109            e.preventDefault();
7110        }
7111    });
7112
7113    // Load location image
7114        $('#l_store_img').css('background-image', 'url(https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png)');
7115    
7116</script>
7116
7117  </form>
7118          <div class="fas-overlay d-none"></div>
7119      
7120  
7120<script>
7121    function isStoreDesktop() {
7122      return window.matchMedia("(min-width: 1102px)").matches;
7123    }
7124    
7125    function updateLogoStoreVisibility() {
7126        document.querySelectorAll('.fas-logo-store').forEach(logoStore => {
7127            if (!isStoreDesktop() && !logoStore.querySelector('img')) {
7128                logoStore.style.display = 'none';
7129            } else {
7130                logoStore.style.display = '';
7131            }
7132        });
7133    }
7134    
7135    updateLogoStoreVisibility();
7136    
7137    window.addEventListener("resize", updateLogoStoreVisibility);
7138    
7139    var storeCount = 1;
7140   
7141    $(document).ready(function () {
7142      var images = $('#store-locator img'),
7143        table = $('#store-locator_wrapper table');
7144        
7145      var loadedImages = 0;
7146      var totalImages = images.length;
7147        
7148        function forceDisplay(selector, value) {
7149            document.querySelectorAll(selector).forEach(function(el) {
7150                if (value === 'none') {
7151                    el.style.setProperty('display', value, 'important');
7152                } else {
7153                    el.style.removeProperty('display');
7154                    el.style.display = value;
7155                }
7156            });
7157        }
7158
7159    
7160      table.on('page.dt', function() {
7161        $('html, body, .fas').animate({ scrollTop: 0 }, 'slow');
7162      });
7163
7164        $(".hide-in-calendar").each(function() {
7165            $(this).show();
7166        })
7167        $(".show-in-calendar").each(function() {
7168            $(this).hide();
7169            $(this).css("display", "none !important");
7170        })
7171
7172                $('.fas-store, .fas-btn, .close-fas-btn, .fas-overlay').on('click', function () {
7173            $('body').toggleClass('overflow-hidden');
7174            $('.fas').toggleClass('open');
7175            $('.fas-overlay').toggleClass('d-none');
7176          })
7177            
7178      // RS 2025-06-25 Hide zip-code sort on Map page
7179      const $mapRadio = $("#fas-tab2"); // Map
7180      const $listRadio = $("#fas-tab1"); // List
7181      const $zipSearch = $("#search-by-zip");
7182      const $useLocationButton = $(".get-location");
7183    
7184      function toggleVisibility() {
7185        if ($mapRadio.is(":checked")) {
7186          $zipSearch.hide();
7187          $useLocationButton.hide();
7188        } else {
7189          $zipSearch.css("display", "flex"); // или .show(), если подойдет
7190          $useLocationButton.show();
7191        }
7192      }
7193    
7194      // Initial check
7195      toggleVisibility();
7196    
7197      // Add event listeners
7198      $mapRadio.on("change", toggleVisibility);
7199      $listRadio.on("change", toggleVisibility);
7200    });
7201    
7202    $(".fas-tab-wrap label").on('keydown', function(event) {
7203        if (event.key === 'Enter') {
7204            var id = $(this).attr("for");
7205            
7206            $(".fas-tab-wrap input").each(function() {
7207                $(this).removeAttr('checked')
7208            });
7209            
7210            $("#"+id).attr('checked', 'checked')
7211        }
7212    })
7213
7214    function errorMessage(type = 'show', message) {
7215      var $container = $('.find-ts-error');
7216      if (type == 'show') {
7217        $container.animate({"opacity": "1", "height": "24px", "margin-top": "20px", "margin-bottom": "35px"}, 900);
7218        $container.html(message);
7219
7220        setTimeout(function () {
7221          $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900);
7222        }, 2000);
7223      } else {
7224        $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900);
7225        $container.html("");
7226      }
7227    }
7228    
7229    const $searchInput = $('#search-by-zip input');
7230    const $searchButton = $('#search-by-zip button');
7231    
7232    $searchInput.on('keydown', function(event) {
7233        if (event.key === 'Enter') {
7234            $searchButton.click();
7235        }
7236    });
7237
7238    $('#search-by-zip button').on("click", function () {
7239        var $input = $('#search-by-zip input');
7240        var zipCode = $input.val();
7241        var $table = $('#store-locator_wrapper table');
7242    
7243        if (isValidZipCode(zipCode)) {
7244            $table.fadeOut();
7245            $.ajax({
7246                url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
7247                type: 'POST',
7248                headers: {'X-CSRF-TOKEN': window.csrf_token},
7249                data: {
7250                    action: 'GET_LOCATION',
7251                    zipCode: zipCode
7252                },
7253                dataType: 'json',
7254                success: function (response) {
7255                    if (response.status === 'success') {
7256                        var targetLat = response.message.lat;
7257                        var targetLng = response.message.lng;
7258    
7259                        var rows = $('#store-locator tr').get();
7260                        var uniqueRows = {};
7261    
7262                        rows.forEach(function (row) {
7263                            var lat = parseFloat($(row).data('lat'));
7264                            var lng = parseFloat($(row).data('lng'));
7265    
7266                            if (!isNaN(lat) && !isNaN(lng)) {
7267                                var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng);
7268                                var roundedDistance = Math.round(distance);
7269    
7270                                $(row).find("td:nth-child(2) b").text(roundedDistance);
7271                                $(row).find("td:nth-child(2)").css('display', 'block');
7272                                $(".fas-row-actions").each(function() {
7273                                    $(this).css('bottom', '30px');
7274                                })
7275    
7276                                var key = lat.toFixed(6) + ',' + lng.toFixed(6);
7277    
7278                                if (!uniqueRows.hasOwnProperty(key)) {
7279                                    uniqueRows[key] = { element: row, distance: distance };
7280                                }
7281                            }
7282                        });
7283    
7284                        var uniqueRowsArray = Object.values(uniqueRows);
7285                        uniqueRowsArray.sort(function (a, b) {
7286                            return a.distance - b.distance;
7287                            
7288                        });
7289                        
7290                        // Select the parent container of the table rows
7291                        var tableBody = $('#store-locator tbody');
7292    
7293                        tableBody.empty(); // Ensure tbody is empty before appending new rows
7294                        uniqueRowsArray.forEach(function (row) {
7295                            tableBody.append(row.element);
7296                        });
7297    
7298                        // Reinitialize DataTable
7299                        setTimeout(function () {
7300                            $table.fadeIn(); // Show table after DataTable initialization
7301                        }, 500);
7302                    } else {
7303                        console.log('Error message:', response.message);
7304                        errorMessage('show', response.message);
7305                        $table.fadeIn(); // Ensure table is visible even in case of error
7306                    }
7307                },
7308                error: function (xhr, status, error) {
7309                    // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
7310                    if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7311                  // console.error(xhr);
7312                  // If backend returned HTML page
7313                  if (xhr.responseText) {
7314                      document.open();
7315                      document.write(xhr.responseText);
7316                      document.close();
7317                      return;
7318                  }
7319              }
7320            });
7321        } else {
7322            console.log('Invalid ZIP Code');
7323            errorMessage('show', 'ZIP code not found.');
7324            $table.fadeIn(); // Ensure table is visible even in case of invalid ZIP
7325        }
7326    });
7327
7328    function getDistanceFromLatLonInMiles(lat1, lon1, lat2, lon2) {
7329      var R = 3958.8;
7330      var dLat = deg2rad(lat2 - lat1);
7331      var dLon = deg2rad(lon2 - lon1);
7332      var a =
7333        Math.sin(dLat / 2) * Math.sin(dLat / 2) +
7334        Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *
7335        Math.sin(dLon / 2) * Math.sin(dLon / 2);
7336      var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
7337      var d = R * c;
7338      return d;
7339    }
7340
7341    function deg2rad(deg) {
7342      return deg * (Math.PI / 180);
7343    }
7344
7345    function getLocation() {
7346      if (navigator.geolocation) {
7347        navigator.geolocation.getCurrentPosition(showPosition, showError);
7348      } else {
7349        document.getElementById("location").innerHTML = "Geolocation is not supported by this browser.";
7350      }
7351    }
7352
7353    // subhan code to make the store selection
7354    $('body').on("click",".select-store", function () {
7355        const storeId = $(this).data('store');
7356        // const storeId = '';
7357        $.ajax({
7358            url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
7359            type: 'POST',
7360            headers: {'X-CSRF-TOKEN': window.csrf_token},
7361            data: {
7362                action: 'SELECT_STORE',
7363                storeId: storeId
7364            },
7365            dataType: 'json',
7366            success: function (response) {
7367                if (response.status === 'success') {
7368                    window.location.reload();
7369                } else {
7370                    console.log('Error message:', response.message);
7371                    // toastr.success(response.message);
7372                }
7373            },
7374            error: function (xhr, status, error) {
7375                // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
7376                if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7377                // console.error(xhr);
7378                // If backend returned HTML page
7379                if (xhr.responseText) {
7380                    document.open();
7381                    document.write(xhr.responseText);
7382                    document.close();
7383                    return;
7384                }
7385            }
7386        });
7387    });
7388 
7389
7390    function showPosition(position) {
7391        console.log(position)
7392        const targetLat = position.coords.latitude;
7393        const targetLng = position.coords.longitude;
7394
7395        $.ajax({
7396            url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
7397            type: 'POST',
7398            headers: {'X-CSRF-TOKEN': window.csrf_token},
7399            data: {
7400                action: 'UPDATE_LOCATION_BY_COORDINATES',
7401                lat: targetLat,
7402                lon: targetLng
7403            },
7404            dataType: 'json',
7405            success: function (response) {
7406                if (response.success) {
7407                    document.location.reload()
7408                } else {
7409                    // errorMessage('show', response.message);
7410
7411                    var $table = $('#store-locator_wrapper table');
7412                    var $tbody = $('#store-locator tbody');
7413
7414                    $table.fadeOut();
7415
7416                    setTimeout(function () {
7417                        var rows = $tbody.find('tr').get();
7418
7419                        var uniqueRows = {};
7420
7421                        rows.forEach(function (row) {
7422                            var lat = parseFloat($(row).data('lat'));
7423                            var lng = parseFloat($(row).data('lng'));
7424
7425                            if (!isNaN(lat) && !isNaN(lng)) {
7426                                var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng);
7427                                var roundedDistance = Math.round(distance);
7428
7429                                $(row).find("td:nth-child(2) b").text(roundedDistance);
7430                                $(row).find("td:nth-child(2)").css('display', 'block');
7431                                $(".fas-row-actions").css('bottom', '30px');
7432
7433                                var key = lat.toFixed(6) + ',' + lng.toFixed(6);
7434
7435                                if (!uniqueRows.hasOwnProperty(key)) {
7436                                    uniqueRows[key] = {element: row, distance: distance};
7437                                }
7438                            }
7439                        });
7440
7441                        var uniqueRowsArray = Object.values(uniqueRows);
7442
7443                        uniqueRowsArray.sort(function (a, b) {
7444                            return a.distance - b.distance;
7445                        });
7446
7447                        $tbody.empty();
7448                        uniqueRowsArray.forEach(function (row) {
7449                            $tbody.append(row.element);
7450                        });
7451
7452                        setTimeout(function () {
7453                            $table.fadeIn();
7454                        }, 200);
7455                    }, 200);
7456                }
7457            },
7458            error: function (xhr, status, error) {
7459                // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
7460                if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
7461              // console.error(xhr);
7462              // If backend returned HTML page
7463              if (xhr.responseText) {
7464                  document.open();
7465                  document.write(xhr.responseText);
7466                  document.close();
7467                  return;
7468              }
7469            }
7470        });
7471    }
7472
7473    function showError(error) {
7474      switch (error.code) {
7475        case error.PERMISSION_DENIED:
7476          errorMessage("show", "You denied the request for Geolocation.");
7477          break;
7478        case error.POSITION_UNAVAILABLE:
7479          errorMessage("show", "Location information is unavailable, please enter ZIP Code");
7480          break;
7481        case error.TIMEOUT:
7482          errorMessage("show", "The request to get user location timed out.");
7483          break;
7484        case error.UNKNOWN_ERROR:
7485          errorMessage("show", "An unknown error occurred.");
7486          break;
7487      }
7488    }
7489</script>
7489
7490    
7490<script>
7491        const zipcode = document.getElementById('sl_zipcode');
7492        if(zipcode){
7493            zipcode.addEventListener('input', function (e) {
7494                this.value = this.value.replace(/\D/g, '');
7495            });
7496        }
7497    </script>
7497
7498
7499  <style>
7500    #bookInStore {
7501        background: transparent !important;
7502        display: flex !important;
7503        width: 75%;
7504        align-items: center;
7505        padding-left: 30px;
7506    }
7507
7508    #store-locator {
7509        width: 100% !important;
7510    }
7511    .page-item .page-link {
7512        color: black !important;
7513        box-shadow: none;
7514    }
7515    .page-item.active .page-link {
7516        border-color: #dee2e6!important;
7517        background: #f2f2f2 !important;
7518    }
7519    .page-item.disabled .page-link {
7520        color: gray !important;
7521    }
7522    
7523    .page-item.active .page-link:hover {
7524        opacity: 0.7!important;
7525    }
7526    
7527    .fas .col-md-5 {
7528        display: none;
7529    }
7530    
7531    .fas .col-md-7 {
7532        max-width: 100%;
7533        flex: 100%;
7534        display: flex;
7535        justify-content: center;
7536    }
7537
7538    #store-locator_length, #store-locator_filter, #store-locator_info {
7539        display: none;
7540    }
7541    .fas-btn:hover {
7542        background-color: #3172ab;
7543    }
7544    
7545    #store-locator_wrapper {
7546        overflow-x: hidden;
7547    }
7548
7549    .fas:not(.landing) {
7550      position: fixed;
7551      left: 50%;
7552      right: 0;
7553      top: 0;
7554      bottom: 0;
7555      z-index: 1045;
7556      background: white;
7557      transition: 300ms;
7558      transform: translateX(105%);
7559      box-shadow: 0 0 12px 2px rgba(0, 0, 0, .35);
7560      overflow-y: scroll;
7561    }
7562    
7563    .fas:not(.landing) .fas-logo-store {
7564        display: none;
7565    }
7566
7567    label svg {
7568      width: 19px;
7569      height: 21px;
7570      margin: 0 13px 2px -13px;
7571    }
7572
7573    .fas.landing {
7574      max-width: 1260px;
7575      margin: 20px auto 0 auto;
7576      position: relative;
7577    }
7578
7579    .fas.landing label {
7580      z-index: 10;
7581    }
7582
7583    .fas-actions {
7584      align-items: center;
7585      margin-bottom: 20px;
7586      padding: 0 20px;
7587      right: 0;
7588      z-index: 9;
7589      width: 100%;
7590      display: grid !important;
7591      grid-template-columns: repeat(3, minmax(0, 1fr));
7592    }
7593
7594    .fas.landing .fas-actions {
7595      position: absolute;
7596    }
7597
7598    .find-ts-error {
7599      text-align: center;
7600      margin: 0 auto;
7601      color: #8f0000;
7602      height: 0;
7603      font-weight: 600;
7604    }
7605
7606    .fas-tab__content table tr {
7607      position: relative;
7608      min-height: 150px;
7609      padding: 30px;
7610      display: flex;
7611      align-items: center;
7612      border-bottom: 1px solid #dbdbdb;
7613    }
7614    .fas-tab__content .row{
7615        margin: 0!important;
7616    }
7617
7618    #search-by-zip {
7619      display: flex;
7620      align-items: center;
7621      margin: auto;
7622    }
7623
7624    .fas-row-store {
7625      width: 100%;
7626      padding-left: 0;
7627      display: flex;
7628      align-items: center;
7629      border: none;
7630      justify-content: left !important;
7631    }
7632    
7633    .fas-row-store p {
7634        margin-bottom: 0 !important;
7635    }
7636    
7637            .fas-logo-store {
7638            margin-bottom: 20px;
7639        }
7640        
7641    .fas-logo-store {
7642        margin-right: 40px;
7643        display: flex;
7644        align-items: center;
7645        width: 150px;
7646        height: 150px;
7647        display: flex;
7648        align-items: center;
7649        justify-content: center;
7650        overflow: hidden;
7651        border-radius: 50%;
7652    }
7653    
7654    .fas-logo-store img {
7655        width: 100%;
7656        height: 100%;
7657        object-fit: cover;
7658        object-position: center;
7659    }
7660
7661    .fas-row-distance {
7662      border: none;
7663      align-items: center;
7664      justify-content: end !important;
7665      display: none;
7666      position: absolute;
7667      right: 0;
7668      top: 5px;
7669    }
7670
7671    .fas-row-distance > div {
7672      align-items: center;
7673      display: flex;
7674      font-size: 18px;
7675      padding-right: 20px;
7676      justify-content: end;
7677    }
7678
7679    .fas-row-distance > div > b {
7680      margin: 15px;
7681      font-size: 20px;
7682    }
7683
7684    .fas-row-actions {
7685      border: none;
7686      align-items: center;
7687      display: flex;
7688      position: absolute;
7689      right: 0;
7690    }
7691
7692    .fas-row-actions svg {
7693      width: 25px;
7694      height: 25px;
7695      margin-bottom: 10px;
7696    }
7697
7698    .fas.landing #search-by-zip {
7699      justify-content: center
7700    }
7701
7702    #search-by-zip input {
7703      width: 180px!important;
7704      box-shadow: none !important;
7705      border: none!important;;
7706      border-radius: 0!important;;
7707      border-bottom: 1px solid darkgrey!important;;
7708      padding: 0 10px!important;;
7709    }
7710
7711    #search-by-zip button {
7712      width: auto;
7713      height: 28px;
7714      border-top-left-radius: 0;
7715      border-bottom-left-radius: 0;
7716      box-shadow: none !important;
7717      border-color: #ced4da;
7718      border: none;
7719      padding: 5px;
7720      padding-right: 10px;
7721      border-left: 0;
7722    }
7723
7724    .get-location {
7725      margin: 0 5px!important;
7726      padding: 0 5px !important;
7727      border: 1px solid white!important;
7728      text-align: end!important;
7729      width: auto!important;
7730      position: absolute!important;
7731      right: 0!important;
7732    }
7733
7734    .get-location svg {
7735      width: 18px;
7736      height: 16px;
7737      margin-top: 4px;
7738      margin-right: 3px;
7739      float: left;
7740    }
7741
7742    .fas-actions .map-btn {
7743      width: 100%;
7744      padding: 0 20px;
7745    }
7746    .map-btn a{
7747        color: inherit;
7748    }
7749
7750    .fas.landing .fas-actions {
7751      max-width: 1260px;
7752      margin: auto;
7753    }
7754
7755    .fas.open {
7756      transform: translateX(0);
7757    }
7758
7759    .fas .close-fas-btn {
7760      width: 130px;
7761      padding: 3rem;
7762      cursor: pointer;
7763      margin-left: auto;
7764    }
7765
7766    .fas .btn {
7767      border-radius: 0;
7768      padding: 12px 25px;
7769    }
7770
7771    .fas svg:not(.store-hours-arrow) {
7772      margin-bottom: 7px;
7773    }
7774
7775    .fas-actions path {
7776      fill: #767676;
7777    }
7778
7779    .fas-overlay.d-none {
7780      opacity: 0;
7781      visibility: hidden;
7782    }
7783
7784    .fas-overlay {
7785      position: fixed;
7786      left: 0;
7787      right: 0;
7788      top: 0;
7789      bottom: 0;
7790      z-index: 1043;
7791      background: rgba(1, 1, 1, 0.5);
7792      opacity: 1;
7793      visibility: visible;
7794    }
7795
7796    .fas-tab__content tr td {
7797      justify-content: center;
7798      border-top: none!important;
7799    }
7800
7801    .fas-tab__content tr td:nth-child(3) {
7802      min-width: 30%;
7803      padding-bottom: 0;
7804    }
7805
7806    .fas button:focus {
7807      outline: none !important;
7808      box-shadow: none !important;
7809    }
7810
7811    .fas button:hover {
7812      opacity: 0.8
7813    }
7814
7815    
7816    .green {
7817        color: green
7818    }
7819    .mtb-4 {
7820        margin: 40px 0;
7821    }
7822    .ma {
7823        margin-left: auto;
7824        margin-right: auto;
7825    }
7826    .mb-4 {
7827        margin-bottom: 40px;
7828    }
7829    .p-4 {
7830        padding: 40px;
7831    }
7832    .pb-3 {
7833        padding-bottom: 30px;
7834    }
7835    
7836    .card a {
7837        cursor: pointer;
7838    }
7839    
7840    @media (max-width: 768px) {
7841        .main_page_container .col-6 {
7842            max-width: 100%;
7843            flex: 0 0 100%;
7844            margin-bottom: 40px;
7845        }
7846    }
7847    
7848
7849    
7850    /***********/
7851    @media (max-width: 1600px) {
7852      .fas-tab__content tr td:nth-child(3) {
7853        height: auto;
7854        justify-content: center;
7855        text-align: center;
7856      }
7857      
7858      .fas:not(.landing) {
7859        left: 30%;
7860      }
7861
7862    
7863        }
7864
7865    .fas-tab-wrap {
7866      transition: 0.3s box-shadow ease;
7867      border-radius: 6px;
7868      max-width: 100%;
7869      display: flex;
7870      flex-wrap: wrap;
7871      position: relative;
7872      list-style: none;
7873      background-color: #fff;
7874    }
7875
7876    .fas-tab {
7877      display: none;
7878    }
7879
7880    .fas-tab:checked:nth-of-type(1) ~ .fas-tab__content:nth-of-type(2) {
7881      opacity: 1;
7882      transition: 0.5s opacity ease-in, 0.8s transform ease;
7883      position: relative;
7884      top: 0;
7885      z-index: 97;
7886      transform: translateY(0px);
7887      text-shadow: 0 0 0;
7888    }
7889
7890    .fas-tab:checked:nth-of-type(2) ~ .fas-tab__content:nth-of-type(3) {
7891      opacity: 1;
7892      transition: 0.5s opacity ease-in, 0.8s transform ease;
7893      position: relative;
7894      top: 0;
7895      z-index: 97;
7896      transform: translateY(0px);
7897      text-shadow: 0 0 0;
7898    }
7899    
7900    .fas-tab:first-of-type:not(:last-of-type) + label {
7901      border-top-right-radius: 0;
7902      border-bottom-right-radius: 0;
7903    }
7904
7905    .fas-tab:not(:first-of-type):not(:last-of-type) + label {
7906      border-radius: 0;
7907    }
7908
7909    .fas-tab:last-of-type:not(:first-of-type) + label {
7910      border-top-left-radius: 0;
7911      border-bottom-left-radius: 0;
7912    }
7913
7914    .fas-tab:checked + label {
7915      background-color: #f2f2f2;
7916      box-shadow: 0 -1px 0 #f2f2f2 inset;
7917      cursor: default;
7918    }
7919
7920    .fas-tab:checked + label:hover {
7921      background-color: #f2f2f2;
7922      box-shadow: 0 -1px 0 #f2f2f2 inset;
7923    }
7924
7925    .fas-tab + label {
7926      box-shadow: 0 -1px 0 #eee inset;
7927      border-radius: 6px 6px 0 0;
7928      cursor: pointer;
7929      display: block;
7930      text-decoration: none;
7931      color: #333;
7932      flex-grow: 3;
7933      text-align: center;
7934      background-color: #fff;
7935      -webkit-user-select: none;
7936      -moz-user-select: none;
7937      -ms-user-select: none;
7938      user-select: none;
7939      text-align: center;
7940      transition: 0.1s background-color ease, 0.1s box-shadow ease;
7941      height: 50px;
7942      box-sizing: border-box;
7943      padding: 15px;
7944      max-width: 150px;
7945      margin: 0;
7946    }
7947
7948    .fas-tab + label:hover {
7949      background-color: #f9f9f9;
7950      box-shadow: 0 1px 0 #f4f4f4 inset;
7951    }
7952
7953    .fas-tab__content {
7954      background-color: transparent;
7955      position: absolute;
7956      width: 100%;
7957      z-index: -1;
7958      opacity: 0;
7959      left: 0;
7960      transform: translateY(-3px);
7961      border-top: 1px solid #dbdbdb;
7962    }
7963
7964    .fas-tab__content tr:nth-child(odd) {
7965      background: #f8f8f8;
7966    }
7967
7968    .container {
7969      margin: 0 auto;
7970      display: block;
7971      width: 100%;
7972    }
7973
7974    .container > *:not(.fas-tab-wrap) {
7975      padding: 0 80px;
7976    }
7977
7978    /* MAP styles */
7979    #map {
7980      height: 800px;
7981      width: 100%;
7982    }
7983
7984    .infoWindow {
7985      font-family: Arial, sans-serif;
7986      text-align: center;
7987      padding: 5px 10px;
7988    }
7989
7990    .infoWindow h2 {
7991      font-size: 22px;
7992      line-height: 20.7px;
7993      text-align: left;
7994      margin: 10px auto;
7995    }
7996
7997    .infoWindow h4 {
7998      font-size: 12px;
7999      line-height: 16px;
8000      font-weight: 100;
8001      margin-bottom: 15px;
8002    }
8003
8004    .infoWindow .actions {
8005      display: flex;
8006      justify-content: center;
8007    }
8008
8009    .infoWindow svg {
8010      width: 16px;
8011      height: 16px;
8012      margin: 0;
8013    }
8014
8015    .infoWindow button,
8016    .infoWindow a {
8017      border-radius: 15px;
8018      color: white;
8019      background: rgb(49, 114, 171);
8020      border: 1px solid rgb(49, 114, 171);
8021      margin: 0 3px;
8022      padding: 6px;
8023      display: flex;
8024      align-items: center;
8025      text-decoration: none;
8026      padding: 5px 9px;
8027    }
8028
8029    .infoWindow button:hover,
8030    .infoWindow a:hover {
8031      border: 1px solid rgb(49, 114, 171);
8032    }
8033    
8034    .get-location {
8035        margin-top: 5px!important;
8036    }
8037    
8038    @media (max-width: 1200px) {
8039        .fas:not(.landing) {
8040            left: 15%;
8041        }
8042    }
8043
8044    @media (max-width: 1101.9px) {
8045        .store-hours-container {
8046          display: flex;
8047          justify-content: center;
8048        }
8049        .fas-row-actions {
8050            position: relative;
8051        }
8052        .fas-row-distance {
8053            position: inherit;
8054        }
8055        .fas-row-distance > div {
8056            justify-content: center;
8057            margin-bottom: 20px;
8058        }
8059        .fas-row-store {
8060            display: block !important;
8061        }
8062        .fas-logo-store {
8063            margin: 0px auto 40px auto;
8064        }
8065        
8066          .fas-tab__content tr td:nth-child(3) > div {
8067        grid-template-columns: repeat(2, minmax(0, 1fr));
8068      }
8069
8070      .fas-tab__content tr td:nth-child(3) > div > div:nth-child(4) {
8071        grid-column: auto;
8072      }
8073
8074      .fas .close-fas-btn {
8075        padding: 1.5rem;
8076        width: 80px;
8077      }
8078
8079      .products-list .item-title {
8080        font-size: 14px;
8081      }
8082
8083      .fas {
8084        left: 0 !important;
8085      }
8086
8087      .fas-tab__content table tr {
8088        display: inline-grid !important;
8089        width: 100%;
8090      }
8091
8092      .fas-tab__content table td, .fas-tab__content table td > div:not(.fas-logo-store) {
8093        width: auto !important;
8094        text-align: center;
8095      }
8096      
8097      .fas-row-distance {
8098          height: auto;
8099      }
8100      
8101      .fas-tab__content tr td p{
8102          margin: 0 auto;
8103      }
8104      
8105    }
8106
8107    @media (max-width: 979.9px) {
8108      .fas-tab + label {
8109        max-width: 95px;
8110      }
8111
8112      label svg {
8113        width: 15px;
8114        margin: 0 8px 0 0;
8115      }
8116    }
8117
8118    @media (max-width: 550px) {
8119       .fas-actions .form-control {
8120        width: auto !important;
8121      }
8122
8123      .fas-tab-wrap > .fas-actions {
8124        padding: 0;
8125        margin: 0 10px !important;
8126      }
8127        
8128      .fas-tab-wrap > .fas-actions > #search-by-zip > label {
8129        padding: 0;
8130      }
8131        
8132      .fas-tab-wrap > .fas-actions > .get-location {
8133        margin: 0 10px 0 0 !important;
8134      }
8135
8136      #search-by-zip {
8137          width: 190px;
8138          margin: 0 auto 10px auto;
8139      }
8140      
8141      .get-location {
8142        margin-top: 27px !important;
8143    }
8144
8145      .fas.landing {
8146          margin: 0;
8147      }
8148      
8149      .fas.landing .fas-actions {
8150          position: inherit;
8151      }
8152
8153      .fas-actions {
8154        display: block;
8155        grid-template-columns: repeat(2, minmax(0, 1fr));
8156        text-align: center;
8157      }
8158      
8159      .fas-tab__content tr td {
8160        height: auto !important;
8161      }
8162
8163      .fas-actions > div:nth-child(1) {
8164        grid-column: 1 / -1;
8165        margin-bottom: 10px;
8166        padding: 0;
8167      }
8168
8169      .get-location {
8170        position: inherit;
8171        font-size: 14px;
8172        margin: auto;
8173      }
8174
8175      .fas-tab:checked + label {
8176        display: none;
8177      }
8178    }
8179    
8180    @media (max-width: 480px) {
8181        .fas-row-actions > div {
8182            display: grid !important;
8183            grid-template-columns: repeat(2, minmax(0, 2fr));
8184        }
8185    }
8186    
8187    .fas.in_store_try {
8188        left: 63%;
8189    }
8190    
8191    @media (max-width: 1600px) {
8192        .fas.in_store_try {
8193            left: 56%;
8194        }
8195    }
8196    
8197    @media (max-width: 1200px) {
8198        .fas.in_store_try {
8199            left: 46%;
8200        }
8201    }
8202  </style> <div class="my-scope offcanvas left offcanvas-md" id="update-zipAddress">
8203    <div class="offcanvas-header border-bottom">
8204        <h3 class="general_style">Update Location</h3>
8205        <button aria-label="Close menu" class="close-offcanvas btn-close"></button>
8206    </div>
8207    <div class="offcanvas-body">
8208        <form id="zipcode-form">
8209            <p class="p2_general_style">Your location helps us to offer delivery options available for you.</p>
8210            <div class="input_general_style general_style">
8211                <label for="zipcode" class="general_style  ">Zipcode <span class="text-danger">*</span></label>
8212                <input type="text" id="zipcode" value="" name="zipcode" required="required" maxlength="50" class="form-control form-control-lg">
8213                <div class="invalid-feedback">Please enter valid zip code.</div>
8214            </div>
8215            <button type="submit" title="Update Zipcode" aria-label="Update" class="btn-modal button_general_style">Update Location</button>
8216        </form>
8217        <button type="button" title="Use My Location" aria-label="Update" class="btn-modal-outline secondary_button_general_style use-my-location">
8218            <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">
8219                <path fill="#231F20" d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.
8219051,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>
8220            </svg>
8221            Use My Location
8222        </button>
8223    </div>
8224</div>
8225<script>
8226    $(document).ready(function() {
8227        $("#zipcode-form").submit(function (e) {
8228            e.preventDefault();
8229            var $input = $('#zipcode-form input');
8230            const $error_box = $('#zipcode-form .invalid-feedback');
8231            $error_box.hide();
8232            var zipCode = $input.val();
8233            console.log(zipCode)
8234            if (isValidZipCode(zipCode)) {
8235                $.ajax({
8236                    url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
8237                    type: 'POST',
8238                    headers: {'X-CSRF-TOKEN': window.csrf_token},
8239                    data: {
8240                        action: 'UPDATE_LOCATION',
8241                        zipCode: zipCode
8242                    },
8243                    dataType: 'json',
8244                    success: function (response) {
8245                        if (response.success) {
8246                            document.location.reload()
8247                        } else {
8248                            $error_box.show();
8249                            // errorMessage('show', response.message);
8250                        }
8251                    },
8252                    error: function (xhr, status, error) {
8253                        // console.error(xhr);
8254                        // If backend returned HTML page
8255                        if (xhr.responseText) {
8256                            if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8257                            document.open();
8258                            document.write(xhr.responseText);
8259                            document.close();
8260                            return;
8261                        }
8262                    }
8263                });
8264            } else {
8265                $error_box.show();
8266                // console.log('Invalid ZIP Code');
8267                // errorMessage('show', 'ZIP code not found.');
8268            }
8269
8270        });
8271
8272        $('.use-my-location').on('click', function () {
8273            if (navigator.geolocation) {
8274                navigator.geolocation.getCurrentPosition(sendMyLocation, showError);
8275            } else {
8276                document.getElementById("location").innerHTML = "Geolocation is not supported by this browser.";
8277            }
8278        });
8279
8280        function sendMyLocation(position) {
8281            console.log(position)
8282            const targetLat = position.coords.latitude;
8283            const targetLng = position.coords.longitude;
8284
8285            $.ajax({
8286                url: '/skeleton/1.0/view/ws/ajax_find_a_store.php',
8287                type: 'POST',
8288                headers: {'X-CSRF-TOKEN': window.csrf_token},
8289                data: {
8290                    action: 'UPDATE_LOCATION_BY_COORDINATES',
8291                    lat: targetLat,
8292                    lon: targetLng
8293                },
8294                dataType: 'json',
8295                success: function (response) {
8296                    if (response.success) {
8297                        document.location.reload()
8298                    } else {
8299                        console.log('cannot update location');
8300                    }
8301                },
8302                error: function (xhr, status, error) {
8303                    // console.error(xhr);
8304                    // If backend returned HTML page
8305                    if (xhr.responseText) {
8306                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return;
8307                        document.open();
8308                        document.write(xhr.responseText);
8309                        document.close();
8310                        return;
8311                    }
8312                }
8313            });
8314        }
8315
8316    function showError(error) {
8317      switch (error.code) {
8318        case error.PERMISSION_DENIED:
8319          errorMessage("show", "You denied the request for Geolocation.");
8320          break;
8321        case error.POSITION_UNAVAILABLE:
8322          errorMessage("show", "Location information is unavailable, please enter ZIP Code");
8323          break;
8324        case error.TIMEOUT:
8325          errorMessage("show", "The request to get user location timed out.");
8326          break;
8327        case error.UNKNOWN_ERROR:
8328          errorMessage("show", "An unknown error occurred.");
8329          break;
8330      }
8331    }
8332    });
8333</script>
8333<footer class="appearance-desktop-view-template">
8334    
8335    
8336        
8337        <div class="footer_container footer_container_1">
8338
8339                        
8340                  
8341
8342                <div class="flex_row flex_row_1">
8343
8344                    
8345                        <div class="flex_col flex_col_1">
8346
8347                            
8348                        </div>
8349
8350                        <style>
8351                            .footer_container_1 .flex_row_1 .flex_col_1 {
8352                                                        }
8353                        </style>
8354
8355
8356                    
8357                        <div class="flex_col flex_col_2">
8358
8359                            
8360                        </div>
8361
8362                        <style>
8363                            .footer_container_1 .flex_row_1 .flex_col_2 {
8364                                                        }
8365                        </style>
8366
8367
8368                    
8369                        <div class="flex_col flex_col_3">
8370
8371                            
8372<div class="flex_cell flex_cell_1 social_icons">
8373    <div class="flex_cell_content">
8374                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
8375                <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>
8376        
8377                    <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2">
8378                <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>
8379        
8380                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers
8380/" style="order: 3">
8381                <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>
8382        
8383                    <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UCQ4ouMJM2mY7apgDZpzNWow" style="order: 4">
8384                <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>
8385        
8386                    <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5">
8387                <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>
8388        
8389                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6">
8390                <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>
8391        
8392        
8393
8394        
8395                    <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9">
8396                <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>
8397        
8398            </div>
8399</div>
8400
8401<style>
8402    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
8403        width:100%;                                    justify-content: flex-end;
8404                            align-items:center; -webkit-align-items:center;    }
8405
8406            .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
8407        height:100%;        }
8408    
8409    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content {
8410        display: flex;
8411        margin-top:50px;        margin-bottom:50px;        margin-left:px;        margin-right:400px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
8412
8413    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a {
8414        display: flex;
8415        align-items: center;
8416        color:#ffffff;        font-weight:400;        font-style:normal;                        margin-left: 6px;
8417        margin-right: 6px;
8418        font-size:17px;font-family:ITC Avant Garde;        text-transform:none;    }
8419
8420    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{
8421        margin-right: 5px;
8422        width:16px;        height:16px;    }
8423
8424    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class {
8425        fill: currentColor;
8426    }
8427
8428
8429    .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover {
8430        color:#ffffff;    }
8431</style>
8432
8433                        </div>
8434
8435                        <style>
8436                            .footer_container_1 .flex_row_1 .flex_col_3 {
8437                            width:98%;                            }
8438                        </style>
8439
8440
8441                    
8442                        <div class="flex_col flex_col_4">
8443
8444                            
8445                        </div>
8446
8447                        <style>
8448                            .footer_container_1 .flex_row_1 .flex_col_4 {
8449                            width:2%;                            }
8450                        </style>
8451
8452
8453                    
8454                </div>
8455            
8456                
8457                <style>
8458                    .footer_container_1 .flex_row_1 {
8459                        background-color: #122d57;
8460                        color:#000000;                        height:auto;                                                
8461                                            }
8462                </style>
8463                
8464                                        
8465                
8466                        
8467                  
8468
8469                <div class="flex_row flex_row_2">
8470
8471                    
8472                        <div class="flex_col flex_col_1">
8473
8474                            
8475                        </div>
8476
8477                        <style>
8478                            .footer_container_1 .flex_row_2 .flex_col_1 {
8479                            width:2%;                            }
8480                        </style>
8481
8482
8483                    
8484                        <div class="flex_col flex_col_2">
8485
8486                            <div class="flex_cell flex_cell_1 custom_code">
8487    <div class="flex_cell_content">
8488        <div style="padding-bottom: 40px;">
8489<div style="padding-bottom: 40px;">
8490<table border="0" class="ftbl">
8491<tbody>
8492<tr class="tr1">
8493<td>
8494<div class="right-side">
8495<div class="col1">
8496<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>
8497</div>
8498<div class="col2">
8499<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Visit our showroom</h5>
8500<p>711 Main St. Schererville, Indiana 46375</p>
8501<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>
8502</div>
8503</td>
8504<td class="td2"></td>
8505<td style="padding-top: 0px;">
8506<div class="left-side">
8507<div class="col1"><span style="font-size: 14px; font-weight: bold;">Regular Hours</span>
8508<p><br />Mon - Sat:</p>
8509<p>11:00am - 6:00pm</p>
8510<p>Sunday: Closed&nbsp;</p>
8511<p></p>
8512</div>
8513<div class="col2">
8514<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5>
8515<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#264b47544d43524f484166474a44435452554c4351434a4354550845494b" title="mail"><span class="__cf_email__" data-cfemail="2944485b424c5d40474e6948454b4c5b5d5a434c5e4c454c5b5a074a4644">[email&#160;protected]</span></a></div>
8516</div>
8517</td>
8518</tr>
8519<tr class="tr2">
8520<td>
8521<div class="tr2right-side">
8522<p class="tr2right-side-p1"></p>
8523<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>
8524<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
8525                                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
8526                                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
8527                                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>
8528</td>
8529<td></td>
8530<td>
8531<div class="tr2left-side">
8532<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>
8533<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>
8534<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>
8535</div>
8536</td>
8537</tr>
8538</tbody>
8539</table>
8540</div>
8541</div>
8542<style> 
8543    .ftbl{  
8544      color:#fff;
8545          font-family: 'ITC Avant Garde';
8546  /*padding:0 3%;*/
8547  padding-bottom:43px;
8548    }
8549    .tr1 td{ 
8550      padding-bottom: 98px; 
8551    }
8552  .tr3 {
8553      position: relative;
8554  display:none;
8555  }
8556    .tr3 td{
8557      padding-top: 76px;
8558  padding-bottom: 43px;
8559    }
8560    .ftbl h5,
8561    .ftbl p{
8562      margin:0;
8563    }
8564    .ftbl h5{
8565      line-height: 25px;
8566      font-size: 28px;
8567      font-weight: 400;
8568      padding-bottom: 9px;
8569    }
8570    .ftbl .right-side p{
8571      font-size: 14px;
8572      font-weight: 400;
8573      width: 235px;
8574      line-height: 18px;
8575    }
8576    .ftbl .left-side p{
8577      font-size: 14px;
8578      font-weight: 400;
8579      line-height: 18px;
8580    }
8581    #fclm1img {
8582      width: 165px;
8583      height: 165px;
8584      background: #ccc;
8585      border-radius: 50%;
8586      display: flex;
8587      justify-content: center;
8588      align-items: center;
8589      overflow: hidden;
8590  }
8591  .td2{
8592    width:100%;
8593  }
8594  .right-side{
8595    display: flex;
8596  }
8597  .left-side{
8598    display: flex;
8599    padding-bottom: 34px;  
8600    justify-content: start;
8601    /* width: 380px; */
8602  }
8603  
8604  .right-side .col1{
8605    padding-right: 34px;
8606  }
8607  .left-side .col1{
8608  padding-right: 90px;
8609  }
8610  .right-side .col2{
8611    width: 300px;
8612      display: flex;
8613      flex-direction: column;
8614      justify-content: start;
8615      padding-top: 30px;
8616  }
8617  .right-side .col2 h5{
8618  text-transform: capitalize;
8619      white-space: nowrap;
8620  }
8621  .left-side h5{
8622    font-size: 14px;
8623    font-weight: 700;
8624    padding-bottom: 15px;
8625  }
8626  .tr2right-side{
8627    padding-right:10px ;
8628  }
8629  .tr2right-side input{
8630    width: 595px; 
8631    height: 51px;
8632      background: transparent !important;
8633      border:none;
8634      border-bottom: 1px solid #fff !important;
8635      color: #fff;
8636  width: 350px; 
8637      border-radius: 0px !important;
8638  text-indent:0px;
8639  outline: none;
8640  }
8641  .tr2right-side input:focus{
8642  border:none;
8643      border-bottom: 1px solid #fff !important;
8644  border-radius: 0px !important;
8645background: transparent;color: white !important;
8646  box-shadow: none !important;
8647  outline: none !important;
8648  }
8649  .tr2right-side input::placeholder {
8650      color: #fff;
8651      font-size: 14px;
8652      padding: 13px 19px 13px 0; 
8653  }
8654  .tr2left-side{
8655    display: flex;
8656    height: 120px;
8657  } 
8658  .tr2col1,.tr2col2,.tr2col3{
8659    display: flex;
8660      flex-direction: column;
8661      justify-content: space-around;
8662      min-width: 130px;
8663      box-sizing: content-box;
8664  }
8665  .tr2col2{
8666    padding-left: 80px;
8667      padding-right: 80px;
8668  }
8669  .tr2col3{
8670      height: auto;
8671      width: 200px;
8672  }
8673  .tr2left-side a{
8674    color:#fff;
8675    text-decoration: none;
8676  }
8677  .tr2right-side-p2{
8678    font-size: 14px;
8679      font-weight: 400;
8680      padding: 10px 0 20px 0;
8681      padding: 10px 0 0px 0;
8682  }
8683  
8684  .tr3col1{
8685    margin-right:33px;
8686  }
8687  .tr3col2{
8688    display: flex;
8689      flex-direction: column;
8690      justify-content: end;
8691  }
8692  .tr3td3{
8693    padding-top: 76px;
8694      display: flex;
8695      flex-direction: column; 
8696      justify-content: end;
8697      align-items: end;
8698      position: absolute;
8699      bottom: 0;
8700      right: 0;
8701  }
8702  #tr3col1imbl{ 
8703    max-width: 165px;
8704    display: flex;
8705    overflow: hidden;
8706  }
8707  #tr3col1imbl img{
8708    object-fit: cover;
8709  }
8710  .tr3td3 a{
8711    color: #fff;
8712      text-decoration: none;
8713      font-size: 14px;
8714      text-align: right;
8715  }
8716  .ftbl .tr3col2 p{
8717    width:100%;
8718  }
8719  @media (max-width:1200px){
8720  .tr2col2{
8721  padding-left: 95px;
8722      padding-right: 95px;
8723  }
8724  .tr2col1, .tr2col2, .tr2col3{
8725  min-width: auto;
8726  }
8727  .ftbl .tr3col2 p{
8728  width:95%;
8729  }
8730  .left-side .col1{
8731  padding-right: 60px;
8732  }
8733  .tr2right-side input{
8734  width: 470px;
8735  width: 350px;
8736  }
8737  .tr2col3 {
8738  width: 140px;
8739  }
8740  .ftbl h5 {
8741      padding-bottom: 15px;
8742  }
8743  .right-side .col2 {
8744     padding-top: 15px;
8745  }
8746  }
8747@media(max-width:1200px) and (min-width:992px){
8748footer .flex_cell.flex_cell_1.social_icons .flex_cell_content{
8749        margin-right: 232px !important;
8750}
8751}
8752  </style>    </div>
8753</div>
8754
8755<style>
8756    .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
8757    width:100%;    }
8758
8759        .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
8760        }
8761    
8762    .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
8763        width: 100%;
8764        height: 100%;
8765    }
8766</style>
8767                        </div>
8768
8769                        <style>
8770                            .footer_container_1 .flex_row_2 .flex_col_2 {
8771                            width:96%;                            }
8772                        </style>
8773
8774
8775                    
8776                        <div class="flex_col flex_col_3">
8777
8778                            
8779                        </div>
8780
8781                        <style>
8782                            .footer_container_1 .flex_row_2 .flex_col_3 {
8783                            width:2%;                            }
8784                        </style>
8785
8786
8787                    
8788                </div>
8789            
8790                
8791                <style>
8792                    .footer_container_1 .flex_row_2 {
8793                        background-color: #122d57;
8794                        color:#000000;                        height:auto;                                                
8795                                            }
8796                </style>
8797                
8798                                        
8799                
8800            
8801        </div>
8802        <style>
8803            .footer_container .flex_row {
8804                display: flex;
8805            }
8806            .footer_container_1 {
8807                            width:100%;
8808                                        max-width:100%;
8809                            margin: 0 auto;
8810            }
8811            .footer_container .flex_row .flex_col{
8812                display: flex;
8813                flex-wrap: wrap;
8814                box-sizing: border-box;
8815                align-content: baseline;
8816            }
8817            .footer_container .flex_row .flex_col .flex_cell{
8818                height: fit-content;
8819                display: flex;
8820            }
8821            .footer_container .flex_row .flex_col .flex_cell a{
8822                text-decoration: none;
8823            }
8824            .footer_container img {
8825                max-width: 100%;
8826            }
8827        </style>
8828
8829    
8830</footer>
8831<footer class="appearance-tablet-view-template">
8832    
8833    
8834        
8835        <div class="footer_container footer_container_2">
8836
8837                        
8838                  
8839
8840                <div class="flex_row flex_row_1">
8841
8842                    
8843                        <div class="flex_col flex_col_1">
8844
8845                            
8846                        </div>
8847
8848                        <style>
8849                            .footer_container_2 .flex_row_1 .flex_col_1 {
8850                                                        }
8851                        </style>
8852
8853
8854                    
8855                        <div class="flex_col flex_col_2">
8856
8857                            
8858                        </div>
8859
8860                        <style>
8861                            .footer_container_2 .flex_row_1 .flex_col_2 {
8862                                                        }
8863                        </style>
8864
8865
8866                    
8867                        <div class="flex_col flex_col_3">
8868
8869                            
8870<div class="flex_cell flex_cell_1 social_icons">
8871    <div class="flex_cell_content">
8872                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
8873                <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>
8874        
8875                    <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2">
8876                <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>
8877        
8878                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3">
8879                <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>
8880        
8881                    <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
8881Q4ouMJM2mY7apgDZpzNWow" style="order: 4">
8882                <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>
8883        
8884                    <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5">
8885                <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>
8886        
8887                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6">
8888                <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>
8889        
8890        
8891
8892        
8893                    <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9">
8894                <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>
8895        
8896            </div>
8897</div>
8898
8899<style>
8900    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
8901        width:100%;                                    justify-content: flex-end;
8902                            align-items:center; -webkit-align-items:center;    }
8903
8904            .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons {
8905        height:100%;        }
8906    
8907    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content {
8908        display: flex;
8909        margin-top:50px;        margin-bottom:0px;        margin-left:px;        margin-right:72px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
8910
8911    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a {
8912        display: flex;
8913        align-items: center;
8914        color:#ffffff;        font-weight:400;        font-style:normal;                        margin-left: 6px;
8915        margin-right: 6px;
8916        font-size:17px;font-family:ITC Avant Garde;        text-transform:none;    }
8917
8918    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{
8919        margin-right: 5px;
8920        width:16px;        height:16px;    }
8921
8922    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class {
8923        fill: currentColor;
8924    }
8925
8926
8927    .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover {
8928        color:#ffffff;    }
8929</style>
8930
8931                        </div>
8932
8933                        <style>
8934                            .footer_container_2 .flex_row_1 .flex_col_3 {
8935                            width:98%;                            }
8936                        </style>
8937
8938
8939                    
8940                        <div class="flex_col flex_col_4">
8941
8942                            
8943                        </div>
8944
8945                        <style>
8946                            .footer_container_2 .flex_row_1 .flex_col_4 {
8947                            width:2%;                            }
8948                        </style>
8949
8950
8951                    
8952                </div>
8953            
8954                
8955                <style>
8956                    .footer_container_2 .flex_row_1 {
8957                        background-color: #122d57;
8958                        color:#000000;                        height:auto;                                                
8959                                            }
8960                </style>
8961                
8962                                        
8963                
8964                        
8965                  
8966
8967                <div class="flex_row flex_row_2">
8968
8969                    
8970                        <div class="flex_col flex_col_1">
8971
8972                            
8973                        </div>
8974
8975                        <style>
8976                            .footer_container_2 .flex_row_2 .flex_col_1 {
8977                            width:2%;                            }
8978                        </style>
8979
8980
8981                    
8982                        <div class="flex_col flex_col_2">
8983
8984                            <div class="flex_cell flex_cell_1 custom_code">
8985    <div class="flex_cell_content">
8986        <div style="padding-bottom: 63px;">
8987<table border="0" class="ftbl">
8988<tbody>
8989<tr class="tr1">
8990<td class="td1">
8991<div class="right-side">
8992<div class="col1">
8993<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>
8994</div>
8995<div class="col2">
8996<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5>
8997<p>711 Main St. Schererville <br />Indiana 46375</p>
8998<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>
8999</div>
9000</td>
9001<td class="td2"></td>
9002<td>
9003<div class="left-side">
9004<div class="col1">
9005<pre style="color: #fff; font-family: 'ITC Avant Garde';"><span style="font-size: 10pt;"><strong>Regular Hours<br /></strong></span></pre>
9006<p>Mon-Sat: 11am &mdash; 6pm</p>
9007<p>Sunday: Closed</p>
9008<p></p>
9009</div>
9010<div class="col2">
9011<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5>
9012<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#8ae7ebf8e1effee3e4edcaebe6e8eff8fef9e0effdefe6eff8f9a4e9e5e7" title="mail">
9012<span class="__cf_email__" data-cfemail="4e232f3c252b3a2720290e2f222c2b3c3a3d242b392b222b3c3d602d2123">[email&#160;protected]</span></a></div>
9013</div>
9014</td>
9015</tr>
9016<tr class="tr2">
9017<td>
9018<div class="tr2right-side">
9019<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>
9020<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
9021                                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
9022                                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
9023                                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>
9024</td>
9025<td></td>
9026<td class="td3">
9027<div class="tr2left-side">
9028<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>
9029<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>
9030<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>
9031</div>
9032</td>
9033</tr>
9034</tbody>
9035</table>
9036</div>
9037<style> 
9038  @media (max-width:991.9px){
9039    .footer_container .flex_row .flex_col .flex_cell a{
9040      font-size: 14px;
9041    }
9042    .ftbl{ 
9043      color:#fff;
9044      font-family: 'ITC Avant Garde';
9045      /*padding: 0 25px;*/
9046  padding-bottom:43px;
9047    }
9048    .tr1 td{ 
9049      padding-bottom: 98px;
9050   padding-top: 43px;
9051    }
9052  .tr3 {
9053      position: relative;
9054  }
9055    .tr3 td{
9056      padding-top: 76px;
9057  padding-bottom: 43px;
9058    }
9059    .ftbl h5,
9060    .ftbl p{
9061      margin:0;
9062    }
9063    .ftbl h5{
9064      line-height: 25px;
9065      font-size: 28px;
9066      font-weight: 400;
9067      padding-bottom: 19px;
9068    }
9069    .ftbl .right-side p{
9070      font-size: 14px;
9071      font-weight: 400;
9072      width: 235px;
9073      line-height: 18px;
9074    }
9075    .ftbl .left-side p{
9076      font-size: 14px;
9077      font-weight: 400;
9078      line-height: 18px;
9079    }
9080    #fclm1img {
9081      width: 165px;
9082      height: 165px;
9083      background: #ccc;
9084      border-radius: 50%;
9085      display: flex;
9086      justify-content: center;
9087      align-items: center;
9088      overflow: hidden;
9089  }
9090  .td1{
9091      padding-top: 0;
9092      display: flex;
9093  }
9094  .td2{
9095    width:100%;
9096  }
9097  .right-side{
9098    display: flex; 
9099  }
9100  .left-side {
9101      display: flex;
9102      padding-bottom: 34px;
9103      flex-direction: column;
9104      justify-content: end;
9105  }
9106  .left-side .col1,
9107  .right-side .col1{
9108    padding-right: 34px;
9109  }
9110  .left-side .col1{
9111  padding-bottom: 20px;
9112      padding-top: 26px;
9113  }
9114  .right-side .col2{
9115    width: 100%;
9116      display: flex;
9117      flex-direction: column;
9118      justify-content: start;
9119      padding-top: 30px;
9120  }
9121  .left-side h5{
9122    font-size: 14px;
9123    font-weight: 700;
9124    padding-bottom: 15px; 
9125  }
9126  .right-side h5{
9127  white-space: nowrap;
9128  }
9129  .tr2right-side{
9130    padding-right:10px ;
9131  }
9132  .tr2right-side input{
9133    width: 595px;
9134  width: 470px;
9135  width:100%;
9136  width: 350px;
9137  
9138    height: 51px;
9139      background: transparent !important;
9140  border:none;    
9141  border-bottom: 1px solid #fff !important;
9142      color: #fff;
9143      border-radius: 0px !important;
9144  outline: none;
9145padding-left: 0 !important;
9146text-indent:0px;
9147  }
9148  .tr2right-side input::placeholder {
9149      color: #fff;
9150      font-size: 16px;
9151      padding: 13px 19px 13px 0; 
9152  }
9153.tr2right-side input:focus{
9154  border:none;
9155      border-bottom: 1px solid #fff !important;
9156  border-radius: 0px !important;
9157background: transparent;color: white !important;
9158  box-shadow: none !important;
9159  outline: none !important;
9160  }
9161  .tr2left-side{
9162    display: flex;
9163    height: 106px;
9164  } 
9165  .tr2col1,.tr2col2,.tr2col3{
9166    display: flex;
9167      flex-direction: column;
9168      justify-content: space-between;
9169  }
9170  .tr2 .td3{
9171  display:flex;
9172  }
9173  .tr2col2 {
9174      padding-left: 46px;
9175      padding-right: 31px;
9176  }
9177  .tr2col3{
9178    width: 107px;
9179  }
9180  .tr2left-side a{
9181    color:#fff;
9182    text-decoration: none;
9183  }
9184  .tr2right-side-p2{
9185    font-size: 14px;
9186      font-weight: 400;
9187      padding: 10px 0 20px 0;
9188  padding: 10px 0 0px 0;
9189  }
9190  
9191  .tr3col1{
9192    margin-right:33px;
9193  }
9194  .tr3col2{
9195    display: flex;
9196      flex-direction: column;
9197      justify-content: end;
9198  }
9199  .tr3td3{
9200    padding-top: 76px;
9201      display: flex;
9202      flex-direction: column; 
9203      justify-content: end;
9204      align-items: end;
9205      position: absolute;
9206      bottom: 0;
9207      right: 0;
9208  }
9209  #tr3col1imbl{ 
9210    max-width: 165px;
9211    display: flex;
9212    overflow: hidden;
9213  }
9214  #tr3col1imbl img{
9215    object-fit: cover;
9216  }
9217  .tr3td3 a{
9218    color: #fff;
9219      text-decoration: none;
9220      font-size: 14px;
9221      text-align: right;
9222  }
9223  .ftbl .tr3col2 p{
9224    width:100%;
9225  }}
9226  @media (max-width: 870px) {
9227      .right-side .col2 h5 {
9228          white-space: wrap;
9229      }
9230      .ftbl .right-side p {
9231          width: 100%;
9232  white-space: wrap;
9233      }
9234  }
9235  </style>    </div>
9236</div>
9237
9238<style>
9239    .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
9240    width:100%;    }
9241
9242        .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
9243        }
9244    
9245    .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
9246        width: 100%;
9247        height: 100%;
9248    }
9249</style>
9250                        </div>
9251
9252                        <style>
9253                            .footer_container_2 .flex_row_2 .flex_col_2 {
9254                            width:96%;                            }
9255                        </style>
9256
9257
9258                    
9259                        <div class="flex_col flex_col_3">
9260
9261                            
9262                        </div>
9263
9264                        <style>
9265                            .footer_container_2 .flex_row_2 .flex_col_3 {
9266                            width:2%;                            }
9267                        </style>
9268
9269
9270                    
9271                </div>
9272            
9273                
9274                <style>
9275                    .footer_container_2 .flex_row_2 {
9276                        background-color: #122d57;
9277                        color:#000000;                        height:auto;                                                
9278                                            }
9279                </style>
9280                
9281                                        
9282                
9283            
9284        </div>
9285        <style>
9286            .footer_container .flex_row {
9287                display: flex;
9288            }
9289            .footer_container_2 {
9290                            width:100%;
9291                                        max-width:100%;
9292                            margin: 0 auto;
9293            }
9294            .footer_container .flex_row .flex_col{
9295                display: flex;
9296                flex-wrap: wrap;
9297                box-sizing: border-box;
9298                align-content: baseline;
9299            }
9300            .footer_container .flex_row .flex_col .flex_cell{
9301                height: fit-content;
9302                display: flex;
9303            }
9304            .footer_container .flex_row .flex_col .flex_cell a{
9305                text-decoration: none;
9306            }
9307            .footer_container img {
9308                max-width: 100%;
9309            }
9310        </style>
9311
9312    
9313</footer>
9314<footer class="appearance-mobile-view-template">
9315    
9316    
9317        
9318        <div class="footer_container footer_container_3">
9319
9320                        
9321                  
9322
9323                <div class="flex_row flex_row_1">
9324
9325                    
9326                        <div class="flex_col flex_col_1">
9327
9328                            
9329                        </div>
9330
9331                        <style>
9332                            .footer_container_3 .flex_row_1 .flex_col_1 {
9333                            width:5%;                            }
9334                        </style>
9335
9336
9337                    
9338                        <div class="flex_col flex_col_2">
9339
9340                            
9341<div class="flex_cell flex_cell_1 social_icons">
9342    <div class="flex_cell_content">
9343                    <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
9344                <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>
9345        
9346                    <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2">
9347                <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>
9348        
9349                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3">
9350                <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>
9351        
9352                    <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
9352Q4ouMJM2mY7apgDZpzNWow" style="order: 4">
9353                <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>
9354        
9355                    <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5">
9356                <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>
9357        
9358                    <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6">
9359                <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>
9360        
9361        
9362
9363        
9364                    <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9">
9365                <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>
9366        
9367            </div>
9368</div>
9369
9370<style>
9371    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons {
9372        width:100%;                                    justify-content: center;
9373                            align-items:center; -webkit-align-items:center;    }
9374
9375            .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons {
9376        height:100%;        }
9377    
9378    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content {
9379        display: flex;
9380        margin-top:25px;        margin-bottom:25px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
9381
9382    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a {
9383        display: flex;
9384        align-items: center;
9385        color:#ffffff;        font-weight:400;        font-style:normal;                        margin-left: 6px;
9386        margin-right: 6px;
9387        font-size:16px;font-family:ITC Avant Garde;        text-transform:none;    }
9388
9389    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a svg{
9390        margin-right: 5px;
9391        width:15px;        height:15px;    }
9392
9393    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a .path_class {
9394        fill: currentColor;
9395    }
9396
9397
9398    .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a:hover {
9399        color:#ffffff;    }
9400</style>
9401
9402                        </div>
9403
9404                        <style>
9405                            .footer_container_3 .flex_row_1 .flex_col_2 {
9406                            width:90%;                            }
9407                        </style>
9408
9409
9410                    
9411                        <div class="flex_col flex_col_3">
9412
9413                            
9414                        </div>
9415
9416                        <style>
9417                            .footer_container_3 .flex_row_1 .flex_col_3 {
9418                            width:5%;                            }
9419                        </style>
9420
9421
9422                    
9423                </div>
9424            
9425                
9426                <style>
9427                    .footer_container_3 .flex_row_1 {
9428                        background-color: #122d57;
9429                        color:#000000;                        height:50;                                                
9430                                            }
9431                </style>
9432                
9433                                        
9434                
9435                        
9436                  
9437
9438                <div class="flex_row flex_row_2">
9439
9440                    
9441                        <div class="flex_col flex_col_1">
9442
9443                            
9444                        </div>
9445
9446                        <style>
9447                            .footer_container_3 .flex_row_2 .flex_col_1 {
9448                            width:5%;                            }
9449                        </style>
9450
9451
9452                    
9453                        <div class="flex_col flex_col_2">
9454
9455                            <div class="flex_cell flex_cell_1 custom_code">
9456    <div class="flex_cell_content">
9457        <div>
9458<table border="0" class="ftbl">
9459<tbody>
9460<tr class="tr1">
9461<td class="td1">
9462<div class="right-side">
9463<div class="col1">
9464<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>
9465</div>
9466<div class="col2">
9467<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5>
9468<p>711 Main St. Schererville, Indiana 46375</p>
9469<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>
9470</div>
9471</div>
9472</td>
9473<td class="td2">
9474<div class="left-side">
9475<div class="col1"><span style="font-size: 10pt;"><strong>Regular Hours<br /><br /></strong></span>
9476<p>Mon-Sat: 11am — 6pm</p>
9477<p>Sunday: Closed</p>
9478<p></p>
9479</div>
9480<div class="col2">
9481<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5>
9482<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#5b363a29303e2f32353c1b3a37393e292f28313e2c3e373e292875383436" title="mail"><span class="__cf_email__" data-cfemail="dfb2beadb4baabb6b1b89fbeb3bdbaadabacb5baa8bab3baadacf1bcb0b2">[email&#160;protected]</span></a></div>
9483</div>
9484</td>
9485</tr>
9486<tr class="tr2" style="padding-bottom: 53px;">
9487<td>
9488<div class="tr2right-side">
9489<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>
9490<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
9491                                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
9492                                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
9493                                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>
9494</td>
9495<td class="td3">
9496<div class="tr2left-side">
9497<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>
9498<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>
9499<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>
9500</div>
9501</td>
9502</tr>
9503</tbody>
9504</table>
9505</div>
9506<style> 
9507@media (max-width:767.9px){
9508  .ftbl{  
9509    color:#fff;
9510    font-family: 'ITC Avant Garde';
9511    /*padding: 0 25px;*/
9512padding-bottom:42px;
9513  }
9514.tr1{
9515display: flex;
9516    flex-direction: column;
9517}
9518 .tr1 .left-side{
9519    flex-direction: row;
9520        justify-content: flex-start;
9521padding-bottom: 0px;
9522}
9523 .tr1 .left-side .col1{
9524        padding-top: 0px;
9525}
9526  .tr1 td{ 
9527    padding-bottom: 98px;
9528 padding-top: 43px;
9529  }
9530.tr1 .td1{
9531    padding-top: 42px;
9532    padding-bottom: 50px;
9533}
9534.tr1 .td2{
9535padding-top: 0;
9536padding-bottom: 60px;
9537}
9538.tr3 {
9539    position: relative;
9540}
9541  .tr3 td{
9542    padding-top: 76px;
9543padding-bottom: 43px;
9544  }
9545.tr3 .td3{
9546padding-top: 65px;
9547    display: flex;
9548}
9549.tr3  . right-side{
9550flex-direction: column;
9551}
9552.tr3col1{
9553margin-right: 0;
9554    padding-bottom: 19.52px;
9555}
9556  .ftbl h5,
9557  .ftbl p{
9558    margin:0;
9559  }
9560  .ftbl h5{
9561    line-height: 25px;
9562    font-size: 27px;
9563    font-weight: 400;
9564    padding-bottom: 19px;
9565  }
9566  .ftbl .right-side p{
9567    font-size: 14px;
9568    font-weight: 400;
9569    width: 235px;
9570    line-height: 18px;
9571  }
9572  .ftbl .left-side p{
9573    font-size: 14px;
9574    font-weight: 400;
9575    line-height: 18px;
9576  }
9577  #fclm1img {
9578    width: 117px;
9579    height: 117px;
9580    background: #ccc;
9581    border-radius: 50%;
9582    display: flex;
9583    justify-content: center;
9584    align-items: center;
9585    overflow: hidden;
9586}
9587.td1{
9588    padding-top: 0;
9589    display: flex;
9590}
9591.td2{
9592  width:100%;
9593}
9594.right-side{
9595  display: flex; 
9596}
9597.left-side {
9598    display: flex;
9599    padding-bottom: 34px;
9600    flex-direction: column;
9601    justify-content: end;
9602}
9603.td1 .left-side{
9604flex-direction: row;
9605    justify-content: normal;
9606    padding-bottom: 0;
9607}
9608.td1 .col1{
9609padding-top: 0;
9610}
9611.tr1 .col1 p,
9612.tr1 .col2 p{
9613    white-space: nowrap;
9614}
9615.left-side .col1,
9616.right-side .col1{
9617  padding-right: 34px;
9618}
9619.left-side .col1{
9620padding-bottom: 20px;
9621    padding-top: 26px;
9622}
9623.right-side .col2{
9624  width: 100%;
9625    display: flex;
9626    flex-direction: column;
9627    justify-content: start;
9628    padding-top: 30px;
9629}
9630.left-side h5{
9631  font-size: 14px;
9632  font-weight: 700;
9633  padding-bottom: 15px; 
9634}
9635.right-side h5{
9636white-space: nowrap;
9637}
9638.tr2{
9639    display: flex;
9640    flex-direction: column;
9641}
9642.tr2right-side{
9643    padding-bottom: 60px;
9644    padding-right: 0;
9645}
9646.tr2right-side input{
9647  width: 595px;
9648width: 470px;
9649width:100%;
9650max-width:350px;
9651  height: 51px;
9652    background: transparent !important;
9653border:none;    
9654border-bottom: 1px solid #fff !important;
9655    color: #fff;
9656    border-radius: 0px !important;
9657outline: none;
9658padding-left: 0 !important;
9659  text-indent:0px;
9660}
9661.tr2right-side input::placeholder {
9662    color: #fff;
9663    font-size: 14px;
9664    padding: 13px 19px 13px 0; 
9665}
9666.tr2left-side{
9667  display: flex;
9668  height: 106px;
9669} 
9670.tr2col1,.tr2col2,.tr2col3{
9671  display: flex;
9672    flex-direction: column;
9673    justify-content: space-between;
9674}
9675.tr2 .td3{
9676display:flex;
9677}
9678.tr2col2 {
9679    padding-left: 60px;
9680    padding-right: 60px;
9681} 
9682.tr2left-side a{
9683  color:#fff;
9684  text-decoration: none;
9685}
9686.tr2right-side-p2{
9687  font-size: 14px;
9688    font-weight: 400;
9689        padding: 10px 0 40px 0;
9690padding: 10px 0 0px 0;
9691}
9692
9693.tr3col1{
9694  margin-right:33px;
9695}
9696.tr3col2{
9697  display: flex;
9698    flex-direction: column;
9699    justify-content: end;
9700}
9701.tr3td3{
9702  padding-top: 76px;
9703    display: flex;
9704    flex-direction: column; 
9705    justify-content: end;
9706    align-items: end;
9707    position: absolute;
9708    bottom: 0;
9709    right: 0;
9710}
9711#tr3col1imbl{ 
9712  max-width: 165px;
9713  display: flex;
9714  overflow: hidden;
9715}
9716#tr3col1imbl img{
9717  object-fit: cover;
9718}
9719.tr3td3 a{
9720  color: #fff;
9721    text-decoration: none;
9722    font-size: 14px;
9723    text-align: right;
9724}
9725.ftbl .tr3col2 p{
9726  width:100%;
9727}
9728.tr3col2p1{
9729line-height: 14px;
9730    padding-bottom: 10px;
9731}
9732.tr3right-side .right-side{
9733    flex-direction: column;
9734}
9735}
9736@media (max-width: 840px) {
9737    .right-side h5 {
9738        white-space: wrap;
9739    }
9740    .ftbl .right-side p {
9741        width: 100%;
9742white-space: wrap;
9743    }
9744}
9745@media (max-width:432px){
9746.right-side{
9747flex-direction: column;
9748}
9749.tr1 .left-side{
9750flex-direction: column;
9751}
9752.tr2left-side{
9753flex-direction: column;
9754    height: auto;
9755}
9756    .tr2col2{
9757padding: 20px 0;
9758}
9759}
9760</style>    </div>
9761</div>
9762
9763<style>
9764    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
9765    width:100%;    }
9766
9767        .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code {
9768        }
9769    
9770    .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
9771        width: 100%;
9772        height: 100%;
9773    }
9774</style>
9775                        </div>
9776
9777                        <style>
9778                            .footer_container_3 .flex_row_2 .flex_col_2 {
9779                            width:90%;                            }
9780                        </style>
9781
9782
9783                    
9784                        <div class="flex_col flex_col_3">
9785
9786                            
9787                        </div>
9788
9789                        <style>
9790                            .footer_container_3 .flex_row_2 .flex_col_3 {
9791                            width:5%;                            }
9792                        </style>
9793
9794
9795                    
9796                </div>
9797            
9798                
9799                <style>
9800                    .footer_container_3 .flex_row_2 {
9801                        background-color: #122d57;
9802                        color:#000000;                        height:auto;                                                
9803                                            }
9804                </style>
9805                
9806                                        
9807                
9808            
9809        </div>
9810        <style>
9811            .footer_container .flex_row {
9812                display: flex;
9813            }
9814            .footer_container_3 {
9815                            width:100%;
9816                                        max-width:100%;
9817                            margin: 0 auto;
9818            }
9819            .footer_container .flex_row .flex_col{
9820                display: flex;
9821                flex-wrap: wrap;
9822                box-sizing: border-box;
9823                align-content: baseline;
9824            }
9825            .footer_container .flex_row .flex_col .flex_cell{
9826                height: fit-content;
9827                display: flex;
9828            }
9829            .footer_container .flex_row .flex_col .flex_cell a{
9830                text-decoration: none;
9831            }
9832            .footer_container img {
9833                max-width: 100%;
9834            }
9835        </style>
9836
9837    
9838</footer>
vendor: 110 bytes, lines 9838-9840
9838
9839
9840<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
9840<script>
9841  $(window).on('load', function() {
9842    $(window).scroll(function() {
9843      if(!$("#acsb-widget-get").length){
9844        //var topOffset = $(window).scrollTop();
9845        //if (topOffset > 10) {
9846
9847    var s = document.createElement('script'),e = ! document.body ? document.querySelector('head') : document.body;
9848    s.src = 'https://acsbapp.com/apps/app/assets/js/acsb.js';
9849    s.async = s.defer = true;
9850    s.onload = function(){
9851      acsbJS.init({
9852        statementLink : '',
9853        feedbackLink : '',
9854        footerHtml : 'Powered by i-Showcase',
9855        hideMobile : false,
9856        hideTrigger : false,
9857        language : 'en',
9858        position : 'left',
9859        leadColor : '#146ff8',
9860        triggerColor : '#146ff8',
9861        triggerRadius : '50%',
9862        triggerPositionX : 'left',
9863        triggerPositionY : 'bottom',
9864        triggerIcon : 'default',
9865        triggerSize : 'medium',
9866        triggerOffsetX : 16,
9867        triggerOffsetY : 74,
9868        mobile : {triggerSize : 'small',triggerPositionX : 'left',triggerPositionY : 'center',triggerOffsetX : 0,triggerOffsetY : 0,triggerRadius : '0'}});};e.appendChild(s);
9869  
9870       // }
9871      }
9872    });
9873  });
9874
9875</script>
9875<!-- Start cookieyes banner -->
9876<script id="cookieyes" type="text/javascript" data-type="lazy" data-src="https://cdn-cookieyes.com/client_data/23bc58b93990ccdd481bb0ce/script.js"></script>
9876
9877<!-- End cookieyes banner --><style>
9878  .header_container_1>.flex_row_3>.flex_col_5 { justify-content: flex-end; }
9879  .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu {
9880  	justify-content: center;
9881    align-items: center !important;
9882  }
9883</style>
9883<script>
9884(function () {
9885    let loaded = false;
9886
9887    function loadPodium() {
9888        if (loaded) return;
9889        loaded = true;
9890
9891        const script = document.createElement('script');
9892        script.src = 'https://connect.podium.com/widget.js#ORG_TOKEN=062deac6-6423-4fed-963a-b9bbdf7c689d';
9893        script.defer = true;
9894        script.id = 'podium-widget';
9895        script.setAttribute(
9896            'data-organization-api-token',
9897            '062deac6-6423-4fed-963a-b9bbdf7c689d'
9898        );
9899
9900        document.body.appendChild(script);
9901
9902        window.removeEventListener('scroll', onScroll);
9903    }
9904
9905    function onScroll() {
9906        if (window.scrollY > 0) {
9907            loadPodium();
9908        }
9909    }
9910
9911    window.addEventListener('scroll', onScroll, { passive: true });
9912})();
9913</script>
vendor: 1 bytes, line 9913
9913
9914<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
9914<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
9914<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 9914
9914
9915<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
9915<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
9915<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
9915<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
9915<script>
9916                    (function () {
9917                        function ga4Click(eventName, params) {
9918                            if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); }
9919                        }
9920
9921                        $(document).on("click", ".get-location, .use-my-location", function () {
9922                            ga4Click("usemylocation_click");
9923                        });
9924
9925                        $(document).on("click", ".select-store", function () {
9926                            ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""});
9927                        });
9928
9929                        $(document).on("click", "#search-by-zip button", function () {
9930                            var zip = $("#search-by-zip input").val() || "";
9931                            if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); }
9932                        });
9933                        $(document).on("submit", "#zipcode-form", function () {
9934                            var zip = $(this).find("input[name=zipcode]").val() || "";
9935                            if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); }
9936                        });
9937
9938                        // Anything clickable inside the popup except its own close control
9939                        $(document).on("click", ".popup-container a, .popup-container button", function () {
9940                            if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; }
9941                            ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)});
9942                        });
9943
9944                        // Opening a chat widget (Podium / Clientbook) is as close as we get to a
9945                        // conversation starting — what happens inside the widget is not visible to us.
9946                        var ga4ChatStarted = false;
9947                        $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () {
9948                            if (ga4ChatStarted) { return; }
9949                            ga4ChatStarted = true;
9950                            ga4Click("conversation_started");
9951                        });
9952                    })();
9953                </script>
vendor: 1 bytes, line 9953
9953
9954<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=XbCCdn"></script>
vendor: 1 bytes, line 9954
9954
9955<script>window.KLAVIYO_AJAX_URL = "\/skeleton\/1.0\/view\/ws\/ajax_klaviyo.php";</script>
vendor: 1 bytes, line 9955
9955
9956<script type="text/javascript" src="/skeleton/1.0/view/js/klaviyo.js"></script>
9956
9957
9958        <style>
9959            .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; }
9960            .footer-bottom-inner-left { width: 67%; text-transform: uppercase; }
9961            .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; }
9962            @media (max-width: 767px) {
9963                .footer-bottom-outer { display: block; text-align: center; font-weight: 700; }
9964                .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; }
9965            }
9966        </style>
9967        <div class="footer-bottom-outer"><div class="footer-bottom-inner-left">
9968                     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>
9969                </div>
9969<script>window.local_view_folder = '/skeleton/1.0/view';</script>
9969</div>
9970
9971</body>
9972</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.